impaktapps-ui-builder 0.0.412-mtreemap.1 → 0.0.412-mtreemap.10

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

@@ -1,3 +1,5 @@
+import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
+
 export const EventUiSchema: any = (theme) => {
   const uiSchema = {
     type: "HorizontalLayout",
@@ -106,33 +108,77 @@ export const EventUiSchema: any = (theme) => {
                   },
                 },
               },
+              getSelectField("Handler", "Handler", [
+                { label: "Custom", value: "custom" },
+                { label: "Api", value: "api" },
+                { label: "Inbuilt Function", value: "inBuiltFunction" },
+                { label: "Refresh", value: "refresh" },
+              ]),
               {
                 type: "Control",
-                scope: `#/properties/Handler`,
-
+                scope: "#/properties/EmptyBox",
                 options: {
-                  widget: "SelectInputField",
+                  widget: "EmptyBox",
                 },
                 config: {
-                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
-                  main: {
-                    label: "Handler",
-                    type: "text",
-                  },
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 },
                 },
               },
-              {
-                type: "Control",
-                scope: "#/properties/emptyBox",
-                options: {
-                  widget: "EmptyBox"
-                },
-                config: {
-                  layout: { xs: 0, sm: 4 }
-                }
-              }
             ],
           },
+          // {
+          //   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",
@@ -195,7 +241,7 @@ export const EventUiSchema: any = (theme) => {
                   },
                   config: {
                     main: {
-                      // color: "info",
+                      color: "info",
                       size: "small",
                       icon: "EditIcon",
                       tooltipMessage: "Edit This Record",
@@ -227,6 +273,7 @@ export const EventUiSchema: any = (theme) => {
                 },
               },
             ]
+            // }]
           }
         ],
       },
@@ -323,7 +370,7 @@ export const EventUiSchema: any = (theme) => {
         },
         elements: [
           {
-  
+
             type: "Control",
             scope: "#/properties/FooterText",
             options: {
@@ -378,7 +425,7 @@ export const EventUiSchema: any = (theme) => {
           {
             type: "Control",
             scope: "#/properties/text",
-  
+
             options: {
               widget: "Box",
             },
@@ -410,5 +457,5 @@ export const EventUiSchema: any = (theme) => {
       }
     ],
   };
-  return uiSchema
-}
+  return uiSchema;
+}

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

@@ -43,25 +43,25 @@ const sectionLabels = {
 
 
 
-export const refreshPage = (type:string,store:any) => {
+export const refreshPage = (type: string, store: any) => {
   const UiSchema = _.cloneDeep(componentBasicUiSchema(store.theme.myTheme))
-  if(type){
-  const sectionUiSchema = {
-    Core: CoreSection,
-    Value: ValueTab,
-    style: StyleSection,
-    Event: EventSection,
-    Components: TableSection,
-    Properties: buildPropertiesSection(type),
-    Validation:ValidationSection
-  
+  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[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
+    UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
+
   }
-  const elements = sectionLabels[type]?.map(e => sectionUiSchema[e]);
-  UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style","Event","Validation"];
-  UiSchema.elements[0].elements = elements || [CoreSection, StyleSection,EventSection,ValidationSection];
- 
-}
-store.setUiSchema(UiSchema);
+  store.setUiSchema(UiSchema);
 }
 
 export default (store: any, dynamicData: any, submitHandler: any, service: any) => {

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

@@ -28,12 +28,13 @@ export default (
       const schema: any = _.cloneDeep(EventSchema)
       if (handlerType) {
         if (handlerType === "custom") {
-          uiSchema.elements[1].elements[0].elements[2] =  getRadioInputField("isSync","Run in Sync",["Yes","No"])
-          uiSchema.elements[1].elements[0].elements[3] = emptyBox;
+          uiSchema.elements[0].elements[0].elements[2] =  getRadioInputField("isSync","Run in Sync",["Yes","No"])
+          // uiSchema.elements[0].elements[0].elements[3] = emptyBox;
           uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false)
           schema.required = ["eventType", "Handler", "eventCode"]
 
         } else if (handlerType === "api") {
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox;
           uiSchema.elements[0].elements[0].elements[3] = APISection;
           schema.required = ["eventType", "Handler", "method", "path"]
         } else if (handlerType === "inBuiltFunction") {
@@ -42,9 +43,10 @@ export default (
             { label: "Download File", value: "downloadFile" },
             { label: "Download Blob File", value: "downloadBlobFile" }
           ])
-          uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
+          uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
           schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
         } else if (handlerType === "refresh") {
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox;
           uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
           schema.properties.refreshElements.required = ["value"]
           schema.properties.refreshElements.items.required = ["value"]
@@ -62,8 +64,8 @@ export default (
     },
 
     getFormData: Component(store, dynamicData, submitHandler, service).getFormdata,
-    getUiSchema: async function () {
-      return await EventUiSchema(store.theme.myTheme);
+    getUiSchema: function () {
+      return EventUiSchema;
     },
     getSchema: () => {
       return EventSchema;

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

@@ -1,6 +1,6 @@
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
-import { asyncOperation, executeEvents, executeRefreshHandler } from "./events";
+import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};