impaktapps-ui-builder 0.0.1054 → 0.0.1056

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

@@ -1,11 +1 @@
-export declare const buildArray: (config: any, componentScope: string) => {
-    type: string;
-    scope: string;
-    layout: number;
-    options: {
-        detail: {
-            type: string;
-            elements: any[];
-        };
-    };
-};
+export declare const buildArray: (config: any, componentScope: string) => any;

package/package.json

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

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

@@ -1,18 +1,30 @@
 import _ from "lodash";
 
-const ArrayUiSchema = {
-            type: "Control",
-            scope: "#/properties/adjustments",
-            layout: 11.5,
-            options: {
-                detail: {
-                    type: "HorizontalLayout",
-                    elements: []
-                }
-            }
+const ArrayUiSchema: any = {
+    type: "Control",
+    scope: "#/properties/adjustments",
+    layout: 11.5,
+    options: {
+        detail: {
+            type: "HorizontalLayout",
+            elements: []
         }
-export const buildArray = (config:any,componentScope:string)=>{
- const array = _.cloneDeep(ArrayUiSchema);
- array.scope = componentScope;
-return array;
+    }
+}
+const ArrayDetailUiSchema = {
+    type: "Control",
+    scope: "#/properties/adjustments",
+    layout: 11.5,
+
+    elements: []
+
+
+};
+export const buildArray = (config: any, componentScope: string) => {
+    let array = _.cloneDeep(ArrayUiSchema);
+    if (config.detailView === "Yes") {
+        array = _.cloneDeep(ArrayDetailUiSchema)
+    };
+    array.scope = componentScope;
+    return array;
 }

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

@@ -40,6 +40,7 @@ import { buildDataGrid } from "./buildDataGrid";
 import { buildInputSlider } from "./buildInputSlider";
 import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
+import { arrayBuffer } from "stream/consumers";
 export let schema = {
   type: "object",
   properties: {},
@@ -375,9 +376,14 @@ const buildUiSchema = (config: any, store?: any) => {
       })
     }
     else if (config.type == "Array") {
-      elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
+      const ArrayElements = config.elements.map((e: any, elemInd: number) => {
         return buildUiSchema(e, store)
       });
+      if (config.detailView === "Yes") {
+        elements.elements = ArrayElements;
+      } else {
+        elements.options.detail.elements = ArrayElements;
+      }
     }
     else {
       elements.elements = config.elements.map((e: any, elemInd: number) => {

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

@@ -258,7 +258,14 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-
+  case "Array": 
+      uiSchema.elements = [
+        getRadioInputField("detailView", "Deatil View", ["Yes", "No"]),
+        emptyBox("DataGridEmpty1", {xs: 6, sm: 0, md: 4, lg: 4 }),
+        emptyBox("DataGridEmpty1", {xs: 0, sm: 0, md: 4, lg: 4 }),
+        cardLayout,
+      ]
+      break;
     case "TreeMap":
       uiSchema.elements = [
         getSelectField("orientation", "orientation", []),