impaktapps-ui-builder 1.0.280 → 1.0.300

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

@@ -0,0 +1,2 @@
+declare const buildStackBarLineGraph: (config: any, componentScope: string) => any;
+export default buildStackBarLineGraph;

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

@@ -13,6 +13,7 @@ declare const Box: {
         };
         main: {
             iconName: string;
+            onClick: string;
         };
         style: {};
     };

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

@@ -123,3 +123,28 @@ export declare const AreaBarGraph: {
         };
     };
 };
+export declare const StackBarLineG: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            type: string;
+            legendLabels: any;
+        };
+        style: {
+            containerStyle: {};
+            labelStyle: {
+                margin: {};
+            };
+        };
+    };
+};

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

@@ -3,9 +3,11 @@ declare const _default: {
     config: {
         layout: number;
         main: {
-            rowSpacing: number;
             divider: boolean;
             label: string;
+            rowSpacing: number;
+            columnSpacing: number;
+            spacing: number;
         };
         defaultStyle: boolean;
     };

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

@@ -21,7 +21,6 @@ declare const _default: (funcParams: funcParamsProps) => {
     backHandler: () => void;
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
-    onNodeExpandChange: (param: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => void;
     callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.280",
+    "version": "1.0.300",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -34,8 +34,8 @@ const buildAreaGraph = (config:any,componentScope:string) => {
     if(config.xAxisFormatType){
       AreaGraph.config.main.xAxisFormatType = config.xAxisFormatType
     }
-    if(config.xAxisTickCount){
-      AreaGraph.config.main.xAxisTickCount = config.xAxisTickCount
+    if(config.xAxisLabelMinWidth){
+      AreaGraph.config.main.xAxisLabelMinWidth = config.xAxisLabelMinWidth
     }
     if(config.yAxisTickCount){
       AreaGraph.config.main.yAxisTickCount = config.yAxisTickCount

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

@@ -15,19 +15,23 @@ export const buildArray = (config: any, componentScope: string) => {
     if (config.allExpanded) {
         array.config.main.allExpanded = config.allExpanded === "YES" ? true : false
     }
-    if(config.disableAddButton ){
-        array.config.main.disableAddButton  = config.disableAddButton  === "YES" ? true : false
+    if (config.disableAddButton) {
+        array.config.main.disableAddButton = config.disableAddButton === "YES" ? true : false
     }
-    if(config.disableExpandAllButton ){
-        array.config.main.disableExpandAllButton  = config.disableExpandAllButton  === "YES" ? true : false
+    if (config.disableExpandAllButton) {
+        array.config.main.disableExpandAllButton = config.disableExpandAllButton === "YES" ? true : false
     }
-    if(config.disableRowActions ){
-        array.config.main.disableRowActions  = config.disableRowActions  === "YES" ? true : false
+    if (config.disableRowActions) {
+        array.config.main.disableRowActions = config.disableRowActions === "YES" ? true : false
     }
     if (config.style) {
         array.config.style = JSON.parse(config.style)
     }
+    array.config.main.rowSpacing = Number(config.rowSpacing);
+    array.config.main.columnSpacing = Number(config.columnSpacing);
+    array.config.main.spacing = Number(config.spacing);
     array.config.main.childElementLabel = config.childElementLabel;
+    array.config.main.showKeyAsLabel = config.showKeyAsLabel;
     array.config.main.label = config.label;
     array.scope = componentScope;
     return array;

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

@@ -44,7 +44,7 @@ export const buildCamera = (config: any, componentScope: string) => {
         camera.config.main.color = config.color
     }
     if (config.label) {
-        camera.config.main.name = config.label;
+        camera.config.main.label = config.label;
     }
     return camera;
 }

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

@@ -14,6 +14,7 @@ const FileInput = {
       onUpload: "onFileUpload",
       onDownload: "onFileDownload",
       label: "Aggrement Copy",
+      "onClick": "onClick"
       // iconStyleDefault:true,
     },
     style: {
@@ -35,6 +36,7 @@ export const buildFileInput = (config, componentScope) => {
   box.config.main.disableUpload = config.disableUpload === "YES" ? true : false;
   box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
   box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
+  box.config.main.useLabel = config.useLabel === "YES" ? true : false;
   box.config.main.description = config.description;
   box.config.main.toolTip = config.toolTip;
   box.config.main.chooseButtonLabel = config.chooseButtonLabel;
@@ -42,5 +44,6 @@ export const buildFileInput = (config, componentScope) => {
   if (config.toolTipPosition) {
     box.config.main.toolTipPosition = config.toolTipPosition;
   }
+  box.config.main.externalUpload = config.externalUpload === "YES" ? true : false;
   return box;
 }

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

@@ -9,9 +9,10 @@ const imageUiSchema = {
     widget: "Image",
   },
   config: {
-  layout: 3,
+    layout: 3,
     main: {
       url: "",
+      onClick: "onClick",
     },
     style: {
     },
@@ -27,9 +28,11 @@ export const buildImage = (config, componentScope) => {
   }
   if (config.style) {
     image.config.style = JSON.parse(config.style);
-  }
+  } 
   if (config.height) {
-    image.config.style.imageStyle = {...image.config.style.imageStyle, height: config.height}
+    image.config.style.imageStyle = { ...image.config.style.imageStyle, height: config.height }
   }
+  image.config.main.toolTip = config.toolTip;
+  image.config.main.toolTipPosition = config.toolTipPosition;
   return image;
 };

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

@@ -0,0 +1,66 @@
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
+import { StackBarLineG } from "./uischema/graph";
+import _ from "lodash";
+
+
+const buildStackBarLineGraph = (config:any,componentScope:string) => {
+    const StackBarLineGraph: any = _.cloneDeep(StackBarLineG);
+    StackBarLineGraph.scope = componentScope;
+    if (config.layout) {
+      StackBarLineGraph.config.layout = createLayoutFormat(config.layout, config.type);
+    }
+    StackBarLineGraph.config.main.type = config.graphType;
+    StackBarLineGraph.scope = componentScope;
+    StackBarLineGraph.config.main.header = config.heading;
+    StackBarLineGraph.config.main.subHeader = config.subHeader;
+    if (config.legendHide) {
+      StackBarLineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+    }
+    if (config.bottomAxisAngle) {
+      StackBarLineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
+    if (config.legendLabels) {
+      StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
+    }
+    if(config.legendDirection){
+      StackBarLineGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
+    if (config.height) {
+      StackBarLineGraph.config.style.containerStyle.height = config.height;
+    }
+    if (config.pieArcColors) {
+      StackBarLineGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
+    }
+    if(config.xAxisLabelMinWidth){
+      StackBarLineGraph.config.main.xAxisLabelMinWidth = config.xAxisLabelMinWidth
+    }
+    if(config.yAxisTickCount){
+      StackBarLineGraph.config.main.yAxisTickCount = config.yAxisTickCount
+    }
+    if (config.xAxisValue) {
+      StackBarLineGraph.config.main.xAxisValue = config.xAxisValue;
+    }
+    if(config.xAxisType) {
+      StackBarLineGraph.config.main.xAxisType = config.xAxisType;
+    }
+    if (config.bottomLabel) {
+      StackBarLineGraph.config.main.bottomLabel = config.bottomLabel;
+    }
+    if (config.leftLabel) {
+      StackBarLineGraph.config.main.leftLabel = config.leftLabel;
+    }
+    if (config.rightLabel) {
+      StackBarLineGraph.config.main.rightLabel = config.rightLabel;
+    }
+    if (config.disableLeftLabel) {
+      StackBarLineGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
+    if (config.leftMargin) {
+      StackBarLineGraph.config.style.labelStyle.margin ={
+        left: config.leftMargin
+      }
+    }
+    return StackBarLineGraph
+}
+
+export default buildStackBarLineGraph;

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

@@ -42,11 +42,11 @@ import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
 import { buildHorizontalLayout } from "./buildHorizontalLayout";
 import { buildImage } from "./buildImage";
 import buildAreaGraph from "./buildAreaGraph";
+import buildStackBarLineGraph from "./buildStackBarLineGraph";
 import { buildCamera } from "./buildCamera";
 import { buildButtonGroup } from "./buildGroupButton";
 import { buildPopOver } from "./buildPopover";
 import { buildOTP_Input } from "./buildOTP_inputs";
-import { buildHierarchyChart } from "./buildHierarchyChart";
 export let schema = {
   type: "object",
   properties: {},
@@ -221,9 +221,6 @@ const buildUiSchema = (config: any, store?: any) => {
     case "MetricCard":
       elements = buildMetricCard(config, componentScope, store);
       break;
-    case "HierarchyChart":
-      elements = buildHierarchyChart(config, componentScope, store);
-      break;
     case "Graph":
       switch (config.graphType) {
         case "BarGraph":
@@ -243,6 +240,9 @@ const buildUiSchema = (config: any, store?: any) => {
         case "AreaGraph":
           elements = buildAreaGraph(config, componentScope);
           break;
+        case "StackBarLineGraph":
+          elements = buildStackBarLineGraph(config, componentScope);
+          break;
         default:
           elements = buildStackbarGraph(config, componentScope);
           break;

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

@@ -8,9 +8,13 @@ export const buildWrapperSection = (config, componentScope) => {
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
   wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
-  wrapper.config.main.defaultClosed = config.defaultClosed === "YES"?true:false;
-  if(config.defaultStyle){
-  wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
+  wrapper.config.main.defaultClosed = config.defaultClosed === "YES" ? true : false;
+  wrapper.config.main.icon = config.iconUrl;
+  wrapper.config.main.rowSpacing = Number(config.rowSpacing);
+  wrapper.config.main.columnSpacing = Number(config.columnSpacing);
+  wrapper.config.main.spacing = Number(config.spacing);
+  if (config.defaultStyle) {
+    wrapper.config.defaultStyle = config.defaultStyle === "YES" ? true : false;
   }
   if (config.style) {
     wrapper.config.style = JSON.parse(config.style)

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

@@ -8,7 +8,8 @@
    
     config: { layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
-        iconName: ""
+        iconName: "",
+        onClick: "onClick",
       },
       style:{
         // fontWeight:300

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

@@ -331,6 +331,10 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("disableExpandAllButton", "Disable Expand Buttons", ["YES", "NO"]),
         getRadioInputField("disableRowActions", "Disable Row Actions", ["YES", "NO"]),
         getInputField("childElementLabel", "Child Element Label"),
+        getInputField("showKeyAsLabel", "ShowKey As Label"),
+        getInputField("rowSpacing", "Row Spacing"),
+        getInputField("columnSpacing", "Column Spacing"),
+        getInputField("spacing", "Spacing"),
         emptyBox("empty1", { xs: 12, sm: 6, md: 4, lg: 3 }),
 
       ]
@@ -415,7 +419,7 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getInputField("width", "Width"),
         getInputField("gap", "Gap"),
-        emptyBox("PopUpEmpty",  { xs: 6, sm: 0, md: 8, lg: 6 })
+        emptyBox("PopUpEmpty", { xs: 6, sm: 0, md: 8, lg: 6 })
       ]
       break;
     case "Text":
@@ -502,22 +506,6 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
       ];
       break;
-    case "HierarchyChart":
-      uiSchema.elements = [
-        getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        getSelectField("linkType", "Link Type", [
-          { label: "Step", value: "step" },
-          { label: "Diagonal", value: "diagonal" },
-          { label: "Line", value: "line" },
-        ]),
-        getInputField("nodeWidth", "Node Width"),
-        getInputField("nodeHeight", "Node Height"),
-        getRadioInputField("isExpandAll", "Expand All", ["YES", "NO"]),
-        getInputField("chartHeight", "Chart Height"),
-        getInputField("stepPercent", "Link Bend Position"),
-        emptyBox("HierarchyChart", { xs: 6, sm: 6, md: 0, lg: 3 }),
-      ];
-      break;
     case "MetricCard":
       uiSchema.elements = [
         getInputField("url", "Image Url"),
@@ -529,7 +517,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Negative", value: "negative" }
         ]),
         getInputField("color", "Card Color"),
-        emptyBox("MetricEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
+        emptyBox("MetricEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 }),
       ];
       break;
     case "Button":
@@ -571,9 +559,11 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Pie Graph", value: "PieGraph" },
           { label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
           { label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" },
-          { label: "Area Graph", value: "AreaGraph" }
+          { label: "Area Graph", value: "AreaGraph" },
+          { label: "StackBar And Line Graph", value: "StackBarLineGraph" }
         ]),
         getInputField("leftLabel", "Left Label"),
+        getInputField("rightLabel", "Right Label"),
         getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
@@ -588,7 +578,7 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
-        getInputField("xAxisTickCount", "X Axis TickCount"),
+        getInputField("xAxisLabelMinWidth", "X Axis Label Width"),
         getInputField("yAxisTickCount", "Y Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type", [
           { label: "Date and Month", value: "Date and Month" },
@@ -603,9 +593,13 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
       getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
         , getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
-      getInputField("rowSpacing", "Row Spacing"),
+
       getRadioInputField("defaultClosed", "Default Closed", ["YES", "No"]),
-      emptyBox("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }), emptyBox("WrapperSectionEmpty2")
+      getInputField("rowSpacing", "Row Spacing"),
+      getInputField("columnSpacing", "Column Spacing"),
+      getInputField("spacing", "Spacing"),
+      getInputField("iconUrl", "Icon Url"),
+      emptyBox("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }), emptyBox("WrapperSectionEmpty2")
       ]
       break;
 
@@ -755,6 +749,13 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("imageUrl", "Image URL"),
         getInputField("height", "Image Height"),
+        getInputField("toolTip", "Tooltip"),
+        getSelectField("toolTipPosition", "Tooltip Position", [
+          { label: "Top", value: "top" },
+          { label: "Left", value: "left" },
+          { label: "Right", value: "right" },
+          { label: "Bottom", value: "bottom" }
+        ]),
         emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
       ]
       break;
@@ -774,7 +775,9 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getInputField("chooseButtonLabel", "ChooseButton Label"),
         getInputField("noFileAvailableMessage", "No Found Message"),
-        emptyBox("FileInputEmpty", { xs: 6, sm: 6, md: 4, lg: 3 })
+        getRadioInputField("useLabel", "Use Button", ["YES", "NO"]),
+        getRadioInputField("externalUpload", "External Upload", ["YES", "NO"]),
+        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
       ]
       break;
     case "Camera":

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

@@ -78,3 +78,19 @@ export const AreaBarGraph = {
   },
 };
 
+export const StackBarLineG = {
+  type: "Control",
+  scope: "#/properties/graph",
+  options: {
+    widget: "Graph",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+      type: "StackBarLineGraph",
+      legendLabels: null
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};
+

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

@@ -3,9 +3,11 @@ export default {
     config: {
       layout: 12,
       main: {
-        rowSpacing: 3,
         divider: true,
         label: "Default Label",
+        rowSpacing: 2,
+        columnSpacing:2,
+        spacing:2,
       },
       defaultStyle: true,
     },

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

@@ -40,7 +40,6 @@ export const ComponentSchema: any = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
-        { title: "Hierarchy Chart", const: "HierarchyChart" },
         { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
@@ -103,13 +102,6 @@ export const ComponentSchema: any = {
         { title: "Standard", const: "standard" },
       ],
     },
-    linkType:{
-      oneOf:[
-        { title: "Step", const: "step" },
-        { title: "Diagonal", const: "diagonal" },
-        { title: "Line", const: "line" },
-      ]
-    },
     positionVertical:{
       oneOf: [
         { title: "Top", const: "top" },
@@ -448,6 +440,7 @@ export const ComponentSchema: any = {
           const: "HorizontalStackBarGraph",
         },
         { title: "Area Graph", const: "AreaGraph" },
+        { title: "StackBar And Line Graph", const: "StackBarLineGraph" },
       ],
     },
     iconName: {

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -49,6 +49,23 @@ export const PageMasterUiSchema: any = (theme) => {
                 required: true,
               },
             },
+          },
+           {
+            type: "Control",
+            scope: "#/properties/pageIconUrl",
+
+            options: {
+              widget: "InputField",
+            },
+            config: {
+              layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+              main: {
+                label: "Page Icon URL",
+                options: [],
+                color: "secondary",
+                required: true,
+              },
+            },
           },
           {
             type: "Control",