@adaptabletools/adaptable 12.0.0-canary.8 → 12.0.1

package/src/View/Components/Popups/AdaptablePopupTeamSharing.js

@@ -33,7 +33,7 @@ const AdaptablePopupTeamSharing = (props) => {
                             React.createElement("strong", null, "Active"),
                             ": a \"live\" share that is automatically updated with every local change"))),
                 React.createElement(FormLayout_1.default, { padding: 2 },
-                    React.createElement(FormLayout_1.FormRow, { label: "Description: " },
+                    React.createElement(FormLayout_1.FormRow, { label: "Name: " },
                         React.createElement(Input_1.default, { autoFocus: true, value: config.description, type: "string", width: 300, placeholder: "Enter text", onChange: (e) => setConfig(Object.assign(Object.assign({}, config), { description: e.target.value })) })),
                     React.createElement(FormLayout_1.FormRow, { label: "Share: " },
                         React.createElement(rebass_1.Flex, { flexDirection: "row" },

package/src/View/Components/ToolPanel/AdaptableToolPanel.js

@@ -148,19 +148,11 @@ const AdaptableToolPanelComponent = (props) => {
         return props.api.toolPanelApi.getCustomToolPanelButtons().map((button) => {
             // TODO: variants of this mapping are present in several places (just search for api.internalApi.getStyleForButton() usages)
             // with the next opportunity we should abstract it
-            // the default size of AdapTable SVG ModuleButtons
-            const defaultIconProps = {
-                style: {
-                    height: 'var(--ab-cmp-simple-button__height)',
-                    width: 'var(--ab-cmp-simple-button__width)',
-                },
-            };
             const toolPanelContext = {
                 adaptableApi: props.api,
                 toolPanelState: props.api.toolPanelApi.getToolPanelState(),
             };
             const buttonIcon = props.api.internalApi.getIconForButton(button, toolPanelContext);
-            const iconProps = buttonIcon && Object.assign({}, defaultIconProps, buttonIcon);
             let buttonStyle = props.api.internalApi.getStyleForButton(button, toolPanelContext);
             let buttonLabel = props.api.internalApi.getLabelForButton(button, toolPanelContext);
             let buttonTooltip = props.api.internalApi.getTooltipForButton(button, toolPanelContext);
@@ -171,9 +163,7 @@ const AdaptableToolPanelComponent = (props) => {
             const buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text';
             const buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none';
             const uniqueKey = buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : uuid_1.createUuid();
-            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' },
-                buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
-                buttonLabel));
+            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
         });
     };
     const onSetColumnVisibility = (name) => {

package/src/View/Components/ToolPanel/CustomToolPanelContent.js

@@ -44,20 +44,12 @@ const CustomToolPanelContent = (props) => {
         ((_a = customToolPanel.buttons) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement("div", { id: buttonsDivId, className: `ab-ToolPanel__custom-content__buttons ${buttonsDivId}` }, customToolPanel.buttons.map((button) => {
             // TODO: variants of this mapping are present in several places (just search for api.internalApi.getStyleForButton() usages)
             // with the next opportunity we should abstract it
-            // the default size of AdapTable SVG ModuleButtons
-            const defaultIconProps = {
-                style: {
-                    height: 'var(--ab-cmp-simple-button__height)',
-                    width: 'var(--ab-cmp-simple-button__width)',
-                },
-            };
             const toolPanelContext = {
                 adaptableApi: api,
                 toolPanelState: api.toolPanelApi.getToolPanelState(),
                 customToolPanel: customToolPanel,
             };
             const buttonIcon = api.internalApi.getIconForButton(button, toolPanelContext);
-            const iconProps = buttonIcon && Object.assign({}, defaultIconProps, buttonIcon);
             let buttonStyle = api.internalApi.getStyleForButton(button, toolPanelContext);
             let buttonLabel = api.internalApi.getLabelForButton(button, toolPanelContext);
             let buttonTooltip = api.internalApi.getTooltipForButton(button, toolPanelContext);
@@ -68,9 +60,7 @@ const CustomToolPanelContent = (props) => {
             const buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text';
             const buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none';
             const uniqueKey = buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : uuid_1.createUuid();
-            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' },
-                buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
-                buttonLabel));
+            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
         })))));
 };
 exports.CustomToolPanelContent = CustomToolPanelContent;

package/src/View/Dashboard/CustomDashboardButton.js

@@ -15,18 +15,7 @@ const CustomDashboardButton = (props) => {
         adaptableApi: props.api,
         dashboardState: props.api.dashboardApi.getDashboardState(),
     };
-    const defaultIconProps = {
-        style: {
-            height: 'var(--ab-cmp-simple-button__height)',
-            width: 'var(--ab-cmp-simple-button__width)',
-        },
-    };
     const buttonIcon = props.api.internalApi.getIconForButton(button, dashboardContext);
-    const iconProps = buttonIcon && Object.assign({}, defaultIconProps, buttonIcon);
-    //    const iconProps: any = button.icon ? { ...button.icon } : null;
-    //    if (iconProps) {
-    //      delete iconProps.Uuid;
-    //    }
     let buttonStyle = props.api.internalApi.getStyleForButton(button, dashboardContext);
     let buttonLabel = props.api.internalApi.getLabelForButton(button, dashboardContext);
     let buttonTooltip = props.api.internalApi.getTooltipForButton(button, dashboardContext);
@@ -34,15 +23,13 @@ const CustomDashboardButton = (props) => {
         return null;
     }
     const disabled = button.disabled && button.disabled(button, dashboardContext);
-    return (React.createElement(SimpleButton_1.default, { key: buttonLabel, variant: buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text', tone: buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none', className: `ab-DashboardToolbar__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, disabled: disabled || props.accessLevel == 'ReadOnly', onClick: () => {
+    return (React.createElement(SimpleButton_1.default, { key: buttonLabel, variant: buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text', tone: buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none', className: `ab-DashboardToolbar__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled || props.accessLevel == 'ReadOnly', onClick: () => {
             var _a;
             (_a = button.onClick) === null || _a === void 0 ? void 0 : _a.call(button, button, dashboardContext);
             setTimeout(() => {
                 // mutate state to force a re-rendering
                 setComponentRevision(componentRevision + 1);
             }, 16);
-        }, accessLevel: 'Full' },
-        buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
-        buttonLabel));
+        }, accessLevel: 'Full' }, buttonLabel));
 };
 exports.CustomDashboardButton = CustomDashboardButton;

