impaktapps-ui-builder 0.0.101-alpha.60 → 0.0.101-alpha.62

package/dist/impaktapps-ui-builder.es.js

@@ -7050,6 +7050,7 @@ const componentBasicUiSchema = (theme) => {
           layout: 12,
           main: {},
           style: {
+            paddingLeft: theme.spacing(3),
             color: theme.palette.grey[600],
             fontSize: "10px",
             position: "fixed",
@@ -8543,7 +8544,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
           });
         });
       }
-      console.log("pathArray>>", pathArray);
       schema2.properties.pageName.path = pathArray;
       return schema2;
     },
@@ -8915,6 +8915,9 @@ const EventSchema = {
     },
     RemoveItemButton: {
       disabled: true
+    },
+    pageName: {
+      path: []
     }
   },
   required: ["eventType", "Handler"]
@@ -9325,21 +9328,17 @@ const EventUiSchema = (theme) => {
         type: "Control",
         scope: "#/properties/pageName",
         options: {
-          widget: "Box"
+          widget: "Breadcrumb"
         },
         config: {
           layout: 12,
-          main: {
-            heading: ""
-          },
+          main: {},
           style: {
             paddingLeft: theme.spacing(3),
-            width: "100%",
-            fontSize: "10px",
             color: theme.palette.grey[600],
+            fontSize: "10px",
             position: "fixed",
             bottom: "24px",
-            backgroundColor: theme.palette.background.default,
             borderBottom: `1px solid ${theme.palette.common.black}29`,
             borderTop: `1px solid ${theme.palette.common.black}29`
           }
@@ -9640,7 +9639,11 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       const schema2 = _.cloneDeep(EventSchema);
       if (handlerType) {
         if (handlerType === "custom") {
-          uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
+          uiSchema.elements[0].elements[0].elements[2] = getRadioInputField(
+            "isSync",
+            "Run in Sync",
+            ["Yes", "No"]
+          );
           uiSchema.elements[0].elements[0].elements[3] = {
             type: "Control",
             scope: "#/properties/emptyBox",
@@ -9653,14 +9656,26 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
               style: {}
             }
           };
-          uiSchema.elements[0].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
+          uiSchema.elements[0].elements[0].elements[4] = getTextArea(
+            "eventCode",
+            "Write Custom Code",
+            false
+          );
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
-          uiSchema.elements[0].elements[0].elements[2] = emptyBox$1("emptyBox", { xs: 0, sm: 0, md: 4, lg: 6 });
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox$1("emptyBox", {
+            xs: 0,
+            sm: 0,
+            md: 4,
+            lg: 6
+          });
           uiSchema.elements[0].elements[0].elements[3] = APISection;
           schema2.required = ["eventType", "Handler", "method", "path"];
         } else if (handlerType === "inBuiltFunction") {
-          uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
+          uiSchema.elements[0].elements[0].elements[2] = getSelectField(
+            "inBuiltFunctionType",
+            "Function Name"
+          );
           uiSchema.elements[0].elements[0].elements[3] = {
             type: "Control",
             scope: "#/properties/emptyBox",
@@ -9673,10 +9688,19 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
               style: {}
             }
           };
-          uiSchema.elements[0].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
+          uiSchema.elements[0].elements[0].elements[4] = getTextArea(
+            "funcParametersCode",
+            "Write Custom Code for Functions Parameter",
+            true
+          );
           schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
         } else if (handlerType === "refresh") {
-          uiSchema.elements[0].elements[0].elements[2] = emptyBox$1("emptyBox", { xs: 0, sm: 0, md: 4, lg: 6 });
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox$1("emptyBox", {
+            xs: 0,
+            sm: 0,
+            md: 4,
+            lg: 6
+          });
           uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
           schema2.properties.refreshElements.required = ["value"];
           schema2.properties.refreshElements.items.required = ["value"];
@@ -9690,7 +9714,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
         ];
       }
       if (sessionStorage.getItem("copiedConfig")) {
-        Component(store22, dynamicData2, submitHandler, service2).ElementPathSetter(uiSchema);
+        Component(store22, dynamicData2, submitHandler, service2).ElementPathSetter(
+          uiSchema
+        );
         schema2.properties.RemoveItemButton.disabled = false;
       }
       store22.setSchema(schema2);
@@ -9701,10 +9727,34 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       return EventUiSchema;
     },
     getSchema: () => {
+      var _a, _b;
       const schema2 = _.cloneDeep(EventSchema);
       if (sessionStorage.getItem("copiedConfig")) {
         schema2.properties.RemoveItemButton.disabled = false;
       }
+      const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
+      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
+      let pathArray = [];
+      if (path) {
+        const pathArrayAll = path.split(".");
+        const arr = [];
+        pathArrayAll.map((e, i) => {
+          if (i === 0) {
+            arr.push(e);
+            return;
+          }
+          arr.push(`${arr[i - 1]}.${e}`);
+        });
+        arr.map((e) => {
+          const data = _.get(config2, e);
+          pathArray.push({
+            label: (data == null ? void 0 : data.name) || (data == null ? void 0 : data.eventType) || "NewComponent",
+            path: `/Component?path=${e}&id=${id}`
+          });
+        });
+      }
+      schema2.properties.pageName.path = pathArray;
       return schema2;
     },
     okHandler: () => okHandler(store2),
@@ -9712,7 +9762,10 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
     onChange: function() {
       var _a, _b, _c;
       if (((_a = store2 == null ? void 0 : store2.formData) == null ? void 0 : _a.Handler) !== ((_b = store2 == null ? void 0 : store2.newData) == null ? void 0 : _b.Handler) && ((_c = store2 == null ? void 0 : store2.newData) == null ? void 0 : _c.Handler) !== void 0) {
-        this.refreshPage(store2.newData.Handler || store2.formdata.Handler, store2);
+        this.refreshPage(
+          store2.newData.Handler || store2.formdata.Handler,
+          store2
+        );
       }
     },
     addEvent: function() {
@@ -9738,7 +9791,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       this.setPage();
     },
     deleteEvent: async function() {
-      await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
+      await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(
+        false
+      );
       store2.updateDialog("popUpEvent");
     },
     backHandler: function() {
@@ -9750,10 +9805,15 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       store2.updateDialog("popUpEvent");
     },
     copyPasteElement: function() {
-      Component(store2, dynamicData2, submitHandler, service2).copyPasteElement(store2, this.setPage.bind(this));
+      Component(store2, dynamicData2, submitHandler, service2).copyPasteElement(
+        store2,
+        this.setPage.bind(this)
+      );
     },
     RemoveItemButton: function() {
-      Component(store2, dynamicData2, submitHandler, service2).RemoveItemButton(store2);
+      Component(store2, dynamicData2, submitHandler, service2).RemoveItemButton(
+        store2
+      );
     }
   };
 };