impaktapps-ui-builder 0.0.324 → 0.0.325

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

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

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

@@ -1,7 +1,7 @@
-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>;
+    getFormData: any;
     getUiSchema: () => Promise<any>;
     getSchema: () => Promise<{
         type: string;
@@ -77,10 +77,11 @@ declare const _default: (store: any, dynamicData: any) => {
         required: string[];
     }>;
     onChange: () => void;
-    saveHandler: () => Promise<void>;
+    saveHandler: any;
     addEvent: () => Promise<void>;
+    submitPageHandler: any;
     editEvent: () => Promise<void>;
-    deleteEvent: () => Promise<void>;
+    deleteEvent: any;
     backHandler: () => void;
 };
 export default _default;

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

@@ -1,59 +1,9 @@
 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>;
-    getSchema: () => {
-        type: string;
-        properties: {
-            name: {
-                type: string;
-                minLength: number;
-            };
-            label: {
-                type: string;
-            };
-            layout: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        layout_key: {
-                            type: string;
-                        };
-                        layout_value: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            sectionLabels: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        label: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-        };
-        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>;
-};
+declare const _default: (funcParams: funcParamsProps) => any;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.324",
+    "version": "0.0.325",
     "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/buildUiSchema.ts

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

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

@@ -160,14 +160,6 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-    case "InputSlider":
-      uiSchema.elements = [
-        getInputField("max", "Max Limit"),
-        getInputField("step", "Step"),
-        getInputField("min", "Min Limit"),
-        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
-      ]
-      break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),

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

@@ -15,7 +15,6 @@ 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" },

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

@@ -258,6 +258,37 @@ export const componentBasicUiSchema: any = {
         },
       },
     },
+    ///////////////////////////////////
+    {
+      type: "Control",
+      scope: "#/properties/btnSubmit",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: {
+          xs: 11,
+          sm: 11,
+          md: 3,
+          lg: 3,
+        },
+        main: {
+          name: "Submit",
+          startIcon: "ApproveIcon",
+          variant: "contained",
+          color: "info",
+          type: "text",
+          onClick: "submitPageHandler",
+          size: "small",
+        },
+        style: {
+          marginBottom: "8px",
+          float: "right",
+        },
+      },
+    },
+    //////////////////////////////////
     {
       type: "Control",
       scope: "#/properties/notify",

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

@@ -248,9 +248,10 @@ export const EventUiSchema: any = {
         widget: "EmptyBox",
       },
     },
+    //////////////////////////////
     {
       type: "Control",
-      scope: "#/properties/btn",
+      scope: "#/properties/btnSubmit",
       options: {
         widget: "Button",
       },
@@ -263,12 +264,12 @@ export const EventUiSchema: any = {
           lg: 3,
         },
         main: {
-          name: "Save",
+          name: "Submit",
           startIcon: "ApproveIcon",
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "saveHandler",
+          onClick: "submitPageHandler",
           size: "small",
         },
         style: {
@@ -277,6 +278,7 @@ export const EventUiSchema: any = {
         },
       },
     },
+    ////////////////////////////////////
     {
       type: "Control",
       scope: "#/properties/notify",

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

@@ -9,6 +9,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 pageMaster from "./pageMaster";
 const sectionLabels = {
   Select: ["Core", "Properties","Value", "style", "Event","Validation"],
   MultipleSelect: ["Core", "Properties","Value", "style", "Event","Validation"],
@@ -33,9 +34,10 @@ 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"],
 }
 
+
+
 export const refreshPage = (type:string,store:any) => {
   const UiSchema = _.cloneDeep(componentBasicUiSchema)
   if(type){
@@ -57,7 +59,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();
@@ -93,6 +95,7 @@ export default (store: any, dynamicData: any) => {
         })
       }
     },
