impaktapps-ui-builder 0.0.968 → 0.0.970-test.2

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

@@ -39,6 +39,9 @@ const PageMasterSchema = {
           }
         }
       }
+    },
+    RemoveItemButton: {
+      disabled: true
     }
   },
   required: ["template", "name", "label"]
@@ -165,6 +168,27 @@ const PageMasterUiSchema = (theme) => {
                           }
                         }
                       }
+                    },
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Component",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "copyPasteElement",
+                            size: "small",
+                            icon: "PasteIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -224,6 +248,25 @@ const PageMasterUiSchema = (theme) => {
                     }
                   }
                 }
+              },
+              {
+                header: "Copy",
+                field: "Copy_Component",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/Copy_Component",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      onClick: "copyPasteElement",
+                      styleDefault: true
+                    }
+                  }
+                }
               }
             ]
           },
@@ -257,6 +300,27 @@ const PageMasterUiSchema = (theme) => {
                           }
                         }
                       }
+                    },
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Event",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "copyPasteElement",
+                            size: "small",
+                            icon: "PasteIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -315,20 +379,84 @@ const PageMasterUiSchema = (theme) => {
                     }
                   }
                 }
+              },
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/Copy_Event",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      onClick: "copyPasteElement",
+                      styleDefault: true
+                    }
+                  }
+                }
               }
             ]
           }
         ]
       },
       {
-        type: "Control",
-        scope: "#/properties/btn",
-        options: {
-          widget: "EmptyBox"
-        },
+        type: "HorizontalLayout",
         config: {
-          layout: { xs: 8, sm: 10 }
-        }
+          layout: { xs: 12, sm: 9 }
+        },
+        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: "-5px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/copiedElementDetails",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              layout: { xs: 6, sm: 6 },
+              main: {
+                heading: "No element copied"
+              },
+              style: {
+                color: "#535557",
+                marginLeft: "-30px",
+                fontSize: "12px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 1, sm: 5 }
+            }
+          }
+        ]
       },
       {
         type: "Control",
@@ -6415,7 +6543,10 @@ const ComponentSchema = {
     name: {
       type: "string"
     },
-    label: { type: "string" }
+    label: { type: "string" },
+    RemoveItemButton: {
+      disabled: true
+    }
   },
   required: ["name"]
 };
@@ -6590,6 +6721,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",
@@ -6772,52 +6993,6 @@ const componentBasicUiSchema = (theme) => {
           }
         ]
       },
-      {
-        type: "Control",
-        scope: "#/properties/EmptyBox",
-        options: {
-          widget: "EmptyBox"
-        },
-        config: {
-          layout: { xs: 4, sm: 8 }
-        }
-      },
-      {
-        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",
@@ -7098,6 +7273,27 @@ const EventSection = (theme) => {
                       }
                     }
                   }
+                },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Event",
+                    options: {
+                      widget: "IconButton"
+                    },
+                    config: {
+                      main: {
+                        onClick: "copyPasteElement",
+                        size: "small",
+                        icon: "PasteIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true
+                      },
+                      style: {
+                        mt: "6px"
+                      }
+                    }
+                  }
                 }
               ]
             },
@@ -7157,6 +7353,26 @@ const EventSection = (theme) => {
                 }
               }
             }
+          },
+          {
+            header: "Copy",
+            field: "Copy_Event",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/Copy_Event",
+              options: {
+                widget: "IconButton"
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  onClick: "copyPasteElement",
+                  tooltipMessage: "Reject This Record",
+                  styleDefault: true
+                }
+              }
+            }
           }
         ]
       }
@@ -7685,6 +7901,27 @@ const TableSection = (theme) => {
                       }
                     }
                   }
+                },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Component",
+                    options: {
+                      widget: "IconButton"
+                    },
+                    config: {
+                      main: {
+                        onClick: "copyPasteElement",
+                        size: "small",
+                        icon: "PasteIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true
+                      },
+                      style: {
+                        mt: "6px"
+                      }
+                    }
+                  }
                 }
               ]
             },
