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

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

@@ -8,14 +8,15 @@ export default function Card(theme: any): {
                 top: string;
                 transform: string;
                 marginBottom: number;
+                borderRadius: string;
             };
             componentsBoxStyle: {
                 boxShadow: string;
                 flexDirection: string;
+                overflow: string;
                 flexWrap: string;
                 width: string;
                 background: string;
-                border: string;
                 borderRadius: string;
                 padding: string;
                 height: string;
@@ -24,10 +25,6 @@ export default function Card(theme: any): {
                 marginLeft: string;
                 "&: hover": {
                     background: string;
-                    border: string;
-                    "& p": {
-                        color: string;
-                    };
                 };
             };
         };
@@ -77,6 +74,7 @@ export default function Card(theme: any): {
                 display?: undefined;
                 width?: undefined;
                 lineHeight?: undefined;
+                overflowY?: undefined;
                 paddingLeft?: undefined;
             };
         };
@@ -112,6 +110,7 @@ export default function Card(theme: any): {
                 display?: undefined;
                 width?: undefined;
                 lineHeight?: undefined;
+                overflowY?: undefined;
                 paddingLeft?: undefined;
             };
         };
@@ -143,6 +142,7 @@ export default function Card(theme: any): {
                 maxWidth: string;
                 whiteSpace: string;
                 overflowX: string;
+                overflowY: string;
                 scrollbarWidth: string;
                 "&::-webkit-scrollbar": {
                     display: string;
@@ -186,6 +186,7 @@ export default function Card(theme: any): {
                 display?: undefined;
                 width?: undefined;
                 lineHeight?: undefined;
+                overflowY?: undefined;
             };
         };
         options: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.147-test.2",
+    "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/buildHorizontalBarGraph.ts

@@ -48,6 +48,9 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.disableLeftLabel) {
       horizontalBarGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
     }
+    if (config.style) {
+      horizontalBarGraph.config.style = JSON.parse(config.style)
+    }
     return horizontalBarGraph
 }
 

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

@@ -47,6 +47,9 @@ export 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;
 }

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

@@ -21,7 +21,9 @@ export 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;
 }

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

@@ -27,5 +27,8 @@ export 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;
 }

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

@@ -19,6 +19,9 @@ export const buildSelect = (config: any, componentScope: string) => {
   }
   if (config.layout) {
     selectInputField.config.layout = createLayoutFormat(config.layout)
+  }
+   if (config.style) {
+    selectInputField.config.style = JSON.parse(config.style)
   }
   selectInputField.scope = componentScope;
   return selectInputField;

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

@@ -45,6 +45,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     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;
 } 

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

@@ -65,6 +65,12 @@ export const buildTable = (config: any, componentScope: string) => {
   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
   }

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 })
@@ -480,10 +480,13 @@ export const buildPropertiesSection = function (type: String) {
         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"),//defaultColumnSize
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size", [
+          { label: "5", value: 5 },
           { label: "10", value: 10 },
           { label: "20", value: 20 },
           { label: "30", value: 30 },
@@ -496,6 +499,8 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Comfortable", value: "comfortable" },
           { label: "Spacious", value: "spacious" }
         ]),
+        emptyBox("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"]),
@@ -503,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

@@ -9,15 +9,17 @@ export default 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}`,
+          // border: `1.5px solid ${theme.palette.primary.light}`,
           borderRadius: "8px",
           padding: "20px 20px 20px 14px",
           height: "100%",
@@ -26,10 +28,10 @@ export default function Card(theme){
           marginLeft: "0px",
           "&: hover": {
             background: `${theme.palette.primary.main}`,
-            border: `1.5px solid black`,
-            "& p": {
-              color: "white",
-            },
+            // border: `1.5px solid black`,
+            // "& p": {
+            //   color: "white",
+            // },
           },
         },
       },
@@ -105,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",
@@ -113,10 +115,10 @@ export default function Card(theme){
             margin: "0px",
             marginBottom: "8px",
             lineHeight: "1",
-
             maxWidth: "200px",
             whiteSpace: "nowrap",
             overflowX: "auto",
+            overflowY: "hidden",
             scrollbarWidth: "none",
             "&::-webkit-scrollbar": {
               display: "none",

package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx

@@ -75,6 +75,7 @@ export default function Cardasd(theme){
                   componentsBoxStyle: {
                     flexDirection: "row",
                     flexWrap: "nowrap",
+                    overflow: "hidden",
                     width: "100%",
                     height: "0",
                     background: "transparent",

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

@@ -115,6 +115,7 @@ export const ComponentSchema: any = {
     maxPageSize: {
       type: "number",
       oneOf: [
+        { title: "5", const: 5 },
         { title: "10", const: 10 },
         { title: "20", const: 20 },
         { title: "30", const: 30 },