@adaptabletools/adaptable 20.3.0-canary.2 → 21.0.0-canary.0

package/src/Strategy/ScheduleModule.d.ts

@@ -1,6 +1,7 @@
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { AdaptableModuleView, AdaptableObjectView } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
+import { LayoutExtendedConfig } from '../types';
 import { BaseSchedule } from '../AdaptableState/Common/Schedule';
 import { IScheduleModule } from './Interface/IScheduleModule';
 export declare class ScheduleModule extends AdaptableModuleBase implements IScheduleModule {
@@ -12,11 +13,9 @@ export declare class ScheduleModule extends AdaptableModuleBase implements ISche
     private addMidnightRefreshSchedule;
     private getDateFromSchedule;
     private clearAllJobs;
-    getModuleAdaptableObjects(config?: {
-        includeLayoutNotAssociatedObjects?: boolean;
-    }): BaseSchedule[];
+    getModuleAdaptableObjects(config?: LayoutExtendedConfig): BaseSchedule[];
     toView(schedule: BaseSchedule): AdaptableObjectView;
     toViewAll(): AdaptableObjectView[];
     getViewProperties(): AdaptableModuleView;
-    canBeAssociatedWithLayouts(): boolean;
+    containsLayoutExtensions(): boolean;
 }

package/src/Strategy/ScheduleModule.js

@@ -145,7 +145,7 @@ export class ScheduleModule extends AdaptableModuleBase {
     }
     toViewAll() {
         return this.getModuleAdaptableObjects({
-            includeLayoutNotAssociatedObjects: this.showLayoutNotAssociatedObjects(),
+            includeLayoutNotExtendedObjects: this.showLayoutNonExtendedObjects(),
         }).map((schedule) => this.toView(schedule));
     }
     getViewProperties() {
@@ -257,7 +257,7 @@ export class ScheduleModule extends AdaptableModuleBase {
             },
         };
     }
-    canBeAssociatedWithLayouts() {
+    containsLayoutExtensions() {
         return true;
     }
 }

package/src/Strategy/SettingsPanelModule.js

@@ -18,7 +18,7 @@ export class SettingsPanelModule extends AdaptableModuleBase {
         ];
     }
     createModuleMenuItem(source) {
-        if (this.isModuleAvailable()) {
+        if (this.isModuleVisible()) {
             return this.createMenuItemReduxAction('settings-panel-open', 'Open ' + this.moduleInfo.FriendlyName, this.moduleInfo.Glyph, PopupRedux.PopupShowScreen());
         }
     }

package/src/Strategy/ShortcutModule.d.ts

@@ -5,13 +5,12 @@ import { AdaptableApi } from '../Api/AdaptableApi';
 import { AdaptableObject } from '../AdaptableState/Common/AdaptableObject';
 import { AdaptableModuleView, AdaptableObjectView } from './Interface/IModule';
 import { IKeyDownListenerModule } from './Interface/IKeyDownListenerModule';
+import { LayoutExtendedConfig } from '../types';
 export declare class ShortcutModule extends AdaptableModuleBase implements IKeyDownListenerModule {
     private shouldHandleKeyDown;
     private adaptable;
     constructor(api: AdaptableApi);
-    getModuleAdaptableObjects(config?: {
-        includeLayoutNotAssociatedObjects?: boolean;
-    }): AdaptableObject[];
+    getModuleAdaptableObjects(config?: LayoutExtendedConfig): AdaptableObject[];
     hasNamedQueryReferences(): boolean;
     getTeamSharingAction(): TeamSharingImportInfo<Shortcut>;
     onAdaptableReady(): void;
@@ -22,5 +21,5 @@ export declare class ShortcutModule extends AdaptableModuleBase implements IKeyD
     toView(shortcut: Shortcut): AdaptableObjectView;
     toViewAll(): AdaptableObjectView[];
     getViewProperties(): AdaptableModuleView;
-    canBeAssociatedWithLayouts(): boolean;
+    containsLayoutExtensions(): boolean;
 }

package/src/Strategy/ShortcutModule.js

@@ -88,7 +88,7 @@ export class ShortcutModule extends AdaptableModuleBase {
     }
     toViewAll() {
         return this.getModuleAdaptableObjects({
-            includeLayoutNotAssociatedObjects: this.showLayoutNotAssociatedObjects(),
+            includeLayoutNotExtendedObjects: this.showLayoutNonExtendedObjects(),
         }).map((shortcut) => this.toView(shortcut));
     }
     getViewProperties() {
@@ -104,7 +104,7 @@ export class ShortcutModule extends AdaptableModuleBase {
             },
         };
     }
-    canBeAssociatedWithLayouts() {
+    containsLayoutExtensions() {
         return true;
     }
 }

