impaktapps-ui-builder 0.0.1052 → 0.0.1055

package/package.json

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

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

@@ -1,18 +1,32 @@
 import _ from "lodash";
 
 const ArrayUiSchema = {
-            type: "Control",
-            scope: "#/properties/adjustments",
-            layout: 11.5,
-            options: {
-                detail: {
-                    type: "HorizontalLayout",
-                    elements: []
-                }
-            }
+    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,
+    options: {
+        detail: {
+            type: "HorizontalLayout",
+            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", []),

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

@@ -70,7 +70,7 @@ export const ComponentSchema: any = {
       type: "array",
       items: {
         type: "object",
-        properties: { 
+        properties: {
           key: {
             type: "string",
             oneOf: [
@@ -191,7 +191,7 @@ export const ComponentSchema: any = {
         },
       },
     },
-    enableColumnFilter:{
+    enableColumnFilter: {
       type: "array",
       items: {
         type: "object",
@@ -202,25 +202,23 @@ export const ComponentSchema: any = {
         },
       },
     },
-    filteringOptions:{
-      type: "array",
-      items:{
-        oneOf: [
-          { const: 'fuzzy', title: 'Fuzzy' },
-          { const: 'contains', title: 'Contain' },
-          { const: 'startsWith', title: 'Starts with' },
-          { const: 'endsWith', title: 'Ends with' },
-          { const: 'equals', title: 'Equals' },
-          { const: 'notEquals', title: 'Not Equals' },
-          { const: 'between', title: 'Between' },
-          { const: 'betweenInclusive', title: 'Between inclusive' },
-          { const: 'greaterThan', title: 'Greater than' },
-          { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
-          { const: 'lessThan', title: 'Less than' },
-          { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
-        ]
-      },
+    filteringOptions: {
+      oneOf: [
+        { const: 'fuzzy', title: 'Fuzzy' },
+        { const: 'contains', title: 'Contain' },
+        { const: 'startsWith', title: 'Starts with' },
+        { const: 'endsWith', title: 'Ends with' },
+        { const: 'equals', title: 'Equals' },
+        { const: 'notEquals', title: 'Not Equals' },
+        { const: 'between', title: 'Between' },
+        { const: 'betweenInclusive', title: 'Between inclusive' },
+        { const: 'greaterThan', title: 'Greater than' },
+        { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
+        { const: 'lessThan', title: 'Less than' },
+        { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
+      ]
     },
+
     legendLabels: {
       type: "array",
       items: {
@@ -343,7 +341,7 @@ export const ComponentSchema: any = {
       type: "string",
     },
     label: { type: 'string' },
-    RemoveItemButton:{
+    RemoveItemButton: {
       disabled: true,
     },
   },

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

@@ -75,7 +75,7 @@ export function refreshPage(type: string, store: any) {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Column Format",
 
@@ -90,7 +90,7 @@ export function refreshPage(type: string, store: any) {
         widget: "RadioInputField",
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Enable Filter",
           options: ["Yes", "No"],
@@ -105,7 +105,7 @@ export function refreshPage(type: string, store: any) {
           widget: "SelectInputField",
         },
         config: {
-          layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
           main: {
             label: "Filter Mode",
             multiple: true
@@ -121,7 +121,7 @@ export function refreshPage(type: string, store: any) {
         widget: "RadioInputField",
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Enable Sorting",
           options: ["Yes", "No"],