Generate types for editable files and images

Author: alihcsumer

packages/pluggable-widgets-tools/src/typings-generator/WidgetXml.ts

@@ -51,6 +51,7 @@ export interface Property {
         isDefault?: string;
         dataSource?: string;
         onChange?: string;
+        allowUpload?: string;
     };
     caption?: string[];
     category?: string[];

packages/pluggable-widgets-tools/src/typings-generator/generate.ts

@@ -10,6 +10,8 @@ const mxExports = [
     "DynamicValue",
     "EditableValue",
     "EditableListValue",
+    "EditableFileValue",
+    "EditableImageValue",
     "FileValue",
     "ListValue",
     "NativeIcon",

packages/pluggable-widgets-tools/src/typings-generator/generateClientTypes.ts

@@ -128,12 +128,15 @@ function toClientPropType(
             return "number";
         case "decimal":
             return "Big";
-        case "icon":
+        case "icon": 
             return isNative ? "DynamicValue<NativeIcon>" : "DynamicValue<WebIcon>";
-        case "image":
-            return isNative ? "DynamicValue<NativeImage>" : "DynamicValue<WebImage>";
+        case "image": {
+            const allowUpload = prop.$.allowUpload === "true";
+            const imageType = isNative ? "NativeImage" : "WebImage";
+            return allowUpload ? `EditableImageValue<${imageType}>` : `DynamicValue<${imageType}>`;
+        }
         case "file":
-            return "DynamicValue<FileValue>";
+            return prop.$.allowUpload ? "EditableFileValue<FileValue>" : "DynamicValue<FileValue>";
         case "datasource":
             return "ListValue";
         case "attribute": {