package/src/View/Dashboard/CustomToolbarWrapper.js

@@ -69,14 +69,7 @@ const CustomToolbarWrapper = (props) => {
                     adaptableApi: api,
                     dashboardState: api.dashboardApi.getDashboardState(),
                 };
-                const defaultIconProps = {
-                    style: {
-                        height: 'var(--ab-cmp-simple-button__height)',
-                        width: 'var(--ab-cmp-simple-button__width)',
-                    },
-                };
                 const buttonIcon = api.internalApi.getIconForButton(button, dashboardContext);
-                const iconProps = buttonIcon && Object.assign({}, defaultIconProps, buttonIcon);
                 let buttonStyle = api.internalApi.getStyleForButton(button, dashboardContext);
                 let buttonLabel = api.internalApi.getLabelForButton(button, dashboardContext);
                 let buttonTooltip = api.internalApi.getTooltipForButton(button, dashboardContext);
@@ -86,15 +79,13 @@ const CustomToolbarWrapper = (props) => {
                 const disabled = button.disabled && button.disabled(button, dashboardContext);
                 let buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'outlined';
                 let buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'neutral';
-                return (React.createElement(SimpleButton_1.default, { style: { marginLeft: index ? 'var(--ab-space-1)' : 0 }, key: index, disabled: disabled, tooltip: buttonTooltip, variant: buttonVariant, tone: buttonTone, onClick: () => {
+                return (React.createElement(SimpleButton_1.default, { style: { marginLeft: index ? 'var(--ab-space-1)' : 0 }, key: index, disabled: disabled, tooltip: buttonTooltip, icon: buttonIcon, variant: buttonVariant, tone: buttonTone, onClick: () => {
                         button.onClick ? button.onClick(button, dashboardContext) : null;
                         setTimeout(() => {
                             // mutate state to force a re-rendering
                             setComponentRevision(componentRevision + 1);
                         }, 16);
-                    } },
-                    buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
-                    buttonLabel));
+                    } }, buttonLabel));
             }))));
 };
 exports.CustomToolbarWrapper = CustomToolbarWrapper;