@@ -7744,6 +7981,26 @@ const TableSection = (theme) => {
                 }
               }
             }
+          },
+          {
+            header: "Copy",
+            field: "Copy_Component",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/Copy_Component",
+              options: {
+                widget: "IconButton"
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  onClick: "copyPasteElement",
+                  styleDefault: true,
+                  disabled: false
+                }
+              }
+            }
           }
         ]
       }
@@ -8035,7 +8292,7 @@ const sectionLabels = {
   TreeMap: ["Core", "Components", "Properties", "Event", "Style"],
   ColumnGroup: ["Core", "Components"]
 };
-const refreshPage = (type, store2) => {
+function refreshPage(type, store2) {
   var _a;
   const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
   if (type) {
@@ -8052,8 +8309,11 @@ 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")) {
+    this.ElementPathSetter(UiSchema);
+  }
   store2.setUiSchema(UiSchema);
-};
+}
 var Component = (store2, dynamicData2, submitHandler, service2) => {
   return {
     setPage: async function() {
@@ -8070,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"),
@@ -8165,6 +8429,78 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEventSection");
+    },
+    copyPasteElement: function(paramStore, setPage = this.setPage.bind(this)) {
+      var _a;
+      const [actionType, elementType] = (_a = dynamicData2.path.split(".").pop()) == null ? void 0 : _a.split("_");
+      actionType === "Copy" ? this.CopyElement(paramStore, elementType) : this.PasteElement(setPage, elementType);
+    },
+    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 copiedFormData = getFormdataFromSessionStorage(copiedElementPath);
+      this.ElementPathSetter(uiSchema, copiedFormData);
+      sessionStorage.setItem("copiedConfig", JSON.stringify(copiedFormData));
+      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"));
+      const notificationMessages = {
+        Event: "The pasted content is invalid; the event cannot be integrated into the component section.",
+        Component: "The pasted content is invalid; the component cannot be integrated into the event section."
+      };
+      if (copiedConfig.Handler && elementType === "Component") {
+        store2.setNotify({
+          FailMessage: notificationMessages.Event,
+          Fail: true
+        });
+      } else if (copiedConfig.name && elementType === "Event") {
+        store2.setNotify({
+          FailMessage: notificationMessages.Component,
+          Fail: true
+        });
+      } else {
+        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);
+    },
+    elementPathHandler: function(parentPath, rowId, elementType) {
+      if (elementType === "Component") {
+        return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
+      }
+      return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
+    },
+    ElementPathSetter: function(uiSchema, copiedFormData) {
+      const formData = copiedFormData || JSON.parse(sessionStorage.getItem("copiedConfig"));
+      const elementHeading = formData.name ? `Copied Path: ${formData.pageName} >${formData.name}` : `Copied Path: ${formData.pageName} >${formData.eventType}`;
+      uiSchema.elements[2].elements[1].config.main.heading = elementHeading;
     }
   };
 };
@@ -8191,10 +8527,18 @@ var pageMaster = (funcParams) => {
       return config;
     },
     getUiSchema: function() {
-      return PageMasterUiSchema(store2.theme.myTheme);
+      const UiSchema = _.cloneDeep(PageMasterUiSchema(store2.theme.myTheme));
+      if (sessionStorage.getItem("copiedConfig")) {
+        Component(store2, dynamicData2, submitHandler, service2).ElementPathSetter(UiSchema);
+      }
+      return UiSchema;
     },
     getSchema: () => {
-      return PageMasterSchema;
+      const schema2 = _.cloneDeep(PageMasterSchema);
+      if (sessionStorage.getItem("copiedConfig")) {
+        schema2.properties.RemoveItemButton.disabled = false;
+      }
+      return schema2;
     },
     backHandler: () => {
       sessionStorage.removeItem("pageFormdata");
@@ -8258,6 +8602,12 @@ var pageMaster = (funcParams) => {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpPageMasterEvent");
+    },
+    copyPasteElement: function() {
+      Component(store2, dynamicData2, submitHandler, service2).copyPasteElement(store2, this.setPage.bind(this));
+    },
+    RemoveItemButton: function() {
+      Component(store2, dynamicData2, submitHandler, service2).RemoveItemButton(store2);
     }
   };
 };
