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

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

@@ -6331,6 +6331,7 @@ const ComponentSchema = {
     maxPageSize: {
       type: "number",
       oneOf: [
+        { title: "5", const: 5 },
         { title: "10", const: 10 },
         { title: "20", const: 20 },
         { title: "30", const: 30 },
@@ -7968,7 +7969,7 @@ const buildPropertiesSection = function(type) {
       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$1("cardEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
@@ -8042,11 +8043,14 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("disableFullScreenToggle", "Disable Full Screen", ["YES", "NO"]),
         getRadioInputField("disableDensityToggle", "Disable Density Toggle", ["YES", "NO"]),
         getRadioInputField("disableDownloadFile", "Disable Download File", ["YES", "NO"]),
+        getRadioInputField("disableTopToolbar", "Disable Top Toolbar", ["YES", "NO"]),
+        getRadioInputField("disableBottomToolbar", "Disable Bottom Toolbar", ["YES", "NO"]),
         getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size"),
         getSelectField("initialDensity", "Initial Toggle Density"),
+        emptyBox$1("emptyBoxTable", { xs: 6, sm: 6, md: 0, lg: 3 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
@@ -8055,7 +8059,7 @@ const buildPropertiesSection = function(type) {
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
           getInputField("defaultColumnSize", "Default Column Size"),
           ,
-          emptyBox$1("LazyLoadingTableEmpty3")
+          emptyBox$1("LazyLoadingTableEmpty3", { xs: 0, sm: 0, md: 4, lg: 6 })
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,
@@ -10962,6 +10966,9 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.disableLeftLabel) {
     horizontalBarGraph.config.main.disableLeftLabel = config.disableLeftLabel === "YES" ? true : false;
   }
+  if (config.style) {
+    horizontalBarGraph.config.style = JSON.parse(config.style);
+  }
   return horizontalBarGraph;
 };
 var SpeedoMeter = {
@@ -11082,6 +11089,9 @@ const buildPieGraph = (config, componentScope) => {
   if (config.pieArcColors) {
     pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
+  if (config.style) {
+    pieGraph.config.style = JSON.parse(config.style);
+  }
   return pieGraph;
 };
 const buildStackbarGraph = (config, componentScope) => {
@@ -11128,6 +11138,9 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.disableLeftLabel) {
     barGraph.config.main.disableLeftLabel = config.disableLeftLabel === "YES" ? true : false;
   }
+  if (config.style) {
+    barGraph.config.style = JSON.parse(config.style);
+  }
   barGraph.scope = componentScope;
   return barGraph;
 };
@@ -11284,6 +11297,9 @@ const buildSelect = (config, componentScope) => {
   if (config.layout) {
     selectInputField.config.layout = createLayoutFormat(config.layout);
   }
+  if (config.style) {
+    selectInputField.config.style = JSON.parse(config.style);
+  }
   selectInputField.scope = componentScope;
   return selectInputField;
 };
@@ -11427,6 +11443,12 @@ const buildTable = (config, componentScope) => {
   if (config.disableDownloadFile) {
     table.config.main.disableDownloadFile = config.disableDownloadFile === "YES" ? true : false;
   }
+  if (config.disableTopToolbar) {
+    table.config.main.disableTopToolbar = config.disableTopToolbar === "YES" ? true : false;
+  }
+  if (config.disableBottomToolbar) {
+    table.config.main.disableBottomToolbar = config.disableBottomToolbar === "YES" ? true : false;
+  }
   if (config.disablePagination) {
     table.config.main.disablePagination = config.disablePagination === "YES" ? true : false;
   }
@@ -11556,15 +11578,16 @@ function Card(theme) {
           position: "relative",
           top: "50%",
           transform: "translateY(-50%)",
-          marginBottom: 0
+          marginBottom: 0,
+          borderRadius: "8px"
         },
         componentsBoxStyle: {
           boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
           flexDirection: "column",
+          overflow: "hidden",
           flexWrap: "nowrap",
           width: "100% !important",
           background: "transparent",
-          border: `1.5px solid ${theme.palette.primary.light}`,
           borderRadius: "8px",
           padding: "20px 20px 20px 14px",
           height: "100%",
@@ -11572,11 +11595,7 @@ function Card(theme) {
           position: "relative",
           marginLeft: "0px",
           "&: hover": {
-            background: `${theme.palette.primary.main}`,
-            border: `1.5px solid black`,
-            "& p": {
-              color: "white"
-            }
+            background: `${theme.palette.primary.main}`
           }
         }
       },
@@ -11650,7 +11669,7 @@ 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",
@@ -11661,6 +11680,7 @@ function Card(theme) {
             maxWidth: "200px",
             whiteSpace: "nowrap",
             overflowX: "auto",
+            overflowY: "hidden",
             scrollbarWidth: "none",
             "&::-webkit-scrollbar": {
               display: "none"
@@ -11704,9 +11724,14 @@ function Card(theme) {
   return uiSchema;
 }
 const buildCard = (config, componentScope, store2) => {
+  var _a, _b, _c;
   const card = _.cloneDeep(Card(store2.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, ...(_a = parsedStyle.labelStyle) != null ? _a : {} };
+    card.elements[3].config.style = { ...card.elements[3].config.style, ...(_b = parsedStyle.descriptionStyle) != null ? _b : {} };
+    card.elements[2].config.style = { ...card.elements[2].config.style, ...(_c = parsedStyle.valueStyle) != null ? _c : {} };
   }
   card.elements[2].scope = `#/properties/${config.name}/properties/value`;
   card.elements[0].scope = `#/properties/${config.name}/properties/url`;
@@ -11724,8 +11749,8 @@ const buildCard = (config, componentScope, store2) => {
   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;
 };
@@ -11892,6 +11917,9 @@ const buildMultiSelect = (config, componentScope) => {
   if (config.lazyLoading) {
     multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
   }
+  if (config.style) {
+    multipleSelect.config.style = JSON.parse(config.style);
+  }
   return multipleSelect;
 };
 const buildBasicUiSchema = (config) => {
@@ -12043,6 +12071,9 @@ const buildLineGraph = (config, componentScope) => {
   if (config.pieArcColors) {
     lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
+  if (config.style) {
+    lineGraph.config.style = JSON.parse(config.style);
+  }
   lineGraph.scope = componentScope;
   return lineGraph;
 };