impaktapps-ui-builder 0.0.352 → 0.0.353

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

@@ -0,0 +1 @@
+export declare const buildPopUp: (config: any, componentScope: any) => any;

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

@@ -0,0 +1 @@
+export declare const buildStepper: (config: any, componentScope: any) => any;

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

@@ -1,17 +1,18 @@
 export declare const refreshPage: (type: string, store: any) => void;
-declare const _default: (store: any, dynamicData: any) => {
+declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
     setPage: () => Promise<void>;
     refreshPage: (type: string, store: any) => void;
-    getFormdata: () => Promise<any>;
+    getFormdata: () => any;
     getSchema: () => any;
+    okHandler: () => void;
     saveHandler: () => Promise<void>;
     onChange: () => void;
-    editComponents: () => Promise<void>;
-    deleteComponents: () => Promise<void>;
-    deleteEvent: () => Promise<void>;
-    widgetAddClickHandler: () => Promise<void>;
-    eventEditHandler: () => Promise<void>;
-    eventAddHandler: () => Promise<void>;
+    editComponents: () => void;
+    deleteComponents: () => void;
+    deleteEvent: () => void;
+    widgetAddClickHandler: () => void;
+    eventEditHandler: () => void;
+    eventAddHandler: () => void;
     backHandler: () => void;
 };
 export default _default;

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

