ag-grid-community 32.3.2 → 32.3.4

package/dist/package/main.esm.mjs

@@ -7169,16 +7169,16 @@ function _ensureDomOrder(eContainer, eChild, eChildBefore) {
   if (eChildBefore && eChildBefore.nextSibling === eChild) {
     return;
   }
-  if (eChildBefore) {
+  if (!eContainer.firstChild) {
+    eContainer.appendChild(eChild);
+  } else if (eChildBefore) {
     if (eChildBefore.nextSibling) {
       eContainer.insertBefore(eChild, eChildBefore.nextSibling);
     } else {
       eContainer.appendChild(eChild);
     }
-  } else {
-    if (eContainer.firstChild && eContainer.firstChild !== eChild) {
-      eContainer.insertAdjacentElement("afterbegin", eChild);
-    }
+  } else if (eContainer.firstChild && eContainer.firstChild !== eChild) {
+    eContainer.insertAdjacentElement("afterbegin", eChild);
   }
 }
 function _setDomChildOrder(eContainer, orderedChildren) {
@@ -7190,17 +7190,6 @@ function _setDomChildOrder(eContainer, orderedChildren) {
     }
   }
 }
-function _insertWithDomOrder(eContainer, eToInsert, eChildBefore) {
-  if (eChildBefore) {
-    eChildBefore.insertAdjacentElement("afterend", eToInsert);
-  } else {
-    if (eContainer.firstChild) {
-      eContainer.insertAdjacentElement("afterbegin", eToInsert);
-    } else {
-      eContainer.appendChild(eToInsert);
-    }
-  }
-}
 function _addStylesToElement(eElement, styles) {
   if (!styles) {
     return;
@@ -17557,7 +17546,7 @@ function _defineModule(definition) {
 }
 
 // community-modules/core/src/version.ts
-var VERSION = "32.3.2";
+var VERSION = "32.3.4";
 
 // community-modules/core/src/filter/columnFilterApi.ts
 function isColumnFilterPresent(beans) {
@@ -26200,31 +26189,45 @@ var _RowCtrl = class _RowCtrl extends BeanStub {
       list: [],
       map: {}
     };
-    const addCell = (colInstanceId, cellCtrl) => {
-      res.list.push(cellCtrl);
+    const addCell = (colInstanceId, cellCtrl, index) => {
+      if (index != null) {
+        res.list.splice(index, 0, cellCtrl);
+      } else {
+        res.list.push(cellCtrl);
+      }
       res.map[colInstanceId] = cellCtrl;
     };
-    cols.forEach((col) => {
+    const colsFromPrev = [];
+    for (const col of cols) {
       const colInstanceId = col.getInstanceId();
       let cellCtrl = prev.map[colInstanceId];
       if (!cellCtrl) {
         cellCtrl = new CellCtrl(col, this.rowNode, this.beans, this);
       }
       addCell(colInstanceId, cellCtrl);
-    });
-    prev.list.forEach((prevCellCtrl) => {
+    }
+    for (const prevCellCtrl of prev.list) {
       const colInstanceId = prevCellCtrl.getColumn().getInstanceId();
       const cellInResult = res.map[colInstanceId] != null;
       if (cellInResult) {
-        return;
+        continue;
       }
       const keepCell = !this.isCellEligibleToBeRemoved(prevCellCtrl, pinned);
       if (keepCell) {
-        addCell(colInstanceId, prevCellCtrl);
-        return;
+        colsFromPrev.push([colInstanceId, prevCellCtrl]);
+      } else {
+        prevCellCtrl.destroy();
       }
-      prevCellCtrl.destroy();
-    });
+    }
+    if (colsFromPrev.length) {
+      for (const [colInstanceId, cellCtrl] of colsFromPrev) {
+        const index = res.list.findIndex(
+          (ctrl) => ctrl.getColumn().getLeft() > cellCtrl.getColumn().getLeft()
+        );
+        const normalisedIndex = index === -1 ? void 0 : Math.max(index - 1, 0);
+        addCell(colInstanceId, cellCtrl, normalisedIndex);
+      }
+    }
     return res;
   }
   updateColumnListsImpl(useFlushSync) {
@@ -28663,7 +28666,7 @@ var RowComp = class extends Component {
     this.rowCtrl = ctrl;
     const rowDiv = document.createElement("div");
     rowDiv.setAttribute("comp-id", `${this.getCompId()}`);
-    rowDiv.setAttribute("style", this.getInitialStyle(containerType));
+    this.setInitialStyle(rowDiv, containerType);
     this.setTemplateFromElement(rowDiv);
     const eGui = this.getGui();
     const style = eGui.style;
@@ -28688,9 +28691,16 @@ var RowComp = class extends Component {
       ctrl.unsetComp(containerType);
     });
   }
-  getInitialStyle(containerType) {
+  setInitialStyle(container, containerType) {
     const transform = this.rowCtrl.getInitialTransform(containerType);
-    return transform ? `transform: ${transform}` : `top: ${this.rowCtrl.getInitialRowTop(containerType)}`;
+    if (transform) {
+      container.style.setProperty("transform", transform);
+    } else {
+      const top = this.rowCtrl.getInitialRowTop(containerType);
+      if (top) {
+        container.style.setProperty("top", top);
+      }
+    }
   }
   showFullWidth(compDetails) {
     const callback = (cellRenderer) => {
@@ -28787,11 +28797,11 @@ function templateFactory(options) {
   if (options.type === "center") {
     res = /* html */
     `<div class="${options.viewport}" data-ref="eViewport" role="presentation">
-                <div class="${options.container}" data-ref="eContainer"></div>
+                <div class="${options.container}" data-ref="eContainer" role="rowgroup"></div>
             </div>`;
   } else {
     res = /* html */
-    `<div class="${options.container}" data-ref="eContainer"></div>`;
+    `<div class="${options.container}" data-ref="eContainer" role="rowgroup"></div>`;
   }
   return res;
 }
@@ -28825,47 +28835,59 @@ var RowContainerComp = class extends Component {
   destroy() {
     this.setRowCtrls([]);
     super.destroy();
+    this.lastPlacedElement = null;
   }
   setRowCtrls(rowCtrls) {
-    const oldRows = { ...this.rowComps };
+    const { rowComps, beans, options } = this;
+    const oldRows = { ...rowComps };
     this.rowComps = {};
     this.lastPlacedElement = null;
-    const processRow = (rowCon) => {
-      const instanceId = rowCon.instanceId;
+    const orderedRows = [];
+    for (const rowCtrl of rowCtrls) {
+      const instanceId = rowCtrl.instanceId;
       const existingRowComp = oldRows[instanceId];
+      let rowComp;
       if (existingRowComp) {
-        this.rowComps[instanceId] = existingRowComp;
+        rowComp = existingRowComp;
         delete oldRows[instanceId];
-        this.ensureDomOrder(existingRowComp.getGui());
       } else {
-        if (!rowCon.getRowNode().displayed) {
-          return;
+        if (!rowCtrl.getRowNode().displayed) {
+          continue;
         }
-        const rowComp = new RowComp(rowCon, this.beans, this.options.type);
-        this.rowComps[instanceId] = rowComp;
-        this.appendRow(rowComp.getGui());
+        rowComp = new RowComp(rowCtrl, beans, options.type);
       }
-    };
-    rowCtrls.forEach(processRow);
-    _getAllValuesInObject(oldRows).forEach((oldRowComp) => {
-      this.eContainer.removeChild(oldRowComp.getGui());
-      oldRowComp.destroy();
-    });
-    _setAriaRole(this.eContainer, "rowgroup");
+      this.rowComps[instanceId] = rowComp;
+      orderedRows.push([rowComp, !existingRowComp]);
+    }
+    this.removeOldRows(Object.values(oldRows));
+    this.addRowNodes(orderedRows);
   }
-  appendRow(element) {
-    if (this.domOrder) {
-      _insertWithDomOrder(this.eContainer, element, this.lastPlacedElement);
-    } else {
-      this.eContainer.appendChild(element);
+  addRowNodes(rows) {
+    const { domOrder, eContainer } = this;
+    for (const [rowComp, isNew] of rows) {
+      const eGui = rowComp.getGui();
+      if (!domOrder) {
+        if (isNew) {
+          eContainer.appendChild(eGui);
+        }
+      } else {
+        this.ensureDomOrder(eGui);
+      }
+    }
+  }
+  removeOldRows(rowComps) {
+    const { eContainer } = this;
+    for (const oldRowComp of rowComps) {
+      eContainer.removeChild(oldRowComp.getGui());
+      oldRowComp.destroy();
     }
-    this.lastPlacedElement = element;
   }
   ensureDomOrder(eRow) {
-    if (this.domOrder) {
-      _ensureDomOrder(this.eContainer, eRow, this.lastPlacedElement);
-      this.lastPlacedElement = eRow;
+    if (!this.domOrder) {
+      return;
     }
+    _ensureDomOrder(this.eContainer, eRow, this.lastPlacedElement);
+    this.lastPlacedElement = eRow;
   }
 };
 var RowContainerSelector = {
@@ -46838,7 +46860,7 @@ var SortStage = class extends BeanStub {
 };
 
 // community-modules/client-side-row-model/src/version.ts
-var VERSION2 = "32.3.2";
+var VERSION2 = "32.3.4";
 
 // community-modules/client-side-row-model/src/clientSideRowModelModule.ts
 var ClientSideRowModelCoreModule = _defineModule({
@@ -47465,7 +47487,7 @@ var GridSerializer = class extends BeanStub {
     }
     if (skipRowGroups && !isTreeData) {
       columnsToExport = columnsToExport.filter(
-        (column) => isColumnGroupAutoCol(column) || isColumnControlsCol(column)
+        (column) => !isColumnGroupAutoCol(column) && !isColumnControlsCol(column)
       );
     }
     return columnsToExport;
@@ -47531,7 +47553,7 @@ var GridSerializer = class extends BeanStub {
     });
   }
 };
-var VERSION3 = "32.3.2";
+var VERSION3 = "32.3.4";
 var CsvExportCoreModule = _defineModule({
   version: VERSION3,
   moduleName: `${"@ag-grid-community/csv-export" /* CsvExportModule */}-core`,
@@ -48722,7 +48744,7 @@ function purgeInfiniteCache(beans) {
 function getInfiniteRowCount(beans) {
   return beans.rowModelHelperService?.getInfiniteRowModel()?.getRowCount();
 }
-var VERSION4 = "32.3.2";
+var VERSION4 = "32.3.4";
 var InfiniteRowModelCoreModule = _defineModule({
   version: VERSION4,
   moduleName: `${"@ag-grid-community/infinite-row-model" /* InfiniteRowModelModule */}-core`,

package/dist/package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-community",
-  "version": "32.3.2",
+  "version": "32.3.4",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/main.d.ts",
@@ -88,19 +88,19 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-charts-types": "10.3.1"
+    "ag-charts-types": "10.3.4"
   },
   "devDependencies": {
     "source-map-loader": "^5.0.0",
     "gulp": "^4.0.0",
     "gulp-replace": "^1.0.0",
     "gulp-rename": "^2.0.0",
-    "@ag-grid-community/client-side-row-model": "32.3.2",
-    "@ag-grid-community/core": "32.3.2",
-    "@ag-grid-community/csv-export": "32.3.2",
-    "@ag-grid-community/infinite-row-model": "32.3.2",
-    "@ag-grid-community/styles": "32.3.2",
-    "@ag-grid-community/theming": "32.3.2",
+    "@ag-grid-community/client-side-row-model": "32.3.4",
+    "@ag-grid-community/core": "32.3.4",
+    "@ag-grid-community/csv-export": "32.3.4",
+    "@ag-grid-community/infinite-row-model": "32.3.4",
+    "@ag-grid-community/styles": "32.3.4",
+    "@ag-grid-community/theming": "32.3.4",
     "ts-loader": "^9.5.1",
     "style-loader": "^3.3.4",
     "css-loader": "^6.10.0",

package/dist/types/client-side-row-model/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "32.3.2";
+export declare const VERSION = "32.3.4";

package/dist/types/core/gridBodyComp/rowContainer/rowContainerComp.d.ts

@@ -15,7 +15,8 @@ export declare class RowContainerComp extends Component {
     postConstruct(): void;
     destroy(): void;
     private setRowCtrls;
-    appendRow(element: HTMLElement): void;
+    private addRowNodes;
+    private removeOldRows;
     private ensureDomOrder;
 }
 export declare const RowContainerSelector: ComponentSelector;

package/dist/types/core/rendering/row/rowComp.d.ts

@@ -9,7 +9,7 @@ export declare class RowComp extends Component {
     private domOrder;
     private cellComps;
     constructor(ctrl: RowCtrl, beans: BeanCollection, containerType: RowContainerType);
-    private getInitialStyle;
+    private setInitialStyle;
     private showFullWidth;
     private setCellCtrls;
     private ensureDomOrder;

package/dist/types/core/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "32.3.2";
+export declare const VERSION = "32.3.4";

package/dist/types/csv-export/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "32.3.2";
+export declare const VERSION = "32.3.4";

package/dist/types/infinite-row-model/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "32.3.2";
+export declare const VERSION = "32.3.4";

package/dist/types/theming/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "32.3.2";
+export declare const VERSION = "32.3.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-community",
-  "version": "32.3.2",
+  "version": "32.3.4",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/main.d.ts",
@@ -88,19 +88,19 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-charts-types": "10.3.1"
+    "ag-charts-types": "10.3.4"
   },
   "devDependencies": {
     "source-map-loader": "^5.0.0",
     "gulp": "^4.0.0",
     "gulp-replace": "^1.0.0",
     "gulp-rename": "^2.0.0",
-    "@ag-grid-community/client-side-row-model": "32.3.2",
-    "@ag-grid-community/core": "32.3.2",
-    "@ag-grid-community/csv-export": "32.3.2",
-    "@ag-grid-community/infinite-row-model": "32.3.2",
-    "@ag-grid-community/styles": "32.3.2",
-    "@ag-grid-community/theming": "32.3.2",
+    "@ag-grid-community/client-side-row-model": "32.3.4",
+    "@ag-grid-community/core": "32.3.4",
+    "@ag-grid-community/csv-export": "32.3.4",
+    "@ag-grid-community/infinite-row-model": "32.3.4",
+    "@ag-grid-community/styles": "32.3.4",
+    "@ag-grid-community/theming": "32.3.4",
     "ts-loader": "^9.5.1",
     "style-loader": "^3.3.4",
     "css-loader": "^6.10.0",