impaktapps-ui-builder 0.0.87 → 0.0.89-graphTest.1

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.87",
+    "version": "0.0.89-graphTest.1",
     "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;
     }

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

@@ -26,6 +26,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;

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
     },
@@ -408,7 +408,7 @@ 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"]),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color"),
       ];

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/events.ts

@@ -146,7 +146,7 @@ function executeCustomHandler(params: handlersProps) {
 }
 
 function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any, service: any, formDataHolder: any) {
-  if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
+  if (eventConfig.type === "Select"  && handlerResponse?.data) {
     store.setSchema((pre) => {
       return {
         ...pre, properties: {
@@ -158,7 +158,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
       }
     })
   }
-  else if (eventConfig.type === "MultipleSelect" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
+  else if (eventConfig.type === "MultipleSelect" && handlerResponse?.data) {
     store.setSchema((pre) => {
       return {
         ...pre, properties: {

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

@@ -93,7 +93,7 @@ export default (funcParams: funcParamsProps) => {
       const event = new CustomEvent('pageNameChanged', {
         detail: { pageName: config.label }
       });
-      window.dispatchEvent(event)
+      // window.dispatchEvent(event)
       const theme = funcParams?.store?.theme?.myTheme;
       uiSchema.elements.push(
 
@@ -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%)"
                 }
               },
             },
@@ -204,7 +205,6 @@ export default (funcParams: funcParamsProps) => {
         }
       );
       const schema = pageData?.schema ?? { type: "object", properties: {} };
-      eventGroups = {}
       eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {}, componentName: "",
@@ -220,7 +220,7 @@ export default (funcParams: funcParamsProps) => {
       funcParams.store.setSchema(
         (pre: any) => {
           return {
-            ...schema, properties:
+            ...schema,...pre, properties:
               { ...schema.properties, ...pre.properties, }
           }
         }