ag-grid-community 31.3.0 → 31.3.2

package/README.md

@@ -0,0 +1,126 @@
+![AG Grid HTML5 Grid trusted by the community, built for enterprise](./github-banner.png "AG Grid")
+
+[![CDNJS](https://img.shields.io/cdnjs/v/ag-grid)](https://cdnjs.com/libraries/ag-grid) [![Github Stars](https://img.shields.io/github/stars/ag-grid/ag-grid?style=social)](https://github.com/ag-grid/ag-grid) [![Twitter](https://img.shields.io/twitter/follow/ag_grid?style=social)](https://twitter.com/ag_grid)
+
+| Module              | Info |
+| --------------------|------------------:|
+| ag-grid-community   | [![npm](https://img.shields.io/npm/dm/ag-grid-community)](https://www.npmjs.com/package/ag-grid-community) <br> [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ag-grid-community&metric=alert_status)](https://sonarcloud.io/dashboard?id=ag-grid-community) <br> |
+| ag-grid-enterprise  | [![npm](https://img.shields.io/npm/dm/ag-grid-enterprise)](https://www.npmjs.com/package/ag-grid-enterprise) <br> [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ag-grid-enterprise&metric=alert_status)](https://sonarcloud.io/dashboard?id=ag-grid-enterprise) |
+
+# AG Grid
+
+AG Grid is a fully-featured and highly customizable JavaScript data grid.
+It delivers [outstanding performance](https://www.ag-grid.com/example?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), has no third-party dependencies and [integrates smoothly with all major JavaScript frameworks](https://www.ag-grid.com/javascript-data-grid/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github).
+
+Here's how our grid looks with multiple filters and grouping enabled:
+
+![Image of AG Grid showing filtering and grouping enabled.](./github-grid-demo.jpg "AG Grid demo")
+
+## Features
+
+In addition to the standard set of features you'd expect from any grid:
+
+* Column Interactions (resize, reorder, and pin columns)
+* Pagination
+* Sorting
+* Row Selection
+
+Here are some of the features that make AG Grid stand out:
+
+* Grouping / Aggregation *
+* Accessibility support
+* Custom Filtering
+* In-place Cell Editing
+* Records Lazy Loading *
+* Server-Side Records Operations *
+* Live Stream Updates
+* Hierarchical Data Support & Tree View *
+* Customizable Appearance
+* Customizable Cell Contents
+* State Persistence
+* Keyboard Navigation
+* Data Export to CSV
+* Data Export to Excel *
+* Excel-like Pivoting *
+* Row Reordering
+* Copy / Paste
+* Column Spanning
+* Pinned Rows
+* Full Width Rows
+* Integrated Charting
+* Sparklines
+
+\* The features marked with an asterisk are available in the [Enterprise version](https://www.ag-grid.com/license-pricing?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) only.
+
+Check out the [developer documentation](https://www.ag-grid.com/documentation/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) for a complete list of features or visit [our official docs](https://www.ag-grid.com/features-overview/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) for tutorials and feature demos.
+
+## Looking for a framework specific solution?
+
+* [Get Started with Angular](https://www.ag-grid.com/angular-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)
+* [Get Started with React](https://www.ag-grid.com/react-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)
+* [Get Started with Vue](https://www.ag-grid.com/vue-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)
+
+## Getting started
+
+### Install dependencies
+
+```sh
+$ npm install --save ag-grid-community
+```
+
+### Add a placeholder to HTML
+
+```html
+<div id="myGrid" style="height: 150px; width: 600px" class="ag-theme-quartz"></div>
+```
+
+### Import the grid and styles
+
+```js
+import { createGrid } from 'ag-grid-community';
+
+import 'ag-grid-community/styles//ag-grid.css';
+import 'ag-grid-community/styles//ag-theme-quartz.css';
+```
+
+### Set configuration
+
+```js
+const gridOptions = {
+	columnDefs: [
+		{ headerName: 'Make', field: 'make' },
+		{ headerName: 'Model', field: 'model' },
+		{ headerName: 'Price', field: 'price' }
+	],
+	rowData: [
+		{ make: 'Toyota', model: 'Celica', price: 35000 },
+		{ make: 'Ford', model: 'Mondeo', price: 32000 },
+		{ make: 'Porsche', model: 'Boxster', price: 72000 }
+	]
+};
+```
+
+### Initialise the grid
+
+```js
+const eGridDiv = document.querySelector('#myGrid');
+const api = createGrid(eGridDiv, gridOptions);
+```
+
+For more information on how to integrate the grid into your project see [Building AG Grid Applications](https://www.ag-grid.com/javascript-data-grid/building/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github).
+
+## Issue Reporting
+
+If you have found a bug, please report it in this repository's [issues](https://github.com/ag-grid/ag-grid/issues) section. If you're using the Enterprise version, please use the [private ticketing](https://ag-grid.zendesk.com/) system to do that.
+
+## Asking Questions
+
+Look for similar problems on [StackOverflow](https://stackoverflow.com/questions/tagged/ag-grid) using the `ag-grid` tag. If nothing seems related, post a new message there. Please do not use GitHub issues to ask questions.
+
+## Contributing
+
+AG Grid is developed by a team of co-located developers in London. If you want to join the team send your application to info@ag-grid.com.
+
+## License
+
+This project is licensed under the MIT license. See the [LICENSE file](./LICENSE.txt) for more info.

package/dist/ag-grid-community.js

@@ -1791,7 +1791,7 @@ ImmutableService = __decorateClass([
 ], ImmutableService);
 
 // community-modules/client-side-row-model/src/version.ts
-var VERSION = "31.3.0";
+var VERSION = "31.3.2";
 
 // community-modules/client-side-row-model/src/clientSideRowModelModule.ts
 var ClientSideRowModelModule = {
@@ -9300,7 +9300,7 @@ var _ComponentUtil = class _ComponentUtil {
     });
     return mergedOptions;
   }
-  static processOnChange(changes, api) {
+  static processOnChange(changes, api, isVue) {
     if (!changes) {
       return;
     }
@@ -9313,7 +9313,7 @@ var _ComponentUtil = class _ComponentUtil {
     if (!hasChanges) {
       return;
     }
-    api.__internalUpdateGridOptions(gridChanges);
+    api.__internalUpdateGridOptions(gridChanges, true);
     const event = {
       type: Events.EVENT_COMPONENT_STATE_CHANGED
     };
@@ -17865,10 +17865,10 @@ var _RowNode = class _RowNode {
     this.selected = newValue;
     if (this.eventService) {
       this.dispatchLocalEvent(this.createLocalRowEvent(_RowNode.EVENT_ROW_SELECTED));
-      const sibling = this.sibling;
-      if (sibling && sibling.footer) {
-        sibling.dispatchLocalEvent(sibling.createLocalRowEvent(_RowNode.EVENT_ROW_SELECTED));
-      }
+    }
+    const sibling = this.sibling;
+    if (sibling && sibling.footer && sibling.eventService) {
+      sibling.dispatchLocalEvent(sibling.createLocalRowEvent(_RowNode.EVENT_ROW_SELECTED));
     }
     const event = __spreadProps(__spreadValues({}, this.createGlobalRowEvent(Events.EVENT_ROW_SELECTED)), {
       event: e || null,
@@ -18259,6 +18259,7 @@ var DragAndDropService = class extends BeanStub {
     this.dragSource = dragSource;
     this.eventLastTime = mouseEvent;
     this.dragItem = this.dragSource.getDragItem();
+    this.lastDropTarget = void 0;
     if (this.dragSource.onDragStarted) {
       this.dragSource.onDragStarted();
     }
@@ -20456,18 +20457,20 @@ var RowDragFeature = class extends BeanStub {
     if (!this.isFromThisGrid(draggingEvent)) {
       return draggingEvent.dragItem.rowNodes || [];
     }
+    const currentNode = draggingEvent.dragItem.rowNode;
     const isRowDragMultiRow = this.gos.get("rowDragMultiRow");
-    const selectedNodes = [...this.selectionService.getSelectedNodes()].sort(
-      (a, b) => {
-        if (a.rowIndex == null || b.rowIndex == null) {
-          return 0;
+    if (isRowDragMultiRow) {
+      const selectedNodes = [...this.selectionService.getSelectedNodes()].sort(
+        (a, b) => {
+          if (a.rowIndex == null || b.rowIndex == null) {
+            return 0;
+          }
+          return this.getRowIndexNumber(a) - this.getRowIndexNumber(b);
         }
-        return this.getRowIndexNumber(a) - this.getRowIndexNumber(b);
+      );
+      if (selectedNodes.indexOf(currentNode) !== -1) {
+        return selectedNodes;
       }
-    );
-    const currentNode = draggingEvent.dragItem.rowNode;
-    if (isRowDragMultiRow && selectedNodes.indexOf(currentNode) !== -1) {
-      return selectedNodes;
     }
     return [currentNode];
   }
@@ -22709,8 +22712,8 @@ var GridApi = class {
     this.gos.updateGridOptions({ options });
   }
   /** Used internally by grid. Not intended to be used by the client. Interface may change between releases. */
-  __internalUpdateGridOptions(options) {
-    this.gos.updateGridOptions({ options, source: "gridOptionsUpdated" });
+  __internalUpdateGridOptions(options, force) {
+    this.gos.updateGridOptions({ options, force, source: "gridOptionsUpdated" });
   }
   deprecatedUpdateGridOption(key, value) {
     warnOnce(`set${key.charAt(0).toUpperCase()}${key.slice(1, key.length)} is deprecated. Please use 'api.setGridOption('${key}', newValue)' or 'api.updateGridOptions({ ${key}: newValue })' instead.`);
@@ -24689,6 +24692,7 @@ var GridBodyScrollFeature = class extends BeanStub {
     const {
       topCenter,
       stickyTopCenter,
+      stickyBottomCenter,
       centerHeader,
       bottomCenter,
       fakeHScrollComp
@@ -24697,6 +24701,7 @@ var GridBodyScrollFeature = class extends BeanStub {
     bottomCenter.setContainerTranslateX(offset);
     topCenter.setContainerTranslateX(offset);
     stickyTopCenter.setContainerTranslateX(offset);
+    stickyBottomCenter.setContainerTranslateX(offset);
     const centerViewport = this.centerRowsCtrl.getViewportElement();
     const isCenterViewportLastHorizontal = this.lastScrollSource[1 /* Horizontal */] === 0 /* Container */;
     scrollLeft = Math.abs(scrollLeft);
@@ -36375,7 +36380,7 @@ var StickyRowFeature = class extends BeanStub {
     if (row.footer) {
       return row.sibling.rowTop + row.sibling.rowHeight - 1;
     }
-    if (row.group) {
+    if (row.hasChildren()) {
       return row.rowTop - 1;
     }
     return 0;
@@ -36470,6 +36475,9 @@ var StickyRowFeature = class extends BeanStub {
     const suppressFootersSticky = this.areFooterRowsStickySuppressed();
     const suppressGroupsSticky = this.gos.get("suppressGroupRowsSticky");
     const isRowSticky = (row) => {
+      if (!row.displayed) {
+        return false;
+      }
       if (row.footer) {
         if (suppressFootersSticky === true) {
           return false;
@@ -36483,7 +36491,7 @@ var StickyRowFeature = class extends BeanStub {
         }
         ;
         const alreadySticking = newStickyRows.has(row);
-        return !alreadySticking && row.displayed;
+        return !alreadySticking;
       }
       if (row.isExpandable()) {
         if (suppressGroupsSticky === true) {
@@ -36491,7 +36499,7 @@ var StickyRowFeature = class extends BeanStub {
         }
         ;
         const alreadySticking = newStickyRows.has(row);
-        return !alreadySticking && row.displayed && row.expanded;
+        return !alreadySticking && row.expanded;
       }
       return false;
     };
@@ -36568,6 +36576,10 @@ var StickyRowFeature = class extends BeanStub {
     const hasBottomUpdated = this.updateStickyRows("bottom");
     return hasTopUpdated || hasBottomUpdated;
   }
+  destroyStickyCtrls() {
+    this.refreshNodesAndContainerHeight("top", /* @__PURE__ */ new Set(), 0);
+    this.refreshNodesAndContainerHeight("bottom", /* @__PURE__ */ new Set(), 0);
+  }
   refreshStickyNode(stickRowNode) {
     const allStickyNodes = /* @__PURE__ */ new Set();
     if (this.stickyTopRowCtrls.some((ctrl) => ctrl.getRowNode() === stickRowNode)) {
@@ -37292,6 +37304,9 @@ var RowRenderer = class extends BeanStub {
   removeAllRowComps() {
     const rowIndexesToRemove = Object.keys(this.rowCtrlsByRowIndex);
     this.removeRowCtrls(rowIndexesToRemove);
+    if (this.stickyRowFeature) {
+      this.stickyRowFeature.destroyStickyCtrls();
+    }
   }
   getRowsToRecycle() {
     const stubNodeIndexes = [];
@@ -38311,15 +38326,16 @@ var PaginationProxy = class extends BeanStub {
       return;
     }
     this.currentPage = page;
-    const event = {
-      type: Events.EVENT_MODEL_UPDATED,
+    this.calculatePages();
+    const paginationChangedEvent = {
+      type: Events.EVENT_PAGINATION_CHANGED,
       animate: false,
-      keepRenderedRows: false,
       newData: false,
       newPage: true,
-      newPageSize: false
+      newPageSize: false,
+      keepRenderedRows: false
     };
-    this.onModelUpdated(event);
+    this.eventService.dispatchEvent(paginationChangedEvent);
   }
   getPixelOffset() {
     return this.pixelOffset;
@@ -38458,14 +38474,16 @@ var PaginationProxy = class extends BeanStub {
     if (this.pageSize === oldPageSize) {
       return;
     }
-    this.onModelUpdated({
-      type: Events.EVENT_MODEL_UPDATED,
+    this.calculatePages();
+    const paginationChangedEvent = {
+      type: Events.EVENT_PAGINATION_CHANGED,
       animate: false,
-      keepRenderedRows: false,
       newData: false,
       newPage: false,
-      newPageSize: true
-    });
+      newPageSize: true,
+      keepRenderedRows: false
+    };
+    this.eventService.dispatchEvent(paginationChangedEvent);
   }
   setPageSize(size, source) {
     const currentSize = this.pageSize;
@@ -38492,15 +38510,16 @@ var PaginationProxy = class extends BeanStub {
         break;
     }
     if (currentSize !== this.pageSize) {
-      const event = {
-        type: Events.EVENT_MODEL_UPDATED,
+      this.calculatePages();
+      const paginationChangedEvent = {
+        type: Events.EVENT_PAGINATION_CHANGED,
         animate: false,
-        keepRenderedRows: false,
         newData: false,
         newPage: false,
-        newPageSize: true
+        newPageSize: true,
+        keepRenderedRows: true
       };
-      this.onModelUpdated(event);
+      this.eventService.dispatchEvent(paginationChangedEvent);
     }
   }
   calculatePages() {
@@ -38586,7 +38605,7 @@ var PaginationProxy = class extends BeanStub {
     }
   }
   calculatedPagesNotActive() {
-    this.setPageSize(this.masterRowCount, "autoCalculated");
+    this.setPageSize(void 0, "autoCalculated");
     this.totalPages = 1;
     this.currentPage = 0;
     this.topDisplayedRowIndex = 0;
@@ -45656,8 +45675,8 @@ var ColumnAnimationService = class extends BeanStub {
     this.getFrameworkOverrides().wrapIncoming(() => {
       window.setTimeout(() => runFuncs(this.executeNextFuncs), 0);
       window.setTimeout(() => {
-        runFuncs(this.executeLaterFuncs);
         callback();
+        runFuncs(this.executeLaterFuncs);
       }, 200);
     });
   }
@@ -48592,7 +48611,7 @@ var GridOptionsService = class {
     });
     return newGo;
   }
-  updateGridOptions({ options, source = "api" }) {
+  updateGridOptions({ options, force, source = "api" }) {
     const changeSet = { id: GridOptionsService.changeSetId++, properties: [] };
     const events = [];
     Object.entries(options).forEach(([key, value]) => {
@@ -48600,7 +48619,7 @@ var GridOptionsService = class {
         warnOnce(`${key} is an initial property and cannot be updated.`);
       }
       const coercedValue = GridOptionsService.getCoercedValue(key, value);
-      const shouldForce = typeof coercedValue === "object" && source === "api";
+      const shouldForce = force || typeof coercedValue === "object" && source === "api";
       const previousValue = this.gridOptions[key];
       if (shouldForce || previousValue !== coercedValue) {
         this.gridOptions[key] = coercedValue;
@@ -52049,7 +52068,7 @@ GridSerializer = __decorateClass([
 ], GridSerializer);
 
 // community-modules/csv-export/src/version.ts
-var VERSION = "31.3.0";
+var VERSION = "31.3.2";
 
 // community-modules/csv-export/src/csvExportModule.ts
 var CsvExportModule = {
@@ -53355,7 +53374,7 @@ InfiniteRowModel = __decorateClass([
 ], InfiniteRowModel);
 
 // community-modules/infinite-row-model/src/version.ts
-var VERSION = "31.3.0";
+var VERSION = "31.3.2";
 
 // community-modules/infinite-row-model/src/infiniteRowModelModule.ts
 var InfiniteRowModelModule = {