@adaptabletools/adaptable 23.0.0-canary.6 → 23.0.0-canary.8

package/src/Strategy/ColumnFilterModule.js

@@ -153,6 +153,7 @@ export class ColumnFilterModule extends AdaptableModuleBase {
                 {
                     name: 'Column',
                     values: [this.api.columnApi.getFriendlyNameForColumnId(filter.ColumnId)],
+                    tagVariant: 'column',
                 },
                 {
                     name: 'Filter',

package/src/Strategy/FlashingCellModule.js

@@ -7,8 +7,8 @@ import { getFlashingTargetViewItems } from './Utilities/FlashingCell/getFlashing
 import { getFlashingCellStyleViewItems } from './Utilities/FlashingCell/getFlashingCellStyleViewItems';
 import { getObjectTagsViewItems } from '../Utilities/getObjectTagsViewItems';
 import { getRuleViewItems } from '../Utilities/getRuleViewItems';
-import { getScopeViewItems } from '../Utilities/getScopeViewItems';
 import { FlashingCellWizard } from '../View/FlashingCell/Wizard/FlashingCellWizard';
+import { FlashingCellScopeSummaryView } from '../View/FlashingCell/Wizard/FlashingCellScopeWizardSection';
 import { getFlashingCellDurationViewItems } from './Utilities/FlashingCell/getFlashingCellDurationViewItems';
 import { errorOnce } from '../agGrid/AdaptableLogger';
 export class FlashingCellModule extends AdaptableModuleBase {
@@ -253,7 +253,11 @@ export class FlashingCellModule extends AdaptableModuleBase {
                     name: 'Name',
                     values: [flashingCell.Name],
                 },
-                { ...getScopeViewItems(flashingCell.Scope, this.api), label: 'Trigger' },
+                {
+                    label: 'Columns',
+                    name: 'Columns',
+                    view: FlashingCellScopeSummaryView,
+                },
                 {
                     ...getRuleViewItems(flashingCell.Rule, this.api),
                     label: 'Rule',

package/src/Strategy/FormatColumnModule.js

@@ -3,7 +3,7 @@ import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
 import * as FormatColumnRedux from '../Redux/ActionsReducers/FormatColumnRedux';
 import * as PopupRedux from '../Redux/ActionsReducers/PopupRedux';
 import { FormatColumnWizard } from '../View/FormatColumn/Wizard/FormatColumnWizard';
-import { getFormatColumnFormatSummaryValue, hasFormatColumnDisplayFormat } from '../View/FormatColumn/Wizard/FormatColumnFormatWizardSection';
+import { getFormatColumnFormatSummaryTagValues, hasFormatColumnDisplayFormat } from '../View/FormatColumn/Wizard/FormatColumnFormatWizardSection';
 import { getFormatColumnSettingsViewItems } from './Utilities/FormatColumn/getFormatColumnSettingsViewItems';
 import { MoveFormatColumn } from '../View/FormatColumn/MoveFormatColumn';
 import { getObjectTagsViewItems } from '../Utilities/getObjectTagsViewItems';
@@ -99,7 +99,7 @@ export class FormatColumnModule extends AdaptableModuleBase {
                 },
                 hasFormatColumnDisplayFormat(formatColumn) && {
                     name: 'Display Format',
-                    values: [getFormatColumnFormatSummaryValue(formatColumn)],
+                    values: getFormatColumnFormatSummaryTagValues(formatColumn),
                 },
                 getObjectTagsViewItems(formatColumn, this.api),
                 {

package/src/Strategy/FreeTextColumnModule.js

@@ -2,6 +2,7 @@ import { AdaptableModuleBase } from './AdaptableModuleBase';
 import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
 import * as FreeTextColumnRedux from '../Redux/ActionsReducers/FreeTextColumnRedux';
 import { FreeTextColumnWizard } from '../View/FreeTextColumn/Wizard/FreeTextColumnWizard';
+import { getFreeTextColumnSettingsTags } from '../View/FreeTextColumn/Utilities/getFreeTextColumnSettingsTags';
 import { getObjectTagsViewItems } from '../Utilities/getObjectTagsViewItems';
 import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
 export class FreeTextColumnModule extends AdaptableModuleBase {
@@ -65,36 +66,45 @@ export class FreeTextColumnModule extends AdaptableModuleBase {
         };
     }
     toView(freeTextColumn) {
+        const settingsTags = getFreeTextColumnSettingsTags(freeTextColumn.FreeTextColumnSettings);
+        const items = [
+            {
+                name: 'Settings',
+                label: 'Column Id',
+                values: [freeTextColumn.ColumnId],
+                tagVariant: 'column',
+            },
+            freeTextColumn.FriendlyName && {
+                name: 'Settings',
+                label: 'Column Name',
+                values: [freeTextColumn.FriendlyName],
+            },
+            {
+                name: 'Settings',
+                label: 'Data Type',
+                values: [freeTextColumn.FreeTextColumnSettings.DataType ?? 'Not specified'],
+            },
+            Boolean(freeTextColumn.DefaultValue) && {
+                name: 'Settings',
+                label: 'Default Value',
+                values: [freeTextColumn.DefaultValue],
+            },
+            freeTextColumn.TextEditor && {
+                name: 'Settings',
+                label: 'Editor Type',
+                values: [freeTextColumn.TextEditor],
+            },
+        ].filter(Boolean);
+        if (ArrayExtensions.IsNotNullOrEmpty(settingsTags)) {
+            items.push({
+                name: 'Settings',
+                values: settingsTags,
+            });
+        }
+        items.push(getObjectTagsViewItems(freeTextColumn, this.api));
         return {
             abObject: freeTextColumn,
-            items: [
-                {
-                    name: 'Settings',
-                    label: 'Column Id',
-                    values: [freeTextColumn.ColumnId],
-                },
-                freeTextColumn.FriendlyName && {
-                    name: 'Settings',
-                    label: 'Column Name',
-                    values: [freeTextColumn.FriendlyName],
-                },
-                {
-                    name: 'Settings',
-                    label: 'Data Type',
-                    values: [freeTextColumn.FreeTextColumnSettings.DataType ?? 'Not specified'],
-                },
-                Boolean(freeTextColumn.DefaultValue) && {
-                    name: 'Settings',
-                    label: 'Default Value',
-                    values: [freeTextColumn.DefaultValue],
-                },
-                freeTextColumn.TextEditor && {
-                    name: 'Editor Type',
-                    label: 'Editor',
-                    values: [freeTextColumn.TextEditor],
-                },
-                getObjectTagsViewItems(freeTextColumn, this.api),
-            ].filter(Boolean),
+            items: items.filter(Boolean),
         };
     }
     toViewAll() {

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

@@ -58,7 +58,9 @@ export interface AdaptableObjectItemView {
      * Values used for the component.
      * Could be later extended to include an 'onChange' prop.
      */
-    values?: (string | number)[];
+    values?: (string | number | React.ReactNode)[];
+    /** When `'column'`, tag values render with column styling. */
+    tagVariant?: 'default' | 'column';
 }
 export interface AdaptableObjectView {
     /**

package/src/Strategy/LayoutModule.js

@@ -8,8 +8,9 @@ import { EditCurrentLayoutButton } from '../View/Layout/EditCurrentLayoutButton'
 import { LayoutCloneButton } from '../View/Layout/LayoutCloneButton';
 import { LayoutWizard } from '../View/Layout/Wizard/LayoutWizard';
 import { getLayoutFilterViewItems } from './Utilities/Layout/getLayoutFilterViewItems';
-import { getLayoutSortViewItems } from './Utilities/Layout/getLayoutSortViewItems';
-import { WEIGHTED_AVERAGE_AGG_FN_NAME } from '../AdaptableState/Common/AggregationColumns';
+import { getLayoutTableColumnsViewItems, getLayoutPivotSortingViewItem } from './Utilities/Layout/columnsSummaryHelpers';
+import { getLayoutPivotRowGroupViewItems, getLayoutTableRowGroupViewItems, } from './Utilities/Layout/rowGroupSummaryHelpers';
+import { getLayoutTableAggregationViewItems, getLayoutPivotAggregationViewItems, } from './Utilities/Layout/aggregationSummaryHelpers';
 import { SHOW_PIVOT_COLUMN_DETAILS } from '../View/Components/Popups/WindowPopups/windowFactory';
 import flattenDeep from '../Utilities/utils/flattenDeep';
 import StringExtensions from '../Utilities/Extensions/StringExtensions';
@@ -277,25 +278,9 @@ export class LayoutModule extends AdaptableModuleBase {
         return this.getModuleAdaptableObjects().map((layout) => this.toView(layout));
     }
     toView(layout) {
-        const maxColumnsToDisplay = this.api.optionsApi.getLayoutOptions().layoutViewOptions?.maxColumnsToDisplay ?? 10;
         const columnIdToFriendlyName = (columnId) => {
             return this.api.columnApi.getFriendlyNameForColumnId(columnId);
         };
-        let columns = (layout.TableColumns || [])
-            .filter((c) => !this.api.columnApi.isAutoRowGroupColumn(c))
-            .filter((c) => !this.api.columnApi.isPivotResultColumn(c))
-            .filter((c) => !this.api.columnApi.isSelectionColumn(c));
-        if (columns.length >
-            maxColumnsToDisplay + 1 /* +1 is to show tag only beginning with 2, 'other 2' */) {
-            const extraColumns = columns.length - maxColumnsToDisplay;
-            const firstNColumns = columns
-                .slice(0, maxColumnsToDisplay)
-                .map((column) => columnIdToFriendlyName(column));
-            columns = [...firstNColumns, `and ${extraColumns} more`];
-        }
-        else {
-            columns = columns.map((column) => columnIdToFriendlyName(column));
-        }
         return {
             items: [
                 {
@@ -312,59 +297,23 @@ export class LayoutModule extends AdaptableModuleBase {
                  * The generated pivot columns cannot be prevented from beeing on the layout object.
                  * When they are removed/not added, they no longer appear in the grid.
                  */
-                !isPivotLayout(layout) && {
-                    name: 'Columns',
-                    values: columns,
-                },
-                layout.ColumnSorts?.length && getLayoutSortViewItems(layout, this.api),
+                ...(!isPivotLayout(layout)
+                    ? getLayoutTableColumnsViewItems(layout, this.api, {
+                        maxColumnsToDisplay: this.api.optionsApi.getAdaptableOptions()?.layoutOptions?.layoutViewOptions
+                            ?.maxColumnsToDisplay,
+                    })
+                    : []),
                 layout?.ColumnFilters?.length && getLayoutFilterViewItems(layout, this.api),
-                layout?.RowGroupedColumns?.length && {
-                    name: 'Row Groups',
-                    values: layout.RowGroupedColumns.map((colId) => columnIdToFriendlyName(colId)),
-                },
+                ...(!isPivotLayout(layout) ? getLayoutTableRowGroupViewItems(layout, this.api) : []),
                 layout?.PivotColumns?.length && {
                     name: 'Pivot Columns',
                     values: layout.PivotColumns.map((colId) => columnIdToFriendlyName(colId)),
+                    tagVariant: 'column',
                 },
-                layout?.PivotGroupedColumns?.length && {
-                    name: 'Pivot Row Groups',
-                    values: layout.PivotGroupedColumns.map((colId) => columnIdToFriendlyName(colId)),
-                },
-                layout?.TableAggregationColumns &&
-                    layout.TableAggregationColumns.length && {
-                    name: 'Aggregations',
-                    values: layout.TableAggregationColumns.map(({ ColumnId, AggFunc: aggFn }) => {
-                        if (ColumnId === 'Source' || ColumnId === 'Uuid' || ColumnId === 'AdaptableVersion') {
-                            return '';
-                        }
-                        let aggFnName = '';
-                        if (typeof aggFn === 'string') {
-                            aggFnName = aggFn;
-                        }
-                        else if (typeof aggFn === 'object' && aggFn.type === 'weightedAverage') {
-                            aggFnName = WEIGHTED_AVERAGE_AGG_FN_NAME;
-                        }
-                        return `${aggFnName}(${columnIdToFriendlyName(ColumnId)})`;
-                    }).filter(Boolean),
-                },
-                isPivotLayout(layout) &&
-                    layout?.PivotAggregationColumns &&
-                    layout.PivotAggregationColumns.length && {
-                    name: 'Pivot Aggregations',
-                    values: layout.PivotAggregationColumns.map(({ ColumnId, AggFunc: aggFn }) => {
-                        if (ColumnId === 'Source' || ColumnId === 'Uuid' || ColumnId === 'AdaptableVersion') {
-                            return '';
-                        }
-                        let aggFnName = '';
-                        if (typeof aggFn === 'string') {
-                            aggFnName = aggFn;
-                        }
-                        else if (typeof aggFn === 'object' && aggFn.type === 'weightedAverage') {
-                            aggFnName = WEIGHTED_AVERAGE_AGG_FN_NAME;
-                        }
-                        return `${aggFnName}(${columnIdToFriendlyName(ColumnId)})`;
-                    }).filter(Boolean),
-                },
+                isPivotLayout(layout) && getLayoutPivotSortingViewItem(layout, this.api),
+                ...(isPivotLayout(layout) ? getLayoutPivotRowGroupViewItems(layout, this.api) : []),
+                ...(!isPivotLayout(layout) ? getLayoutTableAggregationViewItems(layout, this.api) : []),
+                ...(isPivotLayout(layout) ? getLayoutPivotAggregationViewItems(layout, this.api) : []),
                 layout?.GridFilter &&
                     StringExtensions.IsNotNullOrEmpty(layout.GridFilter.Expression) &&
                     getGridFilterViewItems(layout),

package/src/Strategy/StyledColumnModule.js

@@ -1,7 +1,8 @@
 import { AdaptableModuleBase } from './AdaptableModuleBase';
 import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
 import * as StyledColumnRedux from '../Redux/ActionsReducers/StyledColumnRedux';
-import { StyledColumnWizard } from '../View/StyledColumn/Wizard/StyledColumnWizard';
+import { StyledColumnWizard, getStyledColumnEditDefaultSectionName } from '../View/StyledColumn/Wizard/StyledColumnWizard';
+import { summaryStringsToTagContents } from '../View/Wizard/SummaryColorTag';
 import { renderStyledColumnRangesSummary, getStyledColumnPercentBarStyleViewValues, } from '../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/StyledColumnWizardStyleSection';
 import { getStyledColumnGradientStyleViewValues } from '../View/StyledColumn/Wizard/StyledColumnWizardGradientSection';
 import { getStyledColumnBulletStyleViewValues, StyledColumnBulletRangesView, } from '../View/StyledColumn/Wizard/StyledColumnWizardBulletSection';
@@ -80,26 +81,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
                 // Edit is common
                 if (styledColumn) {
                     if (!styledColumn.IsReadOnly) {
-                        let defaultCurrentSectionName = undefined;
-                        if (styledColumn.BadgeStyle) {
-                            defaultCurrentSectionName = 'Badges';
-                        }
-                        else if (styledColumn.GradientStyle || styledColumn.PercentBarStyle) {
-                            // Gradient + Percent Bar wizards now lead with the Ranges step.
-                            defaultCurrentSectionName = 'Ranges';
-                        }
-                        else if (styledColumn.BulletChartStyle) {
-                            defaultCurrentSectionName = 'Ranges';
-                        }
-                        else if (styledColumn.RangeBarStyle) {
-                            defaultCurrentSectionName = 'Style';
-                        }
-                        else if (styledColumn.IconStyle) {
-                            defaultCurrentSectionName = 'Mappings';
-                        }
-                        else {
-                            defaultCurrentSectionName = 'Style';
-                        }
+                        const defaultCurrentSectionName = getStyledColumnEditDefaultSectionName(styledColumn);
                         const popupParam = {
                             action: 'Edit',
                             source: 'ColumnMenu',
@@ -291,7 +273,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             if (styledColumn.PercentBarStyle) {
                 specificTypeItems.push({
                     name: 'Style',
-                    values: getStyledColumnPercentBarStyleViewValues(styledColumn),
+                    values: summaryStringsToTagContents(getStyledColumnPercentBarStyleViewValues(styledColumn)),
                 });
                 specificTypeItems.push({
                     name: 'Preview',
@@ -301,7 +283,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             if (styledColumn.GradientStyle) {
                 specificTypeItems.push({
                     name: 'Style',
-                    values: getStyledColumnGradientStyleViewValues(styledColumn),
+                    values: summaryStringsToTagContents(getStyledColumnGradientStyleViewValues(styledColumn)),
                 });
                 specificTypeItems.push({
                     name: 'Preview',
@@ -316,7 +298,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Style',
-                values: getStyledColumnBulletStyleViewValues(styledColumn),
+                values: summaryStringsToTagContents(getStyledColumnBulletStyleViewValues(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -326,7 +308,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
         if (styledColumn.RatingStyle) {
             specificTypeItems.push({
                 name: 'Style',
-                values: getStyledColumnRatingStyleViewValues(styledColumn),
+                values: summaryStringsToTagContents(getStyledColumnRatingStyleViewValues(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -340,7 +322,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Display',
-                values: getStyledColumnRangeBarDisplayViewValues(styledColumn),
+                values: summaryStringsToTagContents(getStyledColumnRangeBarDisplayViewValues(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -354,7 +336,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Style',
-                values: getStyledColumnIconStyleViewValues(styledColumn),
+                values: summaryStringsToTagContents(getStyledColumnIconStyleViewValues(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -368,7 +350,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Style',
-                values: getStyledColumnBadgeStyleViewValues(styledColumn, this.api),
+                values: summaryStringsToTagContents(getStyledColumnBadgeStyleViewValues(styledColumn, this.api)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -378,7 +360,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
         if (styledColumn.SparklineStyle) {
             specificTypeItems.push({
                 name: 'Style',
-                values: getStyledColumnSparklineStyleViewValues(styledColumn),
+                values: summaryStringsToTagContents(getStyledColumnSparklineStyleViewValues(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -400,6 +382,7 @@ export class StyledColumnModule extends AdaptableModuleBase {
                 {
                     name: 'Column',
                     values: [this.api.columnApi.getFriendlyNameForColumnId(styledColumn.ColumnId)],
+                    tagVariant: 'column',
                 },
                 {
                     name: 'Rows',

package/src/Strategy/Utilities/CustomSort/getCustomSortColumnViewItems.d.ts

@@ -2,4 +2,5 @@ import { AdaptableApi, CustomSort } from '../../../../types';
 export declare const getCustomSortColumnViewItems: (customSort: CustomSort, api: AdaptableApi) => {
     name: string;
     values: string[];
+    tagVariant: "column";
 };

package/src/Strategy/Utilities/CustomSort/getCustomSortColumnViewItems.js

@@ -2,5 +2,6 @@ export const getCustomSortColumnViewItems = (customSort, api) => {
     return {
         name: 'Column',
         values: [api.columnApi.getFriendlyNameForColumnId(customSort.ColumnId)],
+        tagVariant: 'column',
     };
 };

package/src/Strategy/Utilities/Export/getExportColumnsViewItems.d.ts

@@ -1,3 +1,5 @@
+import * as React from 'react';
 import { AdaptableObjectItemView } from '../../Interface/IModule';
 import { AdaptableApi, Report } from '../../../../types';
 export declare const getExportColumnsViewItems: (report: Report, api: AdaptableApi) => AdaptableObjectItemView;
+export declare const renderExportColumnsView: (report: Report, api: AdaptableApi) => React.ReactNode;

package/src/Strategy/Utilities/Export/getExportColumnsViewItems.js

@@ -1,6 +1,20 @@
+import * as React from 'react';
+import { TagList } from '../../../components/Tag/Tag';
+import { reportColumnTagsUseColumnVariant } from '../../../components/Tag/columnScopeTagHelpers';
 export const getExportColumnsViewItems = (report, api) => {
     return {
         name: 'Columns',
         values: [...api.exportApi.internalApi.getReportColumnScopeShortDescription(report)],
+        tagVariant: reportColumnTagsUseColumnVariant(report) ? 'column' : undefined,
     };
 };
+export const renderExportColumnsView = (report, api) => {
+    const { values } = getExportColumnsViewItems(report, api);
+    if (!values?.length) {
+        return null;
+    }
+    return React.createElement(TagList, {
+        tags: values,
+        variant: reportColumnTagsUseColumnVariant(report) ? 'column' : undefined,
+    });
+};

package/src/Strategy/Utilities/Export/getExportRowsViewItems.d.ts

@@ -4,3 +4,4 @@ export declare const getExportRowsViewItems: (report: Report, api: AdaptableApi)
     name: string;
     view: React.JSX.Element;
 };
+export declare const renderExportRowsView: (report: Report, api: AdaptableApi) => React.ReactNode;

package/src/Strategy/Utilities/Export/getExportRowsViewItems.js

@@ -14,3 +14,6 @@ export const getExportRowsViewItems = (report, api) => {
         view: _jsx(Tag, { children: element }),
     };
 };
+export const renderExportRowsView = (report, api) => {
+    return getExportRowsViewItems(report, api).view;
+};

package/src/Strategy/Utilities/Layout/aggregationSummaryHelpers.d.ts

@@ -0,0 +1,11 @@
+import { AdaptableApi, PivotLayout, TableLayout } from '../../../types';
+export declare function getTableAggregationSummaryValues(layout: TableLayout, api: AdaptableApi): string[];
+export declare function getPivotAggregationSummaryValues(layout: PivotLayout, api: AdaptableApi): string[];
+export declare function getLayoutTableAggregationViewItems(layout: TableLayout, api: AdaptableApi): {
+    name: string;
+    values: string[];
+}[];
+export declare function getLayoutPivotAggregationViewItems(layout: PivotLayout, api: AdaptableApi): {
+    name: string;
+    values: string[];
+}[];

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

@@ -0,0 +1,105 @@
+import { WEIGHTED_AVERAGE_AGG_FN_NAME } from '../../../AdaptableState/Common/AggregationColumns';
+const IGNORED_AGG_COLUMN_IDS = new Set(['Source', 'Uuid', 'AdaptableVersion']);
+const GRAND_TOTAL_ROW_LABELS = {
+    off: 'None',
+    top: 'Top',
+    bottom: 'Bottom',
+    pinnedTop: 'Pinned Top',
+    pinnedBottom: 'Pinned Bottom',
+};
+const PIVOT_LAYOUT_TOTAL_LABELS = {
+    off: 'None',
+    before: 'Before',
+    after: 'After',
+};
+function getGrandTotalRowKey(layout) {
+    const value = layout.GrandTotalRow;
+    if (value == null || value === false) {
+        return 'off';
+    }
+    return value;
+}
+function getGrandTotalRowLabel(layout) {
+    return GRAND_TOTAL_ROW_LABELS[getGrandTotalRowKey(layout)];
+}
+function getPivotLayoutTotalKey(value) {
+    if (value == null || value === false) {
+        return 'off';
+    }
+    if (value === 'before') {
+        return 'before';
+    }
+    if (value === 'after') {
+        return 'after';
+    }
+    return 'off';
+}
+function getPivotLayoutTotalLabel(value) {
+    return PIVOT_LAYOUT_TOTAL_LABELS[getPivotLayoutTotalKey(value)];
+}
+function formatAggregationTag(columnId, aggFn, columnIdToFriendlyName) {
+    if (IGNORED_AGG_COLUMN_IDS.has(columnId)) {
+        return null;
+    }
+    let aggFnName = '';
+    if (typeof aggFn === 'string') {
+        aggFnName = aggFn;
+    }
+    else if (typeof aggFn === 'object' && aggFn?.type === 'weightedAverage') {
+        aggFnName = WEIGHTED_AVERAGE_AGG_FN_NAME;
+    }
+    if (!aggFnName) {
+        return null;
+    }
+    return `${aggFnName}(${columnIdToFriendlyName(columnId)})`;
+}
+export function getTableAggregationSummaryValues(layout, api) {
+    const columnIdToFriendlyName = (columnId) => api.columnApi.getFriendlyNameForColumnId(columnId);
+    const values = (layout.TableAggregationColumns || [])
+        .map(({ ColumnId, AggFunc }) => formatAggregationTag(ColumnId, AggFunc, columnIdToFriendlyName))
+        .filter((value) => Boolean(value));
+    if (getGrandTotalRowKey(layout) !== 'off') {
+        values.push(`Grand Total Row: ${getGrandTotalRowLabel(layout)}`);
+    }
+    return values;
+}
+export function getPivotAggregationSummaryValues(layout, api) {
+    const columnIdToFriendlyName = (columnId) => api.columnApi.getFriendlyNameForColumnId(columnId);
+    const values = (layout.PivotAggregationColumns || [])
+        .map(({ ColumnId, AggFunc }) => formatAggregationTag(ColumnId, AggFunc, columnIdToFriendlyName))
+        .filter((value) => Boolean(value));
+    if (getGrandTotalRowKey(layout) !== 'off') {
+        values.push(`Grand Total Row: ${getGrandTotalRowLabel(layout)}`);
+    }
+    if (getPivotLayoutTotalKey(layout.PivotGrandTotal) !== 'off') {
+        values.push(`Pivot Grand Total: ${getPivotLayoutTotalLabel(layout.PivotGrandTotal)}`);
+    }
+    if (getPivotLayoutTotalKey(layout.PivotColumnTotal) !== 'off') {
+        values.push(`Pivot Column Total: ${getPivotLayoutTotalLabel(layout.PivotColumnTotal)}`);
+    }
+    return values;
+}
+export function getLayoutTableAggregationViewItems(layout, api) {
+    const values = getTableAggregationSummaryValues(layout, api);
+    if (!values.length) {
+        return [];
+    }
+    return [
+        {
+            name: 'Aggregations',
+            values,
+        },
+    ];
+}
+export function getLayoutPivotAggregationViewItems(layout, api) {
+    const values = getPivotAggregationSummaryValues(layout, api);
+    if (!values.length) {
+        return [];
+    }
+    return [
+        {
+            name: 'Aggregations',
+            values,
+        },
+    ];
+}

package/src/Strategy/Utilities/Layout/columnsSummaryHelpers.d.ts

@@ -0,0 +1,48 @@
+import { AdaptableApi, Layout, TableLayout } from '../../../types';
+export declare const TABLE_COLUMNS_SETTINGS_PANEL_LABELS: {
+    visibility: string;
+    pinning: string;
+    sizing: string;
+    sorting: string;
+};
+export declare const TABLE_COLUMNS_WIZARD_SUBSECTION_LABELS: {
+    visibility: string;
+    pinning: string;
+    sizing: string;
+    sorting: string;
+};
+export type TableColumnsSummaryLabels = {
+    readonly visibility: string;
+    readonly pinning: string;
+    readonly sizing: string;
+    readonly sorting: string;
+};
+export type TableColumnsSummaryGroup = {
+    label: string;
+    values: string[];
+    emptyLabel: string;
+};
+export declare function getTableColumnsVisibilitySummaryValues(layout: TableLayout, api: AdaptableApi): string[];
+export declare function getTableColumnsPinningSummaryValues(layout: Layout, api: AdaptableApi): string[];
+export declare function getTableColumnsSizingSummaryValues(layout: Layout, api: AdaptableApi): string[];
+export declare function getTableColumnsSortingSummaryValues(layout: Layout, api: AdaptableApi): string[];
+/** Matches legacy Layout settings panel behaviour (`layoutViewOptions.maxColumnsToDisplay`). */
+export declare const DEFAULT_LAYOUT_VIEW_MAX_COLUMNS = 10;
+/**
+ * Collapse a long column list for compact views (e.g. Layout settings panel).
+ * Keeps all items when the overflow is only 1 column; otherwise shows `+N more`.
+ */
+export declare function truncateColumnSummaryValues(values: string[], maxToDisplay?: number): string[];
+export declare function getTableColumnsSummaryGroups(layout: TableLayout, api: AdaptableApi, labels?: TableColumnsSummaryLabels): TableColumnsSummaryGroup[];
+export declare function getLayoutTableColumnsViewItems(layout: Layout, api: AdaptableApi, options?: {
+    maxColumnsToDisplay?: number;
+}): {
+    name: string;
+    values: string[];
+    tagVariant: "column";
+}[];
+export declare function getLayoutPivotSortingViewItem(layout: Layout, api: AdaptableApi): {
+    name: string;
+    values: string[];
+    tagVariant: "column";
+};