Add image suggestion feature to iMatrics widget

scripts/core/get-superdesk-api-implementation.tsx

@@ -133,6 +133,25 @@ export const dispatchCustomEvent = <T extends keyof IEvents>(eventName: T, paylo
     );
 };
 
+export function prepareExternalImageForDroppingToEditor(
+    event: DragEvent,
+    renditions: IArticle['renditions'],
+    additionalData?: Partial<IArticle>,
+) {
+    const item: Partial<IArticle> = {
+        _fetchable: false,
+        _type: 'externalsource',
+        ...(additionalData ?? {}),
+        type: 'picture',
+        renditions: renditions,
+    };
+
+    event.dataTransfer.setData(
+        'application/superdesk.item.picture',
+        JSON.stringify(item),
+    );
+}
+
 export let applicationState: Writeable<ISuperdesk['state']> = {
     articleInEditMode: undefined,
 };
@@ -302,6 +321,7 @@ export function getSuperdeskApiImplementation(
                 save: () => {
                     dispatchInternalEvent('saveArticleInEditMode', null);
                 },
+                prepareExternalImageForDroppingToEditor,
             },
             alert: (message: string) => modal.alert({bodyText: message}),
             confirm: (message: string, title?: string) => new Promise((resolve) => {

scripts/core/superdesk-api.d.ts

@@ -1682,10 +1682,16 @@ declare module 'superdesk-api' {
                 addImage(field: string, image: IArticle): void;
 
                 /**
-                 * Programatically triggers saving of an article in edit mode.
+                 * Programmatically triggers saving of an article in edit mode.
                  * Runs the same code as if "save" button was clicked manually.
                 */
                 save(): void;
+
+                prepareExternalImageForDroppingToEditor(
+                    event: DragEvent,
+                    renditions: IArticle['renditions'],
+                    additionalData?: Partial<IArticle>,
+                ): void;
             };
             alert(message: string): Promise<void>;
             confirm(message: string, title?: string): Promise<boolean>;