impaktapps-ui-builder 0.0.963-copyElement.1012 → 0.0.963-copyElement.1014

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

@@ -6720,6 +6720,96 @@ const componentBasicUiSchema = (theme) => {
           }
         ]
       },
+      {
+        type: "HorizontalLayout",
+        config: {
+          layout: { xs: 12, sm: 6 }
+        },
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/RemoveItemButton",
+            options: {
+              widget: "IconButton"
+            },
+            config: {
+              layout: { xs: 1, sm: 1 },
+              main: {
+                onClick: "RemoveItemButton",
+                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: "#535557",
+                marginLeft: "-10px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 1, sm: 5 }
+            }
+          }
+        ]
+      },
+      {
+        type: "Control",
+        scope: "#/properties/btn",
+        options: {
+          widget: "Button"
+        },
+        config: {
+          layout: { xs: 4, sm: 2 },
+          main: {
+            name: "Ok",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            type: "text",
+            onClick: "okHandler",
+            size: "medium"
+          }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/btnSubmit",
+        options: {
+          widget: "Button"
+        },
+        config: {
+          layout: { xs: 4, sm: 2 },
+          main: {
+            name: "Save & Exit",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            type: "text",
+            onClick: "saveHandler",
+            size: "medium"
+          }
+        }
+      },
       {
         type: "Control",
         scope: "#/properties/popUpComponentSection",
@@ -6902,96 +6992,6 @@ const componentBasicUiSchema = (theme) => {
           }
         ]
       },
-      {
-        type: "HorizontalLayout",
-        config: {
-          layout: { xs: 12, sm: 6 }
-        },
-        elements: [
-          {
-            type: "Control",
-            scope: "#/properties/RemoveItemButton",
-            options: {
-              widget: "IconButton"
-            },
-            config: {
-              layout: { xs: 1, sm: 1 },
-              main: {
-                onClick: "RemoveItemButton",
-                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",
-        scope: "#/properties/btn",
-        options: {
-          widget: "Button"
-        },
-        config: {
-          layout: { xs: 4, sm: 2 },
-          main: {
-            name: "Ok",
-            startIcon: "ApproveIcon",
-            variant: "contained",
-            type: "text",
-            onClick: "okHandler",
-            size: "medium"
-          }
-        }
-      },
-      {
-        type: "Control",
-        scope: "#/properties/btnSubmit",
-        options: {
-          widget: "Button"
-        },
-        config: {
-          layout: { xs: 4, sm: 2 },
-          main: {
-            name: "Save & Exit",
-            startIcon: "ApproveIcon",
-            variant: "contained",
-            type: "text",
-            onClick: "saveHandler",
-            size: "medium"
-          }
-        }
-      },
       {
         type: "Control",
         scope: "#/properties/notify",
@@ -8330,7 +8330,11 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       return getFormdataFromSessionStorage(path);
     },
     getSchema: function() {
-      return ComponentSchema;
+      const schema2 = _.cloneDeep(ComponentSchema);
+      if (sessionStorage.getItem("copiedConfig")) {
+        schema2.properties.RemoveItemButton.disabled = false;
+      }
+      return schema2;
     },
     okHandler: () => okHandler(store2),
     saveHandler: async () => await saveHandler(store2, service2, submitHandler, "PageMaster"),
@@ -8441,7 +8445,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         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[4].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
+        uiSchema.elements[2].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
         sessionStorage.setItem("copiedConfig", JSON.stringify(formData));
         store2.setSchema(schema2);
         store2.setUiSchema(uiSchema);
@@ -8449,20 +8453,27 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     },
     PasteComponent: function(paramStore = store2, setPage = this.setPage.bind(this)) {
       var _a;
-      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) {
+      if (!sessionStorage.getItem("copiedConfig")) {
         store2.setNotify({
-          FailMessage: "Pasting element not Valid",
+          FailMessage: "No item has been copied.",
           Fail: true
         });
       } else {
-        saveFormdataInSessionStorage(copiedData, finalPath);
-        setPage();
+        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();
+        }
       }
     },
     RemoveItemButton: function(paramStore = store2) {
@@ -8532,7 +8543,11 @@ var pageMaster = (funcParams) => {
       return UiSchema;
     },
     getSchema: () => {
-      return PageMasterSchema;
+      const schema2 = _.cloneDeep(PageMasterSchema);
+      if (sessionStorage.getItem("copiedConfig")) {
+        schema2.properties.RemoveItemButton.disabled = false;
+      }
+      return schema2;
     },
     backHandler: () => {
       sessionStorage.removeItem("pageFormdata");
@@ -8939,7 +8954,7 @@ const EventUiSchema = (theme) => {
                 heading: "No element copied"
               },
               style: {
-                color: "#a1a09d",
+                color: "#535557",
                 marginLeft: "-10px"
               }
             }