impaktapps-ui-builder 0.0.324 → 0.0.326

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

@@ -1,10 +1,11 @@
 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>;
     getSchema: () => any;
     saveHandler: () => Promise<void>;
+    submitPageHandler: () => Promise<void>;
     onChange: () => void;
     editComponents: () => Promise<void>;
     deleteComponents: () => Promise<void>;

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

@@ -1,4 +1,4 @@
-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>;
@@ -79,6 +79,7 @@ declare const _default: (store: any, dynamicData: any) => {
     onChange: () => void;
     saveHandler: () => Promise<void>;
     addEvent: () => Promise<void>;
+    submitPageHandler: () => Promise<void>;
     editEvent: () => Promise<void>;
     deleteEvent: () => Promise<void>;
     backHandler: () => void;

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

@@ -1,9 +1,12 @@
+export declare function submitPageHandlerProvider(store: any, service: any, submitHandler: any): {
+    submitPageHandler: () => Promise<void>;
+};
 interface funcParamsProps {
     store: any;
     dynamicData: any;
-    config: any;
     submitHandler: any;
     service: any;
+    config?: any;
 }
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.324",
+    "version": "0.0.326",
     "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

@@ -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,8 +240,8 @@ export const componentBasicUiSchema: any = {
         layout: {
           xs: 11,
           sm: 11,
-          md: 3,
-          lg: 3,
+          md: 2.5,
+          lg: 2.5,
         },
         main: {
           name: "Save",
@@ -258,6 +258,35 @@ export const componentBasicUiSchema: any = {
         },
       },
     },
+    {
+      type: "Control",
+      scope: "#/properties/btnSubmit",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: {
+          xs: 11,
+          sm: 11,
+          md: 2.5,
+          lg: 2.5,
+        },
+        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

@@ -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,8 +259,8 @@ export const EventUiSchema: any = {
         layout: {
           xs: 11,
           sm: 11,
-          md: 3,
-          lg: 3,
+          md: 2.5,
+          lg: 2.5,
         },
         main: {
           name: "Save",
@@ -277,6 +277,35 @@ export const EventUiSchema: any = {
         },
       },
     },
+    {
+      type: "Control",
+      scope: "#/properties/btnSubmit",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: {
+          xs: 11,
+          sm: 11,
+          md: 2.5,
+          lg: 2.5,
+        },
+        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/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 { submitPageHandlerProvider } 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: submitPageHandlerProvider(store, service, submitHandler).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  { submitPageHandlerProvider } 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: submitPageHandlerProvider(store, service, submitHandler).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

@@ -5,15 +5,39 @@ import Component from "./component";
 import { getFormdataFromLocalStorage, saveFormdataInLocalStorage } from "./saveHandler";
 import { schema } from "../build/buildUiSchema";
 
+export  function submitPageHandlerProvider(store, service, submitHandler) {
+  return {
+    submitPageHandler: async function () {
+      if (_.isEmpty(store.ctx.core.errors)) {
+        submitHandler(store, service)
+          .then((saveReturn: any) => {
+            localStorage.removeItem("pageFormdata")
+            store.navigate("/PageMasterRecords")
+            store.setNotify({
+              SuccessMessage: "Submit Successfully",
+              Success: true,
+            });
+          })
+      } else {
+        store.setValidation("ValidateAndShow");
+        store.setNotify({
+          Fail: true,
+          FailMessage: "Errors on Page"
+        })
+      }
+    }
+  }
+};
 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();
@@ -52,28 +76,9 @@ export default (funcParams: funcParamsProps) => {
         `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
       );
     },
-    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.setNotify({
-            SuccessMessage: "Submit Successfully",
-            Success: true,
-          });
-        })
-      } else {
-        funcParams.store.setValidation("ValidateAndShow");
-        funcParams.store.setNotify({
-          Fail:true,
-          FailMessage:"Errors on Page"
-        })
-      }
-    },
-    Edit_Components: Component(store, dynamicData).editComponents,
-    Delete_Components: Component(store, dynamicData).deleteComponents,
+    submitPageHandler: submitPageHandlerProvider(store, service, submitHandler).submitPageHandler,
+    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;
-}