ag-grid-community 32.0.0 → 32.0.2

package/dist/package/main.esm.mjs

@@ -615,6 +615,7 @@ function _values(object) {
 }
 
 // community-modules/core/src/utils/object.ts
+var SKIP_JS_BUILTINS = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
 function _iterateObject(object, callback) {
   if (object == null) {
     return;
@@ -633,6 +634,9 @@ function _cloneObject(object) {
   const copy = {};
   const keys = Object.keys(object);
   for (let i = 0; i < keys.length; i++) {
+    if (SKIP_JS_BUILTINS.has(keys[i])) {
+      continue;
+    }
     const key = keys[i];
     const value = object[key];
     copy[key] = value;
@@ -646,7 +650,7 @@ function _deepCloneDefinition(object, keysToSkip) {
   const obj = object;
   const res = {};
   Object.keys(obj).forEach((key) => {
-    if (keysToSkip && keysToSkip.indexOf(key) >= 0) {
+    if (keysToSkip && keysToSkip.indexOf(key) >= 0 || SKIP_JS_BUILTINS.has(key)) {
       return;
     }
     const value = obj[key];
@@ -680,6 +684,9 @@ function _mergeDeep(dest, source, copyUndefined = true, makeCopyOfSimpleObjects
     return;
   }
   _iterateObject(source, (key, sourceValue) => {
+    if (SKIP_JS_BUILTINS.has(key)) {
+      return;
+    }
     let destValue = dest[key];
     if (destValue === sourceValue) {
       return;
@@ -1486,10 +1493,10 @@ function _log(message, ...args) {
   console.log("AG Grid: " + message, ...args);
 }
 function _warnOnce(msg, ...args) {
-  _doOnce(() => console.warn("AG Grid: " + msg, ...args), msg);
+  _doOnce(() => console.warn("AG Grid: " + msg, ...args), msg + args?.join(""));
 }
 function _errorOnce(msg, ...args) {
-  _doOnce(() => console.error("AG Grid: " + msg, ...args), msg);
+  _doOnce(() => console.error("AG Grid: " + msg, ...args), msg + args?.join(""));
 }
 function _isFunction(val) {
   return !!(val && val.constructor && val.call && val.apply);
@@ -3878,21 +3885,25 @@ var ColumnMoveService = class extends BeanStub {
     return proposedColumnOrder;
   }
   doesMovePassLockedPositions(proposedColumnOrder) {
-    let lastPlacement = 0;
-    let rulePassed = true;
     const lockPositionToPlacement = (position) => {
       if (!position) {
-        return 1;
-      }
-      if (position === true) {
-        return 0;
+        return 0 /* NONE */;
       }
-      return position === "left" ? 0 : 2;
+      return position === "left" || position === true ? -1 /* LEFT */ : 1 /* RIGHT */;
     };
+    const isRtl = this.gos.get("enableRtl");
+    let lastPlacement = isRtl ? 1 /* RIGHT */ : -1 /* LEFT */;
+    let rulePassed = true;
     proposedColumnOrder.forEach((col) => {
       const placement = lockPositionToPlacement(col.getColDef().lockPosition);
-      if (placement < lastPlacement) {
-        rulePassed = false;
+      if (isRtl) {
+        if (placement > lastPlacement) {
+          rulePassed = false;
+        }
+      } else {
+        if (placement < lastPlacement) {
+          rulePassed = false;
+        }
       }
       lastPlacement = placement;
     });
@@ -7239,9 +7250,15 @@ var Component = class _Component extends BeanStub {
       );
     }
   }
+  getDataRefAttribute(element) {
+    if (element.getAttribute) {
+      return element.getAttribute("data-ref");
+    }
+    return null;
+  }
   applyElementsToComponent(element, elementRef, paramsMap, newComponent = null) {
     if (elementRef === void 0) {
-      elementRef = element.getAttribute("data-ref");
+      elementRef = this.getDataRefAttribute(element);
     }
     if (elementRef) {
       const current = this[elementRef];
@@ -7286,7 +7303,7 @@ var Component = class _Component extends BeanStub {
   }
   createComponentFromElement(element, afterPreCreateCallback, paramsMap) {
     const key = element.nodeName;
-    const elementRef = element.getAttribute("data-ref");
+    const elementRef = this.getDataRefAttribute(element);
     const isAgGridComponent = key.indexOf("AG-") === 0;
     const componentSelector = isAgGridComponent ? this.componentSelectors.get(key) : null;
     let newComponent = null;
@@ -10498,9 +10515,11 @@ var RowDragFeature = class extends BeanStub {
         addIndex--;
       }
       this.clientSideRowModel.updateRowData({
-        add: rowNodes.map((node) => node.data).filter(
-          (data) => !this.clientSideRowModel.getRowNode(getRowIdFunc?.({ data, level: 0 }) ?? data.id)
-        ),
+        add: rowNodes.filter(
+          (node) => !this.clientSideRowModel.getRowNode(
+            getRowIdFunc?.({ data: node.data, level: 0, rowPinned: node.rowPinned }) ?? node.data.id
+          )
+        ).map((node) => node.data),
         addIndex
       });
     }
@@ -10975,10 +10994,19 @@ var RowDragComp = class extends Component {
     if (this.dragSource) {
       this.removeDragSource();
     }
+    const eGui = this.getGui();
+    if (this.gos.get("enableCellTextSelection")) {
+      this.removeMouseDownListener();
+      this.mouseDownListener = this.addManagedElementListeners(eGui, {
+        mousedown: (e) => {
+          e?.preventDefault();
+        }
+      })[0];
+    }
     const translate = this.localeService.getLocaleTextFunc();
     this.dragSource = {
       type: 2 /* RowDrag */,
-      eElement: this.getGui(),
+      eElement: eGui,
       dragItemName: () => {
         const dragItem = this.getDragItem();
         const dragItemCount = dragItem.rowNodes?.length || 1;
@@ -10996,14 +11024,23 @@ var RowDragComp = class extends Component {
   }
   destroy() {
     this.removeDragSource();
+    this.removeMouseDownListener();
     super.destroy();
   }
   removeDragSource() {
-    if (this.dragSource) {
-      this.beans.dragAndDropService.removeDragSource(this.dragSource);
+    if (!this.dragSource) {
+      return;
     }
+    this.beans.dragAndDropService.removeDragSource(this.dragSource);
     this.dragSource = null;
   }
+  removeMouseDownListener() {
+    if (!this.mouseDownListener) {
+      return;
+    }
+    this.mouseDownListener();
+    this.mouseDownListener = void 0;
+  }
 };
 var VisibilityStrategy = class extends BeanStub {
   constructor(parent, rowNode, column) {
@@ -11238,7 +11275,8 @@ var _RowNode = class _RowNode {
         this.id = getRowIdFunc({
           data: this.data,
           parentKeys: parentKeys.length > 0 ? parentKeys : void 0,
-          level: this.level
+          level: this.level,
+          rowPinned: this.rowPinned
         });
         if (this.id.startsWith(_RowNode.ID_PREFIX_ROW_GROUP)) {
           _errorOnce(
@@ -16707,7 +16745,7 @@ var HeaderFilterCellCtrl = class extends AbstractHeaderCellCtrl {
 };
 
 // community-modules/core/src/version.ts
-var VERSION = "32.0.0";
+var VERSION = "32.0.2";
 
 // community-modules/core/src/filter/columnFilterApi.ts
 function isColumnFilterPresent(beans) {
@@ -24097,35 +24135,36 @@ var CellMouseListenerFeature = class extends BeanStub {
     return res;
   }
   onCellDoubleClicked(mouseEvent) {
-    const colDef = this.column.getColDef();
-    const cellDoubleClickedEvent = this.cellCtrl.createEvent(
-      mouseEvent,
-      "cellDoubleClicked"
-    );
-    this.beans.eventService.dispatchEvent(cellDoubleClickedEvent);
+    const { column, beans, cellCtrl } = this;
+    const { eventService, frameworkOverrides, gos } = beans;
+    const colDef = column.getColDef();
+    const cellDoubleClickedEvent = cellCtrl.createEvent(mouseEvent, "cellDoubleClicked");
+    eventService.dispatchEvent(cellDoubleClickedEvent);
     if (typeof colDef.onCellDoubleClicked === "function") {
       window.setTimeout(() => {
-        this.beans.frameworkOverrides.wrapOutgoing(() => {
+        frameworkOverrides.wrapOutgoing(() => {
           colDef.onCellDoubleClicked(cellDoubleClickedEvent);
         });
       }, 0);
     }
-    const editOnDoubleClick = !this.beans.gos.get("singleClickEdit") && !this.beans.gos.get("suppressClickEdit");
+    const editOnDoubleClick = !gos.get("singleClickEdit") && !gos.get("suppressClickEdit");
     if (editOnDoubleClick) {
-      this.cellCtrl.startRowOrCellEdit(null, mouseEvent);
+      cellCtrl.startRowOrCellEdit(null, mouseEvent);
     }
   }
   onMouseDown(mouseEvent) {
     const { ctrlKey, metaKey, shiftKey } = mouseEvent;
     const target = mouseEvent.target;
     const { cellCtrl, beans } = this;
-    const { eventService, rangeService, focusService } = beans;
+    const { eventService, rangeService, focusService, gos } = beans;
     if (this.isRightClickInExistingRange(mouseEvent)) {
       return;
     }
     const ranges = rangeService && rangeService.getCellRanges().length != 0;
     if (!shiftKey || !ranges) {
-      const forceBrowserFocus = _isBrowserSafari() && !cellCtrl.isEditing() && !_isFocusableFormField(target);
+      const isEnableCellTextSelection = gos.get("enableCellTextSelection");
+      const shouldFocus = isEnableCellTextSelection && mouseEvent.defaultPrevented;
+      const forceBrowserFocus = (_isBrowserSafari() || shouldFocus) && !cellCtrl.isEditing() && !_isFocusableFormField(target);
       cellCtrl.focusCell(forceBrowserFocus);
     }
     if (shiftKey && ranges && !focusService.isCellFocused(cellCtrl.getCellPosition())) {
@@ -31785,6 +31824,7 @@ var PinnedRowModel = class extends BeanStub {
   constructor() {
     super(...arguments);
     this.beanName = "pinnedRowModel";
+    this.nextId = 0;
   }
   wireBeans(beans) {
     this.beans = beans;
@@ -31869,11 +31909,12 @@ var PinnedRowModel = class extends BeanStub {
       const getRowId = this.gos.getRowIdCallback();
       const idPrefix = isTop ? RowNode.ID_PREFIX_TOP_PINNED : RowNode.ID_PREFIX_BOTTOM_PINNED;
       let nextRowTop = 0;
+      const pinned = isTop ? "top" : "bottom";
       allData.forEach((dataItem, index) => {
         const rowNode = new RowNode(this.beans);
         rowNode.data = dataItem;
-        rowNode.id = getRowId?.({ data: dataItem, level: 0 }) ?? idPrefix + index;
-        rowNode.rowPinned = isTop ? "top" : "bottom";
+        rowNode.id = getRowId?.({ data: dataItem, level: 0, rowPinned: pinned }) ?? idPrefix + this.nextId++;
+        rowNode.rowPinned = pinned;
         rowNode.setRowTop(nextRowTop);
         rowNode.setRowHeight(this.gos.getRowHeightForNode(rowNode).height);
         rowNode.setRowIndex(index);
@@ -33633,6 +33674,9 @@ function createApi(context) {
   const apiFunctionService = context.getBean("apiFunctionService");
   return new Proxy(apiFunctionService, {
     get(target, prop) {
+      if (prop === "then") {
+        return;
+      }
       return (...args) => target.callFunction(prop, args);
     }
   });
@@ -40353,7 +40397,7 @@ var _GridOptionsService = class _GridOptionsService extends BeanStub {
     return (params) => {
       let id = getRowId(params);
       if (typeof id !== "string") {
-        _warnOnce(`The getRowId callback must return a string. The ID ${id} is being cast to a string.`);
+        _warnOnce(`The getRowId callback must return a string. The ID `, id, ` is being cast to a string.`);
         id = String(id);
       }
       return id;
@@ -44989,7 +45033,7 @@ var SortStage = class extends BeanStub {
 };
 
 // community-modules/client-side-row-model/src/version.ts
-var VERSION2 = "32.0.0";
+var VERSION2 = "32.0.2";
 
 // community-modules/client-side-row-model/src/clientSideRowModelModule.ts
 var ClientSideRowModelCoreModule = {
@@ -45678,7 +45722,7 @@ var GridSerializer = class extends BeanStub {
     });
   }
 };
-var VERSION3 = "32.0.0";
+var VERSION3 = "32.0.2";
 var CsvExportCoreModule = {
   version: VERSION3,
   moduleName: `${"@ag-grid-community/csv-export" /* CsvExportModule */}-core`,
@@ -46876,7 +46920,7 @@ function getInfiniteRowCount(beans) {
 function isLastRowIndexKnown(beans) {
   return beans.rowModelHelperService?.getInfiniteRowModel()?.isLastRowIndexKnown();
 }
-var VERSION4 = "32.0.0";
+var VERSION4 = "32.0.2";
 var InfiniteRowModelCoreModule = {
   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.0.0",
+  "version": "32.0.2",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/main.d.ts",
@@ -62,18 +62,18 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-charts-types": "10.0.0"
+    "ag-charts-types": "10.0.2"
   },
   "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.0.0",
-    "@ag-grid-community/core": "32.0.0",
-    "@ag-grid-community/csv-export": "32.0.0",
-    "@ag-grid-community/infinite-row-model": "32.0.0",
-    "@ag-grid-community/styles": "32.0.0",
+    "@ag-grid-community/client-side-row-model": "32.0.2",
+    "@ag-grid-community/core": "32.0.2",
+    "@ag-grid-community/csv-export": "32.0.2",
+    "@ag-grid-community/infinite-row-model": "32.0.2",
+    "@ag-grid-community/styles": "32.0.2",
     "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.0.0";
+export declare const VERSION = "32.0.2";

package/dist/types/core/interfaces/iCallbackParams.d.ts

@@ -3,7 +3,7 @@ import type { HeaderPosition } from '../headerRendering/common/headerPosition';
 import type { ChartToolbarMenuItemOptions } from './iChartOptions';
 import type { Column } from './iColumn';
 import type { AgGridCommon } from './iCommon';
-import type { IRowNode } from './iRowNode';
+import type { IRowNode, RowPinnedType } from './iRowNode';
 import type { ServerSideTransaction } from './serverSideTransaction';
 export interface GetContextMenuItemsParams<TData = any, TContext = any> extends AgGridCommon<TData, TContext> {
     /** Names of the items that would be provided by default. */
@@ -145,6 +145,8 @@ export interface IsApplyServerSideTransactionParams extends AgGridCommon<any, an
 export interface GetRowIdParams<TData = any, TContext = any> extends AgGridCommon<TData, TContext> {
     /** The data item provided to the grid for the row in question */
     data: TData;
+    /** Pinned state of the row */
+    rowPinned?: RowPinnedType;
     /** If grouping, the level, ie how many levels from the top. Used by ServerSide Row Model only */
     level: number;
     /** If grouping, provides the keys of the parent groups. Used by ServerSide Row Model only */

package/dist/types/core/interfaces/iColumn.d.ts

@@ -39,6 +39,10 @@ interface IProvidedColumn {
     getInstanceId(): ColumnInstanceId;
     /** Returns whether this column should be shown when the group is open / closed or undefined if its always shown. */
     getColumnGroupShow(): ColumnGroupShowType | undefined;
+    /**
+     * Returns the parent column group, if this column is part of a column group.
+     */
+    getOriginalParent(): ProvidedColumnGroup | null;
     /** Returns the unique ID for the column. */
     getId(): string;
 }
@@ -209,12 +213,6 @@ export interface ColumnGroup<TValue = any> extends IHeaderColumn<TValue, AgColum
     isColumn: false;
 }
 export interface ProvidedColumnGroup extends IProvidedColumn, IEventEmitter<AgProvidedColumnGroupEvent> {
-    /**
-     * Used for marryChildren, helps with comparing when duplicate groups have been created to manage split groups.
-     *
-     * Parent may contain a duplicate but not identical group when the group is split.
-     */
-    getOriginalParent(): ProvidedColumnGroup | null;
     /** Returns the level of this group. */
     getLevel(): number;
     /** Returns `true` if this column group is a padding group that is used to correctly align column groups / children. */

package/dist/types/core/interfaces/iRowNode.d.ts

@@ -3,7 +3,7 @@ import type { Column } from '../interfaces/iColumn';
 import type { BuildEventTypeMap } from './iEventEmitter';
 export type RowNodeEventType = 'rowSelected' | 'selectableChanged' | 'displayedChanged' | 'dataChanged' | 'cellChanged' | 'masterChanged' | 'heightChanged' | 'topChanged' | 'groupChanged' | 'allChildrenCountChanged' | 'firstChildChanged' | 'lastChildChanged' | 'childIndexChanged' | 'rowIndexChanged' | 'expandedChanged' | 'hasChildrenChanged' | 'uiLevelChanged' | 'rowHighlightChanged' | 'mouseEnter' | 'mouseLeave' | 'draggingChanged';
 export type RowNodeEventTypeMap<TData = any> = BuildEventTypeMap<RowNodeEventType, {
-    rowSelected: RowSelectedEvent<TData>;
+    rowSelected: RowNodeSelectedEvent<TData>;
     selectableChanged: SelectableChangedEvent<TData>;
     displayedChanged: DisplayedChangedEvent<TData>;
     dataChanged: DataChangedEvent<TData>;
@@ -37,7 +37,7 @@ export interface SetSelectedParams {
 export interface RowNodeEvent<T extends RowNodeEventType, TData = any> extends AgEvent<T> {
     node: IRowNode<TData>;
 }
-export interface RowSelectedEvent<TData = any> extends RowNodeEvent<'rowSelected', TData> {
+export interface RowNodeSelectedEvent<TData = any> extends RowNodeEvent<'rowSelected', TData> {
 }
 export interface MouseEnterEvent<TData = any> extends RowNodeEvent<'mouseEnter', TData> {
 }

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

@@ -34,7 +34,7 @@ export { AgColumn, isColumn } from './entities/agColumn';
 export { AgColumnGroup, isColumnGroup } from './entities/agColumnGroup';
 export { AgProvidedColumnGroup, isProvidedColumnGroup } from './entities/agProvidedColumnGroup';
 export { RowNode } from './entities/rowNode';
-export { RowHighlightPosition, RowPinnedType, IRowNode, RowSelectedEvent, MouseEnterEvent, MouseLeaveEvent, HeightChangedEvent, RowIndexChangedEvent, TopChangedEvent, ExpandedChangedEvent, FirstChildChangedEvent, LastChildChangedEvent, ChildIndexChangedEvent, AllChildrenCountChangedEvent, UiLevelChangedEvent, DataChangedEvent, CellChangedEvent, SelectableChangedEvent, DisplayedChangedEvent, MasterChangedEvent, GroupChangedEvent, HasChildrenChangedEvent, RowHighlightChangedEvent, DraggingChangedEvent, } from './interfaces/iRowNode';
+export { RowHighlightPosition, RowPinnedType, IRowNode, RowNodeSelectedEvent, MouseEnterEvent, MouseLeaveEvent, HeightChangedEvent, RowIndexChangedEvent, TopChangedEvent, ExpandedChangedEvent, FirstChildChangedEvent, LastChildChangedEvent, ChildIndexChangedEvent, AllChildrenCountChangedEvent, UiLevelChangedEvent, DataChangedEvent, CellChangedEvent, SelectableChangedEvent, DisplayedChangedEvent, MasterChangedEvent, GroupChangedEvent, HasChildrenChangedEvent, RowHighlightChangedEvent, DraggingChangedEvent, } from './interfaces/iRowNode';
 export { IFilterDef, IFilterParams, IFilterOptionDef, IDoesFilterPassParams, ProvidedFilterModel, IFilter, IFilterComp, IFilterType, IFloatingFilterType, FilterModel, BaseFilter, BaseFilterParams, } from './interfaces/iFilter';
 export { ISetFilter, SetFilterModel, ISetFilterParams, SetFilterParams, SetFilterValues, SetFilterModelValue, SetFilterValuesFunc, SetFilterValuesFuncParams, ISetFilterTreeListTooltipParams, } from './interfaces/iSetFilter';
 export { FilterManager } from './filter/filterManager';

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

@@ -7,6 +7,7 @@ export declare class PinnedRowModel extends BeanStub implements NamedBean {
     beanName: "pinnedRowModel";
     private beans;
     wireBeans(beans: BeanCollection): void;
+    private nextId;
     private pinnedTopRows;
     private pinnedBottomRows;
     postConstruct(): void;

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

@@ -16,6 +16,7 @@ export declare class RowDragComp extends Component {
     private readonly suppressVisibilityChange?;
     private dragSource;
     private beans;
+    private mouseDownListener;
     wireBeans(beans: BeanCollection): void;
     constructor(cellValueFn: () => string, rowNode: RowNode, column?: AgColumn<any> | undefined, customGui?: HTMLElement | undefined, dragStartPixels?: number | undefined, suppressVisibilityChange?: boolean | undefined);
     isCustomGui(): boolean;
@@ -28,4 +29,5 @@ export declare class RowDragComp extends Component {
     private addDragSource;
     destroy(): void;
     private removeDragSource;
+    private removeMouseDownListener;
 }

package/dist/types/core/utils/object.d.ts

@@ -1,3 +1,4 @@
+export declare const SKIP_JS_BUILTINS: Set<string>;
 export declare function _iterateObject<T>(object: {
     [p: string]: T;
 } | T[] | null | undefined, callback: (key: string, value: T) => void): void;

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

@@ -1 +1 @@
-export declare const VERSION = "32.0.0";
+export declare const VERSION = "32.0.2";

package/dist/types/core/widgets/component.d.ts

@@ -54,6 +54,7 @@ export declare class Component<TLocalEvent extends string = ComponentEvent> exte
         getColDef?(): ColDef | ColGroupDef;
         shouldDisplayTooltip?: () => boolean;
     }): void;
+    private getDataRefAttribute;
     private applyElementsToComponent;
     private createChildComponentsFromTags;
     private createComponentFromElement;

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

@@ -1 +1 @@
-export declare const VERSION = "32.0.0";
+export declare const VERSION = "32.0.2";

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

@@ -1 +1 @@
-export declare const VERSION = "32.0.0";
+export declare const VERSION = "32.0.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-community",
-  "version": "32.0.0",
+  "version": "32.0.2",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/main.d.ts",
@@ -62,18 +62,18 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-charts-types": "10.0.0"
+    "ag-charts-types": "10.0.2"
   },
   "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.0.0",
-    "@ag-grid-community/core": "32.0.0",
-    "@ag-grid-community/csv-export": "32.0.0",
-    "@ag-grid-community/infinite-row-model": "32.0.0",
-    "@ag-grid-community/styles": "32.0.0",
+    "@ag-grid-community/client-side-row-model": "32.0.2",
+    "@ag-grid-community/core": "32.0.2",
+    "@ag-grid-community/csv-export": "32.0.2",
+    "@ag-grid-community/infinite-row-model": "32.0.2",
+    "@ag-grid-community/styles": "32.0.2",
     "ts-loader": "^9.5.1",
     "style-loader": "^3.3.4",
     "css-loader": "^6.10.0",