impaktapps-ui-builder 1.0.72-alpha.20 → 1.0.72-fileUplaod.2

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/file.d.ts

@@ -44,3 +44,24 @@ export declare const downloadFile: {
         widget: string;
     };
 };
+export declare const uploadFileIcon: {
+    type: string;
+    scope: string;
+    config: {
+        main: {
+            label: string;
+            onUpload: string;
+            required: boolean;
+            errorMessage: string;
+        };
+        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-alpha.20",
+    "version": "1.0.72-fileUplaod.2",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

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

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

@@ -0,0 +1,21 @@
+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);
+  // }
+  if (config.required) {
+    UploadFileIcon.config.main.required = true;
+  }
+  UploadFileIcon.config.main.errorMessage = config.errorMessage;
+  return UploadFileIcon;
+}

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

@@ -35,4 +35,27 @@ export const downloadFile =   {
     "options": {
       "widget": "DownloadFile"
     }
-  };
+  };
+
+
+export const uploadFileIcon =  {
+    "type": "Control",
+    "scope": "#/properties/uploadFileIcon",
+    "config": {
+      "main": {
+        "label": "AttachmentFile",
+        // "onClick": "onClick",
+        "onUpload": "onFileUpload",
+        // "onDownload":"onFileDownload",
+        "required": true,
+        "errorMessage": "Attachment File is not uploaded"
+      },
+      // "style": {
+      //   "backgroundColor": "none"
+      // },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    },
+    "options": {
+      "widget": "UploadFileIcon"
+    }
+  };

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

@@ -43,7 +43,9 @@ 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: "Upload File Icon", const: "UploadFileIcon" }
+
       ]
     },
     elementType: {

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

@@ -18,8 +18,9 @@ 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", "Validation"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
   Box: ["Core", "Events", "Style", "Validation"],

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -72,7 +72,7 @@ export default (funcParams: funcParamsProps) => {
   return {
     setPage: async function () {
       funcParams.store.setAdditionalErrors([]);
-      funcParams.store.setFormdata(()=> (funcParams?.initFormData() || {}));
+      funcParams.store.setFormdata(funcParams?.initFormData() || {});
       funcParams.store.setSchema({ type: "object", properties: {} });
       funcParams.store.newData = {};
       eventGroups = {};