[Grid] update tag selection in grid after deleting an item (#3464)

* update tag selection in grid after deleting an item

* fix lint error

* Automatic frontend build

* use Number.parseInt instead of just parseInt

* Automatic frontend build

Author: xIrusux

assets/js/src/core/app/api/pimcore/tags.ts

@@ -230,7 +230,7 @@ export const invalidatingTags = {
   ELEMENT_TAGS: (elementType: ElementType, id: number) => [getElementSpecificTag(tagNames.ELEMENT_TAGS, elementType, id)],
   ROLE: () => [tagNames.ROLE],
   PREDEFINED_ASSET_METADATA: () => [tagNames.PREDEFINED_ASSET_METADATA],
-  ELEMENT_DETAIL: (elementType: ElementType, id: number) => [getElementDetailTag(elementType, id)],
+  ELEMENT_DETAIL: (elementType: ElementType, id: number) => [getElementDetailTag(elementType, id), getElementGridTag(elementType)],
   EMAIL_BLOCKLIST: () => [tagNames.EMAIL_BLOCKLIST],
   EMAIL_BLOCKLIST_DETAIL: (id: string) => [{ type: tagNames.EMAIL_BLOCKLIST_DETAIL, id }],
   APPLICATION_LOGGER: () => [tagNames.APPLICATION_LOGGER],
@@ -278,3 +278,14 @@ const getElementDetailTag = (elementType: ElementType, id: number): Tag => {
       return { type: tagNames.DOCUMENT_DETAIL, id }
   }
 }
+
+const getElementGridTag = (elementType: ElementType): Tag => {
+  switch (elementType) {
+    case 'asset':
+      return tagNames.ASSET_GRID
+    case 'data-object':
+      return tagNames.DATA_OBJECT_GRID
+    case 'document':
+      return tagNames.DOCUMENT
+  }
+}

assets/js/src/core/modules/element/element-api-slice-enhanced.ts

@@ -17,7 +17,7 @@ import { invalidatingTags, tagNames } from '@Pimcore/app/api/pimcore/tags'
 import { type DocumentPermissions } from '../document/document-api-slice.gen'
 
 const api = baseApi.enhanceEndpoints({
-  addTagTypes: [tagNames.DATA_OBJECT_DETAIL, tagNames.ASSET_DETAIL],
+  addTagTypes: [tagNames.DATA_OBJECT_DETAIL, tagNames.ASSET_DETAIL, tagNames.ASSET_GRID, tagNames.DATA_OBJECT_GRID],
   endpoints: {
     elementDelete: {
       invalidatesTags: (result, error, args) => invalidatingTags.ELEMENT_DETAIL(args.elementType, args.id)

assets/js/src/core/modules/element/listing/decorators/row-selection/view-layer/components/grid/hooks/use-grid-options/with-row-selection.tsx

@@ -23,6 +23,32 @@ export const WithRowSelection = (useBaseHook: IRowSelectionDecoratorProps['useGr
     const { selectedRows, setSelectedRows, selectedRowsData, setSelectedRowsData } = useRowSelection()
     const { availableColumns } = useAvailableColumns()
 
+    useEffect(() => {
+      if (data?.items === undefined) {
+        return
+      }
+
+      const items = data.items as Array<{ columns: Array<{ key: string, value: unknown }> }>
+      const dataItemIds = new Set(
+        items.map(item => item.columns.find(column => column.key === 'id')?.value).filter(Boolean)
+      )
+
+      const prunedSelectedRows: Record<string, boolean> = {}
+      let selectionChanged = false
+
+      for (const key in selectedRows) {
+        if (dataItemIds.has(Number.parseInt(key))) {
+          prunedSelectedRows[key] = selectedRows[key]
+        } else {
+          selectionChanged = true
+        }
+      }
+
+      if (selectionChanged) {
+        setSelectedRows(prunedSelectedRows)
+      }
+    }, [data?.items])
+
     useEffect(() => {
       const newSelectedRowsData: RowSelectionData['selectedRowsData'] = {}
       const systemColumns = availableColumns.filter(column => Array.isArray(column.group) && column.group.includes('system'))