impaktapps-ui-builder 1.0.76 → 1.0.77-test.2

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

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

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

@@ -11,7 +11,9 @@ declare const Box: {
             md: number;
             lg: number;
         };
-        main: {};
+        main: {
+            iconName: string;
+        };
         style: {};
     };
 };

package/package.json

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

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

@@ -9,6 +9,9 @@ export const buildLabel = (config,componentScope) => {
     if(config.layout){
       box.config.layout = createLayoutFormat(config.layout)
     }
+    if(config.iconName){
+      box.config.main.iconName = config.iconName
+    }
     if (config.style) {
       box.config.style = JSON.parse(config.style)
     }

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: {},
@@ -238,6 +239,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/build/uischema/box.ts

@@ -7,7 +7,9 @@
     },
    
     config: { layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-      main: {},
+      main: {
+        iconName: ""
+      },
       style:{
         // fontWeight:300
       }

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

@@ -411,6 +411,12 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
       ];
       break;
+    case "Box":
+      uiSchema.elements = [
+        getSelectField("iconName", "Icon Name", []),
+        emptyBox("BoxEmpty1", { xs: 6, sm: 6, md: 4, lg: 8 })
+      ];
+      break;
     case "Graph":
       uiSchema.elements = [
         getInputField("height", "Height"),

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

@@ -24,7 +24,7 @@ const sectionLabels = {
   DeleteFileIcon: ["Core", "Events", "Style"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
-  Box: ["Core", "Events", "Style", "Validation"],
+  Box: ["Core", "Properties" , "Events", "Style", "Validation"],
   Properties: ["Core", "Properties", "Events", "Style", "Validation"],
   ProgressBarCard: ["Core", "Properties", "Events", "Style", "Validation"],
   RankCard: ["Core", "Properties", "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"],