impaktapps-ui-builder 1.0.72-flickering.4 → 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/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

@@ -49,11 +49,29 @@ export declare const uploadFileIcon: {
     scope: string;
     config: {
         main: {
-            label: string;
             onUpload: string;
-            required: boolean;
             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;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.72-flickering.4",
+    "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/buildUiSchema.ts

@@ -43,6 +43,8 @@ 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: {},
@@ -318,6 +320,13 @@ const buildUiSchema = (config: any, store?: any) => {
       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

@@ -10,11 +10,8 @@ export const buildUploadFileIcon = (config, componentScope) => {
   if (config.layout) {
     UploadFileIcon.config.layout = createLayoutFormat(config.layout)
   }
-  // if (config.style) {
-  //   UploadFileIcon.config.style = JSON.parse(config.style);
-  // }
-  if (config.required) {
-    UploadFileIcon.config.main.required = true;
+  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

@@ -43,19 +43,29 @@ export const uploadFileIcon =  {
     "scope": "#/properties/uploadFileIcon",
     "config": {
       "main": {
-        "label": "AttachmentFile",
-        // "onClick": "onClick",
         "onUpload": "onFileUpload",
-        // "onDownload":"onFileDownload",
-        "required": true,
         "errorMessage": "Attachment File is not uploaded"
       },
-      // "style": {
-      //   "backgroundColor": "none"
-      // },
+      "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

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

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

@@ -20,7 +20,9 @@ const sectionLabels = {
   SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
   card: ["Core", "Properties", "Events", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
-  UploadFileIcon: ["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"],