@skyux/ag-grid 4.12.0 → 4.12.4

package/fesm5/skyux-ag-grid.js

@@ -7,7 +7,7 @@ import { SkyDataManagerService, SkyDataManagerModule } from '@skyux/data-manager
 import { SkyInlineDeleteModule } from '@skyux/layout';
 import { SkyLibResourcesService, getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule } from '@skyux/i18n';
 import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import { takeUntil, filter } from 'rxjs/operators';
 import { SkyThemeService } from '@skyux/theme';
 import { PopupComponent, RowNode, Events } from 'ag-grid-community';
 import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -680,6 +680,7 @@ function getValidatorCellRendererSelector(component, fallback) {
         return fallback;
     };
 }
+var rowNodeId = -1;
 /**
  * A service that provides default styling and behavior for agGrids in SKY UX SPAs.
  */
@@ -831,6 +832,20 @@ var SkyAgGridService = /** @class */ (function () {
                 'sky-ag-grid-cell-renderer-currency-validator': SkyAgGridCellRendererCurrencyValidatorComponent,
                 'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent
             },
+            getRowNodeId: function (data) {
+                if ('id' in data && data.id !== undefined) {
+                    return "" + data.id;
+                }
+                return "" + rowNodeId--;
+            },
+            getRowClass: function (params) {
+                if (params.node.id) {
+                    return "sky-ag-grid-row-" + params.node.id;
+                }
+                else {
+                    return undefined;
+                }
+            },
             headerHeight: ((_p = (_o = this.currentTheme) === null || _o === void 0 ? void 0 : _o.theme) === null || _p === void 0 ? void 0 : _p.name) === 'modern' ? 60 : 37,
             icons: {
                 sortDescending: this.getIconTemplate('caret-down'),
@@ -1283,13 +1298,30 @@ var SkyAgGridDataManagerAdapterDirective = /** @class */ (function () {
             agGrid.api.sizeColumnsToFit();
         });
         agGrid.columnMoved
+            .pipe(takeUntil(this.ngUnsubscribe), filter(function (event) {
+            return ![
+                'gridInitializing',
+                'uiColumnResized',
+                'uiColumnDragged',
+                'api'
+            ].includes(event.source);
+        }))
+            .subscribe(function (value) {
+            _this.updateColumnsInCurrentDataState(value.columnApi);
+        });
+        var currentColumns;
+        agGrid.dragStarted
             .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
-            var columnOrder = agGrid.columnApi.getAllDisplayedVirtualColumns().map(function (col) { return col.getColDef().colId; });
-            if (event.source !== 'api') {
-                var viewState = _this.currentDataState.getViewStateById(_this.viewConfig.id);
-                viewState.displayedColumnIds = columnOrder;
-                _this.dataManagerSvc.updateDataState(_this.currentDataState.addOrUpdateView(_this.viewConfig.id, viewState), _this.viewConfig.id);
+            .subscribe(function (value) {
+            currentColumns = _this.getColumnOrder(value.columnApi);
+        });
+        agGrid.dragStopped
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(function (value) {
+            var newColumns = _this.getColumnOrder(value.columnApi);
+            var hasChanged = currentColumns.findIndex(function (colId, i) { return colId !== newColumns[i]; });
+            if (hasChanged > -1) {
+                _this.updateColumnsInCurrentDataState(value.columnApi);
             }
         });
         agGrid.rowSelected
@@ -1333,6 +1365,17 @@ var SkyAgGridDataManagerAdapterDirective = /** @class */ (function () {
             _this.dataManagerSvc.updateDataState(_this.currentDataState, _this.viewConfig.id);
         });
     };
+    SkyAgGridDataManagerAdapterDirective.prototype.updateColumnsInCurrentDataState = function (columnApi) {
+        var columnOrder = this.getColumnOrder(columnApi);
+        var viewState = this.currentDataState.getViewStateById(this.viewConfig.id);
+        viewState.displayedColumnIds = columnOrder;
+        this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+    };
+    SkyAgGridDataManagerAdapterDirective.prototype.getColumnOrder = function (columnApi) {
+        return columnApi
+            .getAllDisplayedVirtualColumns()
+            .map(function (col) { return col.getColDef().colId; });
+    };
     SkyAgGridDataManagerAdapterDirective.prototype.displayColumns = function (dataState) {
         var e_1, _a;
         var agGrid = this.currentAgGrid;
@@ -1434,7 +1477,7 @@ var SkyAgGridCellValidatorTooltipComponent = /** @class */ (function () {
         var _this = this;
         this.zone.run(function () {
             _this.indicatorShouldShow = false;
-            _this.changeDetector.markForCheck();
+            _this.changeDetector.detectChanges();
         });
     };
     SkyAgGridCellValidatorTooltipComponent.prototype.hidePopover = function () {
@@ -1444,7 +1487,7 @@ var SkyAgGridCellValidatorTooltipComponent = /** @class */ (function () {
         var _this = this;
         this.zone.run(function () {
             _this.indicatorShouldShow = true;
-            _this.changeDetector.markForCheck();
+            _this.changeDetector.detectChanges();
         });
     };
     SkyAgGridCellValidatorTooltipComponent.prototype.showPopover = function () {
@@ -1723,7 +1766,7 @@ var SkyAgGridRowDeleteDirective = /** @class */ (function () {
         return this.rowDeleteConfigs.find(function (rowDelete) { return rowDelete.id === row.id; });
     };
     SkyAgGridRowDeleteDirective.prototype.affixToRow = function (affixer, id) {
-        var rowElement = this.elementRef.nativeElement.querySelector('[row-id="' + id + '"] div[aria-colindex="1"]');
+        var rowElement = this.elementRef.nativeElement.querySelector("\n      [row-id=\"" + id + "\"] div[aria-colindex=\"1\"],\n      .ag-row.sky-ag-grid-row-" + id + " div[aria-colindex=\"1\"]\n    ");
         // This covers cases where AG Grid places the column index on an inner element (such as with the `enableCellTextSelection` option)
         // This appears to have been fixed by AG Grid in version 24 and so it is not testable after that version.
         /* istanbul ignore if */