@@ -8346,6 +8696,9 @@ const EventSchema = {
           }
         }
       }
+    },
+    RemoveItemButton: {
+      disabled: true
     }
   },
   required: ["eventType", "Handler"]
@@ -8445,6 +8798,27 @@ const EventUiSchema = (theme) => {
                           }
                         }
                       }
+                    },
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Event",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "copyPasteElement",
+                            size: "small",
+                            icon: "PasteIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -8503,20 +8877,83 @@ const EventUiSchema = (theme) => {
                     }
                   }
                 }
+              },
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/Copy_Event",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      onClick: "copyPasteElement",
+                      styleDefault: true
+                    }
+                  }
+                }
               }
             ]
           }
         ]
       },
       {
-        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: "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",
@@ -9050,6 +9487,10 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
           ...functionsName
         ];
       }
+      if (sessionStorage.getItem("copiedConfig")) {
+        Component(store22, dynamicData2, submitHandler, service2).ElementPathSetter(uiSchema);
+        schema2.properties.RemoveItemButton.disabled = false;
+      }
       store22.setSchema(schema2);
       store22.setUiSchema(uiSchema);
     },
@@ -9058,7 +9499,11 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       return EventUiSchema;
     },
     getSchema: () => {
-      return EventSchema;
+      const schema2 = _.cloneDeep(EventSchema);
+      if (sessionStorage.getItem("copiedConfig")) {
+        schema2.properties.RemoveItemButton.disabled = false;
+      }
+      return schema2;
     },
     okHandler: () => okHandler(store2),
     saveHandler: async () => await saveHandler(store2, service2, submitHandler, "PageMaster"),
@@ -9101,6 +9546,12 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEvent");
+    },
+    copyPasteElement: function() {
+      Component(store2, dynamicData2, submitHandler, service2).copyPasteElement(store2, this.setPage.bind(this));
+    },
+    RemoveItemButton: function() {
+      Component(store2, dynamicData2, submitHandler, service2).RemoveItemButton(store2);
     }
   };
 };
@@ -9898,7 +10349,7 @@ var leaderBoard = {
       scope: "#/properties/leaderBoard/properties/firstName",
       config: {
         main: {
-          heading: "No User"
+          heading: "Satendra Raghav"
         },
         style: {
           objectFit: "cover",
@@ -9926,7 +10377,7 @@ var leaderBoard = {
       scope: "#/properties/leaderBoard/properties/secondName",
       config: {
         main: {
-          heading: "No User"
+          heading: "Satendra Raghav"
         },
         style: {
           objectFit: "cover",
@@ -9953,7 +10404,7 @@ var leaderBoard = {
       scope: "#/properties/leaderBoard/properties/thirdName",
       config: {
         main: {
-          heading: "No User"
+          heading: "Satendra Raghav"
         },
         style: {
           objectFit: "cover",
@@ -10108,18 +10559,15 @@ var leaderBoard = {
             fontWeight: 900,
             background: "rgb(179, 198, 255)"
           },
-          top: { xs: "100px", sm: "200px", md: "390px", lg: "390px" },
+          top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
           border: "2px solid rgb(179, 198, 255)",
           width: "95%",
           left: "2.5%",
           margin: "auto"
         },
         main: {
-          disableColumnFilter: true,
           disableAction: true,
-          disableSelection: true,
-          disableGlobalSearch: true,
-          disableSorting: true
+          disableSelection: true
         }
       }
     }