package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.js

@@ -60,6 +60,7 @@ const isValidFreeTextColumn = (data, api) => {
 };
 exports.isValidFreeTextColumn = isValidFreeTextColumn;
 const FreeTextColumnSettingsWizardSection = (props) => {
+    var _a;
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const Pattern = api.internalApi.getAdaptableOptions().userInterfaceOptions.dateInputOptions.dateFormat;
     const [ColumnNameFocused, setColumnNameFocused] = react_1.useState(false);
@@ -128,6 +129,11 @@ const FreeTextColumnSettingsWizardSection = (props) => {
                 } })) : (React.createElement(AdaptableInput_1.default, { value: data.DataType === 'Date' && data.DefaultValue
                     ? DateHelper_1.parseToISO(data.DefaultValue, Pattern) || ''
                     : data.DefaultValue || '', style: { width: '100%', maxWidth: 500 }, type: data.DataType === 'Number' ? 'number' : data.DataType === 'Date' ? 'date' : 'text', placeholder: "Default Column Value (not required)", onChange: (e) => handleDefaultValueChange(e) }))),
+            React.createElement(FormLayout_1.FormRow, { label: "Header Tooltip" },
+                React.createElement(Input_1.default, { "data-name": "header-tooltip", type: "text", style: { width: '100%', maxWidth: 500 }, value: ((_a = data.FreeTextColumnSettings) === null || _a === void 0 ? void 0 : _a.HeaderToolTip) || '', onChange: (e) => handleSpecialColumnSettingsChange({
+                        HeaderToolTip: e.target.value,
+                    }) })),
+            ' ',
             data.DataType == 'String' && (React.createElement(FormLayout_1.FormRow, { label: "Editor Type" },
                 React.createElement(Radio_1.default, { value: "Inline", checked: data.TextEditor == 'Inline', onChange: (_, e) => onDynamicSelectChanged(e), marginRight: 2 }, "Inline Editor"),
                 React.createElement(Radio_1.default, { value: "Large", checked: data.TextEditor == 'Large', onChange: (_, e) => onDynamicSelectChanged(e) }, "Large Editor")))),

package/src/View/GridInfo/GridInfoPopup.js

@@ -102,7 +102,7 @@ const GridInfoPopup = (props) => {
         return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { key: index, colItems: x });
     });
     const showRadioButtons = [showGridSummary, showAdaptableOptions, showColumnInfo, showAdaptableObjects].filter((item) => item).length > 1;
-    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: 'Grid Info', glyphicon: 'info-sign' },
+    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: 'Grid Info', glyphicon: 'info' },
         React.createElement(rebass_1.Flex, { marginBottom: 2, padding: 3 }, showRadioButtons && (React.createElement(React.Fragment, null,
             showGridSummary && (React.createElement(Radio_1.default, { "data-name": "radioButton-GridSummary", marginRight: 3, value: "GridSummary", checked: state.ActiveTab == 'GridSummary', onChange: (_, e) => onShowGridSummaryChanged('GridSummary') }, "Summary")),
             showAdaptableOptions && (React.createElement(Radio_1.default, { "data-name": "radioButton-AdaptableOptions", marginRight: 3, value: "AdaptableOptions", checked: state.ActiveTab == 'AdaptableOptions', onChange: (_, e) => onShowGridSummaryChanged('AdaptableOptions') }, "Options")),

package/src/View/Layout/LayoutEditorStandalonePopup.js

@@ -70,7 +70,9 @@ const LayoutEditorStandalonePopup = (props) => {
     }, []);
     const finishDisabled = !layoutData.Name;
     return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column" },
-        React.createElement(LayoutEditorWizard_1.LayoutEditorWizard, { data: layoutData, api: adaptable.api, Layouts: layouts, moduleInfo: layoutModule.moduleInfo, onLayoutChange: setStateLayout, updateGoBackState: () => null }),
+        React.createElement(LayoutEditorWizard_1.LayoutEditorWizard, { data: layoutData, api: adaptable.api, Layouts: layouts, moduleInfo: layoutModule.moduleInfo, onLayoutChange: setStateLayout, 
+            // @ts-ignore
+            updateGoBackState: () => null }),
         React.createElement(PanelFooter_1.PanelFooter, { acceptDisabled: finishDisabled, onAccept: handleAccept, onCancel: handleCancel })));
 };
 exports.LayoutEditorStandalonePopup = LayoutEditorStandalonePopup;

