impaktapps-ui-builder 0.0.382457 → 1.0.0

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

@@ -1,318 +0,0 @@
-import { getSelectField } from "../../../build/uischema/buildPropertiesSection"; 
-
-export const EventUiSchema: any = {
-  type: "HorizontalLayout",
-  elements: [
-    {
-      type: "WrapperLayout",
-      config: {
-        main: {
-          rowSpacing: 1,
-          header: true
-        },
-        defaultStyle: true
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/Component",
-
-          options: {
-            widget: "Box",
-          },
-          config: {
-            layout: {xs:12,sm:12,md:2},
-            main: {
-              heading: "Component",
-            },
-            style:{
-              "float":"left",
-            }
-          },
-        },
-       
-        {
-          type: "Control",
-          scope: "#/properties/pageName",
-         
-          options: {
-            widget: "Box",
-          },
-          config: {
-            layout: {xs:7,sm:7,md:9},
-            main: {
-              heading: " ",
-            },
-            style: {
-              float: "right",
-              width:"auto",
-              fontSize:"12px",
-              color:"gray",
-              paddingTop:"10px"
-            },
-          },
-        },
-      
-        {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-         
-          options: {
-            widget: "IconButton",
-          },
-          config: {
-            layout: {xs:2,sm:2,md:0.5},
-            main: {
-              icon: "BackIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "backHandler",
-              tooltipMessage: "Back",
-            },
-            style: {
-              float: "right",
-            },
-          },
-        },
-      ],
-    },
-    {
-      type: "TabLayout",
-      config: {
-        main: {
-          tabLabels: ["Core", "Response Event"],
-          defaultStyle: true,
-          id: "event"
-        },
-      },
-
-      elements: [
-        {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: `#/properties/eventType`,
-          
-              options: {
-                widget: "SelectInputField",
-              },
-              config: {
-                layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
-                main: {
-                  label: "Event Type",
-                  type: "text",                
-  
-                },
-              },
-            },
-            getSelectField("Handler", "Handler", [
-              { label: "Custom", value: "custom" },
-              { label: "Api", value: "api" },
-              { label: "Inbuilt Function", value: "inBuiltFunction" },
-              { label: "Refresh", value: "refresh" },
-            ]),
-          ],
-        },
-        {
-          type: "WrapperLayout",
-          config: {
-            main: {
-              // label: "Success Case Event",
-              divider: true,
-            },
-            wrapperStyle: {
-              border: "1px solid gray"
-            },
-          },
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/heading",
-    
-              options: {
-                widget: "Box",
-              },
-              config: {
-                layout: 8,
-                main: {
-                  heading: "Response Event",
-                },
-                style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft: "-10px",
-                  fontSize: "20px",
-                },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/AddButton",
-              options: {
-                widget: "IconButton",
-              },
-              config: {
-                layout: 3,
-                main: {
-                  icon: "AddIcon",
-                  styleDefault: true,
-                  size: "small",
-                  onClick: "addEvent",
-                  tooltipMessage: "Back",
-                },
-                style: {
-                  float: "right",
-                },
-              },
-            },
-    
-            {
-              type: "Control",
-              scope: "#/properties/events",
-              options: {
-                widget: "Table",
-              },
-              config: {
-                main: {
-                  disableAction: true,
-                  disableSelection: true,
-                  enableDrag: true,
-    
-                },
-              },
-              elements: [
-    
-                {
-                  accessorKey: "eventType",
-                  header: "Event Type",
-                },
-                {
-                  accessorKey: "Handler",
-                  header: "Handler",
-                },
-                {
-                  accessorKey: "Edit_Approve_Records",
-                  header: "Edit Widget",
-                  widget: {
-                    type: "Control",
-                    scope: "#/properties/Edit_Records",
-                    options: {
-                      widget: "IconButton",
-                    },
-                    config: {
-                      main: {
-                        color: "info",
-                        size: "small",
-                        icon: "EditIcon",
-                        tooltipMessage: "Edit This Record",
-                        onClick: "editEvent",
-                      },
-                      style: {
-                        color: "#3949ab",
-                      },
-                    },
-                  },
-                },
-                {
-                  accessorKey: "Reject_Records",
-                  header: "Delete",
-                  widget: {
-                    type: "Control",
-                    scope: "#/properties/RejectButton",
-                    options: {
-                      widget: "IconButton",
-                    },
-                    config: {
-                      main: {
-                        icon: "RejectIcon",
-                        color: "error",
-                        tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent",
-                      },
-                    },
-                  },
-                },
-              ]
-            }]
-        }
-      ],
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc",
-      config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button",
-      },
-
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5,
-        },
-        main: {
-          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",
-          type: "text",
-          onClick: "saveHandler",
-          size: "small",
-        },
-        style: {
-          marginBottom: "8px",
-          float: "right",
-        },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/notify",
-      options: {
-        widget: "Notify",
-      },
-      layout: 6,
-    }
-  ],
-};

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

