ag-grid-community 32.3.2 → 32.3.4

package/dist/ag-grid-community.noStyle.js

@@ -1929,7 +1929,7 @@ var SortStage = class extends import_core8.BeanStub {
 };
 
 // community-modules/client-side-row-model/src/version.ts
-var VERSION = "32.3.2";
+var VERSION = "32.3.4";
 
 // community-modules/client-side-row-model/src/clientSideRowModelModule.ts
 var ClientSideRowModelCoreModule = (0, import_core9._defineModule)({
@@ -9476,16 +9476,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) {
@@ -9497,17 +9497,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;
@@ -19864,7 +19853,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) {
@@ -28507,31 +28496,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) {
@@ -30970,7 +30973,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;
@@ -30995,9 +30998,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) => {
@@ -31094,11 +31104,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;
 }
@@ -31132,47 +31142,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 = {
@@ -47925,7 +47947,7 @@ var GridSerializer = class extends import_core6.BeanStub {
     }
     if (skipRowGroups && !isTreeData) {
       columnsToExport = columnsToExport.filter(
-        (column) => (0, import_core6.isColumnGroupAutoCol)(column) || (0, import_core6.isColumnControlsCol)(column)
+        (column) => !(0, import_core6.isColumnGroupAutoCol)(column) && !(0, import_core6.isColumnControlsCol)(column)
       );
     }
     return columnsToExport;
@@ -47993,7 +48015,7 @@ var GridSerializer = class extends import_core6.BeanStub {
 };
 
 // community-modules/csv-export/src/version.ts
-var VERSION = "32.3.2";
+var VERSION = "32.3.4";
 
 // community-modules/csv-export/src/csvExportModule.ts
 var CsvExportCoreModule = (0, import_core7._defineModule)({
@@ -49250,7 +49272,7 @@ function getInfiniteRowCount(beans) {
 }
 
 // community-modules/infinite-row-model/src/version.ts
-var VERSION = "32.3.2";
+var VERSION = "32.3.4";
 
 // community-modules/infinite-row-model/src/infiniteRowModelModule.ts
 var InfiniteRowModelCoreModule = (0, import_core4._defineModule)({

package/dist/package/main.cjs.js

@@ -7545,16 +7545,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) {
@@ -7566,17 +7566,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;
@@ -17933,7 +17922,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) {
@@ -26576,31 +26565,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) {
@@ -29039,7 +29042,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;
@@ -29064,9 +29067,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) => {
@@ -29163,11 +29173,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;
 }
@@ -29201,47 +29211,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 = {
@@ -47214,7 +47236,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({
@@ -47841,7 +47863,7 @@ var GridSerializer = class extends BeanStub {
     }
     if (skipRowGroups && !isTreeData) {
       columnsToExport = columnsToExport.filter(
-        (column) => isColumnGroupAutoCol(column) || isColumnControlsCol(column)
+        (column) => !isColumnGroupAutoCol(column) && !isColumnControlsCol(column)
       );
     }
     return columnsToExport;
@@ -47907,7 +47929,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`,
@@ -49098,7 +49120,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`,