v4/ Add Config tools for AttachmentList

frontend/packages/ux-editor/src/components/config/componentSpecificContent/AttachmentList/AttachmentListComponent.test.tsx

@@ -120,7 +120,7 @@ describe('AttachmentListComponent', () => {
       'layoutSetId3',
     );
 
-    // Todo: Remove these 2 lines after fixing combobox onChangeValue trigger on initial render, https://github.com/digdir/designsystemet/issues/1640
+    // Todo: Combobox onChangeValue trigger on initial render, this can be fixed when we start to use >v0.55.0 of designsystem. Replace value prop with initialValue prop in combobox
     expect(handleComponentChange).toHaveBeenCalledTimes(1);
     handleComponentChange.mockClear();
 
@@ -156,7 +156,7 @@ describe('AttachmentListComponent', () => {
       'layoutSetId3',
     );
 
-    // Todo: Remove these 2 lines after fixing combobox onChangeValue trigger on initial render, https://github.com/digdir/designsystemet/issues/1640
+    // Todo: Combobox onChangeValue trigger on initial render, this can be fixed when we start to use >v0.55.0 of designsystem. Replace value prop with initialValue prop in combobox
     expect(handleComponentChange).toHaveBeenCalledTimes(1);
     handleComponentChange.mockClear();
 
@@ -194,7 +194,7 @@ describe('AttachmentListComponent', () => {
       'layoutSetId3',
     );
 
-    // Todo: Remove these 2 lines after fixing combobox onChangeValue trigger on initial render, https://github.com/digdir/designsystemet/issues/1640
+    // Todo: Combobox onChangeValue trigger on initial render, this can be fixed when we start to use >v0.55.0 of designsystem. Replace value prop with initialValue prop in combobox
     expect(handleComponentChange).toHaveBeenCalledTimes(1);
     handleComponentChange.mockClear();
 
@@ -219,7 +219,7 @@ describe('AttachmentListComponent', () => {
       'layoutSetId3',
     );
 
-    // Todo: Remove these 2 lines after fixing combobox onChangeValue trigger on initial render, https://github.com/digdir/designsystemet/issues/1640
+    // Todo: Combobox onChangeValue trigger on initial render, this can be fixed when we start to use >v0.55.0 of designsystem. Replace value prop with initialValue prop in combobox
     expect(handleComponentChange).toHaveBeenCalledTimes(1);
     handleComponentChange.mockClear();
 

frontend/packages/ux-editor/src/components/config/componentSpecificContent/AttachmentList/AttachmentListContent.tsx

@@ -40,10 +40,10 @@ export const AttachmentListContent = ({
         value={selectedDataTypes}
         onValueChange={onChange}
       >
-        {currentAvailableAttachments?.map((attachment) => {
+        {currentAvailableAttachments?.map((attachment, index) => {
           return (
             <Combobox.Option
-              key={attachment}
+              key={index}
               value={attachment}
               description={attachment}
               displayValue={attachment}

frontend/packages/ux-editor/src/hooks/mutations/useDeleteAppAttachmentMetadataMutation.ts

@@ -1,12 +1,19 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useServicesContext } from 'app-shared/contexts/ServicesContext';
+import { QueryKey } from 'app-shared/types/QueryKey';
 
 export const useDeleteAppAttachmentMetadataMutation = (org: string, app: string) => {
+  const queryClient = useQueryClient();
   const { deleteAppAttachmentMetadata } = useServicesContext();
   return useMutation({
     mutationFn: async (id: string) => {
       await deleteAppAttachmentMetadata(org, app, id);
       return id;
     },
+    onSuccess: () => {
+      // Issue: this is a workaround to reset the query to get the updated app metadata after deleting an attachment where combobox value is not updated immidiately
+      // Todo: this may be solved and can be removed when we start to use >v0.55.0 of designsystem. Replace value prop with initialValue prop in combobox
+      queryClient.resetQueries({ queryKey: [QueryKey.AppMetadata, org, app] });
+    },
   });
 };