impaktapps-ui-builder 1.0.151 → 1.0.153

package/dist/impaktapps-ui-builder.es.js

@@ -7962,7 +7962,7 @@ const buildPropertiesSection = function(type) {
         getInputField("bottomLabel_2", "Second BottomLabel"),
         getInputField("bottomLabel_3", "Third BottomLabel"),
         getInputField("size", "Size"),
-        getSelectField("variant", "Variant"),
+        getRadioInputField("variant", "Variant", ["circular", "horizontal"]),
         getArrayControl("pieArcColors", "color", "Color")
       ];
       break;
@@ -8017,6 +8017,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
         getInputField("rowSpacing", "Row Spacing"),
+        getRadioInputField("defaultClosed", "Default Closed", ["YES", "No"]),
         emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }),
         emptyBox$1("WrapperSectionEmpty2")
       ];
@@ -10844,8 +10845,10 @@ const buildProgressBar = (config2, componentScope2) => {
   if (config2.layout) {
     ProgressBar.config.layout = config2.layout;
   }
-  ProgressBar.config.main.variant = config2.variant;
   ProgressBar.config.main.heading = config2.label;
+  if (config2.variant) {
+    ProgressBar.config.main.variant = config2.variant;
+  }
   if (config2.pieArcColors) {
     ProgressBar.config.main.colorRange = flatObjectValueInArray(config2.pieArcColors);
   }
@@ -11206,6 +11209,7 @@ const buildWrapperSection = (config2, componentScope2) => {
   wrapper.config.main.label = config2.label;
   wrapper.config.main.divider = config2.divider === "YES" ? true : false;
   wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
+  wrapper.config.main.defaultClosed = config2.defaultClosed === "YES" ? true : false;
   if (config2.defaultStyle) {
     wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
   }
@@ -11450,6 +11454,9 @@ const buildTable = (config2, componentScope2) => {
   if (config2.initialDensity) {
     table.config.main.initialDensity = config2.initialDensity;
   }
+  if (config2.layout) {
+    table.config.layout = createLayoutFormat(config2.layout);
+  }
   return table;
 };
 const Box = {
@@ -11592,7 +11599,7 @@ function Card(theme) {
     elements: [
       {
         type: "Control",
-        scope: "#/properties/programType",
+        scope: "#/properties/initilCardScope",
         config: {
           main: {
             url: "https://www.svgrepo.com/show/500606/loading.svg"
@@ -11622,7 +11629,7 @@ function Card(theme) {
       },
       {
         type: "Control",
-        scope: "#/properties/programType",
+        scope: "#/properties/initilCardScope",
         config: {
           main: {
             heading: "Total Earnings"
@@ -11653,7 +11660,7 @@ function Card(theme) {
       },
       {
         type: "Control",
-        scope: "#/properties/programType",
+        scope: "#/properties/initilCardScope",
         config: {
           main: {
             heading: "5000.00"
@@ -11686,7 +11693,7 @@ function Card(theme) {
       },
       {
         type: "Control",
-        scope: "#/properties/programType",
+        scope: "#/properties/initilCardScope",
         config: {
           main: {
             heading: "Increased from last month"
@@ -11722,9 +11729,10 @@ const buildCard = (config, componentScope, store) => {
   if (config.style) {
     card.config.wrapperStyle = JSON.parse(config.style);
   }
-  card.elements[0].elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/value`;
-  card.elements[1].scope = `#/properties/${config.name}/properties/url`;
-  card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`;
+  card.elements[0].scope = `#/properties/${config.name}/properties/url`;
+  card.elements[1].scope = `#/properties/${config.name}/properties/label`;
+  card.elements[2].scope = `#/properties/${config.name}/properties/value`;
+  card.elements[3].scope = `#/properties/${config.name}/properties/description`;
   if (config.layout) {
     card.config.layout = createLayoutFormat(config.layout);
   }
@@ -11733,13 +11741,13 @@ const buildCard = (config, componentScope, store) => {
     card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px";
   }
   if (config.label) {
-    card.elements[0].elements[0].elements[0].elements[1].config.main.heading = config.label;
+    card.elements[1].config.main.heading = config.label;
   }
   if (config.url) {
-    card.elements[1].config.main.url = config.url;
+    card.elements[0].config.main.url = config.url;
   }
   if (config.description) {
-    card.elements[0].elements[0].elements[1].config.main.heading = config.description;
+    card.elements[3].config.main.heading = config.description;
   }
   return card;
 };