impaktapps-ui-builder 0.0.963-CopyComponent.1 → 0.0.963-CopyComponent.10

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

@@ -165,6 +165,27 @@ const PageMasterUiSchema = (theme) => {
                           }
                         }
                       }
+                    },
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Icon",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "PasteComponent",
+                            size: "small",
+                            icon: "SendIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -239,26 +260,7 @@ const PageMasterUiSchema = (theme) => {
                     main: {
                       icon: "FileCopyIcon",
                       onClick: "CopyComponent",
-                      tooltipMessage: "Reject This Record"
-                    }
-                  }
-                }
-              },
-              {
-                header: "paste",
-                field: "Paste_Component",
-                flex: 1,
-                widget: {
-                  type: "Control",
-                  scope: "#/properties/PasteComponent",
-                  options: {
-                    widget: "IconButton"
-                  },
-                  config: {
-                    main: {
-                      icon: "SendIcon",
-                      onClick: "PasteComponent",
-                      tooltipMessage: "Reject This Record"
+                      styleDefault: true
                     }
                   }
                 }
@@ -295,6 +297,27 @@ const PageMasterUiSchema = (theme) => {
                           }
                         }
                       }
+                    },
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Icon",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "PasteEvent",
+                            size: "small",
+                            icon: "SendIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -353,6 +376,25 @@ const PageMasterUiSchema = (theme) => {
                     }
                   }
                 }
+              },
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/CopyEvent",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      onClick: "CopyEvent",
+                      styleDefault: true
+                    }
+                  }
+                }
               }
             ]
           }
@@ -6453,7 +6495,10 @@ const ComponentSchema = {
     name: {
       type: "string"
     },
-    label: { type: "string" }
+    label: { type: "string" },
+    CopyComponent: {
+      disabled: false
+    }
   },
   required: ["name"]
 };
@@ -6812,12 +6857,18 @@ const componentBasicUiSchema = (theme) => {
       },
       {
         type: "Control",
-        scope: "#/properties/EmptyBox",
+        scope: "#/properties/copiedElementDetails",
         options: {
-          widget: "EmptyBox"
+          widget: "Box"
         },
         config: {
-          layout: { xs: 4, sm: 8 }
+          layout: { xs: 4, sm: 8 },
+          main: {
+            heading: ""
+          },
+          style: {
+            float: "left"
+          }
         }
       },
       {
@@ -7136,6 +7187,27 @@ const EventSection = (theme) => {
                       }
                     }
                   }
+                },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Icon",
+                    options: {
+                      widget: "IconButton"
+                    },
+                    config: {
+                      main: {
+                        onClick: "PasteEvent",
+                        size: "small",
+                        icon: "SendIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true
+                      },
+                      style: {
+                        mt: "6px"
+                      }
+                    }
+                  }
                 }
               ]
             },
@@ -7195,6 +7267,26 @@ const EventSection = (theme) => {
                 }
               }
             }
+          },
+          {
+            header: "Copy",
+            field: "Copy_Event",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/CopyEvent",
+              options: {
+                widget: "IconButton"
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  onClick: "CopyEvent",
+                  tooltipMessage: "Reject This Record",
+                  styleDefault: true
+                }
+              }
+            }
           }
         ]
       }
@@ -7723,6 +7815,27 @@ const TableSection = (theme) => {
                       }
                     }
                   }
+                },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Icon",
+                    options: {
+                      widget: "IconButton"
+                    },
+                    config: {
+                      main: {
+                        onClick: "PasteComponent",
+                        size: "small",
+                        icon: "SendIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true
+                      },
+                      style: {
+                        mt: "6px"
+                      }
+                    }
+                  }
                 }
               ]
             },
@@ -7782,6 +7895,25 @@ const TableSection = (theme) => {
                 }
               }
             }
