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

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

@@ -9,7 +9,7 @@ export declare const EventSection: (theme: any) => {
         config: {
             main: {
                 headerIcons: {
-                    elements: {
+                    elements: ({
                         widget: {
                             type: string;
                             scope: string;
@@ -30,7 +30,28 @@ export declare const EventSection: (theme: any) => {
                                 };
                             };
                         };
-                    }[];
+                    } | {
+                        widget: {
+                            type: string;
+                            scope: string;
+                            options: {
+                                widget: string;
+                            };
+                            config: {
+                                main: {
+                                    onClick: string;
+                                    size: string;
+                                    icon: string;
+                                    iconLabel: string;
+                                    styleDefault: boolean;
+                                    color?: undefined;
+                                };
+                                style: {
+                                    mt: string;
+                                };
+                            };
+                        };
+                    })[];
                 };
                 disableAction: boolean;
                 disableSelection: boolean;
@@ -41,6 +62,8 @@ export declare const EventSection: (theme: any) => {
             accessorKey: string;
             header: string;
             widget?: undefined;
+            field?: undefined;
+            flex?: undefined;
         } | {
             accessorKey: string;
             header: string;
@@ -57,6 +80,7 @@ export declare const EventSection: (theme: any) => {
                         icon: string;
                         tooltipMessage: string;
                         onClick: string;
+                        styleDefault?: undefined;
                     };
                     style: {
                         color: any;
@@ -64,6 +88,8 @@ export declare const EventSection: (theme: any) => {
                 };
                 accessorKeyName?: undefined;
             };
+            field?: undefined;
+            flex?: undefined;
         } | {
             accessorKey: string;
             header: string;
@@ -81,10 +107,37 @@ export declare const EventSection: (theme: any) => {
                         tooltipMessage: string;
                         onClick: string;
                         size?: undefined;
+                        styleDefault?: undefined;
                     };
                     style?: undefined;
                 };
             };
+            field?: undefined;
+            flex?: undefined;
+        } | {
+            header: string;
+            field: string;
+            flex: number;
+            widget: {
+                type: string;
+                scope: string;
+                options: {
+                    widget: string;
+                };
+                config: {
+                    main: {
+                        icon: string;
+                        onClick: string;
+                        tooltipMessage: string;
+                        styleDefault: boolean;
+                        color?: undefined;
+                        size?: undefined;
+                    };
+                    style?: undefined;
+                };
+                accessorKeyName?: undefined;
+            };
+            accessorKey?: undefined;
         })[];
     }[];
 };

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/build/uischema/tableSection.d.ts

@@ -9,7 +9,7 @@ export declare const TableSection: (theme: any) => {
         config: {
             main: {
                 headerIcons: {
-                    elements: {
+                    elements: ({
                         widget: {
                             type: string;
                             scope: string;
@@ -30,7 +30,28 @@ export declare const TableSection: (theme: any) => {
                                 };
                             };
                         };
-                    }[];
+                    } | {
+                        widget: {
+                            type: string;
+                            scope: string;
+                            options: {
+                                widget: string;
+                            };
+                            config: {
+                                main: {
+                                    onClick: string;
+                                    size: string;
+                                    icon: string;
+                                    iconLabel: string;
+                                    styleDefault: boolean;
+                                    color?: undefined;
+                                };
+                                style: {
+                                    mt: string;
+                                };
+                            };
+                        };
+                    })[];
                 };
                 disableAction: boolean;
                 disableSelection: boolean;
@@ -59,6 +80,7 @@ export declare const TableSection: (theme: any) => {
                         color: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault?: undefined;
                     };
                     style: {
                         color: any;
@@ -82,6 +104,29 @@ export declare const TableSection: (theme: any) => {
                         color: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault?: undefined;
+                    };
+                    style?: undefined;
+                };
+            };
+            accessorKey?: undefined;
+        } | {
+            header: string;
+            field: string;
+            flex: number;
+            widget: {
+                type: string;
+                scope: string;
+                options: {
+                    widget: string;
+                };
+                config: {
+                    main: {
+                        icon: string;
+                        onClick: string;
+                        styleDefault: boolean;
+                        color?: undefined;
+                        tooltipMessage?: undefined;
                     };
                     style?: undefined;
                 };

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

@@ -16,5 +16,9 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     backHandler: () => void;
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => void;
+    CopyComponent: () => void;
+    PasteComponent: () => void;
+    CopyEvent: () => void;
+    PasteEvent: () => void;
 };
 export default _default;

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

@@ -87,5 +87,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     deleteEvent: () => Promise<void>;
     backHandler: () => void;
     deletePopUpEvent: () => void;
+    CopyEvent: () => void;
+    PasteEvent: () => void;
 };
 export default _default;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.962",
+    "version": "0.0.963-CopyComponent.10",
     "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/eventSection.ts

@@ -35,6 +35,30 @@ export const EventSection = (theme)=>{
                     },
                   }
                 },
+
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Icon",
+
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        // color: "info",
+                        onClick: "PasteEvent",
+                        size: "small",
+                        icon: "SendIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
               ]
             },  
             disableAction: true,
@@ -98,6 +122,29 @@ export const EventSection = (theme)=>{
               },
             },
           },
+
+
+          {
+            header: "Copy",
+            field: "Copy_Event",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/CopyEvent",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  // color: "error",
+                  onClick: "CopyEvent",
+                  tooltipMessage: "Reject This Record",
+                  styleDefault: true,
+                },
+              },
+            },
+          },
         ]
       }]}
       return uiSchema

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/build/uischema/tableSection.ts

@@ -35,6 +35,31 @@ export const TableSection = (theme) => {
                     },
                   }
                 },
+
+
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Icon",
+
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        // color: "info",
+                        onClick: "PasteComponent",
+                        size: "small",
+                        icon: "SendIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
               ]
             },
             disableAction: true,
@@ -95,7 +120,29 @@ export const TableSection = (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",
+                  styleDefault: true,
+                },
+              },
+            },
+          },
         ]
       }]
   }

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -341,7 +341,11 @@ export const ComponentSchema: any = {
     name: {
       type: "string",
     },
-    label: { type: 'string' }
+    label: { type: 'string' },
+
+    CopyComponent:{
+      disabled: false,
+    }
   },
 
   required: ["name",]

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

@@ -363,17 +363,39 @@ export const componentBasicUiSchema: any = (theme)=>{
             },
           },
         ]
-      },
+    },
+
+
+
     {
       type: "Control",
-      scope: "#/properties/EmptyBox",
+      scope: "#/properties/copiedElementDetails",
+
       options: {
-        widget: "EmptyBox",
+        widget: "Box",
       },
       config: {
         layout: { xs: 4, sm: 8 },
+        main: {
+          heading: "",
+        },
+        style: {
+          float: "left"
+        }
       },
     },
+
+
+    // {
+    //   type: "Control",
+    //   scope: "#/properties/EmptyBox",
+    //   options: {
+    //     widget: "EmptyBox",
+    //   },
+    //   config: {
+    //     layout: { xs: 4, sm: 8 },
+    //   },
+    // },
     {
       type: "Control",
       scope: "#/properties/btn",