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

package/src/Strategy/ColumnFilterModule.js

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

package/src/Strategy/FlashingCellModule.js

@@ -11,8 +11,8 @@ const getFlashingTargetViewItems_1 = require("./Utilities/FlashingCell/getFlashi
 const getFlashingCellStyleViewItems_1 = require("./Utilities/FlashingCell/getFlashingCellStyleViewItems");
 const getObjectTagsViewItems_1 = require("../Utilities/getObjectTagsViewItems");
 const getRuleViewItems_1 = require("../Utilities/getRuleViewItems");
-const getScopeViewItems_1 = require("../Utilities/getScopeViewItems");
 const FlashingCellWizard_1 = require("../View/FlashingCell/Wizard/FlashingCellWizard");
+const FlashingCellScopeWizardSection_1 = require("../View/FlashingCell/Wizard/FlashingCellScopeWizardSection");
 const getFlashingCellDurationViewItems_1 = require("./Utilities/FlashingCell/getFlashingCellDurationViewItems");
 const AdaptableLogger_1 = require("../agGrid/AdaptableLogger");
 class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
@@ -257,7 +257,11 @@ class FlashingCellModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                     name: 'Name',
                     values: [flashingCell.Name],
                 },
-                { ...(0, getScopeViewItems_1.getScopeViewItems)(flashingCell.Scope, this.api), label: 'Trigger' },
+                {
+                    label: 'Columns',
+                    name: 'Columns',
+                    view: FlashingCellScopeWizardSection_1.FlashingCellScopeSummaryView,
+                },
                 {
                     ...(0, getRuleViewItems_1.getRuleViewItems)(flashingCell.Rule, this.api),
                     label: 'Rule',

package/src/Strategy/FormatColumnModule.js

@@ -103,7 +103,7 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
                 },
                 (0, FormatColumnFormatWizardSection_1.hasFormatColumnDisplayFormat)(formatColumn) && {
                     name: 'Display Format',
-                    values: [(0, FormatColumnFormatWizardSection_1.getFormatColumnFormatSummaryValue)(formatColumn)],
+                    values: (0, FormatColumnFormatWizardSection_1.getFormatColumnFormatSummaryTagValues)(formatColumn),
                 },
                 (0, getObjectTagsViewItems_1.getObjectTagsViewItems)(formatColumn, this.api),
                 {

package/src/Strategy/FreeTextColumnModule.js

@@ -6,6 +6,7 @@ const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 const FreeTextColumnRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/FreeTextColumnRedux"));
 const FreeTextColumnWizard_1 = require("../View/FreeTextColumn/Wizard/FreeTextColumnWizard");
+const getFreeTextColumnSettingsTags_1 = require("../View/FreeTextColumn/Utilities/getFreeTextColumnSettingsTags");
 const getObjectTagsViewItems_1 = require("../Utilities/getObjectTagsViewItems");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 class FreeTextColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
@@ -69,36 +70,45 @@ class FreeTextColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         };
     }
     toView(freeTextColumn) {
+        const settingsTags = (0, getFreeTextColumnSettingsTags_1.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_1.default.IsNotNullOrEmpty(settingsTags)) {
+            items.push({
+                name: 'Settings',
+                values: settingsTags,
+            });
+        }
+        items.push((0, getObjectTagsViewItems_1.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],
-                },
-                (0, getObjectTagsViewItems_1.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

@@ -12,8 +12,9 @@ const EditCurrentLayoutButton_1 = require("../View/Layout/EditCurrentLayoutButto
 const LayoutCloneButton_1 = require("../View/Layout/LayoutCloneButton");
 const LayoutWizard_1 = require("../View/Layout/Wizard/LayoutWizard");
 const getLayoutFilterViewItems_1 = require("./Utilities/Layout/getLayoutFilterViewItems");
-const getLayoutSortViewItems_1 = require("./Utilities/Layout/getLayoutSortViewItems");
-const AggregationColumns_1 = require("../AdaptableState/Common/AggregationColumns");
+const columnsSummaryHelpers_1 = require("./Utilities/Layout/columnsSummaryHelpers");
+const rowGroupSummaryHelpers_1 = require("./Utilities/Layout/rowGroupSummaryHelpers");
+const aggregationSummaryHelpers_1 = require("./Utilities/Layout/aggregationSummaryHelpers");
 const windowFactory_1 = require("../View/Components/Popups/WindowPopups/windowFactory");
 const flattenDeep_1 = tslib_1.__importDefault(require("../Utilities/utils/flattenDeep"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/StringExtensions"));
@@ -281,25 +282,9 @@ class LayoutModule extends AdaptableModuleBase_1.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: [
                 {
@@ -316,59 +301,23 @@ class LayoutModule extends AdaptableModuleBase_1.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.
                  */
-                !(0, LayoutHelpers_1.isPivotLayout)(layout) && {
-                    name: 'Columns',
-                    values: columns,
-                },
-                layout.ColumnSorts?.length && (0, getLayoutSortViewItems_1.getLayoutSortViewItems)(layout, this.api),
+                ...(!(0, LayoutHelpers_1.isPivotLayout)(layout)
+                    ? (0, columnsSummaryHelpers_1.getLayoutTableColumnsViewItems)(layout, this.api, {
+                        maxColumnsToDisplay: this.api.optionsApi.getAdaptableOptions()?.layoutOptions?.layoutViewOptions
+                            ?.maxColumnsToDisplay,
+                    })
+                    : []),
                 layout?.ColumnFilters?.length && (0, getLayoutFilterViewItems_1.getLayoutFilterViewItems)(layout, this.api),
-                layout?.RowGroupedColumns?.length && {
-                    name: 'Row Groups',
-                    values: layout.RowGroupedColumns.map((colId) => columnIdToFriendlyName(colId)),
-                },
+                ...(!(0, LayoutHelpers_1.isPivotLayout)(layout) ? (0, rowGroupSummaryHelpers_1.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 = AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME;
-                        }
-                        return `${aggFnName}(${columnIdToFriendlyName(ColumnId)})`;
-                    }).filter(Boolean),
-                },
-                (0, LayoutHelpers_1.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 = AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME;
-                        }
-                        return `${aggFnName}(${columnIdToFriendlyName(ColumnId)})`;
-                    }).filter(Boolean),
-                },
+                (0, LayoutHelpers_1.isPivotLayout)(layout) && (0, columnsSummaryHelpers_1.getLayoutPivotSortingViewItem)(layout, this.api),
+                ...((0, LayoutHelpers_1.isPivotLayout)(layout) ? (0, rowGroupSummaryHelpers_1.getLayoutPivotRowGroupViewItems)(layout, this.api) : []),
+                ...(!(0, LayoutHelpers_1.isPivotLayout)(layout) ? (0, aggregationSummaryHelpers_1.getLayoutTableAggregationViewItems)(layout, this.api) : []),
+                ...((0, LayoutHelpers_1.isPivotLayout)(layout) ? (0, aggregationSummaryHelpers_1.getLayoutPivotAggregationViewItems)(layout, this.api) : []),
                 layout?.GridFilter &&
                     StringExtensions_1.default.IsNotNullOrEmpty(layout.GridFilter.Expression) &&
                     (0, getGridFilterPreview_1.getGridFilterViewItems)(layout),

package/src/Strategy/StyledColumnModule.js

@@ -6,6 +6,7 @@ const AdaptableModuleBase_1 = require("./AdaptableModuleBase");
 const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
 const StyledColumnRedux = tslib_1.__importStar(require("../Redux/ActionsReducers/StyledColumnRedux"));
 const StyledColumnWizard_1 = require("../View/StyledColumn/Wizard/StyledColumnWizard");
+const SummaryColorTag_1 = require("../View/Wizard/SummaryColorTag");
 const StyledColumnWizardStyleSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardStyleSection/StyledColumnWizardStyleSection");
 const StyledColumnWizardGradientSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardGradientSection");
 const StyledColumnWizardBulletSection_1 = require("../View/StyledColumn/Wizard/StyledColumnWizardBulletSection");
@@ -84,26 +85,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.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 = (0, StyledColumnWizard_1.getStyledColumnEditDefaultSectionName)(styledColumn);
                         const popupParam = {
                             action: 'Edit',
                             source: 'ColumnMenu',
@@ -295,7 +277,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             if (styledColumn.PercentBarStyle) {
                 specificTypeItems.push({
                     name: 'Style',
-                    values: (0, StyledColumnWizardStyleSection_1.getStyledColumnPercentBarStyleViewValues)(styledColumn),
+                    values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnWizardStyleSection_1.getStyledColumnPercentBarStyleViewValues)(styledColumn)),
                 });
                 specificTypeItems.push({
                     name: 'Preview',
@@ -305,7 +287,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             if (styledColumn.GradientStyle) {
                 specificTypeItems.push({
                     name: 'Style',
-                    values: (0, StyledColumnWizardGradientSection_1.getStyledColumnGradientStyleViewValues)(styledColumn),
+                    values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnWizardGradientSection_1.getStyledColumnGradientStyleViewValues)(styledColumn)),
                 });
                 specificTypeItems.push({
                     name: 'Preview',
@@ -320,7 +302,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Style',
-                values: (0, StyledColumnWizardBulletSection_1.getStyledColumnBulletStyleViewValues)(styledColumn),
+                values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnWizardBulletSection_1.getStyledColumnBulletStyleViewValues)(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -330,7 +312,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         if (styledColumn.RatingStyle) {
             specificTypeItems.push({
                 name: 'Style',
-                values: (0, StyledColumnWizardRatingSection_1.getStyledColumnRatingStyleViewValues)(styledColumn),
+                values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnWizardRatingSection_1.getStyledColumnRatingStyleViewValues)(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -344,7 +326,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Display',
-                values: (0, StyledColumnWizardRangeBarSection_1.getStyledColumnRangeBarDisplayViewValues)(styledColumn),
+                values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnWizardRangeBarSection_1.getStyledColumnRangeBarDisplayViewValues)(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -358,7 +340,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Style',
-                values: (0, StyledColumnWizardIconSection_1.getStyledColumnIconStyleViewValues)(styledColumn),
+                values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnWizardIconSection_1.getStyledColumnIconStyleViewValues)(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -372,7 +354,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             });
             specificTypeItems.push({
                 name: 'Style',
-                values: (0, StyledColumnBadgeSection_1.getStyledColumnBadgeStyleViewValues)(styledColumn, this.api),
+                values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnBadgeSection_1.getStyledColumnBadgeStyleViewValues)(styledColumn, this.api)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -382,7 +364,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         if (styledColumn.SparklineStyle) {
             specificTypeItems.push({
                 name: 'Style',
-                values: (0, StyledColumnSparklineSettingsSection_1.getStyledColumnSparklineStyleViewValues)(styledColumn),
+                values: (0, SummaryColorTag_1.summaryStringsToTagContents)((0, StyledColumnSparklineSettingsSection_1.getStyledColumnSparklineStyleViewValues)(styledColumn)),
             });
             specificTypeItems.push({
                 name: 'Preview',
@@ -404,6 +386,7 @@ class StyledColumnModule extends AdaptableModuleBase_1.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

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

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,10 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getExportColumnsViewItems = void 0;
+exports.renderExportColumnsView = exports.getExportColumnsViewItems = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Tag_1 = require("../../../components/Tag/Tag");
+const columnScopeTagHelpers_1 = require("../../../components/Tag/columnScopeTagHelpers");
 const getExportColumnsViewItems = (report, api) => {
     return {
         name: 'Columns',
         values: [...api.exportApi.internalApi.getReportColumnScopeShortDescription(report)],
+        tagVariant: (0, columnScopeTagHelpers_1.reportColumnTagsUseColumnVariant)(report) ? 'column' : undefined,
     };
 };
 exports.getExportColumnsViewItems = getExportColumnsViewItems;
+const renderExportColumnsView = (report, api) => {
+    const { values } = (0, exports.getExportColumnsViewItems)(report, api);
+    if (!values?.length) {
+        return null;
+    }
+    return React.createElement(Tag_1.TagList, {
+        tags: values,
+        variant: (0, columnScopeTagHelpers_1.reportColumnTagsUseColumnVariant)(report) ? 'column' : undefined,
+    });
+};
+exports.renderExportColumnsView = renderExportColumnsView;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getExportRowsViewItems = void 0;
+exports.renderExportRowsView = exports.getExportRowsViewItems = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ExpressionPreview_1 = require("../../../components/ExpressionEditor/ExpressionPreview");
 const Tag_1 = require("../../../components/Tag");
@@ -18,3 +18,7 @@ const getExportRowsViewItems = (report, api) => {
     };
 };
 exports.getExportRowsViewItems = getExportRowsViewItems;
+const renderExportRowsView = (report, api) => {
+    return (0, exports.getExportRowsViewItems)(report, api).view;
+};
+exports.renderExportRowsView = renderExportRowsView;

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,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTableAggregationSummaryValues = getTableAggregationSummaryValues;
+exports.getPivotAggregationSummaryValues = getPivotAggregationSummaryValues;
+exports.getLayoutTableAggregationViewItems = getLayoutTableAggregationViewItems;
+exports.getLayoutPivotAggregationViewItems = getLayoutPivotAggregationViewItems;
+const AggregationColumns_1 = require("../../../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 = AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME;
+    }
+    if (!aggFnName) {
+        return null;
+    }
+    return `${aggFnName}(${columnIdToFriendlyName(columnId)})`;
+}
+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;
+}
+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;
+}
+function getLayoutTableAggregationViewItems(layout, api) {
+    const values = getTableAggregationSummaryValues(layout, api);
+    if (!values.length) {
+        return [];
+    }
+    return [
+        {
+            name: 'Aggregations',
+            values,
+        },
+    ];
+}
+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";
+};