@adaptabletools/adaptable-cjs 21.0.9-canary.0 → 21.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-cjs",
-  "version": "21.0.9-canary.0",
+  "version": "21.0.10",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/View/Layout/Wizard/sections/AggregationsSection.js

@@ -47,10 +47,15 @@ const ColumnRow = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const aggValue = props.layout?.TableAggregationColumns?.find((agg) => agg.ColumnId === props.column.columnId)?.AggFunc;
     const adaptableAggFunctions = [];
-    if (props.column.dataType === 'number') {
+    if (props.column.dataType === 'number' && props.column.aggregatable) {
         adaptableAggFunctions.push(WEIGHTED_AVERAGE_AGG_FN_NAME);
     }
-    const aggOptions = [...props.column.availableAggregationFunctions, ...adaptableAggFunctions].map((fnName) => {
+    // props.column.availableAggregationFunctions is null for non-aggregatable columns
+    // but we want to support non-aggregatable columns that are specified to be aggregated by default
+    // so we need to allow this. as soon as they will be unchecked from aggregation, they will no longer be displayed in the aggregation wizard.
+    // but until the user checks them off, we want to allow them.
+    const availableAggregationFunctions = props.column.availableAggregationFunctions || [];
+    const aggOptions = [...new Set([...availableAggregationFunctions, ...adaptableAggFunctions])].map((fnName) => {
         return {
             label: fnName,
             onClick: () => {
@@ -141,9 +146,17 @@ const AggregationsSection = (props) => {
     const allAggregableColumns = adaptable.api.columnApi.getAggregatableColumns();
     const allColumns = adaptable.api.columnApi.getUIAvailableColumns();
     const numberColumns = adaptable.api.columnApi.getNumericColumns();
-    const sortedAggregableColumns = React.useMemo(() => {
-        return ArrayExtensions_1.default.sortArrayWithOrder(allAggregableColumns.map((col) => col.columnId), (layout.TableAggregationColumns ?? []).map((agg) => agg.ColumnId), { sortUnorderedItems: false }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
-    }, [layout, allAggregableColumns]);
+    const allAggregatableColumnIds = allAggregableColumns.map((col) => col.columnId);
+    (layout.TableAggregationColumns || []).forEach((agg) => {
+        // we need to also display the columns currently aggregated,
+        // even if they are not aggregatable
+        if (!allAggregatableColumnIds.includes(agg.ColumnId)) {
+            allAggregatableColumnIds.push(agg.ColumnId);
+        }
+    });
+    const sortedAggregableColumns = ArrayExtensions_1.default.sortArrayWithOrder(allAggregatableColumnIds, (layout.TableAggregationColumns ?? []).map((agg) => agg.ColumnId), { sortUnorderedItems: false })
+        .map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId))
+        .filter(Boolean);
     const handleColumnsSelectionChange = React.useCallback((columnIds) => {
         const currentAggsMap = (layout.TableAggregationColumns || []).reduce((acc, { ColumnId, AggFunc }) => {
             acc[ColumnId] = AggFunc;

package/src/agGrid/AgGridAdapter.js

@@ -612,7 +612,10 @@ class AgGridAdapter {
         return false;
     }
     getColumnAggregationFunctions(colDef) {
-        return colDef.allowedAggFuncs || ['sum', 'min', 'max', 'count', 'avg', 'first', 'last']; // those are the default fns aggrid supports out-of-the-box
+        const result = colDef.allowedAggFuncs || ['sum', 'min', 'max', 'count', 'avg', 'first', 'last']; // those are the default fns aggrid supports out-of-the-box
+        const gridOptionsAggFuncs = this.adaptableApi.agGridApi.getGridOption('aggFuncs') || {};
+        result.push(...Object.keys(gridOptionsAggFuncs));
+        return [...new Set(result)];
     }
     isTreeColumn(isGeneratedRowGroupColumn) {
         return this.adaptableApi.gridApi.isTreeDataGrid() ? isGeneratedRowGroupColumn : false;

package/src/agGrid/AgGridColumnAdapter.js

@@ -581,7 +581,7 @@ class AgGridColumnAdapter {
             if (this.adaptableApi.gridApi.isTreeDataGrid()) {
                 this.setColDefProperty(col, 'filter', (original_filter) => {
                     const autoGroupColumnDef = this.agGridApi.getGridOption('autoGroupColumnDef');
-                    if (autoGroupColumnDef.filter != undefined) {
+                    if (autoGroupColumnDef?.filter != undefined) {
                         // we plan to provide a TreeListColumnFilter
                         // until then, it's the user's responsibility to explicitly set the filter in the provided `autoGroupColumnDef`
                         return original_filter;

package/src/components/OverlayTrigger/index.js

@@ -18,6 +18,7 @@ const UIHelper_1 = require("../../View/UIHelper");
 const InfiniteTable_1 = require("../InfiniteTable");
 const AdaptableContext_1 = require("../../View/AdaptableContext");
 const overlayBaseZIndex_1 = require("../overlayBaseZIndex");
+const DATA_NAME_OVERLAY_TRIGGER = 'OverlayTrigger';
 const getConstrainElement = (target, constrainTo) => {
     let el = null;
     if (typeof constrainTo === 'string') {
@@ -65,6 +66,7 @@ const defaultProps = {
 };
 const OverlayTrigger = React.forwardRef((givenProps, ref) => {
     const props = { ...defaultProps, ...givenProps };
+    (0, exports.ensurePortalElement)();
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     let { visible: _, showTriangle, showEvent, hideEvent, render, targetOffset, preventPortalEventPropagation = false, anchor, hideDelay = 0, opacityTransitionDuration, onVisibleChange, alignPosition = [
         // overlay - target
@@ -113,7 +115,6 @@ const OverlayTrigger = React.forwardRef((givenProps, ref) => {
         doSetVisible(true);
     }, 50), []);
     const prevVisible = (0, usePrevious_1.default)(visible, false);
-    (0, exports.ensurePortalElement)();
     const onShow = React.useCallback((event) => {
         const target = targetRef.current;
         if (event && preventPortalEventPropagation && !(0, contains_1.default)(target, event.target)) {
@@ -148,6 +149,9 @@ const OverlayTrigger = React.forwardRef((givenProps, ref) => {
     }, [ref]);
     (0, react_1.useEffect)(() => {
         let target = domRef.current.previousSibling;
+        while (target && target.dataset.name === DATA_NAME_OVERLAY_TRIGGER) {
+            target = target.previousSibling;
+        }
         if (targetProp) {
             target = targetProp(target);
         }
@@ -218,7 +222,7 @@ const OverlayTrigger = React.forwardRef((givenProps, ref) => {
     const agGridClassName = (0, useAgGridClassName_1.default)([visible]);
     return (React.createElement(React.Fragment, null,
         React.Children.only(props.children),
-        React.createElement("div", { "data-name": "OverlayTrigger", "data-visible": visible, ref: domRef, style: {
+        React.createElement("div", { "data-name": DATA_NAME_OVERLAY_TRIGGER, "data-visible": visible, ref: domRef, style: {
                 visibility: 'hidden',
                 flex: 'none',
                 width: 0,

package/src/env.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1761289716491 || Date.now(),
-    VERSION: "21.0.9-canary.0" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1761827394642 || Date.now(),
+    VERSION: "21.0.10" || '--current-version--',
 };

package/src/layout-manager/src/index.js

@@ -315,7 +315,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             // emit an event that the layout has changed from the grid
             this.emitSync('gridLayoutChanged', layout);
             const log = this.debugger.extend('gridLayoutChanged');
-            const changes = (0, isLayoutEqual_1.getChanges)(prevLayout, layout);
+            const changes = (0, isLayoutEqual_1.getChanges)((0, normalizeLayoutModel_1.normalizeLayoutModel)(prevLayout), (0, normalizeLayoutModel_1.normalizeLayoutModel)(layout));
             log('current grid layout:', JSON.stringify(layout, null, 2), '\nprev layout:\n', prevLayout ? JSON.stringify(prevLayout, null, 2) : 'no prev layout', '\nchanges from prev to current:\n', changes);
         }
     }
@@ -381,6 +381,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             Ignore_RowSummaries: layout.Ignore_RowSummaries,
             Ignore_IsReadOnly: layout.Ignore_IsReadOnly,
             Ignore_Tags: layout.Ignore_Tags,
+            Ignore_Metadata: layout.Ignore_Metadata,
             Ignore_Source: layout.Ignore_Source,
             Ignore_AdaptableVersion: layout.Ignore_AdaptableVersion,
             Ignore_Uuid: layout.Ignore_Uuid,
@@ -709,6 +710,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             Ignore_RowSummaries: this.currentLayout?.Ignore_RowSummaries,
             Ignore_IsReadOnly: this.currentLayout?.Ignore_IsReadOnly,
             Ignore_Tags: this.currentLayout?.Ignore_Tags,
+            Ignore_Metadata: this.currentLayout?.Ignore_Metadata,
             Ignore_Source: this.currentLayout?.Ignore_Source,
             Ignore_AdaptableVersion: this.currentLayout?.Ignore_AdaptableVersion,
             Ignore_Uuid: this.currentLayout?.Ignore_Uuid,

package/src/layout-manager/src/isLayoutEqual.js

@@ -62,6 +62,7 @@ function clearIgnoredProperties(layout) {
     delete layout.Ignore_IsReadOnly;
     delete layout.Ignore_Tags;
     delete layout.Ignore_Source;
+    delete layout.Ignore_Metadata;
     delete layout.Ignore_AdaptableVersion;
     delete layout.Ignore_Uuid;
 }

package/src/layout-manager/src/normalizeLayoutModel.js

@@ -5,6 +5,9 @@ const isPivotLayoutModel_1 = require("./isPivotLayoutModel");
 exports.AUTO_GROUP_COLUMN_ID__SINGLE = 'ag-Grid-AutoColumn';
 exports.AUTO_GROUP_COLUMN_ID__MULTI_PREFIX = 'ag-Grid-AutoColumn-';
 function normalizeTableLayoutModel(layout, options) {
+    if (!layout) {
+        return;
+    }
     layout = structuredClone(layout);
     if (!layout.ColumnVisibility) {
         layout.ColumnVisibility = {};