impaktapps-ui-builder 1.0.77 → 1.0.78

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

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

package/package.json

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

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

@@ -44,6 +44,7 @@ import { buildHorizontalLayout } from "./buildHorizontalLayout";
 import { buildImage } from "./buildImage";
 import { buildUploadFileIcon } from "./buildUploadFileIcon";
 import { buildDeleteFileIcon } from "./buildDeleteFileIcon"
+import { buildUploadArray } from "./buildUploadArray";
 export let schema = {
   type: "object",
   properties: {},
@@ -160,6 +161,21 @@ export const buildSchema = (config: any, tableName?: string, isArrayType?: boole
         buildSchema(e, config.name, config.type === "Array" ? true : false)
       })
     }
+    else if(( config.type == "UploadArray")){
+       if (!schema.properties[config.name]) {
+        schema.properties[config.name] = {
+          type: "array",
+          items: {
+            type: "object",
+            properties: {},
+            required: []
+          }
+        }
+      }
+      config.elements.map((e, elemInd) => {
+        buildSchema(e, config.name, config.type === "UploadArray" ? true : false)
+      })
+    }
     else {
       config.elements.map((e, elemInd) => {
         buildSchema(e)
@@ -238,6 +254,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Array":
       elements = buildArray(config, componentScope);
       break;
+    case "UploadArray":
+      elements = buildUploadArray(config, componentScope);
+      break;  
     case "Box":
       elements = buildLabel(config, componentScope);
       break;

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

@@ -0,0 +1,23 @@
+import _ from "lodash";
+
+const UploadArrayUiSchema: any = {
+    type: "Control",
+    scope: "#/properties/uploadArray",
+    options: {
+        widget: "UploadArray"
+    },
+    layout: 12,
+    elements: [],
+    config: {
+        main: {}
+    }
+
+}
+export const buildUploadArray = (config: any, componentScope: string) => {
+    const array = _.cloneDeep(UploadArrayUiSchema);
+    if (config.style) {
+        array.config.style = JSON.parse(config.style)
+    }
+    array.scope = componentScope;
+    return array;
+}

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

@@ -6,6 +6,7 @@ export const ComponentSchema: any = {
       oneOf: [
         { title: "Masked Aadhar Card", const: "AadharcardText" },
         { title: "Array", const: "Array" },
+        { title: "Upload Array", const: "UploadArray" },
         { title: "Button", const: "Button" },
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },

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

@@ -20,7 +20,7 @@ const sectionLabels = {
   SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
-  UploadFileIcon: ["Core", "Events", "Style"],
+  UploadFileIcon: ["Core", "Events", "Style","Validation"],
   DeleteFileIcon: ["Core", "Events", "Style"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
@@ -33,6 +33,7 @@ const sectionLabels = {
   Rank: ["Core", "Events", "Style", "Validation"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
   Array: ["Core", "Components",  "Properties","Validation"],
+  UploadArray: ["Core", "Components","Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],