impaktapps-ui-builder 1.0.147-test.17 → 1.0.147-test.20

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.147-test.17",
+    "version": "1.0.147-test.20",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -5,7 +5,11 @@ import { createLayoutFormat } from "./buildConfig";
 export const buildCard = (config,componentScope,store) =>{
     const card: any = _.cloneDeep(Card(store.theme.myTheme));
     if (config.style) {
+      const parsedStyle = JSON.parse(config.style);
       card.config.wrapperStyle = JSON.parse(config.style)
+      card.elements[1].config.style = { ...card.elements[1].config.style, ...(parsedStyle.labelStyle ?? {})};
+      card.elements[3].config.style = { ...card.elements[3].config.style, ...(parsedStyle.descriptionStyle ?? {})};
+      card.elements[2].config.style = { ...card.elements[2].config.style, ...(parsedStyle.valueStyle ?? {})};
     }
     card.elements[2].scope = `#/properties/${config.name}/properties/value`;
     card.elements[0].scope = `#/properties/${config.name}/properties/url`;
@@ -27,8 +31,9 @@ export const buildCard = (config,componentScope,store) =>{
     if(config.description){
       card.elements[3].config.main.heading = config.description;
     }
-    if(config.value){
-      card.elements[2].config.main.heading = config.value;
+    if(config.cardValue){
+      card.elements[2].config.main.heading = config.cardValue;
     }
+
     return card;
 }

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

@@ -396,7 +396,7 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("url", "Image Url"),
         getInputField("label", "Label"),
-        getInputField("value", "Value"),
+        getInputField("cardValue", "Value"),
         getInputField("titleIcon", "Unicode of Icon for title"),
         getInputField("description", "Description"),
         emptyBox("cardEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
@@ -508,7 +508,7 @@ export const buildPropertiesSection = function (type: String) {
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
-          getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3")
+          getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3", { xs: 0, sm: 0, md: 4, lg: 6 })
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,

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

@@ -107,7 +107,7 @@ export default function Card(theme){
           style: {
             color: "black",
             display: "flex",
-            fontSize: { xs: "22px", md: "30px" },
+            fontSize: { xs: "22px", md: "27px" },
             fontWeight: "450",
             background: "inherit",
             justifyContent: "flex-start",