@adaptabletools/adaptable 12.0.1-canary.0 → 12.0.1

package/index.css

@@ -2672,6 +2672,10 @@ template {
   --ab-cmp-adaptable-statusbar__font-weight: 400;
   --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary); }
 
+:root {
+  --ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
+  --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary); }
+
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -4113,28 +4117,8 @@ button.ab-StatusBar__SubPanel:hover {
   background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
   cursor: pointer; }
 
-.ab-StatusBar {
-  display: flex;
-  border-right: var(--ab-cmp-adaptable-statusbar__border);
-  border-left: var(--ab-cmp-adaptable-statusbar__border); }
-
-.ab-StatusBar__SubPanel {
-  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
-  border: 0;
-  background: none;
-  font-weight: 400;
-  border-right: var(--ab-cmp-adaptable-statusbar__border); }
-
-.ab-StatusBar__SubPanel:last-child {
-    border-right: 0; }
-
-.ab-StatusBar__SubPanel,
-  .ab-StatusBar__SubPanel .ab-SimpleButton {
-    color: var(--ab-cmp-adaptable-statusbar__color); }
-
-button.ab-StatusBar__SubPanel:hover {
-  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
-  cursor: pointer; }
+.ab-Shared-Entity-Shared-Object {
+  border: var(--ab-cmp-adaptable-shared-entity-shared-object__border); }
 
 .ab-alert--error {
   background: var(--ab-color-error); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "12.0.1-canary.0",
+  "version": "12.0.1",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [
     "web-components",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1656107619570;
+declare const _default: 1656489937822;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1656107619570;
+exports.default = 1656489937822;

package/src/Api/FilterApi.d.ts

@@ -42,10 +42,15 @@ export interface FilterApi {
      */
     isQuickFilterVisible(): boolean;
     /**
-     * Retrieves all the Column Filters in the Column Filter State (of Predefined Config)
+     * Retrieves all Column Filters in currently applied Layout
      * @returns column filters
      */
     getColumnFilters(): ColumnFilter[];
+    /**
+     * Retrieves all Column Filters in a given Layout
+     * @param layoutName Layout to retrieve Column Filters for
+     */
+    getColumnFiltersForLayout(layoutName: string): ColumnFilter[];
     /**
      * Sets Column Filters - will replace filters for existing column and leave other column filters in place
      * @param columnFilters Column Filters to set
@@ -72,7 +77,7 @@ export interface FilterApi {
      */
     clearColumnFilters(): void;
     /**
-     * Clears existing Column Filters and then sets the new ones
+     * Clears existing Column Filters and sets new ones
      * @param columnFilters Column Filters to set
      */
     clearAndSetColumnFilter(columnFilters: ColumnFilter[]): void;

package/src/Api/Implementation/FilterApiImpl.d.ts

@@ -15,6 +15,7 @@ export declare class FilterApiImpl extends ApiBase implements FilterApi {
     isQuickFilterAvailable(): boolean;
     isQuickFilterVisible(): boolean;
     getColumnFilters(): ColumnFilter[];
+    getColumnFiltersForLayout(layoutName: string): ColumnFilter[];
     setColumnFilter(columnFilters: ColumnFilter[]): ColumnFilter[] | null;
     clearColumnFilter(columnFilter: ColumnFilter): void;
     clearColumnFilterByColumns(columns: string[]): void;

package/src/Api/Implementation/FilterApiImpl.js

@@ -47,6 +47,11 @@ class FilterApiImpl extends ApiBase_1.ApiBase {
         const currentLayout = this.adaptable.api.layoutApi.getCurrentLayout();
         return (_a = currentLayout.ColumnFilters) !== null && _a !== void 0 ? _a : [];
     }
+    getColumnFiltersForLayout(layoutName) {
+        var _a;
+        const layout = this.adaptable.api.layoutApi.getLayoutByName(layoutName);
+        return (_a = layout.ColumnFilters) !== null && _a !== void 0 ? _a : [];
+    }
     setColumnFilter(columnFilters) {
         columnFilters.forEach((columnFilter) => {
             if (!columnFilter.Predicate) {

package/src/Api/Implementation/TeamSharingApiImpl.d.ts

@@ -15,5 +15,6 @@ export declare class TeamSharingApiImpl extends ApiBase implements TeamSharingAp
     importSharedEntry(sharedEntity: SharedEntity): void;
     private getTeamSharingState;
     getLoadedSharedEntities(): SharedEntity[];
+    getSharedEntryDependencies(sharedEntity: SharedEntity): SharedEntity[];
     triggerLoadingTeamSharingEntries(): void;
 }

package/src/Api/Implementation/TeamSharingApiImpl.js

@@ -78,6 +78,11 @@ class TeamSharingApiImpl extends ApiBase_1.ApiBase {
     getLoadedSharedEntities() {
         return this.getTeamSharingState().SharedEntities;
     }
+    getSharedEntryDependencies(sharedEntity) {
+        var _a;
+        const allEntities = this.getLoadedSharedEntities();
+        return ((_a = sharedEntity === null || sharedEntity === void 0 ? void 0 : sharedEntity.EntityDependencyIds) !== null && _a !== void 0 ? _a : []).map((id) => allEntities.find((entity) => entity.Uuid === id));
+    }
     triggerLoadingTeamSharingEntries() {
         this.adaptable.api.internalApi.dispatchReduxAction(TeamSharingRedux.TeamSharingGet());
     }

package/src/Api/TeamSharingApi.d.ts

@@ -69,4 +69,8 @@ export interface TeamSharingApi {
      * By default shared entries are loaded when the Team Sharing popup is visible.
      */
     triggerLoadingTeamSharingEntries(): void;
+    /**
+     * Retrieves shared entry dependencies.
+     */
+    getSharedEntryDependencies(sharedEntry: SharedEntity): SharedEntity[];
 }

package/src/PredefinedConfig/Common/AdaptableIcon.d.ts

@@ -48,4 +48,7 @@ export interface AdaptableBaseIcon {
      */
     style?: React.CSSProperties;
 }
-export declare type AdaptableInternalIconName = 'add' | 'add-row' | 'alert' | 'align-justify' | 'analysis' | 'application' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrowexpand' | 'attach-file' | 'blanks' | 'boolean-list' | 'broadcast' | 'build' | 'bulk-update' | 'calculated-column' | 'calendar' | 'call' | 'campaign' | 'cell-summary' | 'cell-validation' | 'chart' | 'chat' | 'check' | 'check-box' | 'check-box-outline' | 'check-circle' | 'checked' | 'clear' | 'clone' | 'close' | 'cloud-upload' | 'collapse' | 'column-add' | 'column-chooser' | 'column-filter' | 'column-info' | 'comment' | 'conditional-style' | 'contains' | 'custom-sort' | 'dashboard' | 'data-set' | 'date-range' | 'delete' | 'division' | 'dock' | 'drag' | 'edit' | 'ends-with' | 'equal' | 'equation' | 'error' | 'expand' | 'exponent' | 'export' | 'export-data' | 'fast-backward' | 'fast-forward' | 'filter' | 'flashing-cell' | 'folder' | 'folder-open' | 'folder-shared' | 'format-column' | 'freetext-column' | 'function' | 'gradient-column' | 'greater-than' | 'greater-than-or-equal' | 'hide-column' | 'history' | 'home' | 'import-export' | 'info' | 'instrument' | 'invalid' | 'ipushpull' | 'justify' | 'layout' | 'less-than' | 'less-than-or-equal' | 'list' | 'login' | 'logout' | 'menu' | 'minus' | 'multiplication' | 'newpage' | 'news' | 'non-blanks' | 'not-contains' | 'not-equal' | 'ok' | 'pause' | 'percent' | 'percent-bar' | 'person' | 'pie-chart' | 'play' | 'plus' | 'plus-minus' | 'query' | 'quick-search' | 'quote' | 'refresh' | 'regex' | 'reminder' | 'save' | 'schedule' | 'settings' | 'shortcut' | 'show-column' | 'smart-edit' | 'sort-asc' | 'sort-desc' | 'spark-line' | 'starts-with' | 'state-management' | 'statusbar' | 'stop' | 'system-status' | 'tab-unselected' | 'team-share' | 'theme' | 'tool-panel' | 'track-changes' | 'trash' | 'triangle-down' | 'triangle-up' | 'unchecked' | 'undo' | 'updated-row' | 'upload' | 'warning';
+/**
+ * All AdapTable internal icon names
+ */
+export declare type AdaptableInternalIconName = 'add' | 'add-row' | 'alert' | 'align-justify' | 'analysis' | 'application' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrowexpand' | 'attach-file' | 'blanks' | 'boolean-list' | 'broadcast' | 'build' | 'bulk-update' | 'calculated-column' | 'calendar' | 'call' | 'campaign' | 'cell-summary' | 'cell-validation' | 'chart' | 'chat' | 'check' | 'check-circle' | 'checked' | 'clear' | 'clone' | 'close' | 'cloud-upload' | 'collapse' | 'column-add' | 'column-chooser' | 'column-filter' | 'comment' | 'conditional-style' | 'contains' | 'custom-sort' | 'dashboard' | 'data-set' | 'date-range' | 'delete' | 'division' | 'dock' | 'drag' | 'edit' | 'ends-with' | 'equal' | 'equation' | 'error' | 'expand' | 'exponent' | 'export' | 'export-data' | 'fast-backward' | 'fast-forward' | 'filter' | 'flashing-cell' | 'folder' | 'folder-open' | 'folder-shared' | 'format-column' | 'freetext-column' | 'function' | 'gradient-column' | 'greater-than' | 'greater-than-or-equal' | 'hide-column' | 'history' | 'home' | 'import-export' | 'info' | 'instrument' | 'invalid' | 'ipushpull' | 'justify' | 'layout' | 'less-than' | 'less-than-or-equal' | 'list' | 'login' | 'logout' | 'menu' | 'minus' | 'multiplication' | 'newpage' | 'news' | 'non-blanks' | 'not-contains' | 'not-equal' | 'ok' | 'pause' | 'percent' | 'percent-bar' | 'person' | 'pie-chart' | 'play' | 'plus' | 'plus-minus' | 'query' | 'quick-search' | 'quote' | 'refresh' | 'regex' | 'reminder' | 'save' | 'schedule' | 'settings' | 'shortcut' | 'show-column' | 'smart-edit' | 'sort-asc' | 'sort-desc' | 'spark-line' | 'starts-with' | 'state-management' | 'statusbar' | 'stop' | 'system-status' | 'tab-unselected' | 'team-share' | 'theme' | 'tool-panel' | 'track-changes' | 'trash' | 'triangle-down' | 'triangle-up' | 'unchecked' | 'undo' | 'updated-row' | 'upload' | 'warning';

package/src/Redux/ActionsReducers/LayoutRedux.js

@@ -165,6 +165,9 @@ const LayoutReducer = (state = initialState, action) => {
             const currentLayoutName = setColumnCaptionAction.layoutName;
             let currentLayout = state.Layouts.find((l) => l.Name === currentLayoutName);
             if (currentLayout) {
+                if (!currentLayout.ColumnHeadersMap) {
+                    currentLayout.ColumnHeadersMap = {};
+                }
                 currentLayout.ColumnHeadersMap[setColumnCaptionAction.columnId] =
                     setColumnCaptionAction.caption;
                 return Object.assign({}, state, {

package/src/Strategy/AdaptableModuleBase.d.ts

@@ -23,6 +23,10 @@ export declare abstract class AdaptableModuleBase implements IModule {
     protected getViewAccessLevel(): AccessLevel;
     protected getEditAccessLevel(): AccessLevel;
     isModuleAvailable(): boolean;
+    /**
+     * Used inside the unified UI to show the share button
+     */
+    isModuleObjectsShareable(): boolean;
     isModuleEditable(): boolean;
     updateOldConfig(): void;
     getModuleAdaptableObjects(): AdaptableObject[];

package/src/Strategy/AdaptableModuleBase.js

@@ -36,6 +36,12 @@ class AdaptableModuleBase {
     isModuleAvailable() {
         return this.hasRequiredAccessLevel(this.getViewAccessLevel());
     }
+    /**
+     * Used inside the unified UI to show the share button
+     */
+    isModuleObjectsShareable() {
+        return true;
+    }
     isModuleEditable() {
         return this.hasRequiredAccessLevel(this.getEditAccessLevel());
     }

package/src/Strategy/DashboardModule.js

@@ -63,6 +63,7 @@ class DashboardModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 {
                     label: this.moduleInfo.FriendlyName,
                     isVisible: true,
+                    module: this.moduleInfo.ModuleName,
                     icon: {
                         name: 'dashboard',
                     },

package/src/Strategy/ExportModule.js

@@ -76,6 +76,7 @@ class ExportModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return [
             {
                 label: 'Export Selected Cells',
+                module: this.moduleInfo.ModuleName,
                 isVisible: true,
                 icon: { name: this.moduleInfo.Glyph },
                 subItems: menuItems,

package/src/Strategy/FormatColumnModule.js

@@ -196,14 +196,14 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 let formatColumn = this.api.formatColumnApi.getFormatColumnForColumnId(column.columnId);
                 let hasCheckBox = formatColumn && ((_a = formatColumn.ColumnStyle) === null || _a === void 0 ? void 0 : _a.CheckBoxStyle);
                 if (hasCheckBox) {
-                    returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Remove Checkbox', 'check-box-outline', () => {
+                    returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Remove Checkbox', 'unchecked', () => {
                         this.api.formatColumnApi.deleteFormatColumn(formatColumn);
                     }));
                 }
                 else {
                     //    const test = this.api.formatColumnApi.getCheckBoxStyleFormatColumn(column);
                     if (formatColumn) {
-                        returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Show as Checkbox', 'check-box', () => {
+                        returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Show as Checkbox', 'checked', () => {
                             formatColumn.ColumnStyle = {
                                 CheckBoxStyle: true,
                             };
@@ -212,7 +212,7 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                         }));
                     }
                     else {
-                        returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Show as Checkbox', 'check-box', () => {
+                        returnColumnMenuItems.push(this.createColumnMenuItemClickFunction('Show as Checkbox', 'checked', () => {
                             let newFormatColumn = {
                                 Scope: {
                                     ColumnIds: [column.columnId],

package/src/Strategy/GridInfoModule.js

@@ -42,6 +42,7 @@ class GridInfoModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 return [
                     {
                         label: 'Show Info',
+                        module: this.moduleInfo.ModuleName,
                         isVisible: true,
                         icon: {
                             name: this.moduleInfo.Glyph,
@@ -90,6 +91,7 @@ class GridInfoModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 return [
                     {
                         label: 'Show Info',
+                        module: this.moduleInfo.ModuleName,
                         isVisible: true,
                         icon: {
                             name: this.moduleInfo.Glyph,

package/src/Strategy/Interface/IModule.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { CSSProperties } from 'react';
 import { AdaptableColumn } from '../../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableMenuItem, ContextMenuContext } from '../../PredefinedConfig/Common/Menu';
 import { AdaptableModule } from '../../PredefinedConfig/Common/Types';
@@ -64,6 +64,14 @@ export interface AdaptableObjectView {
      * Reference to the underling object.
      */
     abObject: AdaptableObject;
+    /**
+     * Style added on the item wrapper.
+     */
+    style?: CSSProperties;
+    /**
+     * ClassName added on the item wrapper.
+     */
+    className?: string;
 }
 export interface AdaptableObjectCompactView {
     item: AdaptableObjectItemView;
@@ -79,6 +87,7 @@ export interface AdaptableModuleView {
      * Allows to add custom actions.
      */
     actions?: AdaptableModuleViewAction[];
+    onMount?: () => void;
     onOpenEditPopup?: (abObject?: AdaptableObject) => void;
     getDeleteAction?: (abObject: AdaptableObject) => Redux.Action;
     getCompactDeleteAction?: (abObject: AdaptableObject) => Redux.Action;
@@ -124,6 +133,7 @@ export interface IModule {
     setModuleEntitlement(): void;
     isModuleAvailable(): boolean;
     isModuleEditable(): boolean;
+    isModuleObjectsShareable(): boolean;
     getTeamSharingAction(): TeamSharingImportInfo<AdaptableObject> | undefined;
     getModuleAdaptableObjects(): AdaptableObject[];
     getTeamSharingReferences(adaptableObject: AdaptableObject): TeamSharingReferences;

package/src/Strategy/LayoutModule.js

@@ -162,6 +162,7 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             returnColumnMenuItems.push({
                 label: 'Select',
                 isVisible: true,
+                module: this.moduleInfo.ModuleName,
                 icon: {
                     name: 'tab-unselected',
                 },
@@ -198,6 +199,7 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 gridMenuItems.push(this.createColumnMenuItemClickFunction('Select', 'tab-unselected', clickFunction));
                 returnColumnMenuItems.push({
                     label: 'Grid',
+                    module: this.moduleInfo.ModuleName,
                     isVisible: true,
                     icon: { name: 'align-justify' },
                     subItems: gridMenuItems,

package/src/Strategy/TeamSharingModule.d.ts

@@ -1,11 +1,21 @@
 import { AdaptableModuleBase } from './AdaptableModuleBase';
-import { IModule } from './Interface/IModule';
+import { AdaptableModuleView, AdaptableObjectView, IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
+import { SharedEntity } from '../../types';
 export declare class TeamSharingModule extends AdaptableModuleBase implements IModule {
     private SKIP_TEAMSHARING_UPDATE_ACTIONS;
     constructor(api: AdaptableApi);
     isModuleAvailable(): boolean;
+    isModuleObjectsShareable(): boolean;
     getPopupMaxWidth(): number | undefined;
     private handleStateChanged;
     private extractAdaptableObjectFromAction;
+    isAdaptableObjectPresentInLocalState(sharedEntity: SharedEntity): boolean;
+    private isSharedEntityADependency;
+    private isStaleAndActive;
+    private getDependencies;
+    private getStaleDependencies;
+    toView(sharedEntity: SharedEntity): AdaptableObjectView;
+    toViewAll(): AdaptableObjectView[];
+    getViewProperties(): AdaptableModuleView;
 }

package/src/Strategy/TeamSharingModule.js

@@ -9,6 +9,11 @@ const TeamSharingRedux_1 = require("../Redux/ActionsReducers/TeamSharingRedux");
 const TeamSharingRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/TeamSharingRedux"));
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const LayoutRedux_1 = require("../Redux/ActionsReducers/LayoutRedux");
+const SharedEntityObjectView_1 = require("../View/TeamSharing/SharedEntityObjectView");
+const TeamSharingApplyButton_1 = require("../View/TeamSharing/TeamSharingApplyButton");
+const SharedEntityDependencies_1 = require("../View/TeamSharing/SharedEntityDependencies");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
+const flatten_1 = tslib_1.__importDefault(require("lodash/flatten"));
 class TeamSharingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.TeamSharingModuleId, 'Team Sharing', 'team-share', 'TeamSharingPopup', 'Team Sharing allows users to share - at run-time - Adaptable Objects between colleagues.', api);
@@ -27,10 +32,14 @@ class TeamSharingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             // make sure there is no zombie import process remaining (in case a previous import crashed)
             this.api.internalApi.dispatchReduxAction(TeamSharingRedux.TeamSharingCommitImport());
         });
+        this.api.teamSharingApi.triggerLoadingTeamSharingEntries();
     }
     isModuleAvailable() {
         return super.isModuleAvailable() && this.api.teamSharingApi.isTeamSharingActivated();
     }
+    isModuleObjectsShareable() {
+        return false;
+    }
     getPopupMaxWidth() {
         return 1000;
     }
@@ -69,5 +78,100 @@ class TeamSharingModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         }
         return Object.values(action).find((actionProperty) => isAdaptableObject_1.isAdaptableObject(actionProperty));
     }
+    isAdaptableObjectPresentInLocalState(sharedEntity) {
+        return !!this.api.internalApi
+            .getModuleService()
+            .getModuleById(sharedEntity.Module)
+            .getModuleAdaptableObjects()
+            .find((adaptableObject) => adaptableObject.Uuid === sharedEntity.Entity.Uuid);
+    }
+    isSharedEntityADependency(sharedEntity) {
+        const allSharedEntries = this.api.teamSharingApi.getLoadedSharedEntities();
+        return allSharedEntries.some((sharedEntryCandidate) => {
+            var _a;
+            return (_a = sharedEntryCandidate === null || sharedEntryCandidate === void 0 ? void 0 : sharedEntryCandidate.EntityDependencyIds) === null || _a === void 0 ? void 0 : _a.includes(sharedEntity.Uuid);
+        });
+    }
+    isStaleAndActive(sharedEntity) {
+        const staleActiveEntities = this.api.internalApi
+            .getTeamSharingService()
+            .getStaleActiveSharedEntities();
+        return (this.isAdaptableObjectPresentInLocalState(sharedEntity) &&
+            !!staleActiveEntities[sharedEntity.Uuid]);
+    }
+    getDependencies(sharedEntity) {
+        if (!Array.isArray(sharedEntity.EntityDependencyIds) ||
+            sharedEntity.EntityDependencyIds.length === 0) {
+            return [sharedEntity];
+        }
+        const allSharedEntities = this.api.teamSharingApi.getLoadedSharedEntities();
+        const dependencies = sharedEntity.EntityDependencyIds.map((dependencyUuid) => allSharedEntities.find((entity) => entity.Uuid === dependencyUuid));
+        return flatten_1.default(dependencies.map((dependency) => this.getDependencies(dependency)));
+    }
+    getStaleDependencies(sharedEntity) {
+        return this.getDependencies(sharedEntity).filter((dependency) => dependency.Uuid !== sharedEntity.Uuid && this.isStaleAndActive(dependency));
+    }
+    toView(sharedEntity) {
+        const isDependency = this.isSharedEntityADependency(sharedEntity);
+        const staleDependencies = this.getStaleDependencies(sharedEntity);
+        const staleDependenciesViewItems = [];
+        if (staleDependencies === null || staleDependencies === void 0 ? void 0 : staleDependencies.length) {
+            staleDependenciesViewItems.push({
+                name: 'Stale Deps',
+                view: SharedEntityObjectView_1.getSharedEntityStaleDepsItemView(staleDependencies),
+            });
+        }
+        const sharedViewItems = [];
+        const isStaleAndActive = this.isStaleAndActive(sharedEntity);
+        if (!isDependency || isStaleAndActive) {
+            sharedViewItems.push({
+                name: 'Shared',
+                view: SharedEntityObjectView_1.getSharedEntityActiveStatusObjectView(isDependency),
+            });
+        }
+        return {
+            items: [
+                !isDependency &&
+                    sharedEntity.Description && {
+                    name: 'Name',
+                    values: [sharedEntity.Description],
+                },
+                !isDependency && {
+                    name: 'Share Mode',
+                    values: [sharedEntity.Type],
+                },
+                ...sharedViewItems,
+                {
+                    name: 'Type',
+                    view: SharedEntityObjectView_1.SharedEntityTypeItemView,
+                },
+                ...staleDependenciesViewItems,
+                ArrayExtensions_1.default.IsNotNullOrEmpty(sharedEntity.EntityDependencyIds) && {
+                    name: 'Dependencies',
+                    view: SharedEntityDependencies_1.SharedEntityDependencies,
+                },
+            ].filter(Boolean),
+            abObject: sharedEntity,
+        };
+    }
+    toViewAll() {
+        var _a;
+        return (((_a = this.api.teamSharingApi.getLoadedSharedEntities()) !== null && _a !== void 0 ? _a : [])
+            // only top level
+            .filter((sharedEntity) => !this.isSharedEntityADependency(sharedEntity))
+            .map((item) => this.toView(item)));
+    }
+    getViewProperties() {
+        return {
+            actions: [TeamSharingApplyButton_1.TeamSharingApplyButton],
+            onMount: () => {
+                this.api.teamSharingApi.triggerLoadingTeamSharingEntries();
+            },
+            getDeleteAction: (sharedEntity) => {
+                return TeamSharingRedux.TeamSharingRemoveItem(sharedEntity.Uuid);
+            },
+            emptyView: 'Shared Items will appear here when available.',
+        };
+    }
 }
 exports.TeamSharingModule = TeamSharingModule;

package/src/Utilities/Services/TeamSharingService.js

@@ -148,8 +148,6 @@ class TeamSharingService {
         // for every dependency, create recursively the corresponding shared entities
         teamSharingDependencies.forEach((teamSharingDependency) => {
             const sharedEntityDependency = this.createSharedEntity(teamSharingDependency.Reference, teamSharingDependency.Module, configuration, sharingUserName, sharingTimestamp, createdSharedEntities);
-            // update description
-            sharedEntityDependency.Description = `${configuration.description} (Dependency of ${mainSharedEntity.Module})`;
             // update dependency IDs for the main shared entity
             mainSharedEntity.EntityDependencyIds.push(sharedEntityDependency.Uuid);
         });

package/src/View/AdaptableViewFactory.js

@@ -7,7 +7,6 @@ const QuickSearchPopup_1 = require("./QuickSearch/QuickSearchPopup");
 const ThemePopup_1 = require("./Theme/ThemePopup");
 const ToolPanelPopup_1 = require("./Components/ToolPanel/ToolPanelPopup");
 const GridInfoPopup_1 = require("./GridInfo/GridInfoPopup");
-const TeamSharingPopup_1 = require("./TeamSharing/TeamSharingPopup");
 const DashboardPopup_1 = require("./Dashboard/DashboardPopup");
 const StateManagementPopup_1 = require("./StateManagement/StateManagementPopup");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
@@ -41,7 +40,6 @@ exports.AdaptableViewFactory = {
     CellSummaryPopup: CellSummaryPopup_1.CellSummaryPopup,
     SmartEditPopup: SmartEditPopup_1.SmartEditPopup,
     ThemePopup: ThemePopup_1.ThemePopup,
-    TeamSharingPopup: TeamSharingPopup_1.TeamSharingPopup,
     ToolPanelPopup: ToolPanelPopup_1.ToolPanelPopup,
     SystemStatusPopup: SystemStatusPopup_1.SystemStatusPopup,
     DataChangeHistoryPopup: DataChangeHistoryPopup_1.DataChangeHistoryPopup,

package/src/View/Components/AdaptableObjectList/AdaptableObjectList.d.ts

@@ -3,7 +3,19 @@ import { AdaptableObjectView, IModule } from '../../../Strategy/Interface/IModul
 interface AdaptableObjectListItemProps {
     data: AdaptableObjectView;
     module: IModule;
-    baseClassName: string;
+    /**
+     * Used for team sharing.
+     * If this gets more complicated the underlying UI for the adaptable item should be extracted.
+     *
+     * @defaults false
+     */
+    hideControls?: boolean;
+    /**
+     * Used for team sharing.
+     * @defaults false
+     */
+    deleteDisabled?: boolean;
+    deleteTooltip?: string;
 }
 export declare const AdaptableObjectListItem: React.FunctionComponent<AdaptableObjectListItemProps>;
 interface AdaptableObjectListProps {

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

@@ -15,6 +15,7 @@ const ButtonShare_1 = require("../Buttons/ButtonShare");
 const SuspendToggleButton_1 = require("../Buttons/SuspendToggleButton/SuspendToggleButton");
 const ValueSelector_1 = require("../ValueSelector");
 const ICON_SIZE = 26;
+const baseClassName = 'ab-Adaptable-Object-List';
 const AdaptableObjectListItem = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const adaptable = AdaptableContext_1.useAdaptable();
@@ -24,15 +25,17 @@ const AdaptableObjectListItem = (props) => {
     const viewOptions = (_b = (_a = props.module) === null || _a === void 0 ? void 0 : _a.getViewProperties) === null || _b === void 0 ? void 0 : _b.call(_a);
     const EditWizard = (_c = viewOptions.getEditWizard) === null || _c === void 0 ? void 0 : _c.call(viewOptions, props.data.abObject);
     const deleteAction = (_d = viewOptions === null || viewOptions === void 0 ? void 0 : viewOptions.getDeleteAction) === null || _d === void 0 ? void 0 : _d.call(viewOptions, props.data.abObject);
-    const teamSharingActivated = adaptable.api.teamSharingApi.isTeamSharingActivated() &&
+    const isObjectShareable = props.module.isModuleObjectsShareable();
+    const teamSharingActivated = isObjectShareable &&
+        adaptable.api.teamSharingApi.isTeamSharingActivated() &&
         adaptable.api.teamSharingApi.hasTeamSharingFullRights();
     const entityType = props.module.moduleInfo.FriendlyName;
     const moduleAccessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
     const accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(props.data.abObject, moduleAccessLevel);
-    const baseClassName = `${props.baseClassName}__Item`;
-    const itemClassName = join_1.default(baseClassName, props.data.abObject.IsSuspended && `${baseClassName}--is-suspended`);
+    const itemBaseClassName = `${baseClassName}__Item`;
+    const itemClassName = join_1.default(props.data.className, itemBaseClassName, props.data.abObject.IsSuspended && `${itemBaseClassName}--is-suspended`);
     const handleCloseWizard = React.useCallback(() => {
         setIsEditWizardVisible(false);
         setWizardStepName(null);
@@ -56,42 +59,42 @@ const AdaptableObjectListItem = (props) => {
         });
     });
     const isEditDisabled = !Boolean(EditWizard || viewOptions.onOpenEditPopup);
-    return (React.createElement(rebass_1.Flex, { "data-name": "adaptable-object-list-item", "data-value": props.data.abObject.Uuid, as: "li", mb: 3, className: itemClassName },
-        React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__rows` }, (_j = (_h = (_g = props.data.items).filter) === null || _h === void 0 ? void 0 : _h.call(_g, Boolean)) === null || _j === void 0 ? void 0 : _j.map((tag, index) => {
+    const showActions = !props.hideControls;
+    return (React.createElement(rebass_1.Flex, { "data-name": "adaptable-object-list-item", "data-value": props.data.abObject.Uuid, as: "li", mb: 3, className: itemClassName, style: props.data.style },
+        React.createElement(rebass_1.Box, { flex: 1, className: `${itemBaseClassName}__rows` }, (_j = (_h = (_g = props.data.items).filter) === null || _h === void 0 ? void 0 : _h.call(_g, Boolean)) === null || _j === void 0 ? void 0 : _j.map((tag, index) => {
             var _a;
             let labelEl = tag.label;
             if (typeof tag.label === 'function') {
                 labelEl = React.createElement(tag.label, { data: props.data.abObject });
             }
             labelEl = labelEl !== null && labelEl !== void 0 ? labelEl : tag.name;
-            return (React.createElement(rebass_1.Flex, { "data-name": tag.name, key: index, mb: 2, className: `${baseClassName}__row` },
-                React.createElement(rebass_1.Box, { className: `${baseClassName}__label`, mr: 3 },
+            return (React.createElement(rebass_1.Flex, { "data-name": tag.name, key: index, mb: 2, className: `${itemBaseClassName}__row` },
+                React.createElement(rebass_1.Box, { className: `${itemBaseClassName}__label`, mr: 3 },
                     labelEl,
-                    EditWizard && (React.createElement(SimpleButton_1.default, { accessLevel: accessLevel, className: `${baseClassName}__edit-property`, ml: 1, icon: "edit", tooltip: "edit", iconSize: 18, variant: "text", onClick: () => {
+                    EditWizard && (React.createElement(SimpleButton_1.default, { accessLevel: accessLevel, className: `${itemBaseClassName}__edit-property`, ml: 1, icon: "edit", tooltip: "edit", iconSize: 18, variant: "text", onClick: () => {
                             handleOnEdit(tag.name);
                         } }))),
-                React.createElement(rebass_1.Box, { flex: 1, className: `${baseClassName}__values` },
+                React.createElement(rebass_1.Box, { flex: 1, className: `${itemBaseClassName}__values` },
                     tag.view &&
                         React.createElement(tag.view, {
                             data: props.data.abObject,
                         }),
                     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) })))));
         })),
-        React.createElement(rebass_1.Flex, { flexDirection: "column", className: `${baseClassName}__buttons` },
+        showActions && (React.createElement(rebass_1.Flex, { flexDirection: "column", className: `${itemBaseClassName}__buttons` },
             React.createElement(rebass_1.Flex, { justifyContent: "end" },
                 actions,
                 teamSharingActivated && (React.createElement(ButtonShare_1.ButtonShare, { iconSize: ICON_SIZE, Header: `TeamSharing ${entityType}`, accessLevel: accessLevel, onShare: (config) => adaptable.api.teamSharingApi.shareEntity(props.data.abObject, props.module.moduleInfo.ModuleName, config) })),
-                deleteAction && (React.createElement(ButtonDelete_1.ButtonDelete, { iconSize: ICON_SIZE, ConfirmationMsg: `Are you sure you want to delete this ${entityType}?`, ConfirmationTitle: `Delete ${entityType}`, ConfirmAction: deleteAction, accessLevel: accessLevel })),
+                deleteAction && (React.createElement(ButtonDelete_1.ButtonDelete, { disabled: props.deleteDisabled, tooltip: props.deleteTooltip, iconSize: ICON_SIZE, ConfirmationMsg: `Are you sure you want to delete this ${entityType}?`, ConfirmationTitle: `Delete ${entityType}`, ConfirmAction: deleteAction, accessLevel: accessLevel })),
                 React.createElement(ButtonEdit_1.ButtonEdit, { iconSize: ICON_SIZE, disabled: isEditDisabled, accessLevel: accessLevel, onClick: () => handleOnEdit() })),
             React.createElement(rebass_1.Box, { flex: 1 }),
             hasSuspend && (React.createElement(rebass_1.Flex, { justifyContent: "end" },
-                React.createElement(SuspendToggleButton_1.SuspendToggleButton, { onSuspend: () => dispatch(viewOptions.getSuspendAction(props.data.abObject)), onUnSuspend: () => dispatch(viewOptions.getUnSuspendAction(props.data.abObject)), suspendableObject: props.data.abObject, accessLevel: accessLevel })))),
+                React.createElement(SuspendToggleButton_1.SuspendToggleButton, { onSuspend: () => dispatch(viewOptions.getSuspendAction(props.data.abObject)), onUnSuspend: () => dispatch(viewOptions.getUnSuspendAction(props.data.abObject)), suspendableObject: props.data.abObject, accessLevel: accessLevel }))))),
         isEditWizardVisible && EditWizard && (React.createElement(EditWizard, { defaultCurrentSectionName: wizardStepName, moduleInfo: props.module.moduleInfo, data: props.data.abObject, configEntities: null, onCloseWizard: handleCloseWizard, onFinishWizard: handleCloseWizard }))));
 };
 exports.AdaptableObjectListItem = AdaptableObjectListItem;
 const AdaptableObjectList = (props) => {
     var _a;
-    const baseClassName = 'ab-Adaptable-Object-List';
-    return (React.createElement("ul", { className: baseClassName }, (_a = props === null || props === void 0 ? void 0 : props.items) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(exports.AdaptableObjectListItem, { key: item.abObject.Uuid, baseClassName: baseClassName, data: item, module: props.module })))));
+    return (React.createElement("ul", { className: baseClassName }, (_a = props === null || props === void 0 ? void 0 : props.items) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(exports.AdaptableObjectListItem, { key: item.abObject.Uuid, data: item, module: props.module })))));
 };
 exports.AdaptableObjectList = AdaptableObjectList;

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

@@ -8,9 +8,9 @@ const PopupRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 class ButtonDeleteComponent extends React.Component {
     render() {
-        var _a;
-        const _b = this.props, { onConfirmWarning, ConfirmAction, ConfirmationMsg, ConfirmationTitle, onClickAction } = _b, props = tslib_1.__rest(_b, ["onConfirmWarning", "ConfirmAction", "ConfirmationMsg", "ConfirmationTitle", "onClickAction"]);
-        return (React.createElement(SimpleButton_1.default, Object.assign({ "data-name": "delete", tooltip: "Delete", variant: "text", icon: "trash", iconSize: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 24 }, props, { onClick: () => this.onClick() })));
+        var _a, _b;
+        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: "trash", iconSize: (_b = props.iconSize) !== null && _b !== void 0 ? _b : 24 }, props, { onClick: () => this.onClick() })));
     }
     onClick() {
         if (this.props.ConfirmAction) {