package/src/View/Layout/LayoutPopup.d.ts

@@ -28,5 +28,5 @@ declare class LayoutPopupComponent extends React.Component<LayoutPopupProps, Edi
     canFinishWizard(): boolean;
     private getCurrentLayout;
 }
-export declare let LayoutPopup: import("react-redux").ConnectedComponent<typeof LayoutPopupComponent, import("react-redux").Omit<React.ClassAttributes<LayoutPopupComponent> & LayoutPopupProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "Layouts" | "onSelectLayout" | "onSaveLayout" | "CurrentLayoutName" | "CurrentLayoutDraft" | "onAddLayout">>;
+export declare let LayoutPopup: import("react-redux").ConnectedComponent<typeof LayoutPopupComponent, import("react-redux").Omit<React.ClassAttributes<LayoutPopupComponent> & LayoutPopupProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "onSelectLayout" | "onSaveLayout" | "Layouts" | "CurrentLayoutName" | "CurrentLayoutDraft" | "onAddLayout">>;
 export {};

package/src/View/Layout/LayoutViewPanel.d.ts

@@ -15,5 +15,5 @@ declare class LayoutViewPanelComponent extends React.Component<LayoutViewPanelCo
     render(): any;
     private onSaveLayout;
 }
-export declare let LayoutViewPanelControl: import("react-redux").ConnectedComponent<typeof LayoutViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<LayoutViewPanelComponent> & LayoutViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "Layouts" | "onSelectLayout" | "onSaveLayout" | "CurrentDraftLayout" | "CanSave" | "CurrentLayoutName"> & LayoutViewPanelComponentProps>;
+export declare let LayoutViewPanelControl: import("react-redux").ConnectedComponent<typeof LayoutViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<LayoutViewPanelComponent> & LayoutViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "onSelectLayout" | "onSaveLayout" | "Layouts" | "CurrentDraftLayout" | "CanSave" | "CurrentLayoutName"> & LayoutViewPanelComponentProps>;
 export {};

package/src/View/Layout/Wizard/LayoutEditorWizard.d.ts

@@ -10,7 +10,7 @@ export interface LayoutEditorWizardState {
     layout: Layout;
     errorMessage: string;
 }
-export declare class LayoutEditorWizard extends React.Component<LayoutEditorWizardProps, LayoutEditorWizardState> implements AdaptableWizardStep {
+export declare class LayoutEditorWizard extends React.Component<any, any> implements AdaptableWizardStep {
     constructor(props: LayoutEditorWizardProps);
     render(): any;
     onLayoutNameChange: (event: React.FormEvent<any>) => void;
@@ -20,32 +20,7 @@ export declare class LayoutEditorWizard extends React.Component<LayoutEditorWiza
     }) => string;
     updateLayout: (layout: Partial<Layout>) => void;
     onLayoutChange: (layout: Layout) => void;
-    getLayout: () => {
-        Name: string;
-        Columns: string[];
-        ColumnWidthMap?: {
-            [columnId: string]: number;
-        };
-        ColumnSorts?: import("../../../types").ColumnSort[];
-        ColumnFilters?: import("../../../types").ColumnFilter[];
-        RowGroupedColumns?: string[];
-        ExpandedRowGroupValues?: any[];
-        AggregationColumns?: Record<string, string | true>;
-        EnablePivot?: boolean;
-        PivotColumns?: string[];
-        PinnedColumnsMap?: {
-            [columnId: string]: "left" | "right";
-        };
-        AutoSave?: boolean;
-        ColumnHeadersMap?: {
-            [columnId: string]: string;
-        };
-        SuppressAggFuncInHeader?: boolean;
-        Uuid?: string;
-        Source?: "Config" | "User";
-        IsReadOnly?: boolean;
-        Tags?: string[];
-    };
+    getLayout: () => any;
     canNext(): boolean;
     canBack(): boolean;
     next(): void;

