@adaptabletools/adaptable 12.0.0-canary.8 → 12.0.1

package/index.css

@@ -2649,7 +2649,7 @@ template {
   --ab-cmp-adaptable-object-compact-list__header__padding: var(--ab-space-2);
   --ab-cmp-adaptable-object-compact-list__header__margin-bottom: var(--ab-space-1);
   --ab-cmp-adaptable-object-compact-list__header__font-size: var(--ab-font-size-4);
-  --ab-cmp-adaptable-object-compact-list-item-name__width: 80px;
+  --ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
   --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
   --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
   --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4); }
@@ -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.0-canary.8",
+  "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",
@@ -56,6 +56,6 @@
     "uuid": "^3.3.2"
   },
   "peerDependencies": {
-    "@ag-grid-community/all-modules": ">=27.2.0"
+    "@ag-grid-community/all-modules": ">=27.3.0"
   }
 }

package/publishTimestamp.d.ts

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

package/publishTimestamp.js

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

package/src/AdaptableOptions/ActionOptions.d.ts

@@ -131,7 +131,7 @@ export interface ActionRowFormOptions {
     /**
      * Custom form buttons provider. If provided, the custom implementation is responsible for firing the 'ActionRowSubmitted' and/or invoking the 'onFormSubmit' callback (if necessary).
      */
-    formButtons?: AdaptableButton<FormContext>[];
+    formButtons?: AdaptableButton<ActionRowContext>[];
     /**
      * Function which is invoked when the form in an Action Row is submitted via a standard button (provided by AdapTable). This is not invoked when custom form buttons are provided!
      *

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/InternalApiImpl.d.ts

@@ -114,7 +114,10 @@ export declare class InternalApiImpl extends ApiBase implements InternalApi {
     getLabelForButton(button: AdaptableButton<BaseContext>, context: BaseContext): string | undefined;
     getTooltipForButton(button: AdaptableButton<BaseContext>, context: BaseContext): string | undefined;
     getStyleForButton(button: AdaptableButton<BaseContext>, context: BaseContext): ButtonStyle | undefined;
-    getIconForButton(button: AdaptableButton<BaseContext>, context: BaseContext): AdaptableIcon | undefined;
+    getIconForButton(button: AdaptableButton<BaseContext>, context: BaseContext, defaultWidthHeight?: {
+        height: number | string;
+        width: number | string;
+    }): AdaptableIcon | undefined;
     isDocumentationLinksDisplayed(): boolean;
     getQueryPreviewData(): any;
     getLocalTeamSharingEntities(): SharedEntity[];

package/src/Api/Implementation/InternalApiImpl.js

@@ -16,6 +16,7 @@ const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
 const AdaptableAlert_1 = require("../../PredefinedConfig/Common/AdaptableAlert");
 const waitForCondition_1 = require("../../Utilities/waitForCondition");
+const AdaptableIconComponent_1 = require("../../components/AdaptableIconComponent");
 class InternalApiImpl extends ApiBase_1.ApiBase {
     getSystemState() {
         return this.getAdaptableState().System;
@@ -360,16 +361,28 @@ class InternalApiImpl extends ApiBase_1.ApiBase {
             return button.buttonStyle;
         }
     }
-    getIconForButton(button, context) {
+    getIconForButton(button, context, defaultWidthHeight) {
+        var _a, _b;
         if (!button.icon) {
             return;
         }
+        let buttonIcon;
         if (button.icon != null && typeof button.icon === 'function') {
-            return button.icon(button, context);
+            buttonIcon = button.icon(button, context);
         }
         else {
-            return button.icon;
+            buttonIcon = button.icon;
+        }
+        if (!buttonIcon) {
+            return;
+        }
+        if (AdaptableIconComponent_1.isAdaptableInternalIcon(buttonIcon) || AdaptableIconComponent_1.isAdaptableExternalIcon(buttonIcon)) {
+            const defaultIconWidth = (_a = defaultWidthHeight === null || defaultWidthHeight === void 0 ? void 0 : defaultWidthHeight.width) !== null && _a !== void 0 ? _a : 'var(--ab-cmp-simple-button__width)';
+            const defaultIconHeight = (_b = defaultWidthHeight === null || defaultWidthHeight === void 0 ? void 0 : defaultWidthHeight.height) !== null && _b !== void 0 ? _b : 'var(--ab-cmp-simple-button__height)';
+            const buttonIconStyle = Object.assign({}, { width: defaultIconWidth, height: defaultIconHeight }, buttonIcon.style);
+            buttonIcon.style = buttonIconStyle;
         }
+        return buttonIcon;
     }
     isDocumentationLinksDisplayed() {
         return this.adaptable.adaptableOptions.userInterfaceOptions.showDocumentationLinks;

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/InternalApi.d.ts

@@ -117,7 +117,10 @@ export interface InternalApi {
     getLabelForButton(button: AdaptableButton<BaseContext>, context: BaseContext): string | undefined;
     getTooltipForButton(button: AdaptableButton<BaseContext>, context: BaseContext): string | undefined;
     getStyleForButton(button: AdaptableButton<BaseContext>, context: BaseContext): ButtonStyle | undefined;
-    getIconForButton(button: AdaptableButton<BaseContext>, context: BaseContext): AdaptableIcon | undefined;
+    getIconForButton(button: AdaptableButton<BaseContext>, context: BaseContext, defaultWidthHeight?: {
+        height: number | string;
+        width: number | string;
+    }): AdaptableIcon | undefined;
     dispatchReduxAction(action: Action): void;
     waitForTeamSharingImportEnd(): Promise<boolean>;
     getLocalTeamSharingEntities(): SharedEntity[];

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

@@ -1,25 +1,44 @@
-import { CSSProperties } from 'react';
+import * as React from 'react';
 /**
  * Defines an icon to be used in AdapTable (e.g. in Dashboard Header, Buttons, Menu, etc.)
  */
-export declare type AdaptableIcon = AdaptableInternalIcon | AdaptableExternalIcon;
+export declare type AdaptableIcon = AdaptableInternalIcon | AdaptableExternalIcon | AdaptableElementIcon;
 /**
  * Defines an icon from the internal AdapTable icon set
  */
 export interface AdaptableInternalIcon extends AdaptableBaseIcon {
+    /**
+     * The name of the icon to use (referencing the AdapTable Icon Library)
+     */
     name: AdaptableInternalIconName;
+    /**
+     * The size (in pixels) of the SVG icon (defaults to `17px`)
+     *
+     */
     size?: number;
 }
 /**
  * Defines an icon from an external source
  */
 export interface AdaptableExternalIcon extends AdaptableBaseIcon {
+    /**
+     * The URL of the icon to use
+     */
     src: string;
 }
+/**
+ * Defines an icon as a provided DOM element or HTML string
+ */
+export interface AdaptableElementIcon {
+    /**
+     * The icon to display, either a DOM element or HTML string
+     */
+    element: HTMLElement | string;
+}
 /**
  * Base interface for AdaptableIcon
  */
-interface AdaptableBaseIcon {
+export interface AdaptableBaseIcon {
     /**
      * The class name of the icon
      */
@@ -27,7 +46,9 @@ interface AdaptableBaseIcon {
     /**
      * CSS Properties
      */
-    style?: CSSProperties;
+    style?: React.CSSProperties;
 }
-export declare type AdaptableInternalIconName = string;
-export {};
+/**
+ * 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/PredefinedConfig/Common/AdaptablePredicate.js

@@ -266,7 +266,7 @@ exports.SystemPredicateDefs = [
     {
         id: 'StartsWith',
         label: 'Starts With',
-        icon: { name: 'format-letter-starts-with' },
+        icon: { name: 'starts-with' },
         columnScope: { DataTypes: ['String'] },
         moduleScope: ['filter', 'alert', 'flashingcell', 'conditionalstyle'],
         inputs: [{ type: 'text' }],
@@ -284,7 +284,7 @@ exports.SystemPredicateDefs = [
     {
         id: 'EndsWith',
         label: 'Ends With',
-        icon: { name: 'format-letter-ends-with' },
+        icon: { name: 'ends-with' },
         columnScope: { DataTypes: ['String'] },
         moduleScope: ['filter', 'alert', 'flashingcell', 'conditionalstyle'],
         inputs: [{ type: 'text' }],

package/src/PredefinedConfig/Selection/GridCellRange.d.ts

@@ -1,7 +1,26 @@
+/**
+ * Defines a range of Cell - used in Grid Api Selection methods
+ * Typically use either PrimaryKey Values or Row Indexes
+ */
 export interface GridCellRange {
+    /**
+     * Columns to select
+     */
     columnIds: string[];
+    /**
+     * Primary Key value of row at start of range
+     */
     primaryKeyValueStart?: any;
+    /**
+     * Primary Key value of row at end of range
+     */
     primaryKeyValueEnd?: any;
+    /**
+     * Index of row at start of range
+     */
     rowIndexStart?: any;
+    /**
+     * Index of row at end of range
+     */
     rowIndexEnd?: any;
 }

package/src/PredefinedConfig/StatusBarState.d.ts

@@ -5,7 +5,7 @@ import { AdaptableStatusBarPanel } from './Common/Types';
  */
 export interface StatusBarState extends ConfigState {
     /**
-     * Adaptable Status Bars to display - up to 3 can be shown
+     * Adaptable Status Bars to display - can be unlimited and displayed in 3 locations
      * @defaultValue null
      */
     StatusBars?: AdaptableStatusBar[];

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

@@ -11,6 +11,7 @@ import { AdaptableApi } from '../Api/AdaptableApi';
 import { AccessLevel } from '../PredefinedConfig/Common/Entitlement';
 import { CalculatedColumn } from '../PredefinedConfig/CalculatedColumnState';
 import { FreeTextColumn } from '../PredefinedConfig/FreeTextColumnState';
+import { AdaptableInternalIconName } from '../PredefinedConfig/Common/AdaptableIcon';
 /**
  * Base class for all strategies and does most of the work of creating menus
  */
@@ -18,10 +19,14 @@ export declare abstract class AdaptableModuleBase implements IModule {
     protected api: AdaptableApi;
     moduleInfo: ModuleInfo;
     AccessLevel: AccessLevel;
-    constructor(module: AdaptableModule, friendlyName: string, glyph: string, popup: string, description: string, api: AdaptableApi);
+    constructor(module: AdaptableModule, friendlyName: string, glyph: AdaptableInternalIconName, popup: string, description: string, api: AdaptableApi);
     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[];
@@ -37,12 +42,12 @@ export declare abstract class AdaptableModuleBase implements IModule {
     createMainMenuItemShowPopup({ Label, ComponentName, Icon, PopupParams, }: {
         Label: string;
         ComponentName: string;
-        Icon: string;
+        Icon: AdaptableInternalIconName;
         PopupParams?: ModuleParams;
     }): MenuItemShowPopup;
-    createColumnMenuItemClickFunction(Label: string, Icon: string, ClickFunction: () => void): MenuItemDoClickFunction;
-    createColumnMenuItemReduxAction(Label: string, Icon: string, Action: Action): MenuItemDoReduxAction;
-    createColumnMenuItemShowPopup(Label: string, ComponentName: string, Icon: string, PopupParams?: ModuleParams): MenuItemShowPopup;
+    createColumnMenuItemClickFunction(Label: string, Icon: AdaptableInternalIconName, ClickFunction: () => void): MenuItemDoClickFunction;
+    createColumnMenuItemReduxAction(Label: string, Icon: AdaptableInternalIconName, Action: Action): MenuItemDoReduxAction;
+    createColumnMenuItemShowPopup(Label: string, ComponentName: string, Icon: AdaptableInternalIconName, PopupParams?: ModuleParams): MenuItemShowPopup;
     canCreateColumnMenuItem(column: AdaptableColumn, minimumAccessLevel: AccessLevel, functionType?: 'sort' | 'editable' | 'style' | 'filter' | 'quickfilter' | 'numeric'): boolean;
     getTeamSharingAction(): TeamSharingImportInfo<AdaptableObject> | undefined;
     getModuleNamedQueryReferences(): string[];

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/AlertModule.d.ts

@@ -4,7 +4,7 @@ import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableMenuItem, ContextMenuContext } from '../PredefinedConfig/Common/Menu';
 import { TeamSharingImportInfo } from '../PredefinedConfig/TeamSharingState';
 import { AdaptableModuleBase } from './AdaptableModuleBase';
-import { AdaptableModuleView, AdaptableObjectView, IModule } from './Interface/IModule';
+import { AdaptableModuleView, AdaptableObjectCompactView, AdaptableObjectView, IModule } from './Interface/IModule';
 import { AdaptableObject } from '../PredefinedConfig/Common/AdaptableObject';
 export declare class AlertModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
@@ -25,13 +25,7 @@ export declare class AlertModule extends AdaptableModuleBase implements IModule
     private isAlertPredicateTriggered;
     private isAlertDefinitionForRowChangeEvent;
     getTeamSharingAction(): TeamSharingImportInfo<AlertDefinition>;
-    toViewCompact(alert: AdaptableAlert): {
-        item: {
-            name: string;
-            values: string[];
-        };
-        abObject: AdaptableAlert;
-    };
+    toViewCompact(alert: AdaptableAlert): AdaptableObjectCompactView;
     toView(alert: AlertDefinition): AdaptableObjectView;
     toViewAll(): AdaptableObjectView[];
     getViewProperties(): AdaptableModuleView;

package/src/Strategy/AlertModule.js

@@ -17,6 +17,7 @@ const getAlertBehaviourViewItems_1 = require("./Utilities/getAlertBehaviourViewI
 const AlertEmptyView_1 = require("../View/Alert/AlertEmptyView");
 const AlertStatusSubPanel_1 = require("../View/Alert/AlertStatusSubPanel");
 const getObjectTagsViewItems_1 = require("./Utilities/getObjectTagsViewItems");
+const ActiveAlertsPanelItemLabel_1 = require("../View/Alert/ActiveAlertsPanelItemLabel");
 class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.AlertModuleId, 'Alert', 'alert', 'AlertPopup', 'Get notified when things happen in Adaptable that you need to know about', api);
@@ -249,6 +250,7 @@ class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return {
             item: {
                 name: alert.header,
+                label: ActiveAlertsPanelItemLabel_1.ActiveAlertsPanelItemLabel,
                 values: [alert.message],
             },
             abObject: alert,
@@ -285,6 +287,7 @@ class AlertModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             getEditWizard: () => AlertWizard_1.AlertWizard,
             getStatusBarPanelProps: () => {
                 return {
+                    popoverMinWidth: 360,
                     view: AlertStatusSubPanel_1.AlertStatusPanel,
                 };
             },

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';
@@ -9,13 +9,13 @@ import { CalculatedColumn } from '../../PredefinedConfig/CalculatedColumnState';
 import { FreeTextColumn } from '../../PredefinedConfig/FreeTextColumnState';
 import { AdaptableOnePageWizardProps } from '../../View/Wizard/Interface/IAdaptableWizard';
 import * as Redux from 'redux';
-import { SuspendableObject } from '../../../types';
+import { AdaptableInternalIconName, SuspendableObject } from '../../../types';
 import { StatusBarPanelProps } from '../../View/StatusBar/StatusBarPanel';
 import { StrictExtract } from '../../Utilities/Extensions/TypeExtensions';
 export interface ModuleInfo {
     ModuleName: AdaptableModule;
     FriendlyName: string;
-    Glyph: string;
+    Glyph: AdaptableInternalIconName;
     Popup: string;
     Description: string;
     HelpPage: string;
@@ -34,7 +34,9 @@ export interface AdaptableObjectItemView {
     /**
      * Custom name for the property name
      */
-    label?: string;
+    label?: string | React.FunctionComponent<{
+        data: AdaptableObject | SuspendableObject;
+    }>;
     /**
      * How the item is rendered.
      * Defaults to tags.
@@ -62,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;
@@ -77,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;
@@ -122,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;
 }