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

package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts

@@ -8,6 +8,7 @@ export declare const BarGraph: {
         main: {};
         style: {
             containerStyle: {};
+            labelStyle: {};
         };
     };
 };
@@ -69,6 +70,8 @@ export declare const HorizontalBarGraph: {
         main: {
             type: string;
         };
-        style: {};
+        style: {
+            labelStyle: {};
+        };
     };
 };

package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts

@@ -63,5 +63,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     deleteEvent: () => void;
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => void;
+    CopyComponent: () => void;
+    PasteComponent: () => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.962",
+    "version": "0.0.963-CopyComponent.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts

@@ -2,43 +2,48 @@ import { createLayoutFormat } from "./buildConfig";
 import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
-
-const buildHorizontalBarGraph = (config:any,componentScope:string) => {
-    const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
-    horizontalBarGraph.scope = componentScope;
-    if (config.layout) {
-      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
-    }
-    horizontalBarGraph.config.main.type = config.graphType;
-    horizontalBarGraph.scope = componentScope;
-    horizontalBarGraph.config.main.header = config.heading;
-    if (config.barColor) {
-      horizontalBarGraph.config.barStyle.color = config.barColor;
-    }
-    if (config.xAxisValue) {
-      horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
-    }
-    if (config.containerBackground) {
-      horizontalBarGraph.config.containerStyle.background =
-        config.containerBackground;
-    }
-    if (config.height) {
-      horizontalBarGraph.config.style =
-    {
+const buildHorizontalBarGraph = (config: any, componentScope: string) => {
+  const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
+  horizontalBarGraph.scope = componentScope;
+  if (config.layout) {
+    horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
+  }
+  horizontalBarGraph.config.main.type = config.graphType;
+  horizontalBarGraph.scope = componentScope;
+  horizontalBarGraph.config.main.header = config.heading;
+  if (config.barColor) {
+    horizontalBarGraph.config.barStyle.color = config.barColor;
+  }
+  if (config.xAxisValue) {
+    horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
+  }
+  if (config.containerBackground) {
+    horizontalBarGraph.config.containerStyle.background =
+      config.containerBackground;
+  }
+  if (config.height) {
+    horizontalBarGraph.config.style = {
       containerStyle: {
-        height: config.height
-      }
-    }
-
-    }
-    if (config.bottomLabel) {
-      horizontalBarGraph.config.main.bottomLabel =
-        config.bottomLabel;
-    }
-    if (config.leftLabel) {
-      horizontalBarGraph.config.main.leftLabel = config.leftLabel;
-    }
-    return horizontalBarGraph
-}
+        height: config.height,
+      },
+    };
+  }
+  if (config.bottomLabel) {
+    horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
+  }
+  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;
+};
 
-export default buildHorizontalBarGraph
+export default buildHorizontalBarGraph;

package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts

@@ -33,6 +33,15 @@ export 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;
 }

package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts

@@ -27,6 +27,15 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     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;
 } 

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -407,6 +407,8 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
+        getInputField("leftLabelMargin", "Left Label Margin"),
+        getInputField("leftLabelOffset", "Left Label Offset"),
         emptyBox("GraphEmpty1", {xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),

package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts

@@ -8,7 +8,7 @@ export const BarGraph = {
   config: {
     main: {
     },
-    style: { containerStyle: {} }
+    style: { containerStyle: {},labelStyle:{} }
   },
 };
 
@@ -72,7 +72,7 @@ export const HorizontalBarGraph = {
       type: "HorizontalBarGraph",
     },
     style:{
-      
+      labelStyle:{}
     }
   },
 };

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -187,7 +187,50 @@ export const PageMasterUiSchema: any = (theme) => {
                     },
                   },
                 },
-              }
+              },
+
+              {
+                header: "Copy",
+                field: "Copy_Component",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/CopyComponent",
+                  options: {
+                    widget: "IconButton",
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      // color: "error",
+                      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",
+                      // color: "error",
+                      onClick: "PasteComponent",
+                      tooltipMessage: "Reject This Record",
+                    },
+                  },
+                },
+              },
+
             ]
           },
           {

package/src/impaktapps-ui-builder/builder/services/pageMaster.ts

@@ -101,5 +101,30 @@ export default (funcParams: funcParamsProps) => {
       sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpPageMasterEvent");
     },
+
+    CopyComponent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      const path = store.searchParams?.get("path");
+      const id = store.searchParams?.get("id");
+
+      const formData = getFormdataFromSessionStorage(path);
+      sessionStorage.setItem('copiedComponent',formData);
+
+    },
+    
+    PasteComponent: function(){
+      const path = store.searchParams?.get("path");
+      const rowId = dynamicData.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')
+
+    }
   }
 };