package/src/Strategy/StatusBarModule.d.ts

@@ -1,9 +1,10 @@
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import { IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
-import { GridOptions } from 'ag-grid-enterprise';
+import { AgModuleName, GridOptions } from 'ag-grid-enterprise';
 export declare class StatusBarModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
+    protected getAgGridModuleDependencies(): AgModuleName[];
+    isModuleEnabled(): boolean;
     syncStateWithOptions(agGridAdaptablePanels: GridOptions['statusBar']['statusPanels']): void;
-    isModuleAvailable(): boolean;
 }

package/src/Strategy/StatusBarModule.js

@@ -4,6 +4,12 @@ export class StatusBarModule extends AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.StatusBarModuleId, ModuleConstants.StatusBarFriendlyName, 'statusbar', 'StatusBarPopup', 'Configure AdapTable Status Bar', api);
     }
+    getAgGridModuleDependencies() {
+        return ['StatusBarModule'];
+    }
+    isModuleEnabled() {
+        return this.api.statusBarApi.getAgGridStatusPanels().length > 0;
+    }
     syncStateWithOptions(agGridAdaptablePanels) {
         const statusPanelsState = this.api.statusBarApi.getAdaptableStatusBars();
         /**
@@ -25,7 +31,4 @@ export class StatusBarModule extends AdaptableModuleBase {
         });
         this.api.statusBarApi.setStatusBarPanels(newStatusPanelsState);
     }
-    isModuleAvailable() {
-        return super.isModuleAvailable() && this.api.statusBarApi.getAgGridStatusPanels().length > 0;
-    }
 }

package/src/Strategy/StyledColumnModule.d.ts

@@ -6,11 +6,10 @@ import { AdaptableModuleView, AdaptableObjectView, IModule } from './Interface/I
 import { AdaptableApi } from '../Api/AdaptableApi';
 import { AdaptableObject } from '../AdaptableState/Common/AdaptableObject';
 import { StyledColumn } from '../AdaptableState/StyledColumnState';
+import { LayoutExtendedConfig } from '../types';
 export declare class StyledColumnModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
-    getModuleAdaptableObjects(config?: {
-        includeLayoutNotAssociatedObjects?: boolean;
-    }): AdaptableObject[];
+    getModuleAdaptableObjects(config?: LayoutExtendedConfig): AdaptableObject[];
     getExplicitlyReferencedColumnIds(styledColumn: StyledColumn): string[];
     hasNamedQueryReferences(): boolean;
     createColumnMenuItems(column: AdaptableColumn): AdaptableMenuItem<"separator" | "calculated-column-edit" | "cell-summary-show" | "chart-show" | "column-group" | "column-filter-group" | "column-filter-bar-hide" | "column-filter-bar-show" | "column-filter-clear" | "column-filter-suspend" | "column-filter-unsuspend" | "column-info-show" | "custom-sort-add" | "custom-sort-edit" | "dashboard-group" | "dashboard-collapse" | "dashboard-configure" | "dashboard-dock" | "dashboard-expand" | "dashboard-float" | "dashboard-hide" | "dashboard-show" | "data-import" | "flashing-cell-add" | "flashing-cell-delete" | "format-column-add" | "format-column-edit" | "free-text-column-edit" | "grid-group" | "grid-info-show" | "layout-column-caption-change" | "layout-column-hide" | "layout-edit" | "layout-column-select" | "layout-column-select-preserve" | "layout-column-select-reset" | "layout-grid-select" | "plus-minus-add" | "settings-panel-open" | "styling-group" | "styled-column-badge-add" | "styled-column-badge-edit" | "styled-column-gradient-add" | "styled-column-gradient-edit" | "styled-column-percent-bar-add" | "styled-column-percent-bar-edit" | "styled-column-sparkline-add" | "styled-column-sparkline-edit" | "system-status-show" | "_navbar">[];
@@ -19,7 +18,7 @@ export declare class StyledColumnModule extends AdaptableModuleBase implements I
     toView(styledColumn: StyledColumn): AdaptableObjectView;
     toViewAll(): AdaptableObjectView[];
     getViewProperties(): AdaptableModuleView;
-    canBeAssociatedWithLayouts(): boolean;
+    containsLayoutExtensions(): boolean;
     private getTypeLabel;
     private getTypeName;
 }

package/src/Strategy/StyledColumnModule.js

@@ -226,7 +226,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
     }
     toViewAll() {
         return this.getModuleAdaptableObjects({
-            includeLayoutNotAssociatedObjects: this.showLayoutNotAssociatedObjects(),
+            includeLayoutNotExtendedObjects: this.showLayoutNonExtendedObjects(),
         }).map((styledColumn) => this.toView(styledColumn));
     }
     getViewProperties() {
@@ -242,7 +242,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             },
         };
     }
-    canBeAssociatedWithLayouts() {
+    containsLayoutExtensions() {
         return true;
     }
     getTypeLabel(styledColumn) {

package/src/Strategy/SystemStatusModule.js

@@ -6,7 +6,7 @@ export class SystemStatusModule extends AdaptableModuleBase {
         super(ModuleConstants.SystemStatusModuleId, ModuleConstants.SystemStatusFriendlyName, 'traffic-lights', 'SystemStatusPopup', 'Provide messages about the Status of your application', api);
     }
     createColumnMenuItems(column) {
-        if (this.isModuleAvailable()) {
+        if (this.isModuleVisible()) {
             return [
                 this.createMenuItemShowPopup('system-status-show', 'Show System Status', this.moduleInfo.Popup, this.moduleInfo.Glyph, {
                     source: 'ColumnMenu',
@@ -15,7 +15,7 @@ export class SystemStatusModule extends AdaptableModuleBase {
         }
     }
     createContextMenuItems(menuContext) {
-        if (this.isModuleAvailable()) {
+        if (this.isModuleVisible()) {
             let popUpParams = {
                 source: 'ContextMenu',
             };

package/src/Strategy/TeamSharingModule.d.ts

@@ -6,7 +6,7 @@ export declare class TeamSharingModule extends AdaptableModuleBase implements IM
     private SKIP_TEAMSHARING_UPDATE_ACTIONS;
     constructor(api: AdaptableApi);
     onAdaptableReady(): void;
-    isModuleAvailable(): boolean;
+    isModuleEnabled(): boolean;
     isModuleObjectsShareable(): boolean;
     getPopupMaxWidth(): number | undefined;
     private handleStateChanged;

package/src/Strategy/TeamSharingModule.js

@@ -32,8 +32,11 @@ export class TeamSharingModule extends AdaptableModuleBase {
         }
         this.api.eventApi.on('AdaptableStateChanged', (adaptableStateChangedInfo) => this.handleStateChanged(adaptableStateChangedInfo));
     }
-    isModuleAvailable() {
-        return super.isModuleAvailable() && this.api.teamSharingApi.isTeamSharingAvailable();
+    isModuleEnabled() {
+        const teamSharingOptions = this.api.optionsApi.getTeamSharingOptions();
+        return (teamSharingOptions?.enableTeamSharing &&
+            typeof teamSharingOptions?.loadSharedEntities === 'function' &&
+            typeof teamSharingOptions?.persistSharedEntities === 'function');
     }
     isModuleObjectsShareable() {
         return false;

package/src/Strategy/ToolPanelModule.d.ts

@@ -3,5 +3,5 @@ import { IModule } from './Interface/IModule';
 import { AdaptableApi } from '../Api/AdaptableApi';
 export declare class ToolPanelModule extends AdaptableModuleBase implements IModule {
     constructor(api: AdaptableApi);
-    isModuleAvailable(): boolean;
+    isModuleEnabled(): boolean;
 }

package/src/Strategy/ToolPanelModule.js

@@ -4,10 +4,7 @@ export class ToolPanelModule extends AdaptableModuleBase {
     constructor(api) {
         super(ModuleConstants.ToolPanelModuleId, ModuleConstants.ToolPanelFriendlyName, 'clipboard', 'ToolPanelPopup', 'An alternative to using the Dashboard is the AdapTable Tool Panel, the Tool Panel is the collapsible area to the right of the Grid.', api);
     }
-    isModuleAvailable() {
-        if (!super.isModuleAvailable()) {
-            return false;
-        }
+    isModuleEnabled() {
         return this.api.internalApi.getAdaptableInstance().hasAdaptableToolPanel;
     }
 }

package/src/Strategy/Utilities/FormatColumn/getFormatColumnSettingsTargetItems.d.ts

@@ -0,0 +1,5 @@
+import { FormatColumn } from '../../../AdaptableState/FormatColumnState';
+export declare const getFormatColumnSettingsTargetItems: (formatColumn: FormatColumn) => {
+    name: string;
+    values: string[];
+};

package/src/Strategy/Utilities/FormatColumn/getFormatColumnSettingsTargetItems.js

@@ -0,0 +1,12 @@
+export const getFormatColumnSettingsTargetItems = (formatColumn) => {
+    if (!formatColumn.Target || formatColumn.Target === 'cell') {
+        return {
+            name: 'Target',
+            values: ['Column Cells'],
+        };
+    }
+    return {
+        name: 'Target',
+        values: ['Column Header'],
+    };
+};

package/src/Strategy/Utilities/Layout/getLayoutFilterViewItems.js

@@ -7,7 +7,7 @@ export const getFilterPreview = (columnFilter, api) => {
     const columnType = api.columnApi.getColumnDataTypeForColumnId(columnFilter.ColumnId);
     const qlDataType = mapColumnDataTypeToExpressionFunctionType(columnType);
     const qlPredicateDefs = predicateDefs.map((pd) => mapAdaptablePredicateDefToQlPredicateDef(pd, qlDataType));
-    const qlPredicate = mapColumnFilterToQlPredicate(columnFilter, column, qlPredicateDefs, columnFilterOptions, api);
+    const qlPredicate = mapColumnFilterToQlPredicate(columnFilter, column, qlPredicateDefs, columnFilterOptions, 'FilterForm', api);
     return `[${qlPredicateToString(qlPredicate, qlPredicateDefs)}]`;
 };
 export const getLayoutFilterViewItems = (layout, api) => {

package/src/Utilities/Constants/DocumentationLinkConstants.d.ts

@@ -14,3 +14,4 @@ export declare const AdaptableOptionsDocsLink = "https://docs.adaptabletools.com
 export declare const AgGridModulesDocsLink = "https://docs.adaptabletools.com/guide/dev-guide-aggrid-modules-overview";
 export declare const AlertMessageDocsLink = "https://docs.adaptabletools.com/guide/handbook-alerting-message";
 export declare const FormatColumnPlaceholderDocsLink = "https://docs.adaptabletools.com/guide/handbook-column-formatting-display-format-placeholder";
+export declare const AgGridRequiredModulesDocsLink = "https://docs.adaptabletools.com/guide/dev-guide-aggrid-modules-overview#mandatory-modules";

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -15,3 +15,4 @@ export const AdaptableOptionsDocsLink = `${HOST_URL_DOCS}/guide/reference-option
 export const AgGridModulesDocsLink = `${HOST_URL_DOCS}/guide/dev-guide-aggrid-modules-overview`;
 export const AlertMessageDocsLink = `${HOST_URL_DOCS}/guide/handbook-alerting-message`;
 export const FormatColumnPlaceholderDocsLink = `${HOST_URL_DOCS}/guide/handbook-column-formatting-display-format-placeholder`;
+export const AgGridRequiredModulesDocsLink = `${HOST_URL_DOCS}/guide/dev-guide-aggrid-modules-overview#mandatory-modules`;

package/src/Utilities/Extensions/ArrayExtensions.d.ts

@@ -25,11 +25,23 @@ export declare function moveArray(array: any[], from: number, to: number): void;
 export declare function areArraysEqual(arr1: any[], arr2: any[]): boolean;
 export declare function areArraysNotEqual(arr1: any[], arr2: any[]): boolean;
 export declare function areArraysEqualWithOrder(arr1: any[], arr2: any[]): boolean;
-export declare function areArraysEqualWithOrderandProperties(value: any[], other: any[]): boolean;
+/**
+ * Checks if two arrays contain the same elements (order-independent).
+ *
+ * @param arr1 First array to compare
+ * @param arr2 Second array to compare
+ * @param equalityFn Optional function to determine if two elements are equal
+ * @returns True if arrays contain the same elements, false otherwise
+ */
+export declare function areArraysEqualWithCustomComparator<T>(arr1: T[] | null | undefined, arr2: T[] | null | undefined, equalityFn?: (a: T, b: T) => boolean): boolean;
+export declare function areArraysEqualWithOrderAndProperties(value: any[], other: any[]): boolean;
 export declare function sortArrayWithProperty(sortOrder: SortOrder, values: any[], sortProperty?: string): any[];
 export declare function sortArray(values: any[], sortOrder?: SortOrder): any[];
+export declare const getGenericComparatorForGridCell: (sortOrder: SortOrder) => (a: GridCell, b: GridCell) => number;
 export declare function sortCellValueArray<T extends GridCell>(cellValues: T[], sortOrder?: SortOrder): T[];
+export declare const getNumericComparatorForGridCell: (sortOrder: SortOrder) => (a: GridCell, b: GridCell) => number;
 export declare function sortCellValueArrayNumeric<T extends GridCell>(cellValues: T[], sortOrder?: SortOrder): T[];
+export declare const getDateComparatorForGridCell: (sortOrder: SortOrder) => (a: GridCell, b: GridCell) => number;
 export declare function sortCellValueArrayDates<T extends GridCell>(cellValues: T[], sortOrder?: SortOrder): T[];
 export declare function groupArrayBy(array: Array<any>, prop: string): Array<any>;
 export declare function createCommaSeparatedString(values: any[]): string;
@@ -72,7 +84,8 @@ export declare const ArrayExtensions: {
     areArraysEqual: typeof areArraysEqual;
     areArraysNotEqual: typeof areArraysNotEqual;
     areArraysEqualWithOrder: typeof areArraysEqualWithOrder;
-    areArraysEqualWithOrderandProperties: typeof areArraysEqualWithOrderandProperties;
+    areArraysEqualWithOrderAndProperties: typeof areArraysEqualWithOrderAndProperties;
+    areArraysEqualWithCustomComparator: typeof areArraysEqualWithCustomComparator;
     sortArray: typeof sortArray;
     sortCellValueArray: typeof sortCellValueArray;
     sortCellValueArrayNumeric: typeof sortCellValueArrayNumeric;

package/src/Utilities/Extensions/ArrayExtensions.js

@@ -114,7 +114,42 @@ export function areArraysEqualWithOrder(arr1, arr2) {
     }
     return arr1.every((x, index) => arr2.indexOf(x) == index);
 }
-export function areArraysEqualWithOrderandProperties(value, other) {
+/**
+ * Checks if two arrays contain the same elements (order-independent).
+ *
+ * @param arr1 First array to compare
+ * @param arr2 Second array to compare
+ * @param equalityFn Optional function to determine if two elements are equal
+ * @returns True if arrays contain the same elements, false otherwise
+ */
+export function areArraysEqualWithCustomComparator(arr1, arr2, equalityFn) {
+    // Handle null/undefined cases
+    if (!arr1 && !arr2) {
+        return true;
+    }
+    if (!arr1 || !arr2) {
+        return false;
+    }
+    // Check length
+    if (arr1.length !== arr2.length) {
+        return false;
+    }
+    // Use default equality comparison if no custom function provided
+    const compareElements = equalityFn || ((a, b) => a === b);
+    // For each element in arr1, find a matching element in arr2
+    const arr2Copy = [...arr2];
+    for (let i = 0; i < arr1.length; i++) {
+        const element = arr1[i];
+        const matchIndex = arr2Copy.findIndex((el) => compareElements(element, el));
+        if (matchIndex === -1) {
+            return false;
+        }
+        // Remove the matched element to prevent duplicate matches
+        arr2Copy.splice(matchIndex, 1);
+    }
+    return true;
+}
+export function areArraysEqualWithOrderAndProperties(value, other) {
     const type = Object.prototype.toString.call(value);
     // If the two objects are not the same type, return false
     if (type !== Object.prototype.toString.call(other)) {
@@ -136,7 +171,7 @@ export function areArraysEqualWithOrderandProperties(value, other) {
         const itemType = Object.prototype.toString.call(item1);
         // If an object or array, compare recursively
         if (['[object Array]', '[object Object]'].indexOf(itemType) >= 0) {
-            if (!areArraysEqualWithOrderandProperties(item1, item2)) {
+            if (!areArraysEqualWithOrderAndProperties(item1, item2)) {
                 return false;
             }
         }
@@ -211,15 +246,20 @@ export function sortArray(values, sortOrder = SortOrder.Asc) {
     const direction = sortOrder == SortOrder.Asc ? 1 : -1;
     return newValues.sort((a, b) => (a < b ? -1 * direction : a > b ? 1 * direction : 0));
 }
+export const getGenericComparatorForGridCell = (sortOrder) => {
+    const direction = sortOrder == SortOrder.Asc ? 1 : -1;
+    return (a, b) => {
+        return a.rawValue < b.rawValue ? -1 * direction : a.rawValue > b.rawValue ? 1 * direction : 0;
+    };
+};
 export function sortCellValueArray(cellValues, sortOrder = SortOrder.Asc) {
     const newValues = [].concat(cellValues);
-    const direction = sortOrder == SortOrder.Asc ? 1 : -1;
-    return newValues.sort((a, b) => a.rawValue < b.rawValue ? -1 * direction : a.rawValue > b.rawValue ? 1 * direction : 0);
+    const comparator = getGenericComparatorForGridCell(sortOrder);
+    return newValues.sort(comparator);
 }
-export function sortCellValueArrayNumeric(cellValues, sortOrder = SortOrder.Asc) {
+export const getNumericComparatorForGridCell = (sortOrder) => {
     const direction = sortOrder == SortOrder.Asc ? 1 : -1;
-    const newValues = [].concat(cellValues);
-    return newValues.sort((a, b) => {
+    return (a, b) => {
         const valueAAsNumber = Number(a.rawValue);
         const valueBAsNumber = Number(b.rawValue);
         if (isNaN(valueAAsNumber)) {
@@ -233,15 +273,23 @@ export function sortCellValueArrayNumeric(cellValues, sortOrder = SortOrder.Asc)
             : valueAAsNumber > valueBAsNumber
                 ? 1 * direction
                 : 0;
-    });
+    };
+};
+export function sortCellValueArrayNumeric(cellValues, sortOrder = SortOrder.Asc) {
+    const newValues = [].concat(cellValues);
+    const comparator = getNumericComparatorForGridCell(sortOrder);
+    return newValues.sort(comparator);
 }
-export function sortCellValueArrayDates(cellValues, sortOrder = SortOrder.Asc) {
-    cellValues.sort((a, b) => {
+export const getDateComparatorForGridCell = (sortOrder) => {
+    return (a, b) => {
         return sortOrder == SortOrder.Asc
             ? +new Date(a.rawValue) - +new Date(b.rawValue)
             : +new Date(b.rawValue) - +new Date(a.rawValue);
-    });
-    return cellValues;
+    };
+};
+export function sortCellValueArrayDates(cellValues, sortOrder = SortOrder.Asc) {
+    const comparator = getDateComparatorForGridCell(sortOrder);
+    return [].concat(cellValues).sort(comparator);
 }
 export function groupArrayBy(array, prop) {
     return array.reduce((acc, item) => {
@@ -346,7 +394,8 @@ export const ArrayExtensions = {
     areArraysEqual,
     areArraysNotEqual,
     areArraysEqualWithOrder,
-    areArraysEqualWithOrderandProperties,
+    areArraysEqualWithOrderAndProperties,
+    areArraysEqualWithCustomComparator,
     sortArray,
     sortCellValueArray,
     sortCellValueArrayNumeric,

package/src/Utilities/ObjectFactory.js

@@ -230,6 +230,7 @@ export function CreateEmptyFormatColumn() {
         DisplayFormat: undefined,
         CellAlignment: undefined,
         RowScope: undefined,
+        Target: 'cell',
     };
 }
 export function CreateEmptyFreeTextColumn(defaultSpecialColumnSettings) {
@@ -254,7 +255,7 @@ export function CreateEmptyPivotLayout(layout) {
         PivotColumns: layout.PivotColumns || [],
         PivotAggregationColumns: layout.PivotAggregationColumns || [],
         PivotGroupedColumns: layout.PivotGroupedColumns || [],
-        ColumnWidths: layout.ColumnWidths || {},
+        ColumnSizing: layout.ColumnSizing || {},
     };
     return result;
 }
@@ -269,7 +270,7 @@ export function CreateEmptyLayout(layout, adaptableColumns) {
         TableColumns: tableLayout.TableColumns || [],
         ColumnSorts: tableLayout.ColumnSorts || [],
         ColumnFilters: tableLayout.ColumnFilters || [],
-        ColumnWidths: tableLayout.ColumnWidths || {},
+        ColumnSizing: tableLayout.ColumnSizing || {},
         RowGroupedColumns: tableLayout.RowGroupedColumns ||
             (adaptableColumns ? adaptableColumns.filter((c) => c.isGrouped).map((c) => c.columnId) : []),
     };

package/src/Utilities/Services/AnnotationsService.js

@@ -41,7 +41,7 @@ export class AnnotationsService {
     shouldListenToEvents() {
         // Listen to events if we either have Notes in state or if Comments have been set up
         return (ArrayExtensions.IsNotNullOrEmpty(this.api.noteApi.getAllNotes()) ||
-            this.api.internalApi.getModuleService().isModuleAvailable('Comment'));
+            this.api.internalApi.getModuleService().isAdapTableModulePresent('Comment'));
     }
     setUpEventListeners() {
         this.adaptable._on('MouseEnter', (event) => this.handleMouseEnter(event));

package/src/Utilities/Services/Interface/IModuleService.d.ts

@@ -4,7 +4,8 @@ import { AdaptableObject } from '../../../AdaptableState/Common/AdaptableObject'
 import { IAdaptableService } from './IAdaptableService';
 import { AdaptableModule } from '../../../AdaptableState/Common/Types';
 export interface IModuleService extends IAdaptableService {
-    isModuleAvailable(adaptableModule: AdaptableModule): boolean;
+    logMissingAgGridDepsInfos(): void;
+    isAdapTableModulePresent(adaptableModule: AdaptableModule): boolean;
     isModuleEditable(adaptableModule: AdaptableModule): boolean;
     createModuleUIItems(): void;
     getTeamSharingAction(adaptableModule: AdaptableModule): TeamSharingImportInfo<AdaptableObject> | undefined;

package/src/Utilities/Services/ModuleService.d.ts

@@ -1,5 +1,5 @@
 import { AdaptableModule } from '../../types';
-import { IModule, ModuleInfo, IModuleCollection } from '../../Strategy/Interface/IModule';
+import { IModule, IModuleCollection, ModuleInfo } from '../../Strategy/Interface/IModule';
 import { TeamSharingImportInfo } from '../../AdaptableState/TeamSharingState';
 import { AdaptableObject } from '../../AdaptableState/Common/AdaptableObject';
 import { IModuleService } from './Interface/IModuleService';
@@ -7,9 +7,9 @@ import { AdaptableApi } from '../../../types';
 export declare class ModuleService implements IModuleService {
     private adaptableApi;
     constructor(adaptableApi: AdaptableApi);
-    isModuleAvailable(adaptableModule: AdaptableModule): boolean;
-    isModuleName(adaptableModule: string): adaptableModule is AdaptableModule;
+    isAdapTableModulePresent(adaptableModule: AdaptableModule): boolean;
     isModuleEditable(adaptableModule: AdaptableModule): boolean;
+    logMissingAgGridDepsInfos(): void;
     getModuleFriendlyName(adaptableModule: AdaptableModule): string;
     createModuleUIItems(): void;
     private createSettingsPanelItems;

package/src/Utilities/Services/ModuleService.js

@@ -1,20 +1,16 @@
 import Helper from '../Helpers/Helper';
-import { HOST_URL_DOCS } from '../Constants/DocumentationLinkConstants';
-import { ALL_MODULES } from '../../AdaptableState/Common/Types';
+import { AgGridRequiredModulesDocsLink, HOST_URL_DOCS, } from '../Constants/DocumentationLinkConstants';
 export class ModuleService {
     constructor(adaptableApi) {
         this.adaptableApi = adaptableApi;
         this.adaptableApi = adaptableApi;
     }
-    isModuleAvailable(adaptableModule) {
+    isAdapTableModulePresent(adaptableModule) {
         let module = this.getModuleCollection().get(adaptableModule);
         if (!module) {
             return false;
         }
-        return module.isModuleAvailable();
-    }
-    isModuleName(adaptableModule) {
-        return ALL_MODULES.includes(adaptableModule);
+        return module.isModuleVisible();
     }
     isModuleEditable(adaptableModule) {
         let module = this.getModuleCollection().get(adaptableModule);
@@ -23,6 +19,22 @@ export class ModuleService {
         }
         return module.isModuleEditable();
     }
+    logMissingAgGridDepsInfos() {
+        // log missing core (required) AG Grid dependencies
+        const agGridModulesAdapter = this.adaptableApi.internalApi.getAgGridModulesAdapter();
+        const mandatoryAgGridModuleNames = agGridModulesAdapter.getMandatoryAgGridModuleNames();
+        const registeredAgGridModuleNames = agGridModulesAdapter.getAgGridRegisteredModuleNames();
+        const missingAgGridModuleNames = mandatoryAgGridModuleNames.filter((moduleName) => !registeredAgGridModuleNames.includes(moduleName));
+        if (missingAgGridModuleNames.length) {
+            this.adaptableApi.consoleError(`AdapTable requires the following AG Grid modules to be registered: ${missingAgGridModuleNames.join(', ')}.
+
+        See for more information: ${AgGridRequiredModulesDocsLink}`);
+        }
+        // log optional missing AG Grid dependencies for all modules
+        this.getModuleCollection().forEach((adaptableModule) => {
+            adaptableModule.logMissingAgGridDepsInfos();
+        });
+    }
     getModuleFriendlyName(adaptableModule) {
         return this.getModuleInfoByModule(adaptableModule)?.FriendlyName ?? adaptableModule;
     }

package/src/Utilities/getScopeViewItems.js

@@ -1,3 +1,4 @@
+import StringExtensions from './Extensions/StringExtensions';
 export const getScopeViewItems = (scope, api) => {
     let values = [];
     if ('ColumnIds' in scope && Array.isArray(scope.ColumnIds)) {
@@ -5,7 +6,9 @@ export const getScopeViewItems = (scope, api) => {
         values = scope.ColumnIds.map((columnId) => api.columnApi.getFriendlyNameForColumnId(columnId)).filter(Boolean);
     }
     if ('DataTypes' in scope) {
-        values = scope.DataTypes;
+        values = scope.DataTypes.map((d) => {
+            return 'Data Type: ' + StringExtensions.CapitaliseFirstLetter(d);
+        });
     }
     if ('All' in scope) {
         values = ['All Columns'];
@@ -14,7 +17,7 @@ export const getScopeViewItems = (scope, api) => {
         values = scope.ColumnTypes;
     }
     return {
-        label: 'Scope & Target',
+        label: 'Scope',
         name: 'Target',
         values,
     };

package/src/View/AdaptableView.js

@@ -20,7 +20,9 @@ class AdaptableView extends React.Component {
         return (React.createElement("div", null,
             React.createElement(GridCellPopup, null),
             React.createElement(QuickSearchDrawer, null),
-            this.props.AdaptableApi.internalApi.getModuleService().isModuleAvailable('Dashboard') && (React.createElement(Dashboard, { api: this.props.AdaptableApi })),
+            this.props.AdaptableApi.internalApi
+                .getModuleService()
+                .isAdapTableModulePresent('Dashboard') && React.createElement(Dashboard, { api: this.props.AdaptableApi }),
             this.props.PopupState.PromptPopup.ShowPromptPopup && (React.createElement(AdaptablePopupPrompt, { message: this.props.PopupState.PromptPopup.Message, header: this.props.PopupState.PromptPopup.Header, onClose: this.props.onClosePromptPopup, onConfirm: this.props.onConfirmPromptPopup, onConfirmActionCreator: this.props.PopupState.PromptPopup.ConfirmActionCreator, defaultValue: this.props.PopupState.PromptPopup.DefaultValue })),
             Boolean(this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup) && (React.createElement(AdaptablePopupConfirmation, { header: this.props.PopupState.ConfirmationPopup.Header, messsage: this.props.PopupState.ConfirmationPopup.Msg, showPopup: this.props.PopupState.ConfirmationPopup.ShowConfirmationPopup, cancelButtonText: this.props.PopupState.ConfirmationPopup.CancelButtonText, confirmButtonText: this.props.PopupState.ConfirmationPopup.ConfirmButtonText, onCancel: this.props.onCancelConfirmationPopup, onConfirm: this.props.onConfirmConfirmationPopup, showInputBox: this.props.PopupState.ConfirmationPopup.ShowInputBox, messageType: this.props.PopupState.ConfirmationPopup.MessageType, api: this.props.AdaptableApi })),
             Boolean(this.props.PopupState.ScreenPopup.ShowScreenPopup) && (React.createElement(AdaptablePopup, { componentName: this.props.PopupState.ScreenPopup.ComponentName, componentModule: this.props.PopupState.ScreenPopup.ComponentModule, onHide: this.props.onCloseScreenPopup, api: this.props.AdaptableApi, onClearParams: () => this.props.onClearPopupParams(), moduleParams: this.props.PopupState.ScreenPopup.Params, moduleProps: this.props.PopupState.ScreenPopup.PopupProps })),

package/src/View/ColumnInfo/ColumnInfo.js

@@ -40,6 +40,8 @@ const MODULES_WITH_SCOPE = [
 const ColumnDefPreview = (props) => {
     const adaptable = useAdaptable();
     if (props.column) {
+        const api = adaptable.api;
+        const summary = api.columnApi.getColumnSummaryForColumnId(props.column.columnId);
         const keyValuePairs = [
             {
                 Key: 'Column Id',
@@ -112,7 +114,7 @@ const ColumnDefPreview = (props) => {
             {
                 Key: 'Column Filter',
                 Value: props.column.filterable
-                    ? adaptable.api.filterApi.columnFilterApi.columnFilterToString(adaptable.api.filterApi.columnFilterApi.getColumnFilterForColumn(props.column.columnId))
+                    ? api.filterApi.columnFilterApi.columnFilterToString(summary.columnFilter)
                     : 'Ignore',
             },
             {
@@ -143,6 +145,10 @@ const ColumnDefPreview = (props) => {
                 Key: 'Sortable',
                 Value: props.column.sortable ? 'Yes' : 'No',
             },
+            {
+                Key: 'No. Distinct Values',
+                Value: summary.uniqueGridCells.length,
+            },
         ]
             .map((keyValuePair) => {
             return {
@@ -162,7 +168,7 @@ const ColumnDefPreview = (props) => {
 const ModuleView = (props) => {
     const adaptable = useAdaptable();
     const module = adaptable.ModuleService.getModuleById(props.moduleName);
-    if (!module || !module.isModuleAvailable()) {
+    if (!module?.isModuleVisible()) {
         return null;
     }
     const moduleInfo = module.moduleInfo;
@@ -213,7 +219,7 @@ export const ColumnInfo = (props) => {
         React.createElement(Box, { mb: 3 },
             React.createElement(FormLayout, null,
                 React.createElement(FormRow, { label: "Select Column" },
-                    React.createElement(ColumnSelector, { filterColumn: (column) => !column.alwaysHidden, value: selectedColumnId, onChange: (columnId) => setSelectedColumnId(columnId) })))),
+                    React.createElement(ColumnSelector, { value: selectedColumnId, onChange: (columnId) => setSelectedColumnId(columnId) })))),
         selectedColumnId && (React.createElement(Tabs, { mb: 3 },
             React.createElement(Tabs.Tab, null, "Column Summary"),
             React.createElement(Tabs.Tab, null, "Column State"),