impaktapps-ui-builder 0.0.963-copyElement.1015 → 0.0.963-copyElement.1017

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

@@ -172,13 +172,13 @@ const PageMasterUiSchema = (theme) => {
                     {
                       widget: {
                         type: "Control",
-                        scope: "#/properties/Paste_Icon",
+                        scope: "#/properties/Paste_Component",
                         options: {
                           widget: "IconButton"
                         },
                         config: {
                           main: {
-                            onClick: "PasteComponent",
+                            onClick: "copyPasteElement",
                             size: "small",
                             icon: "PasteIcon",
                             iconLabel: "Paste",
@@ -255,14 +255,14 @@ const PageMasterUiSchema = (theme) => {
                 flex: 1,
                 widget: {
                   type: "Control",
-                  scope: "#/properties/CopyComponent",
+                  scope: "#/properties/Copy_Component",
                   options: {
                     widget: "IconButton"
                   },
                   config: {
                     main: {
                       icon: "FileCopyIcon",
-                      onClick: "CopyComponent",
+                      onClick: "copyPasteElement",
                       styleDefault: true
                     }
                   }
@@ -304,13 +304,13 @@ const PageMasterUiSchema = (theme) => {
                     {
                       widget: {
                         type: "Control",
-                        scope: "#/properties/Paste_Icon",
+                        scope: "#/properties/Paste_Event",
                         options: {
                           widget: "IconButton"
                         },
                         config: {
                           main: {
-                            onClick: "PasteEvent",
+                            onClick: "copyPasteElement",
                             size: "small",
                             icon: "PasteIcon",
                             iconLabel: "Paste",
@@ -386,14 +386,14 @@ const PageMasterUiSchema = (theme) => {
                 flex: 1,
                 widget: {
                   type: "Control",
-                  scope: "#/properties/CopyEvent",
+                  scope: "#/properties/Copy_Event",
                   options: {
                     widget: "IconButton"
                   },
                   config: {
                     main: {
                       icon: "FileCopyIcon",
-                      onClick: "CopyEvent",
+                      onClick: "copyPasteElement",
                       styleDefault: true
                     }
                   }
@@ -7276,13 +7276,13 @@ const EventSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Icon",
+                    scope: "#/properties/Paste_Event",
                     options: {
                       widget: "IconButton"
                     },
                     config: {
                       main: {
-                        onClick: "PasteEvent",
+                        onClick: "copyPasteElement",
                         size: "small",
                         icon: "PasteIcon",
                         iconLabel: "Paste",
@@ -7359,14 +7359,14 @@ const EventSection = (theme) => {
             flex: 1,
             widget: {
               type: "Control",
-              scope: "#/properties/CopyEvent",
+              scope: "#/properties/Copy_Event",
               options: {
                 widget: "IconButton"
               },
               config: {
                 main: {
                   icon: "FileCopyIcon",
-                  onClick: "CopyEvent",
+                  onClick: "copyPasteElement",
                   tooltipMessage: "Reject This Record",
                   styleDefault: true
                 }
@@ -7904,13 +7904,13 @@ const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Icon",
+                    scope: "#/properties/Paste_Component",
                     options: {
                       widget: "IconButton"
                     },
                     config: {
                       main: {
-                        onClick: "PasteComponent",
+                        onClick: "copyPasteElement",
                         size: "small",
                         icon: "PasteIcon",
                         iconLabel: "Paste",
@@ -7987,14 +7987,14 @@ const TableSection = (theme) => {
             flex: 1,
             widget: {
               type: "Control",
-              scope: "#/properties/CopyComponent",
+              scope: "#/properties/Copy_Component",
               options: {
                 widget: "IconButton"
               },
               config: {
                 main: {
                   icon: "FileCopyIcon",
-                  onClick: "CopyComponent",
+                  onClick: "copyPasteElement",
                   styleDefault: true,
                   disabled: false
                 }
@@ -8430,85 +8430,73 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEventSection");
     },
-    CopyComponent: function(paramStore = store2) {
-      var _a;
-      if (sessionStorage.getItem("copiedConfig")) {
-        store2.setNotify({
-          FailMessage: "Element already copied. Cancel to copy again.",
-          Fail: true
-        });
+    copyPasteElement: function(paramStore, setPage = this.setPage.bind(this)) {
+      const actionType = dynamicData2.tableButtonPath.split("_")[0];
+      const elementType = dynamicData2.tableButtonPath.split("_")[1];
+      if (actionType === "Copy") {
+        this.CopyElement(paramStore, elementType);
       } else {
-        const schema2 = lodash.exports.cloneDeep(paramStore.schema);
-        const uiSchema = lodash.exports.cloneDeep(paramStore.uiSchema);
-        schema2.properties.RemoveItemButton.disabled = false;
-        const rowId = dynamicData2.path.split(".")[1];
-        const parentPathOfCopiedComponent = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-        const copiedComponentPath = parentPathOfCopiedComponent ? `${parentPathOfCopiedComponent}.elements[${rowId}]` : `elements[${rowId}]`;
-        const formData = getFormdataFromSessionStorage(copiedComponentPath);
-        uiSchema.elements[2].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
-        sessionStorage.setItem("copiedConfig", JSON.stringify(formData));
-        store2.setSchema(schema2);
-        store2.setUiSchema(uiSchema);
+        this.PasteElement(setPage, elementType);
       }
     },
-    PasteComponent: function(paramStore = store2, setPage = this.setPage.bind(this)) {
+    elementPathHandler: function(parentPath, rowId, elementType) {
+      if (elementType === "component") {
+        return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
+      }
+      return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
+    },
+    CopyElement: function(paramStore = store2, elementType) {
+      var _a;
+      const schema2 = lodash.exports.cloneDeep(paramStore.schema);
+      const uiSchema = lodash.exports.cloneDeep(paramStore.uiSchema);
+      schema2.properties.RemoveItemButton.disabled = false;
+      const rowId = dynamicData2.path.split(".")[1];
+      const parentPathOfCopiedComponent = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      const copiedElementPath = this.elementPathHandler(parentPathOfCopiedComponent, rowId, elementType);
+      const formData = getFormdataFromSessionStorage(copiedElementPath);
+      const elementHeading = elementType === "component" ? `Copied Element: ${formData.name}` : `Copied Event: ${formData.eventType} `;
+      uiSchema.elements[2].elements[1].config.main.heading = elementHeading;
+      sessionStorage.setItem("copiedConfig", JSON.stringify(formData));
+      store2.setSchema(schema2);
+      store2.setUiSchema(uiSchema);
+    },
+    PasteElement: function(setPage, elementType) {
       var _a;
       if (!sessionStorage.getItem("copiedConfig")) {
         store2.setNotify({
           FailMessage: "No item has been copied.",
           Fail: true
         });
+        return;
+      }
+      const pastedElementParentPath = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      const formData = getFormdataFromSessionStorage(pastedElementParentPath);
+      const insertElementIndex = elementType === "component" ? formData.elements.length : formData.events.length;
+      const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
+      const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      if (copiedConfig.Handler && elementType === "component") {
+        store2.setNotify({
+          FailMessage: "The pasted content is invalid; the event cannot be integrated into the component section.",
+          Fail: true
+        });
+      } else if (copiedConfig.elements && elementType === "event") {
+        store2.setNotify({
+          FailMessage: "The pasted content is invalid; the component cannot be integrated into the event section.",
+          Fail: true
+        });
       } else {
-        const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-        dynamicData2.path.split(".")[1];
-        const formData = getFormdataFromSessionStorage(path);
-        const insertComponentPath = formData.elements.length;
-        const finalPath = path ? `${path}.elements[${insertComponentPath}]` : `elements[${insertComponentPath}]`;
-        const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-        if (copiedData.Handler) {
-          store2.setNotify({
-            FailMessage: "Pasting element not Valid",
-            Fail: true
-          });
-        } else {
-          saveFormdataInSessionStorage(copiedData, finalPath);
-          setPage();
-        }
+        saveFormdataInSessionStorage(copiedConfig, pastedElementPath);
+        setPage();
       }
     },
     RemoveItemButton: function(paramStore = store2) {
       const schema2 = lodash.exports.cloneDeep(paramStore.schema);
       const uiSchema = lodash.exports.cloneDeep(paramStore.uiSchema);
       schema2.properties.RemoveItemButton.disabled = true;
+      uiSchema.elements[2].elements[1].config.main.heading = `No element copied`;
       sessionStorage.removeItem("copiedConfig");
       store2.setSchema(schema2);
       store2.setUiSchema(uiSchema);
-    },
-    CopyEvent: function(store22) {
-      var _a;
-      const rowId = dynamicData2.path.split(".")[1];
-      const path = (_a = store22.searchParams) == null ? void 0 : _a.get("path");
-      const updatedPath = path ? `${path}.events[${rowId}]` : `events[${rowId}]`;
-      const formData = getFormdataFromSessionStorage(updatedPath);
-      sessionStorage.setItem("copiedConfig", JSON.stringify(formData));
-    },
-    PasteEvent: function(store22) {
-      var _a;
-      const path = (_a = store22.searchParams) == null ? void 0 : _a.get("path");
-      const formData = getFormdataFromSessionStorage(path);
-      const insertComponentPath = formData.events.length;
-      const finalPath = `${path}.events[${insertComponentPath}]`;
-      const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-      if (!copiedData.events) {
-        store22.setNotify({
-          FailMessage: "Pasting not Valid",
-          Fail: true
-        });
-      } else {
-        saveFormdataInSessionStorage(copiedData, finalPath);
-        sessionStorage.removeItem("copiedConfig");
-        this.setPage();
-      }
     }
   };
 };
@@ -8612,21 +8600,11 @@ var pageMaster = (funcParams) => {
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpPageMasterEvent");
     },
-    CopyComponent: function() {
-      Component(store2, dynamicData2, submitHandler, service2).CopyComponent(store2);
-    },
-    PasteComponent: function() {
-      const component = Component(store2, dynamicData2, submitHandler, service2);
-      component.PasteComponent(store2, this.setPage.bind(this));
+    copyPasteElement: function() {
+      Component(store2, dynamicData2, submitHandler, service2).copyPasteElement(store2, this.setPage.bind(this));
     },
     RemoveItemButton: function() {
       Component(store2, dynamicData2, submitHandler, service2).RemoveItemButton(store2);
-    },
-    CopyEvent: function() {
-      Component(store2, dynamicData2, submitHandler, service2).CopyEvent(store2);
-    },
-    PasteEvent: function() {
-      Component(store2, dynamicData2, submitHandler, service2).PasteEvent(store2);
     }
   };
 };
@@ -8818,13 +8796,13 @@ const EventUiSchema = (theme) => {
                     {
                       widget: {
                         type: "Control",
-                        scope: "#/properties/Paste_Icon",
+                        scope: "#/properties/Paste_Event",
                         options: {
                           widget: "IconButton"
                         },
                         config: {
                           main: {
-                            onClick: "PasteEvent",
+                            onClick: "copyPasteElement",
                             size: "small",
                             icon: "PasteIcon",
                             iconLabel: "Paste",
@@ -8900,14 +8878,14 @@ const EventUiSchema = (theme) => {
                 flex: 1,
                 widget: {
                   type: "Control",
-                  scope: "#/properties/CopyEvent",
+                  scope: "#/properties/Copy_Event",
                   options: {
                     widget: "IconButton"
                   },
                   config: {
                     main: {
                       icon: "FileCopyIcon",
-                      onClick: "CopyEvent",
+                      onClick: "copyPasteElement",
                       styleDefault: true
                     }
                   }
@@ -9555,8 +9533,12 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEvent");
     },
-    CopyEvent: Component(store2, dynamicData2, submitHandler, service2).CopyEvent,
-    PasteEvent: Component(store2, dynamicData2, submitHandler, service2).PasteEvent
+    copyPasteElement: function() {
+      Component(store2, dynamicData2, submitHandler, service2).copyPasteElement(store2, this.setPage.bind(this));
+    },
+    RemoveItemButton: function() {
+      Component(store2, dynamicData2, submitHandler, service2).RemoveItemButton(store2);
+    }
   };
 };
 const downloadFile$1 = (obj) => {