impaktapps-ui-builder 0.0.374 → 0.0.375

package/package.json

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

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

@@ -25,19 +25,25 @@ const dataGrid = {
 export const buildDataGrid = (config, componentScope) => {
     const DataGrid: any = _.cloneDeep(dataGrid);
     DataGrid.scope = componentScope;
-    DataGrid.config.main.useWrapper = config.useWrapper === "NO" ? false : true;
     if (config.elevation) {
         DataGrid.config.main.elevation = +config.elevation;
     }
+    DataGrid.config.main.divider = config.divider === "NO" ? false : true;
     if (config.height) {
         DataGrid.config.main.height = `${config.height}px`;
     }
+    if (config.justifyContent) {
+        DataGrid.config.main.justifyContent = config.justifyContent;
+    }
     if (config.label) {
         DataGrid.config.main.label = config.label;
     }
     if (config.layout) {
         DataGrid.config.layout = createLayoutFormat(config.layout)
     }
+    if (config.cardLayout) {
+        DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout)
+    }
     if (config.style) {
         DataGrid.config.style = JSON.parse(config.style)
     }

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

@@ -19,6 +19,61 @@ const EmptyBox = {
     },
   },
 };
+const cardLayout =  {
+  type: "Control",
+  scope: "#/properties/cardLayout",
+  layout: 11.5,
+  options: {
+    detail: {
+      type: "HorizontalLayout",
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/key",
+          options: {
+            widget: "SelectInputField",
+          },
+          config: {
+            layout: {
+              xs: 11,
+              sm: 11,
+              md: 5.5,
+              lg: 5.5,
+            },
+            main: {
+              label: "Screen Size",
+            
+            },
+          },
+        },
+        {
+          type: "Control",
+          scope: "#/properties/value",
+
+          options: {
+            widget: "InputField",
+          },
+          config: {
+            layout: {
+              xs: 11,
+              sm: 11,
+              md: 5.5,
+              lg: 5.5,
+            },
+            main: {
+              label: "Value",
+              type:"number",
+              // freeSolo:true,
+              helperText:'Number should be in range of 0 to 12',
+              errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
+             
+            },
+          },
+        },
+      ],
+    },
+  },
+};
 const getArrayControl = (parentScope: string, childScope: string, childLabel?: string,) => {
   return {
     type: "Control",
@@ -182,8 +237,11 @@ export const buildPropertiesSection = function (type: String) {
   switch (type) {
     case "DataGrid":
       uiSchema.elements = [
-        getRadioInputField("useWrapper", "use Item Wrapper", ["YES", "NO"]),
-        getInputField("elevation", "Item Wrapper Elevation"),
+        getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
+        getInputField("elevation", "Card Elevation"),
+        getInputField("height", "Grid height"),
+        getInputField("justifyContent", "justifyContent"),
+        cardLayout,
       ]
       break;
     case "Stepper":

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

@@ -73,6 +73,27 @@ export const ComponentSchema: any = {
         },
       },
     },
+    cardLayout: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          key: {
+            type: "string",
+            oneOf: [
+              { title: "Extra Small", const: "xs" },
+              { title: "Small", const: "sm" },
+              { title: "Medium", const: "md" },
+              { title: "Large", const: "lg" },
+            ],
+          },
+          value: {
+            // type: "string",
+      
+          },
+        },
+      },
+    },
     value: {
       type: "array",
       items: {