impaktapps-ui-builder 0.0.592-alpha.1 → 0.0.592-alpha.11

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

@@ -46,7 +46,6 @@ export declare const LineGraph: {
             hideBottomAxisLine: boolean;
             legend: {
                 labelColor: string;
-                legendTitle: string;
                 direction: string;
                 align: string;
                 colorRectWidth: number;

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

@@ -1,10 +1,10 @@
-declare const clearFromLocalStorage: () => void;
-export default clearFromLocalStorage;
+declare const clearFromSessionStorage: () => void;
+export default clearFromSessionStorage;
 export declare const getNavigationHistory: (config: any, path: string | undefined) => {
     pageName: string;
 };
-export declare const saveFormdataInLocalStorage: (formData: any, path?: string) => any;
-export declare const getFormdataFromLocalStorage: (path?: string) => any;
+export declare const saveFormdataInSessionStorage: (formData: any, path?: string) => any;
+export declare const getFormdataFromSessionStorage: (path?: string) => any;
 export declare function saveHandler(store: any, service: any, submitHandler: any, pageName?: string): Promise<void>;
 export declare const navigateHandler: (store: any, isSubmitted: any, pageName?: string | boolean) => void;
 export declare function okHandler(store: any): void;

package/dist/src/impaktapps-ui-builder/lib/index.d.ts

@@ -6,4 +6,4 @@ export { schema } from "../builder/build/buildUiSchema";
 export { default as buildConfig } from "../builder/build/buildConfig";
 export { default as buildUiSchema } from "../builder/build/buildUiSchema";
 export { buildSchema } from "../builder/build/buildUiSchema";
-export { default as clearFromLocalStorage } from "../builder/services/utils";
+export { default as clearFromSessionStorage } from "../builder/services/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.592-alpha.1",
+    "version": "0.0.592-alpha.11",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -9,11 +9,15 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.layout) {
       horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
     }
+    horizontalBarGraph.config.main.type = config.graphType;
     horizontalBarGraph.scope = componentScope;
     horizontalBarGraph.config.main.header = config.heading;
     if (config.barColor) {
       horizontalBarGraph.config.barStyle.color = config.barColor;
     }
+    if (config.xAxisValue) {
+      horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
+    }
     if (config.containerBackground) {
       horizontalBarGraph.config.containerStyle.background =
         config.containerBackground;

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

@@ -24,7 +24,9 @@ export const buildPieGraph = (config, componentScope) => {
   if (config.legendLabels) {
     pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
   }
-
+  if (config.xAxisValue) {
+    pieGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.pieArcColors) {
     pieGraph.config.style = {
       pieStyle: {

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

@@ -25,7 +25,7 @@ export const buildSchema = (config: any) => {
        
     }
     buildRule(config)
-    window.localStorage.setItem("schemaDemo",JSON.stringify(schema))
+    window.sessionStorage.setItem("schemaDemo",JSON.stringify(schema))
     return schema;
 };
 export default buildSchema;

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

@@ -15,6 +15,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.barColor) {
       barGraph.config.barStyle.color = config.barColor;
     }
+    if (config.xAxisValue) {
+      barGraph.config.main.xAxisValue = config.xAxisValue;
+    }
     if (config.height) {
       barGraph.config.style.containerStyle.height = config.height;
     }

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

@@ -264,6 +264,7 @@ const buildUiSchema = (config: any, store?: any) => {
           elements = buildPieGraph(config, componentScope);
           break;
         case "HorizontalBarGraph":
+        case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
       }

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

@@ -342,6 +342,14 @@ export const buildPropertiesSection = function (type: String) {
       getInputField("iconName", "Icon Name")];
       break;
     case "ProgressBar":
+      uiSchema.elements = [
+        getInputField("heading", "Heading"),
+        getInputField("bottomLabel_1", "First BottomLabel"),
+        getInputField("bottomLabel_2", "Second BottomLabel"),
+        getInputField("bottomLabel_3", "Third BottomLabel"),
+        emptyBox("ProgressBarCardEmpty1"), emptyBox("ProgressBarCardEmpty2")
+      ];
+      break;
     case "ProgressBarCard":
       uiSchema.elements = [
         getInputField("heading", "Heading"),
@@ -382,6 +390,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Line Graph", value: "LineGraph" },
           { label: "Pie Graph", value: "PieGraph" },
           { label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
+          { label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" }
         ]),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),

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

@@ -47,7 +47,6 @@ export const LineGraph = {
       hideBottomAxisLine: false,
       legend: {
         labelColor: "green",
-        legendTitle: "Our Assests",
         direction: "row",
         align: "right",
         colorRectWidth: 20,

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

@@ -273,6 +273,7 @@ export const ComponentSchema: any = {
         { title: "Line Graph", const: "LineGraph" },
         { title: "Pie Graph", const: "PieGraph" },
         { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
+        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
       ]
     },
     iconName: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -8,7 +8,7 @@ import { StyleSection } from "../build/uischema/styleSection";
 import { TableSection } from "../build/uischema/tableSection";
 import { ValueTab } from "../build/uischema/valueTab";
 import { ValidationSection } from "../build/uischema/validationSections";
-import { getFormdataFromLocalStorage, okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { getFormdataFromSessionStorage, okHandler, saveFormdataInSessionStorage, saveHandler } from "./utils";
 const sectionLabels = {
   Select: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
   MultipleSelect: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
@@ -76,7 +76,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     refreshPage: refreshPage,
     getFormdata: function () {
       const path = store.searchParams?.get("path");
-      return getFormdataFromLocalStorage(path)
+      return getFormdataFromSessionStorage(path)
     },
     getSchema: function () {
       return ComponentSchema;
@@ -95,7 +95,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       if (path) {
         const path = store.searchParams?.get("path");
         const finalPath = `${path}.elements[${rowId}]`
@@ -108,33 +108,33 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     deleteComponents: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = localStorage.getItem('rowId');
+      const rowId = sessionStorage.getItem('rowId');
       store.formData.elements.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
       if (shouldUpdateDialog) {
         store.updateDialog("popUpComponentSection");
       }
-      localStorage.removeItem('rowId');
+      sessionStorage.removeItem('rowId');
     },
     deleteEvent: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = localStorage.getItem('rowId');
+      const rowId = sessionStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data, path)
       store.setFormdata(_.get(response, path));
       if (shouldUpdateDialog) {
         store.updateDialog("popUpEventSection")
       }
-      localStorage.removeItem('rowId');
+      sessionStorage.removeItem('rowId');
     },
     widgetAddClickHandler: function () {
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.elements[${store.formData.elements.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
@@ -145,7 +145,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
@@ -155,7 +155,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
@@ -164,20 +164,13 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     deletePopUpComponent: function () {
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId', rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId', rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEventSection");
     },
   }
-};
-
-
-
-
-
-
-
+};

package/src/impaktapps-ui-builder/builder/services/event.ts

@@ -1,7 +1,7 @@
 import { EventSchema } from "../elements/UiSchema/event/schema";
 import { EventUiSchema } from "../elements/UiSchema/event/uiSchema";
 import Component from "./component";
-import { okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { okHandler, saveFormdataInSessionStorage, saveHandler } from "./utils";
 import { APISection } from "../build/uischema/apiSection";
 import { getRadioInputField, getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
@@ -111,7 +111,7 @@ export default (
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${store.formData?.events?.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
@@ -120,7 +120,7 @@ export default (
     editEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${rowId}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
@@ -136,7 +136,7 @@ export default (
     },
     deletePopUpEvent: function(){
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEvent");
     }
   }

package/src/impaktapps-ui-builder/builder/services/pageMaster.ts

@@ -2,7 +2,7 @@ import { PageMasterSchema } from "../elements/UiSchema/PageMaster/schema";
 import { PageMasterUiSchema } from "../elements/UiSchema/PageMaster/uiSchema";
 import _ from "lodash";
 import Component from "./component";
-import { getFormdataFromLocalStorage, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { getFormdataFromSessionStorage, saveFormdataInSessionStorage, saveHandler } from "./utils";
 
 
 interface funcParamsProps {
@@ -26,11 +26,11 @@ export default (funcParams: funcParamsProps) => {
     getFormdata: async function () {
       const id = store.searchParams?.get("id");
       const config: any = await funcParams.pageConfigProvider(id)
-      const formData = getFormdataFromLocalStorage()
+      const formData = getFormdataFromSessionStorage()
       if (formData) {
         return formData;
       }
-      saveFormdataInLocalStorage(config)
+      saveFormdataInSessionStorage(config)
       return config
     },
     getUiSchema: function () {
@@ -40,7 +40,7 @@ export default (funcParams: funcParamsProps) => {
       return PageMasterSchema;
     },
     backHandler: () => {
-      localStorage.removeItem("pageFormdata")
+      sessionStorage.removeItem("pageFormdata")
       store.navigate("/PageMasterRecords");
     },
     onAddClickHandler: function () {
@@ -48,7 +48,7 @@ export default (funcParams: funcParamsProps) => {
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
-      const response = saveFormdataInLocalStorage(store.ctx.core.data)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data)
       if (id) {
         store.navigate(
           `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
@@ -72,33 +72,33 @@ export default (funcParams: funcParamsProps) => {
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data)
+      saveFormdataInSessionStorage(store.ctx.core.data)
       const finalPath = `events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     editEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data)
+      saveFormdataInSessionStorage(store.ctx.core.data)
       const finalPath = `events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     deleteEvent: function () {
-      const rowId = localStorage.getItem('rowId');
+      const rowId = sessionStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data)
       store.setFormdata(response);
       store.updateDialog("popUpPageMasterEvent");
-      localStorage.removeItem('rowId');
+      sessionStorage.removeItem('rowId');
     },
     deletePopUpComponent: function(){
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpPageMasterComponent");
     },
     deletePopUpEvent: function(){
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpPageMasterEvent");
     },
   }

package/src/impaktapps-ui-builder/builder/services/utils.ts

@@ -1,10 +1,10 @@
 import buildConfig from "../build/buildConfig";
 import _ from "lodash";
 
-const clearFromLocalStorage = () => {
-    localStorage.removeItem("pageFormdata")
+const clearFromSessionStorage = () => {
+    sessionStorage.removeItem("pageFormdata")
 }
-export default clearFromLocalStorage;
+export default clearFromSessionStorage;
 export const getNavigationHistory = (config: any, path: string | undefined) => {
     if (path) {
         let urlRoutes: string = config.name;
@@ -31,20 +31,20 @@ export const getNavigationHistory = (config: any, path: string | undefined) => {
     return undefined;
 }
 
-export const saveFormdataInLocalStorage = (formData: any, path?: string) => {
+export const saveFormdataInSessionStorage = (formData: any, path?: string) => {
     let updatedFormdata: any;
     if (path) {
-        const pageFormdata = getFormdataFromLocalStorage()
+        const pageFormdata = getFormdataFromSessionStorage()
         updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
     } else {
         updatedFormdata = buildConfig(formData)
     }
-    localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata))
+    sessionStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata))
     return updatedFormdata;
 }
 
-export const getFormdataFromLocalStorage = (path?: string) => {
-    const pageFormdata = localStorage.getItem("pageFormdata") ? JSON.parse(localStorage.getItem("pageFormdata")) : undefined;
+export const getFormdataFromSessionStorage = (path?: string) => {
+    const pageFormdata = sessionStorage.getItem("pageFormdata") ? JSON.parse(sessionStorage.getItem("pageFormdata")) : undefined;
     let returnValue: any;
     if (path) {
         returnValue = _.get(pageFormdata, path)
@@ -60,8 +60,8 @@ export const getFormdataFromLocalStorage = (path?: string) => {
 export async function saveHandler(store, service, submitHandler, pageName?: string) {
     const id = store.searchParams?.get("id");
     const path = store.searchParams?.get("path");
-    saveFormdataInLocalStorage(store.ctx.core.data, path);
-    const config = JSON.parse(localStorage.getItem("pageFormdata"));
+    saveFormdataInSessionStorage(store.ctx.core.data, path);
+    const config = JSON.parse(sessionStorage.getItem("pageFormdata"));
     if (_.isEmpty(store.ctx.core.errors)) {
         try {
             const saveReturn = await submitHandler(store, service, config);
@@ -74,7 +74,7 @@ export async function saveHandler(store, service, submitHandler, pageName?: stri
 
 export const navigateHandler = (store, isSubmitted, pageName?: string | boolean) => {
     if (isSubmitted) {
-        localStorage.removeItem("pageFormdata");
+        sessionStorage.removeItem("pageFormdata");
         store.navigate(pageName || -1)
         store.setNotify({
             SuccessMessage: "Submit Successfully",
@@ -92,7 +92,7 @@ export const navigateHandler = (store, isSubmitted, pageName?: string | boolean)
 export function okHandler(store) {
     const path = store.searchParams?.get("path");
     if (_.isEmpty(store.ctx.core.errors)) {
-        saveFormdataInLocalStorage(store.ctx.core.data, path)
+        saveFormdataInSessionStorage(store.ctx.core.data, path)
         store.navigate(-1)
         store.setNotify({
             SuccessMessage: "Save Successfully",

package/src/impaktapps-ui-builder/lib/index.ts

@@ -7,4 +7,4 @@ export { schema} from "../builder/build/buildUiSchema"
 export {default as buildConfig} from "../builder/build/buildConfig"
 export  {default as buildUiSchema} from "../builder/build/buildUiSchema"
 export  {buildSchema} from "../builder/build/buildUiSchema"
-export {default as clearFromLocalStorage} from "../builder/services/utils"
+export {default as clearFromSessionStorage} from "../builder/services/utils"

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

@@ -207,7 +207,7 @@ const buildBodyFormat = (body: any[], formData: any, userValue: any, store: any)
       }
       else if (elem?.value?.startsWith("$local")) {
         const finalpath = elem.value.substring(7);
-        const value = JSON.parse(localStorage.getItem(finalpath) || '""')
+        const value = JSON.parse(sessionStorage.getItem(finalpath) || '""')
         finalBody[elem.key] = value;
       }
       else if (elem?.value?.startsWith("$")) {

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

@@ -12,7 +12,7 @@ const notifyUiSchema = {
   },
   layout: 6,
 };
-let formDataHolder = {}
+
 interface funcParamsProps {
   store: any,
   dynamicData: any,
@@ -62,6 +62,7 @@ export const extractEvents = (eventConfig: any) => {
 };
 export default (funcParams: funcParamsProps) => {
   eventGroups = {}
+  const formDataHolder = {}
   if (pageData) {
     if ((!isEmpty(pageData)) && typeof pageData === "object") {
       eventGroups = extractEvents(pageData?.config)
@@ -77,12 +78,12 @@ export default (funcParams: funcParamsProps) => {
     setPage: async function () {
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
-      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData")
+      const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData")
       if (pageBasicDetailString) {
         pageData = JSON.parse(pageBasicDetailString)
       } else {
         pageData = await funcParams.pageDataProvider();
-        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+        sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
           schema: pageData?.schema,
           uiSchema: pageData?.uiSchema, config: pageData?.config
         }))