@adaptabletools/adaptable 18.1.12 → 18.1.13

package/package.json

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

package/src/Api/Events/GridDataChanged.d.ts

@@ -1,6 +1,6 @@
 import { IRowNode } from '@ag-grid-community/core';
 import { BaseEventInfo } from './BaseEventInfo';
-export type GridDataChangeTrigger = 'Add' | 'Edit' | 'Delete' | 'Load';
+export type GridDataChangeTrigger = 'Add' | 'Update' | 'Delete' | 'Load';
 /**
  * EventInfo returned by GridDataChanged event
  */ export interface GridDataChangedInfo<TData = any> extends BaseEventInfo {
@@ -13,7 +13,7 @@ export type GridDataChangeTrigger = 'Add' | 'Edit' | 'Delete' | 'Load';
      */
     dataRows: TData[];
     /**
-     * Trigger for row change: Load, Add, Edit, or Delete
+     * Trigger for row change: Load, Add, Update, or Delete
      */
     rowTrigger: GridDataChangeTrigger;
     /**

package/src/Api/Implementation/GridApiImpl.js

@@ -53,13 +53,13 @@ export class GridApiImpl extends ApiBase {
     }
     async updateGridData(dataRows, dataUpdateConfig) {
         const rowNodes = await this.adaptable.updateRows(dataRows, dataUpdateConfig);
-        this.internalApi.fireGridDataChangedEvent(dataRows, rowNodes, 'Edit');
+        this.internalApi.fireGridDataChangedEvent(dataRows, rowNodes, 'Update');
         return rowNodes;
     }
     async addOrUpdateGridData(dataRows, dataUpdateConfig) {
         const { added, updated } = await this.adaptable.addOrUpdateRows(dataRows, dataUpdateConfig);
         if (ArrayExtensions.IsNotNullOrEmpty(updated)) {
-            this.internalApi.fireGridDataChangedEvent(dataRows, updated, 'Edit');
+            this.internalApi.fireGridDataChangedEvent(dataRows, updated, 'Update');
         }
         if (ArrayExtensions.IsNotNullOrEmpty(added)) {
             this.internalApi.fireGridDataChangedEvent(dataRows, added, 'Add');

package/src/Api/Implementation/LayoutApiImpl.js

@@ -38,12 +38,16 @@ export class LayoutApiImpl extends ApiBase {
         return this.getCurrentLayout().RowGroupedColumns;
     }
     setLayout(layoutName) {
-        if (StringExtensions.IsNotNullOrEmpty(layoutName) &&
-            layoutName !== this.getCurrentLayoutName()) {
-            let layout = this.getAdaptableState().Layout.Layouts.find((l) => l.Name == layoutName);
-            if (this.checkItemExists(layout, layoutName, 'Layout')) {
-                this.dispatchAction(LayoutRedux.LayoutSelect(layoutName));
-            }
+        var _a;
+        if (StringExtensions.IsNullOrEmpty(layoutName)) {
+            return;
+        }
+        if (((_a = this.getLayoutOptions()) === null || _a === void 0 ? void 0 : _a.autoSaveLayouts) && layoutName === this.getCurrentLayoutName()) {
+            return;
+        }
+        let layout = this.getLayoutByName(layoutName);
+        if (this.checkItemExists(layout, layoutName, 'Layout')) {
+            this.dispatchAction(LayoutRedux.LayoutSelect(layoutName));
         }
     }
     getCurrentLayout() {

package/src/Strategy/AlertModule.js

@@ -39,7 +39,7 @@ export class AlertModule extends AdaptableModuleBase {
             this.handleCellDataChanged(cellDataChangedInfo);
         });
         this.api.eventApi.on('GridDataChanged', (gridDataChangedInfo) => {
-            if (gridDataChangedInfo.rowTrigger === 'Edit') {
+            if (gridDataChangedInfo.rowTrigger === 'Update') {
                 // changed row alerts should be handled by standard 'AnyChange' Predicate
                 return;
             }

package/src/View/Components/FilterForm/QuickFilterValues.js

@@ -148,6 +148,10 @@ export const QuickFilterValues = (props) => {
                     display: 'flex',
                     flexFlow: 'column',
                     flexWrap: 'nowrap',
+                }, handleClasses: {
+                    right: 'ab-QuickFilter-resize-handle ab-QuickFilter-resize-handle--right',
+                    bottom: 'ab-QuickFilter-resize-handle ab-QuickFilter-resize-handle--bottom',
+                    bottomRight: 'ab-QuickFilter-resize-handle ab-QuickFilter-resize-handle--bottom-right',
                 }, enable: {
                     top: false,
                     right: true,

package/src/agGrid/AdaptableAgGrid.js

@@ -8,7 +8,7 @@ import Emitter from '../Utilities/Emitter';
 import { applyDefaultAdaptableOptions } from './defaultAdaptableOptions';
 import { AgGridAdapter } from './AgGridAdapter';
 import * as GeneralConstants from '../Utilities/Constants/GeneralConstants';
-import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN, ADAPTABLE_ROW_ACTION_BUTTONS, AUTOGENERATED_PK_COLUMN, DARK_THEME, DEFAULT_LAYOUT, GROUP_PATH_SEPARATOR, HALF_SECOND, LIGHT_THEME, } from '../Utilities/Constants/GeneralConstants';
+import { AB_FDC3_COLUMN, AB_SPECIAL_COLUMN, ADAPTABLE_ROW_ACTION_BUTTONS, AG_GRID_GROUPED_COLUMN, AUTOGENERATED_PK_COLUMN, DARK_THEME, DEFAULT_LAYOUT, GROUP_PATH_SEPARATOR, HALF_SECOND, LIGHT_THEME, } from '../Utilities/Constants/GeneralConstants';
 import { DataService } from '../Utilities/Services/DataService';
 import { AdaptableStore } from '../Redux/Store/AdaptableStore';
 import { AdaptableApiImpl } from '../Api/Implementation/AdaptableApiImpl';
@@ -435,7 +435,7 @@ export class AdaptableAgGrid {
     normaliseLayoutState(state, gridOptions) {
         var _a, _b, _c, _d, _e, _f;
         if (this.shouldCreateDefaultLayout(state, this.adaptableOptions)) {
-            const defaultLayout = this.createDefaultLayout(state, gridOptions.columnDefs);
+            const defaultLayout = this.createDefaultLayout(state, gridOptions.columnDefs, gridOptions.autoGroupColumnDef);
             const layoutState = state.Layout || {};
             const availableLayouts = layoutState.Layouts || [];
             availableLayouts.push(defaultLayout);
@@ -3730,9 +3730,9 @@ export class AdaptableAgGrid {
         }
         return !((_c = layoutState.Layouts) === null || _c === void 0 ? void 0 : _c.length);
     }
-    createDefaultLayout(state, gridOptionsColDefs) {
-        var _a, _b;
-        const allColumnDefs = this.agGridAdapter.getFlattenedColDefs(gridOptionsColDefs);
+    createDefaultLayout(state, agGridColDefs, agGridAutoGroupColDef) {
+        var _a, _b, _c;
+        const allColumnDefs = this.agGridAdapter.getFlattenedColDefs(agGridColDefs);
         const defaultLayout = ObjectFactory.CreateEmptyLayout({
             Name: DEFAULT_LAYOUT,
             Columns: allColumnDefs.map((c) => c.colId),
@@ -3756,12 +3756,23 @@ export class AdaptableAgGrid {
                 return acc;
             }, []),
         });
+        // handle optional 'gridOptions.autoGroupColumnDefs' parameter
+        if (agGridAutoGroupColDef && ((_a = defaultLayout.RowGroupedColumns) === null || _a === void 0 ? void 0 : _a.length)) {
+            defaultLayout.Columns = [AG_GRID_GROUPED_COLUMN, ...defaultLayout.Columns];
+        }
+        if (agGridAutoGroupColDef === null || agGridAutoGroupColDef === void 0 ? void 0 : agGridAutoGroupColDef.pinned) {
+            defaultLayout.PinnedColumnsMap[AG_GRID_GROUPED_COLUMN] =
+                agGridAutoGroupColDef.pinned === true ? 'left' : agGridAutoGroupColDef.pinned;
+        }
+        if (agGridAutoGroupColDef === null || agGridAutoGroupColDef === void 0 ? void 0 : agGridAutoGroupColDef.width) {
+            defaultLayout.ColumnWidthMap[AG_GRID_GROUPED_COLUMN] = agGridAutoGroupColDef.width;
+        }
         // ADD special columns
-        const calculatedColumns = ((_a = state.CalculatedColumn) === null || _a === void 0 ? void 0 : _a.CalculatedColumns) || [];
+        const calculatedColumns = ((_b = state.CalculatedColumn) === null || _b === void 0 ? void 0 : _b.CalculatedColumns) || [];
         if (calculatedColumns.length) {
             defaultLayout.Columns.push(...calculatedColumns.map((c) => c.ColumnId));
         }
-        const freeTextColumns = ((_b = state.FreeTextColumn) === null || _b === void 0 ? void 0 : _b.FreeTextColumns) || [];
+        const freeTextColumns = ((_c = state.FreeTextColumn) === null || _c === void 0 ? void 0 : _c.FreeTextColumns) || [];
         if (freeTextColumns.length) {
             defaultLayout.Columns.push(...freeTextColumns.map((c) => c.ColumnId));
         }

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
     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: 1721914534022 || Date.now(),
-    VERSION: "18.1.12" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1722341695319 || Date.now(),
+    VERSION: "18.1.13" || '--current-version--',
 };

package/src/types.d.ts

@@ -120,7 +120,7 @@ export type { FlashingCellDisplayedInfo } from './Api/Events/FlashingCellDisplay
 export type { SystemStatusMessageDisplayedInfo } from './Api/Events/SystemStatusMessageDisplayed';
 export type { CellChangedInfo } from './Api/Events/CellChanged';
 export type { TeamSharingEntityChangedInfo } from './Api/Events/TeamSharingEntityChanged';
-export type { GridDataChangedInfo } from './Api/Events/GridDataChanged';
+export type { GridDataChangedInfo, GridDataChangeTrigger } from './Api/Events/GridDataChanged';
 export type { LayoutChangedInfo } from './Api/Events/LayoutChanged';
 export type { CalculatedColumnChangedInfo } from './Api/Events/CalculatedColumnChanged';
 export type { CustomToolbarConfiguredInfo } from './Api/Events/CustomToolbarConfigured';