impaktapps-ui-builder 0.0.94 → 0.0.95-offset.2

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

@@ -22,7 +22,6 @@ export declare const APISection: {
                 heading: string;
                 minRows: number;
                 hideButton: boolean;
-                enableCodeEditor: boolean;
             };
         };
     } | {

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

@@ -59,7 +59,6 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
             heading: string;
             minRows: number;
             hideButton: boolean;
-            enableCodeEditor: boolean;
         };
     };
 };

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

@@ -5,6 +5,12 @@ export declare const BarGraph: {
         widget: string;
     };
     config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {};
         style: {
             containerStyle: {};
@@ -18,6 +24,12 @@ export declare const PieGraph: {
         widget: string;
     };
     config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {
             type: string;
         };
@@ -31,7 +43,12 @@ export declare const LineGraph: {
         widget: string;
     };
     config: {
-        layout: number;
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {
             type: string;
             header: string;
@@ -66,6 +83,12 @@ export declare const HorizontalBarGraph: {
         widget: string;
     };
     config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {
             type: string;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.94",
+    "version": "0.0.95-offset.2",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -12,6 +12,12 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     horizontalBarGraph.config.main.type = config.graphType;
     horizontalBarGraph.scope = componentScope;
     horizontalBarGraph.config.main.header = config.heading;
+    if (config.legendHide) {
+      horizontalBarGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+    }
+    if (config.bottomAxisAngle) {
+      horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
     if (config.barColor) {
       horizontalBarGraph.config.barStyle.color = config.barColor;
     }
@@ -30,6 +36,16 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
       }
     }
 
+    }
+    if (config.leftMargin) {
+      horizontalBarGraph.config.style =
+    {
+      labelStyle: {
+        margin: {
+          left: config.leftMargin
+        }
+      }
+    }
     }
     if (config.bottomLabel) {
       horizontalBarGraph.config.main.bottomLabel =

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

@@ -11,6 +11,16 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.height) {
     lineGraph.config.style.containerStyle.height = config.height;
   }
+  if (config.leftMargin) {
+    lineGraph.config.style =
+  {
+    labelStyle: {
+      margin: {
+        left: config.leftMargin
+      }
+    }
+  }
+  }
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
   }
@@ -26,6 +36,9 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.legendHide) {
     lineGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
   }
+  if (config.bottomAxisAngle) {
+    lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+  }
   if (config.legendLabels) {
     lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
   }

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

@@ -9,6 +9,10 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     }
     if (config.legendHide) {
       barGraph.config.main.legendAvailable = config.legendHide;
+      barGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+    }
+    if (config.bottomAxisAngle) {
+      barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
     barGraph.config.main.type = config.graphType;
     barGraph.config.main.header = config.heading;
@@ -21,6 +25,16 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.height) {
       barGraph.config.style.containerStyle.height = config.height;
     }
+    if (config.leftMargin) {
+      barGraph.config.style =
+    {
+      labelStyle: {
+        margin: {
+          left: config.leftMargin
+        }
+      }
+    }
+    }
     if (config.bottomLabel) {
       barGraph.config.main.bottomLabel = config.bottomLabel;
     }

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

@@ -38,11 +38,8 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
   }
-  if(config.disableGlobalSearch){
-    table.config.main.disableGlobalSearch = config.disableGlobalSearch === "YES" ? true : false
-  }
-  if(config.disableColumnFilter){
-    table.config.main.disableColumnFilter = config.disableColumnFilter === "YES" ? true : false
+  if(config.disableFilters){
+    table.config.main.disableFilters = config.disableFilters === "YES" ? true : false
   }
   if(config.disableSorting){
     table.config.main.disableSorting = config.disableSorting === "YES" ? true : false

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

@@ -45,12 +45,6 @@ export const buildTextArea = (config:any,componentScope:string) =>{
       if (config.placeholder) {
         textArea.config.main.placeholder = config.placeholder;
       }
-      if(config.enableCodeEditor){
-        textArea.config.main.enableCodeEditor = config.enableCodeEditor === "YES" ? true : false
-      }
-      if(config.codeEditorLanguage){
-        textArea.config.main.codeEditorLanguage = config.codeEditorLanguage;
-      }
       textArea.scope = componentScope;
     return textArea;
 }

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

@@ -172,7 +172,7 @@ export const buildWrapper = (label: string, elements: any[]) => {
         width: "108%"
       },
       componentsBoxStyle: {
-        marginLeft: "24px",
+        marginLeft: "12px",
       },
       defaultStyle: true
     },
@@ -206,8 +206,7 @@ export const getTextArea = (scope: string, heading: string, hideButton: boolean,
       main: {
         heading: heading,
         minRows: 8,
-        hideButton: hideButton,
-        enableCodeEditor: true
+        hideButton: hideButton
       },
     },
   }
