angular-slickgrid 5.3.0 → 5.4.1

package/fesm2020/angular-slickgrid.mjs

@@ -7,10 +7,10 @@ import { TranslateModule } from '@ngx-translate/core';
 import { SlickRowDetailView as SlickRowDetailView$1 } from '@slickgrid-universal/row-detail-view-plugin';
 import { Observable } from 'rxjs';
 import * as DOMPurify from 'dompurify';
-import 'slickgrid/dist/slick.core.min';
-import 'slickgrid/dist/slick.interactions.min';
-import 'slickgrid/dist/slick.grid.min';
-import 'slickgrid/dist/slick.dataview.min';
+import 'slickgrid/slick.core';
+import 'slickgrid/slick.interactions';
+import 'slickgrid/slick.grid';
+import 'slickgrid/slick.dataview';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
@@ -512,7 +512,11 @@ const GlobalGridOptions = {
         }
     },
     dataView: {
-        syncGridSelection: true,
+        // when enabled, this will preserve the row selection even after filtering/sorting/grouping
+        syncGridSelection: {
+            preserveHidden: false,
+            preserveHiddenOnSelectionChange: true
+        },
         syncGridSelectionWithBackendService: false, // but disable it when using backend services
     },
     datasetIdPropertyName: 'id',
@@ -1234,11 +1238,11 @@ class AngularSlickgridComponent {
     }
     /**
      * On a Pagination changed, we will trigger a Grid State changed with the new pagination info
-     * Also if we use Row Selection or the Checkbox Selector, we need to reset any selection
+     * Also if we use Row Selection or the Checkbox Selector with a Backend Service (Odata, GraphQL), we need to reset any selection
      */
     paginationChanged(pagination) {
         const isSyncGridSelectionEnabled = this.gridStateService?.needToPreserveRowSelection() ?? false;
-        if (!isSyncGridSelectionEnabled && (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector)) {
+        if (this.slickGrid && !isSyncGridSelectionEnabled && this.gridOptions?.backendServiceApi && (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector)) {
             this.slickGrid.setSelectedRows([]);
         }
         const { pageNumber, pageSize } = pagination;
@@ -1695,15 +1699,13 @@ class AngularSlickgridComponent {
             else if (Array.isArray(gridRowIndexes) && gridRowIndexes.length > 0) {
                 dataContextIds = this.dataView.mapRowsToIds(gridRowIndexes) || [];
             }
-            this.gridStateService.selectedRowDataContextIds = dataContextIds;
-            // change the selected rows except UNLESS it's a Local Grid with Pagination
-            // local Pagination uses the DataView and that also trigger a change/refresh
-            // and we don't want to trigger 2 Grid State changes just 1
-            if ((this._isLocalGrid && !this.gridOptions.enablePagination) || !this._isLocalGrid) {
-                setTimeout(() => {
-                    if (this.slickGrid && Array.isArray(gridRowIndexes)) {
-                        this.slickGrid.setSelectedRows(gridRowIndexes);
-                    }
+            // apply row selection when defined as grid presets
+            if (this.slickGrid && Array.isArray(gridRowIndexes)) {
+                this.slickGrid.setSelectedRows(gridRowIndexes);
+                this.dataView.setSelectedIds(dataContextIds || [], {
+                    isRowBeingAdded: true,
+                    shouldTriggerEvent: false,
+                    applyRowSelectionToGrid: true
                 });
             }
         }