package/src/View/TeamSharing/SharedEntityDependencies.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { SharedEntity } from '../../../types';
+export declare const Dependencies: React.FunctionComponent<{
+    sharedEntity: SharedEntity;
+}>;
+export declare const SharedEntityDependencies: React.FunctionComponent<{
+    data: SharedEntity;
+}>;

package/src/View/TeamSharing/SharedEntityDependencies.js

@@ -0,0 +1,27 @@
+"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 = AdaptableContext_1.useAdaptable();
+    const dependencies = adaptable.api.teamSharingApi.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 })));
+    })));
+};
+exports.Dependencies = Dependencies;
+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 })));
+};
+exports.SharedEntityDependencies = SharedEntityDependencies;

package/src/View/TeamSharing/SharedEntityObjectView.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SharedEntity } from '../../../types';
+export declare const SharedEntityTypeItemView: React.FunctionComponent<{
+    data: SharedEntity;
+}>;
+export declare const getSharedEntityActiveStatusObjectView: (isDependency: boolean) => (props: {
+    data: SharedEntity;
+}) => JSX.Element;
+export declare const getSharedEntityStaleDepsItemView: (staleDependencies: SharedEntity[]) => () => JSX.Element;

package/src/View/TeamSharing/SharedEntityObjectView.js

@@ -0,0 +1,84 @@
+"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) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const moduleName = props.data.Module;
+    const module = adaptable.ModuleService.getModuleById(moduleName);
+    const sharedObject = props.data.Entity;
+    const item = 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)),
+            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(rebass_1.Box, { as: "ul", padding: 0, className: "ab-Shared-Entity-Shared-Object" },
+            React.createElement(AdaptableObjectList_1.AdaptableObjectListItem, { hideControls: true, data: item, module: module })))));
+};
+exports.SharedEntityTypeItemView = SharedEntityTypeItemView;
+const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
+    var _a, _b;
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const activeEntries = adaptable.api.internalApi.getState().TeamSharing.ActiveSharedEntityMap;
+    const sharedEntity = props.data;
+    const isAdaptableObjectPresentInLocalState = !!adaptable.api.internalApi
+        .getModuleService()
+        .getModuleById(sharedEntity.Module)
+        .getModuleAdaptableObjects()
+        .find((adaptableObject) => adaptableObject.Uuid === sharedEntity.Entity.Uuid);
+    const isUpToDateAndActive = isAdaptableObjectPresentInLocalState &&
+        sharedEntity.Type === 'Active' &&
+        ((_a = activeEntries[sharedEntity.Entity.Uuid]) === null || _a === void 0 ? void 0 : _a.Revision) === sharedEntity.Revision;
+    const staleActiveEntities = adaptable.api.internalApi
+        .getTeamSharingService()
+        .getStaleActiveSharedEntities();
+    const isStaleAndActive = isAdaptableObjectPresentInLocalState && !!staleActiveEntities[sharedEntity.Uuid];
+    let activeInfo = null;
+    if (isAdaptableObjectPresentInLocalState) {
+        const activeRevision = (_b = activeEntries === null || activeEntries === void 0 ? void 0 : activeEntries[sharedEntity.Entity.Uuid]) === null || _b === void 0 ? void 0 : _b.Revision;
+        if (sharedEntity.Type === 'Active') {
+            const newRevision = sharedEntity.Revision;
+            let statusInfo = null;
+            if (isUpToDateAndActive) {
+                statusInfo = (React.createElement(rebass_1.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)`));
+            }
+            activeInfo = (React.createElement(React.Fragment, null,
+                `Imported Rev. ${activeRevision} ${isStaleAndActive ? 'is stale' : ''} `,
+                " ",
+                statusInfo));
+        }
+        else {
+            // snapshot
+            activeInfo = React.createElement(React.Fragment, null, `Imported Rev. ${activeRevision}`);
+        }
+    }
+    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)));
+};
+exports.getSharedEntityActiveStatusObjectView = getSharedEntityActiveStatusObjectView;
+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`;
+    }
+    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)));
+};
+exports.getSharedEntityStaleDepsItemView = getSharedEntityStaleDepsItemView;