@@ -325,9 +324,7 @@ export const buildPropertiesSection = function (type: String) {
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        getRadioInputField("enableCodeEditor", "Enable Code Editor",["YES", "NO"]),
-        getInputField("codeEditorLanguage", "Enter Code Language"),
-      ]
+        emptyBox("TextAreaEmpty1", {xs: 6, sm: 6, md: 4, lg: 4 }), emptyBox("TextAreaEmpty2", {xs: 0, sm: 0, md: 4, lg: 4 })]
       break;
 
     case "SpeedoMeter":
@@ -411,7 +408,9 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
-        emptyBox("GraphEmpty2"),
+        getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
+        getInputField("leftMargin", "Left Margin"),
+        emptyBox("GraphEmpty1", {xs: 0, sm: 0, md: 6, lg: 8 }),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color"),
       ];
@@ -440,8 +439,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("ColumnResizingAvailable", "ColumnResizing ", ["YES", "NO"]),
         getRadioInputField("DragAvailable", "Row Dragging", ["YES", "NO"]),
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
-        getRadioInputField("disableGlobalSearch", "Disable Global Search", ["YES", "NO"]),
-        getRadioInputField("disableColumnFilter", "Disable Column Filter", ["YES", "NO"]),
+        getRadioInputField("disableFilters", "Disable Filter", ["YES", "NO"]),
         getRadioInputField("disableSorting", "Disable Sorting", ["YES", "NO"]),
 
         getRadioInputField("disableEditColumn", "Disable Edit Column", ["YES", "NO"]),
@@ -451,6 +449,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
         getMultiSelectField("filteringOptions", "Filtering Options"),
+        emptyBox("LazyLoadingTableEmpty1", {xs: 6, sm: 0, md: 4, lg: 4 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),

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

@@ -15,7 +15,7 @@ export default  {
       styleDefault:false,
       icon:"",
       onClick: "onClick",
-      size: "small",
+      size: "medium",
     },
     style: {
     },

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

@@ -6,6 +6,7 @@ export const BarGraph = {
   },
 
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
     },
     style: { containerStyle: {} }
@@ -19,6 +20,7 @@ export const PieGraph = {
     widget: "Graph",
   },
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
       type: "PieGraph",
     },
@@ -32,7 +34,7 @@ export const LineGraph = {
     widget: "Graph",
   },
   config: {
-    layout: 12,
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
       type: "LineGraph",
       header: "Quartely Incentive in Thousand",
@@ -68,6 +70,7 @@ export const HorizontalBarGraph = {
     widget: "Graph",
   },
   config: {
+    layout: {xs :12,sm:12,md:12,lg:6},
     main: {
       type: "HorizontalBarGraph",
     },

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -130,13 +130,14 @@ export default (funcParams: funcParamsProps) => {
                   color: theme?.palette?.text.disabled || "#AFAFAF",
                   fontSize: '12px',
                   textAlign: 'center',
-                  lineHeight: 1,
+                  lineHeight: 2,
                   width: 'fit-content',
                   left: '50%',
                   position: 'relative',
                   margin: 0,
                   flexGrow: 1,
-                  height: 0
+                  height: 0,
+                  transform: "translate(-50%,0%)"
                 }
               },
             },