@@ -1,163 +0,0 @@
-import _ from "lodash";
-import { ComponentSchema } from "../elements/UiSchema/Component/schema"; 
-import { componentBasicUiSchema } from "../elements/UiSchema/Component/uiSchema";
-import { CoreSection } from "../build/uischema/coreSection";
-import { EventSection } from "../build/uischema/eventSection";
-import { buildPropertiesSection } from "../build/uischema/buildPropertiesSection";
-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"],
-  Table: ["Core", "Components",  "Properties","style",  "Event","Validation"],
-  LeaderBoard: ["Core", "Components", "Properties", "style", "Event","Validation"],
-  WrapperSection: ["Core", "Components","Properties", "style","Validation"],
-  TabSection: ["Core", "Components", "Properties", "style","Validation"],
-  SpeedoMeter:["Core", "Properties", "style", "Event","Validation"],
-  card:["Core", "Properties", "style", "Event","Validation"],
-  UploadFile:["Core",  "style", "Event","Validation"],
-  Graph:["Core", "Properties", "style", "Event","Validation"],
-  DownloadFile:["Core",  "style", "Event","Validation"],
-  Box: ["Core", "style", "Event","Validation"],
-  Properties: ["Core", "Properties", "style", "Event","Validation"],
-  ProgressBarCard: ["Core", "Properties", "style", "Event","Validation"],
-  RankCard: ["Core", "Properties", "style", "Event","Validation"],
-  Slider: ["Core", "Components", "style", "Event","Validation"],
-  Timer: ["Core", "style", "Event","Validation"],
-  Rank: ["Core","style", "Event","Validation"],
-  Button: ["Core", "Properties", "style", "Event","Validation"],
-  Array:["Core","Components","Validation"],
-  Radio:["Core", "Properties", "style", "Event","Validation"],
-  Text:["Core","Properties","style", "Event","Validation"],
-  TextArea:["Core","Properties","style", "Event","Validation"],
-  PopUp: ["Core", "Components","Properties", "style"],
-  Stepper: ["Core", "Components","Properties","Event", "style"],
-  DataGrid: ["Core", "Components","Properties","Event", "style"],
-}
-
-
-
-export const refreshPage = (type:string,store:any) => {
-  const UiSchema = _.cloneDeep(componentBasicUiSchema)
-  if(type){
-  const sectionUiSchema = {
-    Core: CoreSection,
-    Value: ValueTab,
-    style: StyleSection,
-    Event: EventSection,
-    Components: TableSection,
-    Properties: buildPropertiesSection(type),
-    Validation:ValidationSection
-  
-  }
-  const elements = sectionLabels[type]?.map(e => sectionUiSchema[e]);
-  UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style","Event","Validation"];
-  UiSchema.elements[1].elements = elements || [CoreSection, StyleSection,EventSection,ValidationSection];
- 
-}
-store.setUiSchema(UiSchema);
-}
-
-export default (store: any, dynamicData: any, submitHandler: any, service: any) => {
-  return {
-    setPage: async function () {
-      const formdata = await this.getFormdata();
-      store.setFormdata(formdata);
-      const schema = this.getSchema();
-      store.setSchema(schema); 
-     this.refreshPage(formdata?.type, store);
-    
-    },
-    refreshPage:refreshPage,
-    getFormdata: function () {
-      const path = store.searchParams?.get("path");
-      return getFormdataFromLocalStorage(path) 
-    },
-    getSchema: function () {
-      return ComponentSchema;
-    },
-    okHandler:()=>okHandler(store),
-    saveHandler: async ()=> await saveHandler(store,service,submitHandler,"PageMaster"),
-    onChange: function () {
-      if (
-        store?.formData?.type !== store?.newData?.type &&
-        store?.newData?.type !== undefined
-      ) {
-        this.refreshPage(store?.newData?.type,store);
-      }
-    },
-    editComponents: function () {
-      const rowId = dynamicData.path.split(".")[1];
-      const path = store.searchParams?.get("path");
-      const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
-      if (path) {
-        const path = store.searchParams?.get("path");
-        const finalPath = `${path}.elements[${rowId}]`
-        store.searchParams.set("path", finalPath)
-        store.setSearchParams(store.searchParams)
-        this.setPage()
-      } else {
-        store.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`)
-      }
-    },
-    deleteComponents: function () {
-      const path = store.searchParams?.get("path");
-      const rowId = dynamicData.path.split(".")[1];
-      store.formData.elements.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
-      const data = path ? _.get(response, path) : response;
-      store.setFormdata(data);
-    },
-    deleteEvent: function () {
-      const path = store.searchParams?.get("path");
-      const rowId = dynamicData.path.split(".")[1];
-      store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
-      store.setFormdata(_.get(response, path));
-    },
-    widgetAddClickHandler: function () {
-      if (!Array.isArray(store.formData.elements)) {
-        store.formData.elements = []
-      }
-      const path = store.searchParams?.get("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: function () {
-      const rowId = dynamicData.path.split(".")[1];
-      const path = store.searchParams?.get("path");
-      const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
-      const finalPath = `${path}.events[${rowId}]`
-      store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
-    },
-    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.ctx.core.data, path)
-      const finalPath = `${path}.events[${store.formData.events.length}]`
-      store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
-    },
-    backHandler: function () {
-      store.navigate(-1)
-    },
-  }
-};
-
-
-
-
-
-
-

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

@@ -1,97 +0,0 @@
-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 { APISection } from "../build/uischema/apiSection";
-import { getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
-import { refreshSectionUiSchema } from "../build/uischema/refresh";
-import _ from "lodash";
-
-export default (
-  store: any,
-  dynamicData: any,
-  submitHandler: any,
-  service: any
-) => {
-  return {
-    setPage: async function () {
-      const formdata = await this.getFormData();
-      store.setFormdata(formdata);
-      const schema = await this.getSchema();
-      store.setSchema(schema);
-      this.refreshPage(formdata.Handler, store)
-    },
-    refreshPage: (handlerType: any, store: any) => {
-      const uiSchema = _.cloneDeep(EventUiSchema);
-      const schema: any = _.cloneDeep(EventSchema)
-      if (handlerType) {
-        if (handlerType === "custom") {
-          uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false)
-          schema.required = ["eventType", "Handler", "eventCode"]
-
-        } else if (handlerType === "api") {
-          uiSchema.elements[1].elements[0].elements[2] = APISection;
-          schema.required = ["eventType", "Handler", "method", "path"]
-        } else if (handlerType === "inBuiltFunction") {
-          uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
-            { label: "RankProvider", value: "RankProvider" },
-            { label: "Download File", value: "downloadFile" },
-            { label: "Download Blob File", value: "downloadBlobFile" }
-          ])
-          uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
-          schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
-        } else if (handlerType === "refresh") {
-          uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
-          schema.properties.refreshElements.required = ["value"]
-          schema.properties.refreshElements.items.required = ["value"]
-          schema.required = ["eventType", "Handler", "refreshElements"]
-        }
-      }
-      store.setSchema(schema)
-      store.setUiSchema(uiSchema)
-    },
-
-    getFormData: Component(store, dynamicData, submitHandler, service).getFormdata,
-    getUiSchema: function () {
-      return EventUiSchema;
-    },
-    getSchema: () => {
-      return EventSchema;
-    },
-    okHandler: () => okHandler(store),
-    saveHandler: async () => await saveHandler(store, service, submitHandler,"PageMaster"),
-    onChange: function () {
-      if (
-        store?.formData?.Handler !== store?.newData?.Handler &&
-        store?.newData?.Handler !== undefined
-      ) {
-        this.refreshPage(store.newData.Handler || store.formdata.Handler, store)
-      }
-    },
-    addEvent: function () {
-      const path = store.searchParams?.get("path");
-      if (!Array.isArray(store.formData.events)) {
-        store.formData.events = []
-      }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
-      const finalPath = `${path}.events[${store.formData?.events?.length}]`
-      store.searchParams.set("path", finalPath)
-      store.setSearchParams(store.searchParams)
-      this.setPage()
-    },
-    editEvent: function () {
-      const rowId = dynamicData.path.split(".")[1];
-      const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
-      const finalPath = `${path}.events[${rowId}]`
-      store.searchParams.set("path", finalPath)
-      store.setSearchParams(store.searchParams)
-      this.setPage()
-
-    },
-    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
-    backHandler: function () {
-      store.navigate(-1)
-    },
-  }
-};

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

@@ -1,82 +0,0 @@
-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";
-
-
-interface funcParamsProps {
-  store: any,
-  dynamicData: any,
-
-  submitHandler: any,
-  service: any
-  config?: any
-}
-export default (funcParams: funcParamsProps) => {
-  const { store, dynamicData, config, submitHandler, service } = funcParams
-  return {
-    setPage: async function () {
-      const formdata = await this.getFormdata();
-      store.setFormdata(formdata);
-      const uiSchema = await this.getUiSchema();
-      const schema = await this.getSchema();
-      store.setSchema(schema);
-      store.setUiSchema(uiSchema);
-    },
-    getFormdata: function () {
-      const id = store.searchParams?.get("id");
-      const formData = getFormdataFromLocalStorage()
-      if (formData) {
-        return formData;
-      }
-      saveFormdataInLocalStorage(config)
-      return config
-    },
-    getUiSchema: function () {
-      return PageMasterUiSchema;
-    },
-    getSchema: () => {
-      return PageMasterSchema;
-    },
-    backHandler: () => {
-      localStorage.removeItem("pageFormdata")
-      store.navigate("/PageMasterRecords");
-    },
-    onAddClickHandler: function () {
-      const id = store.searchParams?.get("id");
-      if (!Array.isArray(store.formData.elements)) {
-        store.formData.elements = []
-      }
-      const response = saveFormdataInLocalStorage(store.ctx.core.data)
-      store.navigate(
-        `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
-      );
-    },
-    saveHandler: async ()=> await saveHandler(store,service,submitHandler),
-    Edit_Components: Component(store, dynamicData, submitHandler, service).editComponents,
-    Delete_Components: Component(store, dynamicData, submitHandler, service).deleteComponents,
-    eventAddHandler: function () {
-      const id = store.searchParams?.get("id");
-      if (!Array.isArray(store.formData.events)) {
-        store.formData.events = []
-      }
-      saveFormdataInLocalStorage(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)
-      const finalPath = `events[${rowId}]`
-      store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
-    },
-    deleteEvent: function () {
-      const rowId = dynamicData.path.split(".")[1];
-      store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data)
-      store.setFormdata(response);
-    },
-  }
-};