refactor: update svgImage and image functions

Author: samuelreichert

packages/pluggableWidgets/events-web/src/Events.editorConfig.ts

@@ -36,7 +36,7 @@ export function getPreview(values: EventsPreviewProps, isDarkMode: boolean): Str
     return rowLayout({ columnSize: "grow", borders: true, backgroundColor: palette.background.containerFill })(
         container()(),
         rowLayout({ grow: 2, padding: 8 })(
-            svgImage(doc, 15, 15),
+            svgImage({ width: 15, height: 15 })(doc),
             text({ fontColor: palette.text.primary, grow: 10 })(getCaption(eventsCount))
         ),
         container()()

packages/pluggableWidgets/selection-helper-web/src/SelectionHelper.editorConfig.ts

@@ -30,7 +30,9 @@ export function getPreview(
         return container()(
             rowLayout({ columnSize: "grow" })(
                 container({ grow: 1 })(
-                    svgImage(decodeURIComponent(CheckBoxIndeterminateSVG.replace("data:image/svg+xml,", "")), 24, 24)
+                    svgImage({ width: 24, height: 24 })(
+                        decodeURIComponent(CheckBoxIndeterminateSVG.replace("data:image/svg+xml,", ""))
+                    )
                 ),
                 container({ grow: 100, padding: 3 })(text({ fontSize: 10 })(values.checkboxCaption))
             )

packages/shared/widget-plugin-platform/src/preview/structure-preview-api.ts

@@ -26,21 +26,28 @@ export interface ImageProps extends BaseStylingProps {
     height?: number; // sets a fixed maximum height
 }
 
-export function svgImage(svgTextData: string, width?: number, height?: number): ImageProps {
-    return {
-        type: "Image",
-        document: svgTextData,
-        width,
-        height
+interface ImageStyleProps extends BaseStylingProps {
+    width?: number;
+    height?: number;
+}
+
+export function svgImage(style: ImageStyleProps): (document: string) => ImageProps {
+    return (document: string) => {
+        return {
+            type: "Image",
+            document,
+            ...style
+        };
     };
 }
 
-export function image(base64Data: string, width?: number, height?: number): ImageProps {
-    return {
-        type: "Image",
-        data: base64Data,
-        width,
-        height
+export function image(style: ImageStyleProps): (data: string) => ImageProps {
+    return (data: string) => {
+        return {
+            type: "Image",
+            data,
+            ...style
+        };
     };
 }