+          },
+          {
+            header: "Copy",
+            field: "Copy_Component",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/CopyComponent",
+              options: {
+                widget: "IconButton"
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  onClick: "CopyComponent",
+                  styleDefault: true
+                }
+              }
+            }
           }
         ]
       }
@@ -8203,6 +8335,62 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEventSection");
+    },
+    CopyComponent: function() {
+      var _a;
+      lodash.exports.cloneDeep(store2.schema);
+      const uiSchema = lodash.exports.cloneDeep(store2.uiSchema);
+      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[5].config.main.heading = formData.name;
+      sessionStorage.setItem("copiedConfig", JSON.stringify(formData));
+      store2.setUiSchema(uiSchema);
+    },
+    PasteComponent: function() {
+      var _a;
+      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      const formData = getFormdataFromSessionStorage(path);
+      const insertComponentPath = formData.elements.length;
+      const finalPath = `${path}.elements[${insertComponentPath}]`;
+      const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      if (!copiedData.elements) {
+        store2.setNotify({
+          FailMessage: "Pasting not Valid",
+          Fail: true
+        });
+      } else {
+        saveFormdataInSessionStorage(copiedData, finalPath);
+        sessionStorage.removeItem("copiedConfig");
+        this.setPage();
+      }
+    },
+    CopyEvent: function() {
+      var _a;
+      const rowId = dynamicData2.path.split(".")[1];
+      const path = (_a = store2.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() {
+      var _a;
+      const path = (_a = store2.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) {
+        store2.setNotify({
+          FailMessage: "Pasting not Valid",
+          Fail: true
+        });
+      } else {
+        saveFormdataInSessionStorage(copiedData, finalPath);
+        sessionStorage.removeItem("copiedConfig");
+        this.setPage();
+      }
     }
   };
 };
@@ -8297,26 +8485,10 @@ var pageMaster = (funcParams) => {
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpPageMasterEvent");
     },
-    CopyComponent: function() {
-      var _a, _b;
-      dynamicData2.path.split(".")[1];
-      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      (_b = store2.searchParams) == null ? void 0 : _b.get("id");
-      const formData = getFormdataFromSessionStorage(path);
-      sessionStorage.setItem("copiedComponent", formData);
-    },
-    PasteComponent: function() {
-      var _a;
-      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = dynamicData2.path.split(".")[1];
-      const updatedPath = `${path}.elements[${rowId}]`;
-      const formData = getFormdataFromSessionStorage(updatedPath);
-      const insertComponentPath = formData.elements.length;
-      const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
-      const copiedData = sessionStorage.getItem("copiedComponent");
-      saveFormdataInSessionStorage(copiedData, finalPath);
-      sessionStorage.removeItem("copiedComponent");
-    }
+    CopyComponent: Component(store2, dynamicData2, submitHandler, service2).CopyComponent,
+    PasteComponent: Component(store2, dynamicData2, submitHandler, service2).PasteComponent,
+    CopyEvent: Component(store2, dynamicData2, submitHandler, service2).CopyEvent,
+    PasteEvent: Component(store2, dynamicData2, submitHandler, service2).PasteEvent
   };
 };
 const EventSchema = {
@@ -8503,6 +8675,27 @@ const EventUiSchema = (theme) => {
                           }
                         }
                       }
+                    },
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Icon",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "PasteEvent",
+                            size: "small",
+                            icon: "SendIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -8561,6 +8754,25 @@ const EventUiSchema = (theme) => {
                     }
                   }
                 }
+              },
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/CopyEvent",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      onClick: "CopyEvent",
+                      styleDefault: true
+                    }
+                  }
+                }
               }
             ]
           }
@@ -9159,7 +9371,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEvent");
-    }
+    },
+    CopyEvent: Component(store2, dynamicData2, submitHandler, service2).CopyEvent,
+    PasteEvent: Component(store2, dynamicData2, submitHandler, service2).PasteEvent
   };
 };
 const downloadFile$1 = (obj) => {