+    submitPageHandler: pageMaster({store,dynamicData,submitHandler,service}).submitPageHandler,
     onChange: function () {
       if (
         store?.formData?.type !== store?.newData?.type &&

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

@@ -3,13 +3,16 @@ import { EventUiSchema } from "../elements/UiSchema/event/uiSchema";
 import Component from "./component";
 import { saveFormdataInLocalStorage } from "./saveHandler";
 import { APISection } from "../build/uischema/apiSection";
+import pageMaster from "./pageMaster";
 import { getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
 import _ from "lodash";
 
 export default (
   store: any,
-  dynamicData: any
+  dynamicData: any,
+  submitHandler: any, 
+  service: any
 ) => {
   return {
     setPage: async function () {
@@ -48,7 +51,7 @@ export default (
       store.setUiSchema(uiSchema)
     },
 
-    getFormData: Component(store, dynamicData).getFormdata,
+    getFormData: Component(store, dynamicData,submitHandler,service).getFormdata,
     getUiSchema: async function () {
       return EventUiSchema;
     },
@@ -64,7 +67,7 @@ export default (
       }
     },
     
-    saveHandler: Component(store, dynamicData).saveHandler,
+    saveHandler: Component(store, dynamicData,submitHandler,service).saveHandler,
     addEvent: async function () {
       const path = store.searchParams?.get("path");
       if (!Array.isArray(store.formData.events)) {
@@ -76,6 +79,7 @@ export default (
       store.setSearchParams(store.searchParams)
       this.setPage()
     },
+    submitPageHandler: pageMaster({store,dynamicData,submitHandler,service}).submitPageHandler,
     editEvent: async function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
@@ -86,7 +90,7 @@ export default (
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData).deleteEvent,
+    deleteEvent: Component(store, dynamicData,submitHandler,service).deleteEvent,
     backHandler: function () {
       store.navigate(-1)
     },

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

@@ -8,12 +8,13 @@ import { schema } from "../build/buildUiSchema";
 interface funcParamsProps {
   store: any,
   dynamicData: any,
-  config: any,
+
   submitHandler: any,
   service: any
+  config?: any,
 }
 export default (funcParams: funcParamsProps) => {
-  const { store, dynamicData, config, submitHandler } = funcParams
+  const { store, dynamicData, config, submitHandler,service } = funcParams
   return {
     setPage: async function () {
       const formdata = await this.getFormdata();
@@ -53,12 +54,11 @@ export default (funcParams: funcParamsProps) => {
       );
     },
     submitPageHandler: async function () {
-      console.log()
       if (_.isEmpty(funcParams.store.ctx.core.errors)) {
         submitHandler(store, funcParams.service)
         .then((saveReturn: any) => {
           localStorage.removeItem("pageFormdata")
-          store.navigate(-1)
+          store.navigate("/PageMasterRecords")
           store.setNotify({
             SuccessMessage: "Submit Successfully",
             Success: true,
@@ -72,8 +72,8 @@ export default (funcParams: funcParamsProps) => {
         })
       }
     },
-    Edit_Components: Component(store, dynamicData).editComponents,
-    Delete_Components: Component(store, dynamicData).deleteComponents,
+    Edit_Components: Component(store, dynamicData,submitHandler,service).editComponents,
+    Delete_Components: Component(store, dynamicData,submitHandler,service).deleteComponents,
     eventAddHandler: async function () {
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {

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

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

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

@@ -1,46 +0,0 @@
-
-import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
-const InputSlider = {
-    type: "Control",
-    scope: "#/properties/inputSlider",
-    options: {
-        widget: "InputSlider",
-    },
-
-    config: {
-        layout: 12,
-        main: {
-            limitToMax: false,
-            max: 10000,
-            step: 1000,
-            min: 0,
-            label: "Slider"
-        },
-       
-    },
-};
-export const buildInputSlider = (config, componentScope) => {
-    const inputSlider: any = _.cloneDeep(InputSlider);
-    inputSlider.scope = componentScope;
-    inputSlider.config.main.label = config.label
-    if (config.layout) {
-        inputSlider.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.limitToMax) {
-        inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
-    }
-    if (config.max) {
-        inputSlider.config.main.max = config.max
-    }
-    if (config.step) {
-        inputSlider.config.main.step = config.step;
-    }
-    if (config.min) {
-        inputSlider.config.main.min = config.min;
-    }
-    if (config.style) {
-        inputSlider.config.main.defaultStyle = JSON.parse(config.style)
-    }
-    return inputSlider;
-}