package/src/View/TeamSharing/TeamSharingApplyButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { AccessLevel, SharedEntity } from '../../../types';
+export declare const TeamSharingApplyButton: React.FunctionComponent<{
+    data: SharedEntity;
+    accessLevel: AccessLevel;
+}>;

package/src/View/TeamSharing/TeamSharingApplyButton.js

@@ -0,0 +1,15 @@
+"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 = AdaptableContext_1.useAdaptable();
+    const handleImport = React.useCallback(() => {
+        adaptable.api.teamSharingApi.importSharedEntry(props.data);
+    }, []);
+    return (React.createElement(SimpleButton_1.default, { onClick: handleImport, variant: "text", tooltip: "Apply Adaptable Object", icon: "import-export" }));
+};
+exports.TeamSharingApplyButton = TeamSharingApplyButton;

package/src/View/UIHelper.d.ts

@@ -3,7 +3,7 @@ import { EditableConfigEntityState } from './Components/SharedProps/EditableConf
 import { StatusColour } from '../PredefinedConfig/Common/Enums';
 import { AdaptableStyle } from '../PredefinedConfig/Common/AdaptableStyle';
 import { Schedule, Weekday } from '../PredefinedConfig/Common/Schedule';
-import { AdaptableColumnDataType, AdaptableOptions } from '../types';
+import { AdaptableColumnDataType, AdaptableInternalIconName, AdaptableOptions } from '../types';
 import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableMessageType } from '../PredefinedConfig/Common/AdaptableMessageType';
 export declare const BLACK: string;
@@ -36,7 +36,7 @@ export declare function IsEmptyStyle(style: AdaptableStyle): boolean;
 export declare function IsNotEmptyStyle(style: AdaptableStyle): boolean;
 export declare function getMessageTypeByStatusColour(statusColour: StatusColour): AdaptableMessageType;
 export declare function getButtonToneByMessageType(messageType: AdaptableMessageType): 'success' | 'error' | 'neutral' | 'none' | 'warning' | 'info' | 'accent';
-export declare function getGlyphByMessageType(messageType: AdaptableMessageType): string;
+export declare function getGlyphByMessageType(messageType: AdaptableMessageType): AdaptableInternalIconName;
 export declare function getColorByMessageType(messageType: AdaptableMessageType): string;
 export declare function getStyleForStatusColour(statusColour: StatusColour): CSSProperties;
 export declare function getStyleForMessageType(messageType: AdaptableMessageType): CSSProperties;

package/src/agGrid/ActionColumnRenderer.js

@@ -45,14 +45,10 @@ class ActionColumnRenderer {
                     if (button.hidden && button.hidden(button, context)) {
                         return;
                     }
-                    const defaultIconProps = {
-                        style: {
-                            height: 15,
-                            width: 15,
-                        },
-                    };
-                    const buttonIcon = adaptableApi.internalApi.getIconForButton(button, context);
-                    const iconProps = buttonIcon && Object.assign({}, defaultIconProps, buttonIcon);
+                    const buttonIcon = adaptableApi.internalApi.getIconForButton(button, context, {
+                        height: 15,
+                        width: 15,
+                    });
                     const buttonStyle = adaptableApi.internalApi.getStyleForButton(button, context);
                     const buttonLabel = adaptableApi.internalApi.getLabelForButton(button, context);
                     const buttonTooltip = adaptableApi.internalApi.getTooltipForButton(button, context);
@@ -66,9 +62,7 @@ class ActionColumnRenderer {
                         }, 16);
                     };
                     const disabled = button.disabled && button.disabled(button, context);
