impaktapps-ui-builder 1.0.72 → 1.0.74

package/dist/src/impaktapps-ui-builder/builder/build/buildDeleteFileIcon.d.ts

@@ -0,0 +1 @@
+export declare const buildDeleteFileIcon: (config: any, componentScope: any) => any;

package/dist/src/impaktapps-ui-builder/builder/build/buildDownloadFileIcon.d.ts

@@ -0,0 +1 @@
+export declare const buildDownloadFileIcon: (config: any, componentScope: any) => any;

package/dist/src/impaktapps-ui-builder/builder/build/buildUploadFileIcon.d.ts

@@ -0,0 +1 @@
+export declare const buildUploadFileIcon: (config: any, componentScope: any) => any;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/DeleteFileIcon.d.ts

@@ -0,0 +1,19 @@
+export declare const deleteFileIcon: {
+    type: string;
+    scope: string;
+    config: {
+        main: {
+            onFileDelete: string;
+        };
+        style: {};
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    options: {
+        widget: string;
+    };
+};

package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts

@@ -44,3 +44,42 @@ export declare const downloadFile: {
         widget: string;
     };
 };
+export declare const uploadFileIcon: {
+    type: string;
+    scope: string;
+    config: {
+        main: {
+            onUpload: string;
+            errorMessage: string;
+        };
+        style: {};
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    options: {
+        widget: string;
+    };
+};
+export declare const downloadFileIcon: {
+    type: string;
+    scope: string;
+    config: {
+        main: {
+            onDownload: string;
+        };
+        style: {};
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    options: {
+        widget: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.72",
+    "version": "1.0.74",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildDeleteFileIcon.ts

@@ -0,0 +1,17 @@
+import { deleteFileIcon } from "./uischema/DeleteFileIcon";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildDeleteFileIcon = (config, componentScope) => {
+  const DeleteFileIcon: any = _.cloneDeep(deleteFileIcon);
+
+  DeleteFileIcon.scope = componentScope;
+  DeleteFileIcon.config.main.label = config.label;
+  if (config.layout) {
+    DeleteFileIcon.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.style) {
+    DeleteFileIcon.config.style = JSON.parse(config.style);
+  }
+  return DeleteFileIcon;
+}

package/src/impaktapps-ui-builder/builder/build/buildDownloadFileIcon.ts

@@ -0,0 +1,22 @@
+import _ from "lodash";
+import { downloadFileIcon } from "./uischema/file"; 
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildDownloadFileIcon = (config,componentScope) => {
+    const DownloadFile: any = _.cloneDeep(downloadFileIcon);
+    DownloadFile.scope = componentScope;
+    DownloadFile.config.main.label = config.label;
+    if (config.layout) {
+      DownloadFile.config.layout = config.layout;
+    }
+    if (config.style) {
+      DownloadFile.config.style = config.style;
+    }
+    if(config.layout){
+      DownloadFile.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.errorMessage) {
+      DownloadFile.config.main.errorMessage = config.errorMessage;
+    }
+    return DownloadFile;
+}

package/src/impaktapps-ui-builder/builder/build/buildImage.ts

@@ -14,15 +14,6 @@ const imageUiSchema = {
       url: "",
     },
     style: {
-    //   imageStyle: { width: 300 },
-
-    //   containerStyle: {
-    //     display: "flex",
-    //     justifyContent: "center",
-    //     alignItems: "center",
-    //     marginLeft: "32px",
-    //     marginTop: 2,
-    //   },
     },
   },
 };

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -42,6 +42,9 @@ import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
 import { buildHorizontalLayout } from "./buildHorizontalLayout";
 import { buildImage } from "./buildImage";
+import { buildUploadFileIcon } from "./buildUploadFileIcon";
+import { buildDownloadFileIcon } from "./buildDownloadFileIcon"
+import { buildDeleteFileIcon } from "./buildDeleteFileIcon"
 export let schema = {
   type: "object",
   properties: {},
@@ -315,6 +318,15 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Image":
       elements = buildImage(config, componentScope);
       break;
+    case "UploadFileIcon":
+      elements = buildUploadFileIcon(config, componentScope);
+      break;
+    case "DownloadFileIcon":
+      elements = buildDownloadFileIcon(config, componentScope);
+    break;
+    case "DeleteFileIcon":
+      elements = buildDeleteFileIcon(config, componentScope);
+    break; 
     default:
       schema = {
         type: "object",

package/src/impaktapps-ui-builder/builder/build/buildUploadFileIcon.ts

@@ -0,0 +1,18 @@
+import { uploadFileIcon } from "./uischema/file";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildUploadFileIcon = (config, componentScope) => {
+  const UploadFileIcon: any = _.cloneDeep(uploadFileIcon);
+
+  UploadFileIcon.scope = componentScope;
+  UploadFileIcon.config.main.label = config.label;
+  if (config.layout) {
+    UploadFileIcon.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.style) {
+    UploadFileIcon.config.style = JSON.parse(config.style);
+  }
+  UploadFileIcon.config.main.errorMessage = config.errorMessage;
+  return UploadFileIcon;
+}

package/src/impaktapps-ui-builder/builder/build/uischema/DeleteFileIcon.ts

@@ -0,0 +1,14 @@
+export const deleteFileIcon =  {
+    "type": "Control",
+    "scope": "#/properties/deleteFileIcon",
+    "config": {
+      "main": {
+        "onFileDelete": "onFileDelete",
+      },
+      "style": {},
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    },
+    "options": {
+      "widget": "DeleteFileIcon"
+    }
+  };

package/src/impaktapps-ui-builder/builder/build/uischema/file.ts

@@ -35,4 +35,37 @@ export const downloadFile =   {
     "options": {
       "widget": "DownloadFile"
     }
-  };
+  };
+
+
+export const uploadFileIcon =  {
+    "type": "Control",
+    "scope": "#/properties/uploadFileIcon",
+    "config": {
+      "main": {
+        "onUpload": "onFileUpload",
+        "errorMessage": "Attachment File is not uploaded"
+      },
+      "style": {},
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    },
+    "options": {
+      "widget": "UploadFileIcon"
+    }
+  };
+
+
+export const downloadFileIcon =   {
+    "type": "Control",
+    "scope": "#/properties/downloadAttachment",
+    "config": {
+      "main": {
+        "onDownload":"onFileDownload"
+      },
+      "style": {},
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    },
+    "options": {
+      "widget": "DownloadFileIcon"
+    }
+  };

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -43,7 +43,11 @@ export const ComponentSchema: any = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "File Upload  Icon", const: "UploadFileIcon" },
+        { title: "File Download Icon", const: "DownloadFileIcon" },
+        { title: "File Delete Icon", const: "DeleteFileIcon" }
+
       ]
     },
     elementType: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -18,8 +18,11 @@ const sectionLabels = {
   HorizontalLayout: ["Core", "Components", "Properties", "Style", "Validation"],
   TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
-  card: ["Core", "Properties", "Events", "Style", "Validation"],
+  card: ["Core", "Properties", "Events", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
+  UploadFileIcon: ["Core", "Events", "Style"],
+  DownloadFileIcon: ["Core", "Events", "Style"],
+  DeleteFileIcon: ["Core", "Events", "Style"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
   Box: ["Core", "Events", "Style", "Validation"],