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

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

@@ -224,6 +224,44 @@ 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",
+                      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"
+                    }
+                  }
+                }
               }
             ]
           },
@@ -7534,6 +7572,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"),
@@ -8256,6 +8296,26 @@ var pageMaster = (funcParams) => {
       const rowId = dynamicData2.path.split(".")[1];
       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");
     }
   };
 };
@@ -9466,7 +9526,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
       const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
@@ -9498,7 +9558,6 @@ var service = (funcParams) => {
               flexDirection: "row",
               position: "absolute",
               bottom: 0,
-              marginBottom: "-8px",
               height: "fit-content",
               overflow: "hidden",
               zIndex: 1e3,
@@ -9517,22 +9576,23 @@ var service = (funcParams) => {
                   heading: "Copywriter@ACT21.IO"
                 },
                 style: {
-                  color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
+                  color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
                   fontSize: "12px",
                   textAlign: "center",
-                  lineHeight: 1,
+                  lineHeight: 2,
                   width: "fit-content",
                   left: "50%",
                   position: "relative",
                   margin: 0,
                   flexGrow: 1,
-                  height: 0
+                  height: 0,
+                  transform: "translate(-50%, 0%)"
                 }
               }
             },
             {
               type: "Control",
-              scope: "#/properties/backIcon",
+              scope: "#/properties/FooterBackIcon",
               options: {
                 widget: "Box"
               },
@@ -9543,24 +9603,24 @@ var service = (funcParams) => {
                   width: "fit-content"
                 },
                 style: {
-                  fill: theme.palette.primary.main,
+                  fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
                   width: 20,
                   height: 0,
-                  margin: 0,
                   top: 0,
                   right: { xs: "12px", sm: "84px" },
                   position: "absolute",
                   fontSize: "12px",
                   cursor: "pointer",
                   ":hover": {
-                    fill: theme.palette.primary.dark
-                  }
+                    fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
+                  },
+                  marginRight: "13px"
                 }
               }
             },
             {
               type: "Control",
-              scope: "#/properties/text",
+              scope: "#/properties/FooterBackHandlerText",
               options: {
                 widget: "Box"
               },
@@ -9575,24 +9635,24 @@ var service = (funcParams) => {
                   lineHeight: 1,
                   height: 0,
                   width: "fit-content",
-                  color: theme.palette.primary.main,
-                  fontSize: "12px",
+                  color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
+                  fontSize: "14px",
                   cursor: "pointer",
                   marginLeft: "2px",
-                  marginRight: 0,
                   top: 3,
                   right: "12px",
                   position: "absolute",
                   ":hover": {
-                    color: theme.palette.primary.dark
-                  }
+                    color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
+                  },
+                  marginRight: "4px"
                 }
               }
             }
           ]
         }
       );
-      const schema2 = (_d = pageData == null ? void 0 : pageData.schema) != null ? _d : { type: "object", properties: {} };
+      const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
       eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {},
@@ -10220,7 +10280,7 @@ const BarGraph = {
   },
   config: {
     main: {},
-    style: { containerStyle: {} }
+    style: { containerStyle: {}, labelStyle: {} }
   }
 };
 const PieGraph = {
@@ -10281,7 +10341,9 @@ const HorizontalBarGraph = {
     main: {
       type: "HorizontalBarGraph"
     },
-    style: {}
+    style: {
+      labelStyle: {}
+    }
   }
 };
 const buildHorizontalBarGraph = (config, componentScope) => {
@@ -10315,6 +10377,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 +10537,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 +11393,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;
 };