@@ -1,9 +1,9 @@
-declare const _default: (store: any, dynamicData: any) => {
+declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
     setPage: () => Promise<void>;
     refreshPage: (handlerType: any, store: any) => void;
-    getFormData: () => Promise<any>;
-    getUiSchema: () => Promise<any>;
-    getSchema: () => Promise<{
+    getFormData: () => any;
+    getUiSchema: () => any;
+    getSchema: () => {
         type: string;
         properties: {
             headers: {
@@ -75,12 +75,13 @@ declare const _default: (store: any, dynamicData: any) => {
             };
         };
         required: string[];
-    }>;
-    onChange: () => void;
+    };
+    okHandler: () => void;
     saveHandler: () => Promise<void>;
-    addEvent: () => Promise<void>;
-    editEvent: () => Promise<void>;
-    deleteEvent: () => Promise<void>;
+    onChange: () => void;
+    addEvent: () => void;
+    editEvent: () => void;
+    deleteEvent: () => void;
     backHandler: () => void;
 };
 export default _default;

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

@@ -1,14 +1,14 @@
 interface funcParamsProps {
     store: any;
     dynamicData: any;
-    config: any;
     submitHandler: any;
     service: any;
+    config?: any;
 }
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    getFormdata: () => Promise<any>;
-    getUiSchema: () => Promise<any>;
+    getFormdata: () => any;
+    getUiSchema: () => any;
     getSchema: () => {
         type: string;
         properties: {
@@ -48,12 +48,12 @@ declare const _default: (funcParams: funcParamsProps) => {
         required: string[];
     };
     backHandler: () => void;
-    onAddClickHandler: () => Promise<void>;
-    submitPageHandler: () => Promise<void>;
-    Edit_Components: () => Promise<void>;
-    Delete_Components: () => Promise<void>;
-    eventAddHandler: () => Promise<void>;
-    editEvent: () => Promise<void>;
-    deleteEvent: () => Promise<void>;
+    onAddClickHandler: () => void;
+    saveHandler: () => Promise<void>;
+    Edit_Components: () => void;
+    Delete_Components: () => void;
+    eventAddHandler: () => void;
+    editEvent: () => void;
+    deleteEvent: () => void;
 };
 export default _default;

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

@@ -0,0 +1,10 @@
+declare const clearFromLocalStorage: () => void;
+export default clearFromLocalStorage;
+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 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 clearPreviousCache } from "../builder/services/clearLocalStorage";
+export { default as clearFromLocalStorage } from "../builder/services/utils";

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

@@ -17,6 +17,10 @@ declare const _default: (funcParams: funcParamsProps) => {
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;
     updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
+    StepperBackHandler: (param: any) => Promise<void>;
+    StepperSkipHandler: (param: any) => Promise<void>;
+    StepperNextHandler: (param: any) => Promise<void>;
+    callHandler: (eventType: string) => Promise<void>;
     downloadFile: (obj: any) => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.352",
+    "version": "0.0.353",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",
@@ -13,6 +13,7 @@
         "@vitejs/plugin-react": "^1.1.4",
         "acorn-jsx": "^5.3.2",
         "babel-loader": "^8.2.3",
+        "lodash": "^4.17.21",
         "react": "^18.2.0",
         "react-ace": "^10.1.0",
         "react-dom": "^18.2.0",

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

@@ -13,7 +13,7 @@ const FileInput = {
         required: false,
         onUpload: "onFileUpload",
         onDownload:"onFileDownload",
-        label:"label"
+        label:"Aggrement Copy"
         // iconStyleDefault:true,
       },
       style: {

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

@@ -0,0 +1,43 @@
+import { createLayoutFormat } from "./buildConfig";
+import WrapperSection from "./uischema/wrapperSection";
+import _ from "lodash";
+
+const PopUP =  {
+    type: "Control",
+    scope: "#/properties/text",
+    options: {
+      widget: "PopUp",
+    },
+    config: {
+      layout: {
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: 12,
+      },
+      main: {
+        label: "PopUp",
+        fullScreen:false,
+        fullWidth:false,
+        maxWidth:false,
+        alignItems:false,
+        spacing:2
+      },
+      style:{}
+    },
+  }
+export const buildPopUp = (config,componentScope) =>{
+    const popup: any = _.cloneDeep(PopUP);
+    popup.scope = componentScope;
+    popup.config.main.label = config.label;
+    popup.config.main.fullScreen = config.fullScreen === "YES" ? true : false;
+    popup.config.main.fullWidth = config.fullWidth === "YES" ? true : false;
+    popup.config.main.maxWidth = config.maxWidth||false;
+    if (config.layout) {
+      popup.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.style) {
+      PopUP.config.style = JSON.parse(config.style)
+  }
+    return popup;
+}

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

@@ -0,0 +1,49 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+const Stepper =
+
+{
+    type: "Control",
+    scope: "#/properties/Stepper",
+    options: {
+        widget: "Stepper",
+    },
+
+    config: {
+        main: {
+            label: ["First", "Second", "Third"],
+            stepsSkip: { 0: "false", 1: "false" },
+            resetButton: false,
+            resetText: "RESETdaad",
+            orientation: "vertical"
+        },
+    },
+    "elements":
+        [],
+};
+
+export const buildStepper = (config, componentScope) => {
+    const stepper: any = _.cloneDeep(Stepper);
+    stepper.scope = componentScope;
+    stepper.config.main.complete = config.fullScreen === "YES" ? true : false;
+    stepper.config.main.resetButton = config.fullWidth === "YES" ? true : false;
+    stepper.config.main.resetText = config.resetText || "ResetData";
+    stepper.config.main.completeText = config.completeText || "CompleteText";
+    stepper.config.main.orientation = config.orientation || "horizontal";
+    if (config.sectionLabels) {
+        stepper.config.main.tabLabels = config.sectionLabels.map((e,i:number) =>{ 
+            return {label:e.label,id:i}});
+    }
+    if (config.skipAvailable) {
+        stepper.config.main.tabLabels = config.skipAvailable.map((e,i:number) =>{ 
+            return {[e.skipId]:true}});
+    }
+    if (config.layout) {
+        stepper.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.style) {
+        stepper.config.style = JSON.parse(config.style)
+    }
+    return stepper;
+}

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

@@ -34,7 +34,8 @@ import { buildEmptyBox } from "./buildEmptyBox";
 import { buildArray } from "./buildArray";
 import { buildAdhaarField, buildPanField } from "./buildAadharCard";
 import { buildFileInput } from "./buildFileInput";
-import { buildInputSlider } from "./buildInputSlider";
+import { buildStepper } from "./buildStepper";
+import { buildPopUp } from "./buildPop";
 export let schema = {
   type: "object",
   properties: {},
@@ -165,8 +166,11 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
-    case "InputSlider":
-      elements = buildInputSlider(config, componentScope);
+    case "Stepper":
+      elements = buildStepper(config, componentScope);
+      break;
+    case "PopUp":
+      elements = buildPopUp(config, componentScope);
       break;
     case "FileInput":
       elements = buildFileInput(config, componentScope);

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

@@ -160,12 +160,27 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-    case "InputSlider":
+    case "Stepper":
       uiSchema.elements = [
-        getInputField("max", "Max Limit"),
-        getInputField("step", "Step"),
-        getInputField("min", "Min Limit"),
-        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
+        getRadioInputField("complete", "Complete Needed", ["YES", "NO"]),
+        getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
+        getInputField("resetText", "Reset Text"),
+        getInputField("completeText", "Complete Text"),
+        getSelectField("orientation", "Orientation Type", [
+          { label: "Horizontal", value: "horizontal" },
+          { label: "Vertical", value: "vertical" },
+        ]),
+        getArrayControl("sectionLabels", "label"),
+        getArrayControl("skipAvailable", "skipId"),
+        EmptyBox
+      ]
+      break;
+    case "PopUp":
+      uiSchema.elements = [
+        getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
+        getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
+        getInputField("maxWidth", "Max. Width"),
+        EmptyBox
       ]
       break;
     case "Text":

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

@@ -15,16 +15,17 @@ export const ComponentSchema: any = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
-        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
         { title: "PanCardText", const: "PanCardText" },
+        { title: "Popup Container", const: "PopUp" },
         { title: "ProgressBar", const: "ProgressBar" },
         { title: "ProgressBar Card", const: "ProgressBarCard" },
         { title: "Select", const: "Select" },
         { title: "Slider", const: "Slider" },
         { title: "SpeedoMeter", const: "SpeedoMeter" },
+        { title: "Stepper Container", const: "Stepper" },
         { title: "Radio", const: "Radio" },
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
@@ -123,6 +124,18 @@ export const ComponentSchema: any = {
         },
       },
     },
+    skipAvailable: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          skipId: {
+            type: "string",
+          },
+
+        },
+      },
+    },
     Table_Download_Keys_Name: {
       type: "array",
       items: {

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

@@ -223,7 +223,7 @@ export const componentBasicUiSchema: any = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 11, sm: 11, md: 8, lg: 8 },
+        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
       },
       options: {
         widget: "EmptyBox",
@@ -240,11 +240,40 @@ export const componentBasicUiSchema: any = {
         layout: {
           xs: 11,
           sm: 11,
-          md: 3,
-          lg: 3,
+          md: 2.5,
+          lg: 2.5,
         },
         main: {
-          name: "Save",
+          name: "Ok",
+          startIcon: "ApproveIcon",
+          variant: "contained",
+          color: "info",
+          type: "text",
+          onClick: "okHandler",
+          size: "small",
+        },
+        style: {
+          marginBottom: "8px",
+          float: "right",
+        },
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/btnSubmit",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: {
+          xs: 11,
+          sm: 11,
+          md: 2.5,
+          lg: 2.5,
+        },
+        main: {
+          name: "Save & Exit",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",

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

@@ -370,12 +370,12 @@ export const PageMasterUiSchema: any = {
       config: {
         layout: 11.7,
         main: {
-          name: "Submit Page",
+          name: "Save",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "submitPageHandler",
+          onClick: "saveHandler",
           size: "small",
         },
         style: {

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

@@ -39,12 +39,16 @@ export const EventSchema = {
       type: "string",
       oneOf: [
         { title: "Click Event", const: "onClick" },
-        { title: "onStart", const: "onStart" },
         { title: "Load Event", const: "onLoad" },
-        { title: "File Upload Event", const: "onUpload" },
-        { title: "File Download Event", const: "onDownload" },
         { title: "Change Event", const: "onChange" },
         { title: "Success", const: "Success" },
+        { title: "onStart", const: "onStart" },
+     
+        { title: "File Upload Event", const: "onUpload" },
+        { title: "Stepper Back Event", const: "onStepperBack" },
+        { title: "Stepper Next Event", const: "onStepperNext" },
+        { title: "Stepper Skip Event", const: "onStepperSkip" },
+        { title: "File Download Event", const: "onDownload" },
         { title: "Fail", const: "Fail" }
       ]
     },

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

@@ -242,7 +242,7 @@ export const EventUiSchema: any = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 11, sm: 11, md: 8, lg: 8 },
+        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
       },
       options: {
         widget: "EmptyBox",
@@ -259,11 +259,40 @@ export const EventUiSchema: any = {
         layout: {
           xs: 11,
           sm: 11,
-          md: 3,
-          lg: 3,
+          md: 2.5,
+          lg: 2.5,
         },
         main: {
-          name: "Save",
+          name: "Ok",
+          startIcon: "ApproveIcon",
+          variant: "contained",
+          color: "info",
+          type: "text",
+          onClick: "okHandler",
+          size: "small",
+        },
+        style: {
+          marginBottom: "8px",
+          float: "right",
+        },
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/btnSubmit",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: {
+          xs: 11,
+          sm: 11,
+          md: 2.5,
+          lg: 2.5,
+        },
+        main: {
+          name: "Save & Exit",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",

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

@@ -1,7 +1,6 @@
 import _ from "lodash";
 import { ComponentSchema } from "../elements/UiSchema/Component/schema"; 
 import { componentBasicUiSchema } from "../elements/UiSchema/Component/uiSchema";
-import { getFormdataFromLocalStorage, saveFormdataInLocalStorage } from "./saveHandler";
 import { CoreSection } from "../build/uischema/coreSection";
 import { EventSection } from "../build/uischema/eventSection";
 import { buildPropertiesSection } from "../build/uischema/buildPropertiesSection";
@@ -9,6 +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";
 const sectionLabels = {
   Select: ["Core", "Properties","Value", "style", "Event","Validation"],
   MultipleSelect: ["Core", "Properties","Value", "style", "Event","Validation"],
@@ -33,9 +33,12 @@ const sectionLabels = {
   Radio:["Core", "Properties", "style", "Event","Validation"],
   Text:["Core","Properties","style", "Event","Validation"],
   TextArea:["Core","Properties","style", "Event","Validation"],
-  InputSlider:["Core","Properties","style", "Event","Validation"],
+  PopUp: ["Core", "Components","Properties", "style"],
+  Stepper: ["Core", "Components","Properties","Event", "style"],
 }
 
+
+
 export const refreshPage = (type:string,store:any) => {
   const UiSchema = _.cloneDeep(componentBasicUiSchema)
   if(type){
@@ -57,7 +60,7 @@ export const refreshPage = (type:string,store:any) => {
 store.setUiSchema(UiSchema);
 }
 
-export default (store: any, dynamicData: any) => {
+export default (store: any, dynamicData: any, submitHandler: any, service: any) => {
   return {
     setPage: async function () {
       const formdata = await this.getFormdata();
@@ -68,31 +71,15 @@ export default (store: any, dynamicData: any) => {
     
     },
     refreshPage:refreshPage,
-    getFormdata: async function () {
+    getFormdata: function () {
       const path = store.searchParams?.get("path");
       return getFormdataFromLocalStorage(path) 
     },
     getSchema: function () {
       return ComponentSchema;
     },
-    saveHandler: async function () {
-      const path = store.searchParams?.get("path");
-      console.log(store.ctx.core.errors)
-      if (_.isEmpty(store.ctx.core.errors)) {
-        saveFormdataInLocalStorage(store.formData,path)
-          store.navigate(-1)
-          store.setNotify({
-            SuccessMessage: "Save Successfully",
-            Success: true,
-          });
-      } else {
-        store.setValidation("ValidateAndShow");
-         store.setNotify({
-          Fail:true,
-          FailMessage:"Errors on Page"
-        })
-      }
-    },
+    okHandler:()=>okHandler(store),
+    saveHandler: async ()=> await saveHandler(store,service,submitHandler,"PageMaster"),
     onChange: function () {
       if (
         store?.formData?.type !== store?.newData?.type &&
@@ -101,11 +88,11 @@ export default (store: any, dynamicData: any) => {
         this.refreshPage(store?.newData?.type,store);
       }
     },
-    editComponents: async function () {
+    editComponents: function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.formData, path)
+      saveFormdataInLocalStorage(store.ctx.core.data, path)
       if (path) {
         const path = store.searchParams?.get("path");
         const finalPath = `${path}.elements[${rowId}]`
@@ -116,48 +103,48 @@ export default (store: any, dynamicData: any) => {
         store.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`)
       }
     },
-    deleteComponents: async function () {
+    deleteComponents: function () {
       const path = store.searchParams?.get("path");
       const rowId = dynamicData.path.split(".")[1];
       store.formData.elements.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.formData, path)
+      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
     },
-    deleteEvent: async function () {
+    deleteEvent: function () {
       const path = store.searchParams?.get("path");
       const rowId = dynamicData.path.split(".")[1];
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.formData, path)
+      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       store.setFormdata(_.get(response, path));
     },
-    widgetAddClickHandler: async function () {
+    widgetAddClickHandler: function () {
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.formData, path)
+      saveFormdataInLocalStorage(store.ctx.core.data, path)
       const finalPath = `${path}.elements[${store.formData.elements.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
       this.setPage()
 
     },
-    eventEditHandler: async function () {
+    eventEditHandler: function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.formData, path)
+      saveFormdataInLocalStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
-    eventAddHandler: async function () {
+    eventAddHandler: function () {
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.formData, path)
+      saveFormdataInLocalStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },