impaktapps-ui-builder 0.0.963-CopyComponent.9 → 0.0.963-copyElement.1001

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

@@ -39,6 +39,12 @@ const PageMasterSchema = {
           }
         }
       }
+    },
+    RemoveItemButton: {
+      disabled: true
+    },
+    Paste_Icon: {
+      disabled: true
     }
   },
   required: ["template", "name", "label"]
@@ -177,7 +183,7 @@ const PageMasterUiSchema = (theme) => {
                           main: {
                             onClick: "PasteComponent",
                             size: "small",
-                            icon: "SendIcon",
+                            icon: "PasteIcon",
                             iconLabel: "Paste",
                             styleDefault: true
                           },
@@ -309,7 +315,7 @@ const PageMasterUiSchema = (theme) => {
                           main: {
                             onClick: "PasteEvent",
                             size: "small",
-                            icon: "SendIcon",
+                            icon: "PasteIcon",
                             iconLabel: "Paste",
                             styleDefault: true
                           },
@@ -401,14 +407,58 @@ const PageMasterUiSchema = (theme) => {
         ]
       },
       {
-        type: "Control",
-        scope: "#/properties/btn",
-        options: {
-          widget: "EmptyBox"
-        },
+        type: "HorizontalLayout",
         config: {
-          layout: { xs: 8, sm: 10 }
-        }
+          layout: { xs: 12, sm: 6 }
+        },
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/RemoveItemButton",
+            options: {
+              widget: "IconButton"
+            },
+            config: {
+              layout: { xs: 1, sm: 1 },
+              main: {
+                onClick: "RemoveCopiedConfig",
+                size: "large",
+                icon: "RejectIcon",
+                styleDefault: true
+              },
+              style: {
+                marginLeft: "-10px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/copiedElementDetails",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              layout: { xs: 6, sm: 6 },
+              main: {
+                heading: "No element copied"
+              },
+              style: {
+                color: "#a1a09d",
+                marginLeft: "-10px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 1, sm: 5 }
+            }
+          }
+        ]
       },
       {
         type: "Control",
@@ -6496,8 +6546,11 @@ const ComponentSchema = {
       type: "string"
     },
     label: { type: "string" },
-    CopyComponent: {
-      disabled: false
+    RemoveItemButton: {
+      disabled: true
+    },
+    Paste_Icon: {
+      disabled: true
     }
   },
   required: ["name"]
@@ -6856,20 +6909,58 @@ const componentBasicUiSchema = (theme) => {
         ]
       },
       {
-        type: "Control",
-        scope: "#/properties/copiedElementDetails",
-        options: {
-          widget: "Box"
-        },
+        type: "HorizontalLayout",
         config: {
-          layout: { xs: 4, sm: 8 },
-          main: {
-            heading: ""
+          layout: { xs: 12, sm: 6 }
+        },
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/RemoveItemButton",
+            options: {
+              widget: "IconButton"
+            },
+            config: {
+              layout: { xs: 1, sm: 1 },
+              main: {
+                onClick: "RemoveCopiedConfig",
+                size: "large",
+                icon: "RejectIcon",
+                styleDefault: true
+              },
+              style: {
+                marginLeft: "-10px"
+              }
+            }
           },
-          style: {
-            float: "left"
+          {
+            type: "Control",
+            scope: "#/properties/copiedElementDetails",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              layout: { xs: 6, sm: 6 },
+              main: {
+                heading: "No element copied"
+              },
+              style: {
+                color: "#a1a09d",
+                marginLeft: "-10px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 1, sm: 5 }
+            }
           }
-        }
+        ]
       },
       {
         type: "Control",
@@ -7199,7 +7290,7 @@ const EventSection = (theme) => {
                       main: {
                         onClick: "PasteEvent",
                         size: "small",
-                        icon: "SendIcon",
+                        icon: "PasteIcon",
                         iconLabel: "Paste",
                         styleDefault: true
                       },
@@ -7827,7 +7918,7 @@ const TableSection = (theme) => {
                       main: {
                         onClick: "PasteComponent",
                         size: "small",
-                        icon: "SendIcon",
+                        icon: "PasteIcon",
                         iconLabel: "Paste",
                         styleDefault: true
                       },
@@ -7910,7 +8001,8 @@ const TableSection = (theme) => {
                 main: {
                   icon: "FileCopyIcon",
                   onClick: "CopyComponent",
-                  styleDefault: true
+                  styleDefault: true,
+                  disabled: false
                 }
               }
             }
@@ -8222,6 +8314,10 @@ const refreshPage = (type, store2) => {
     UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
     UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
   }
+  if (sessionStorage.getItem("copiedConfig")) {
+    const formData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+    UiSchema.elements[4].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
+  }
   store2.setUiSchema(UiSchema);
 };
 var Component = (store2, dynamicData2, submitHandler, service2) => {
@@ -8336,30 +8432,36 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEventSection");
     },
-    CopyComponent: function() {
+    CopyComponent: function(store22) {
       var _a;
-      const schema2 = lodash.exports.cloneDeep(store2.schema);
-      const uiSchema = lodash.exports.cloneDeep(store2.uiSchema);
-      schema2.properties.CopyComponent.disabled = true;
-      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.setSchema(schema2);
-      store2.setUiSchema(uiSchema);
-    },
-    PasteComponent: function() {
+      if (sessionStorage.getItem("copiedConfig")) {
+        store22.setNotify({
+          FailMessage: "Element already copied. Cancel to copy again.",
+          Fail: true
+        });
+      } else {
+        const schema2 = lodash.exports.cloneDeep(store22.schema);
+        const uiSchema = lodash.exports.cloneDeep(store22.uiSchema);
+        schema2.properties.RemoveItemButton.disabled = false;
+        const rowId = dynamicData2.path.split(".")[1];
+        const parentPathOfCopiedComponent = (_a = store22.searchParams) == null ? void 0 : _a.get("path");
+        const copiedComponentPath = parentPathOfCopiedComponent ? `${parentPathOfCopiedComponent}.elements[${rowId}]` : `elements[${rowId}]`;
+        const formData = getFormdataFromSessionStorage(copiedComponentPath);
+        uiSchema.elements[4].config.main.heading = `Copied Element: ${formData.name}`;
+        sessionStorage.setItem("copiedConfig", JSON.stringify(formData));
+        store22.setSchema(schema2);
+      }
+    },
+    PasteComponent: function(store22) {
       var _a;
-      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      const path = (_a = store22.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",
+        store22.setNotify({
+          FailMessage: "Pasting element not Valid",
           Fail: true
         });
       } else {
@@ -8368,23 +8470,23 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         this.setPage();
       }
     },
-    CopyEvent: function() {
+    CopyEvent: function(store22) {
       var _a;
       const rowId = dynamicData2.path.split(".")[1];
-      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      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() {
+    PasteEvent: function(store22) {
       var _a;
-      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+      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) {
-        store2.setNotify({
+        store22.setNotify({
           FailMessage: "Pasting not Valid",
           Fail: true
         });
@@ -8419,7 +8521,12 @@ var pageMaster = (funcParams) => {
       return config;
     },
     getUiSchema: function() {
-      return PageMasterUiSchema(store2.theme.myTheme);
+      const UiSchema = _.cloneDeep(PageMasterUiSchema(store2.theme.myTheme));
+      if (sessionStorage.getItem("copiedConfig")) {
+        const formData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+        UiSchema.elements[2].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
+      }
+      return UiSchema;
     },
     getSchema: () => {
       return PageMasterSchema;
@@ -8487,10 +8594,20 @@ var pageMaster = (funcParams) => {
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpPageMasterEvent");
     },
-    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
+    CopyComponent: function() {
+      Component(store2, dynamicData2, submitHandler, service2).CopyComponent(store2);
+    },
+    PasteComponent: function() {
+      Component(store2, dynamicData2, submitHandler, service2).PasteComponent(store2);
+    },
+    RemoveItemButton: function() {
+    },
+    CopyEvent: function() {
+      Component(store2, dynamicData2, submitHandler, service2).CopyEvent(store2);
+    },
+    PasteEvent: function() {
+      Component(store2, dynamicData2, submitHandler, service2).PasteEvent(store2);
+    }
   };
 };
 const EventSchema = {
@@ -8689,7 +8806,7 @@ const EventUiSchema = (theme) => {
                           main: {
                             onClick: "PasteEvent",
                             size: "small",
-                            icon: "SendIcon",
+                            icon: "PasteIcon",
                             iconLabel: "Paste",
                             styleDefault: true
                           },
@@ -8781,14 +8898,58 @@ const EventUiSchema = (theme) => {
         ]
       },
       {
-        type: "Control",
-        scope: "#/properties/EmptyBox",
-        options: {
-          widget: "EmptyBox"
-        },
+        type: "HorizontalLayout",
         config: {
-          layout: { xs: 4, sm: 8 }
-        }
+          layout: { xs: 12, sm: 6 }
+        },
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/RemoveItemButton",
+            options: {
+              widget: "IconButton"
+            },
+            config: {
+              layout: { xs: 1, sm: 1 },
+              main: {
+                onClick: "RemoveCopiedConfig",
+                size: "large",
+                icon: "RejectIcon",
+                styleDefault: true
+              },
+              style: {
+                marginLeft: "-10px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/copiedElementDetails",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              layout: { xs: 6, sm: 6 },
+              main: {
+                heading: "No element copied"
+              },
+              style: {
+                color: "#a1a09d",
+                marginLeft: "-10px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 1, sm: 5 }
+            }
+          }
+        ]
       },
       {
         type: "Control",