-                    return (React.createElement(SimpleButton_1.default, { key: button.Uuid, "data-name": `action-button-${index + 1}`, variant: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant) !== null && _a !== void 0 ? _a : 'text', disabled: disabled, tooltip: buttonTooltip, tone: (_b = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _b !== void 0 ? _b : 'none', onClick: handleClick, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, accessLevel: 'Full' },
-                        buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
-                        buttonLabel));
+                    return (React.createElement(SimpleButton_1.default, { key: button.Uuid, "data-name": `action-button-${index + 1}`, variant: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant) !== null && _a !== void 0 ? _a : 'text', disabled: disabled, tooltip: buttonTooltip, icon: buttonIcon, tone: (_b = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _b !== void 0 ? _b : 'none', onClick: handleClick, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, accessLevel: 'Full' }, buttonLabel));
                 })));
             };
             const eGui = this.eGui;

package/src/agGrid/Adaptable.d.ts

@@ -1,4 +1,4 @@
-import { ColDef, ColGroupDef, Column, ExcelStyle, GridOptions, Module, RowNode, ValueGetterParams, ValueSetterParams } from '@ag-grid-community/all-modules';
+import { ColDef, ColGroupDef, Column, ExcelStyle, GridOptions, Module, RowNode } from '@ag-grid-community/all-modules';
 import { AdaptableNoCodeWizardOptions, IAdaptableNoCodeWizard } from '../AdaptableInterfaces/AdaptableNoCodeWizard';
 import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { AdaptableOptions } from '../AdaptableOptions/AdaptableOptions';
@@ -18,7 +18,6 @@ import { SelectedRowInfo } from '../PredefinedConfig/Selection/SelectedRowInfo';
 import { AdaptableTheme } from '../PredefinedConfig/ThemeState';
 import { IAdaptableStore } from '../Redux/Store/Interface/IAdaptableStore';
 import { IModuleCollection } from '../Strategy/Interface/IModule';
-import { AdaptableColumnType } from '../types';
 import { EmitterCallback } from '../Utilities/Emitter';
 import { IPPStyle } from '../Utilities/Interface/IPPStyle';
 import { LicenseService } from '../Utilities/Services/LicenseService';
@@ -31,8 +30,6 @@ import { IModuleService } from '../Utilities/Services/Interface/IModuleService';
 import { IEntitlementService } from '../Utilities/Services/Interface/IEntitlementService';
 import { IQueryLanguageService } from '../Utilities/Services/Interface/IQueryLanguageService';
 import { IAlertService } from '../Utilities/Services/Interface/IAlertService';
-import { AdaptableNumberEditor } from './editors/AdaptableNumberEditor';
-import { AdaptableDateEditor } from './editors/AdaptableDateEditor';
 import { ColumnSetupInfo } from './ColumnSetupInfo';
 import { CustomSort } from '../PredefinedConfig/CustomSortState';
 import { ColumnValuesComparer } from '../AdaptableOptions/GeneralOptions';
@@ -224,28 +221,7 @@ export declare class Adaptable implements IAdaptable {
      */
     private mapColumnDefs;
     private getColDefsForSpecialColumns;
-    getColDefsForFreeTextColumns(): {
-        headerName: string;
-        colId: string;
-        editable: boolean;
-        hide: boolean;
-        width: number;
-        enableValue: boolean;
-        filter: boolean;
-        floatingFilter: boolean;
-        resizable: boolean;
-        enableRowGroup: boolean;
-        sortable: boolean;
-        enablePivot: boolean;
-        suppressMenu: boolean;
-        suppressMovable: boolean;
-        headerTooltip: string;
-        cellEditor: string | typeof AdaptableNumberEditor | typeof AdaptableDateEditor;
-        type: AdaptableColumnType[];
-        valueSetter: (params: ValueSetterParams) => any;
-        cellRenderer: import("@ag-grid-community/all-modules").ICellRendererFunc;
-        valueGetter: (params: ValueGetterParams) => any;
-    }[];
+    getColDefsForFreeTextColumns(): ColDef[];
     setupColumnValueGetter({ col }: ColumnSetupInfo): void;
     setupColumnAggFunc({ col }: ColumnSetupInfo): void;
     private getColDefsForRowEditColumns;