impaktapps-ui-builder 0.0.962 → 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"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -224,6 +245,25 @@ const PageMasterUiSchema = (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
+                    }
+                  }
+                }
               }
             ]
           },
@@ -257,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"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -315,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
+                    }
+                  }
+                }
               }
             ]
           }
@@ -6415,7 +6495,10 @@ const ComponentSchema = {
     name: {
       type: "string"
     },
-    label: { type: "string" }
+    label: { type: "string" },
+    CopyComponent: {
+      disabled: false
+    }
   },
   required: ["name"]
 };
@@ -6774,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"
+          }
         }
       },
       {
@@ -7098,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"
+                      }
+                    }
+                  }
                 }
               ]
             },
@@ -7157,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
+                }
+              }
+            }
           }
         ]
       }
@@ -7534,6 +7664,8 @@ const buildPropertiesSection = function(type) {
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
+        getInputField("leftLabelMargin", "Left Label Margin"),
+        getInputField("leftLabelOffset", "Left Label Offset"),
         emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
@@ -7683,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"
+                      }
+                    }
+                  }
                 }
               ]
             },
@@ -7742,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
+                }
+              }
+            }
           }
         ]
       }
@@ -8163,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();
+      }
     }
   };
 };
@@ -8256,7 +8484,11 @@ var pageMaster = (funcParams) => {
       const rowId = dynamicData2.path.split(".")[1];
       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
   };
 };
 const EventSchema = {
@@ -8443,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"
+                          }
+                        }
+                      }
                     }
                   ]
                 },
@@ -8501,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
+                    }
+                  }
+                }
               }
             ]
           }
@@ -9099,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) => {
@@ -10220,7 +10494,7 @@ const BarGraph = {
   },
   config: {
     main: {},
-    style: { containerStyle: {} }
+    style: { containerStyle: {}, labelStyle: {} }
   }
 };
 const PieGraph = {
@@ -10281,7 +10555,9 @@ const HorizontalBarGraph = {
     main: {
       type: "HorizontalBarGraph"
     },
-    style: {}
+    style: {
+      labelStyle: {}
+    }
   }
 };
 const buildHorizontalBarGraph = (config, componentScope) => {
@@ -10315,6 +10591,14 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.leftLabel) {
     horizontalBarGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.leftLabelMargin) {
+    horizontalBarGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    horizontalBarGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   return horizontalBarGraph;
 };
 var SpeedoMeter = {
@@ -10467,6 +10751,14 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.leftLabel) {
     barGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.leftLabelMargin) {
+    barGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    barGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   barGraph.scope = componentScope;
   return barGraph;
 };
@@ -11315,6 +11607,14 @@ const buildLineGraph = (config, componentScope) => {
   if (config.pieArcColors) {
     lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
+  if (config.leftLabelMargin) {
+    lineGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    lineGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   lineGraph.scope = componentScope;
   return lineGraph;
 };