impaktapps-ui-builder 0.0.963-CopyComponent.7 → 0.0.963-CopyComponent.9

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

@@ -80,6 +80,7 @@ export declare const EventSection: (theme: any) => {
                         icon: string;
                         tooltipMessage: string;
                         onClick: string;
+                        styleDefault?: undefined;
                     };
                     style: {
                         color: any;
@@ -106,6 +107,7 @@ export declare const EventSection: (theme: any) => {
                         tooltipMessage: string;
                         onClick: string;
                         size?: undefined;
+                        styleDefault?: undefined;
                     };
                     style?: undefined;
                 };
@@ -127,6 +129,7 @@ export declare const EventSection: (theme: any) => {
                         icon: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault: boolean;
                         color?: undefined;
                         size?: undefined;
                     };

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

@@ -80,6 +80,7 @@ export declare const TableSection: (theme: any) => {
                         color: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault?: undefined;
                     };
                     style: {
                         color: any;
@@ -103,6 +104,7 @@ export declare const TableSection: (theme: any) => {
                         color: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault?: undefined;
                     };
                     style?: undefined;
                 };
@@ -122,6 +124,7 @@ export declare const TableSection: (theme: any) => {
                     main: {
                         icon: string;
                         onClick: string;
+                        styleDefault: boolean;
                         color?: undefined;
                         tooltipMessage?: undefined;
                     };

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

@@ -65,5 +65,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     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.963-CopyComponent.7",
+    "version": "0.0.963-CopyComponent.9",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -140,27 +140,7 @@ export const EventSection = (theme)=>{
                   // color: "error",
                   onClick: "CopyEvent",
                   tooltipMessage: "Reject This Record",
-                },
-              },
-            },
-          },
-
-          {
-            header: "paste",
-            field: "Paste_Event",
-            flex: 1,
-            widget: {
-              type: "Control",
-              scope: "#/properties/PasteEvent",
-              options: {
-                widget: "IconButton",
-              },
-              config: {
-                main: {
-                  icon: "SendIcon",
-                  // color: "error",
-                  onClick: "PasteEvent",
-                  tooltipMessage: "Reject This Record",
+                  styleDefault: true,
                 },
               },
             },

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

@@ -138,12 +138,11 @@ export const TableSection = (theme) => {
                   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",

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

@@ -228,6 +228,7 @@ export const PageMasterUiSchema: any = (theme) => {
                       icon: "FileCopyIcon",
                       // color: "error",
                       onClick: "CopyComponent",
+                      styleDefault: true,
                     },
                   },
                 },
@@ -371,6 +372,7 @@ export const PageMasterUiSchema: any = (theme) => {
                       icon: "FileCopyIcon",
                       // color: "error",
                       onClick: "CopyEvent",
+                      styleDefault: true,
                     },
                   },
                 },

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

@@ -206,6 +206,7 @@ export const EventUiSchema: any = (theme) => {
                       icon: "FileCopyIcon",
                       // color: "error",
                       onClick: "CopyEvent",
+                      styleDefault: true,
                     },
                   },
                 },

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

@@ -1,4 +1,4 @@
-import _ from "lodash";
+import _, { cloneDeep } from "lodash";
 import { ComponentSchema } from "../elements/UiSchema/Component/schema";
 import { componentBasicUiSchema } from "../elements/UiSchema/Component/uiSchema";
 import { CoreSection } from "../build/uischema/coreSection";
@@ -175,20 +175,34 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
 
 
     CopyComponent: function(){
+      const schema = cloneDeep(store.schema);
+      const uiSchema = cloneDeep(store.uiSchema);
+      schema.properties.CopyComponent.disabled = true;
+       
+
+      
       const rowId = dynamicData.path.split(".")[1];
       const parentPathOfCopiedComponent = store.searchParams?.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));
 
+      store.setSchema(schema);
+      store.setUiSchema(uiSchema);
     },
 
     PasteComponent: function(){
+      // const schema = cloneDeep(store.schema);
+
       const path = store.searchParams?.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){
@@ -197,9 +211,14 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
           Fail: true,
         });
       }
-      saveFormdataInSessionStorage(copiedData, finalPath);
-      sessionStorage.removeItem('copiedConfig');
-      this.setPage();
+      else{
+        saveFormdataInSessionStorage(copiedData, finalPath);
+        sessionStorage.removeItem('copiedConfig');
+
+        // schema.properties.CopyComponent.disabled = false;
+
+        this.setPage();
+      }
     },
 
 
@@ -226,9 +245,11 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
           Fail: true,
         });
       }
-      saveFormdataInSessionStorage(copiedData, finalPath);
-      sessionStorage.removeItem('copiedConfig');
-      this.setPage();
+      else{
+        saveFormdataInSessionStorage(copiedData, finalPath);
+        sessionStorage.removeItem('copiedConfig');
+        this.setPage();
+      }
     }
 
 

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

@@ -140,25 +140,28 @@ export default (
       store.updateDialog("popUpEvent");
     },
 
-    CopyEvent: function(){
-      const rowId = dynamicData.path.split(".")[1];
-      const path = store.searchParams?.get("path");
-      const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
+    CopyEvent: Component(store, dynamicData, submitHandler, service).CopyEvent, 
+    PasteEvent: Component(store, dynamicData, submitHandler, service).PasteEvent, 
 
-      const formData = getFormdataFromSessionStorage(updatedPath);
-      sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
-    },
+    // CopyEvent: function(){
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   const path = store.searchParams?.get("path");
+    //   const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
 
-    PasteEvent: function(){
-      const path = store.searchParams?.get("path");
-      const formData =  getFormdataFromSessionStorage(path)
-      const insertComponentPath = formData.events.length;
+    //   const formData = getFormdataFromSessionStorage(updatedPath);
+    //   sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
+    // },
+
+    // PasteEvent: function(){
+    //   const path = store.searchParams?.get("path");
+    //   const formData =  getFormdataFromSessionStorage(path)
+    //   const insertComponentPath = formData.events.length;
 
-      const finalPath = `${path}.events[${insertComponentPath}]`;
-      const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-      saveFormdataInSessionStorage(copiedData, finalPath);
-      sessionStorage.removeItem('copiedConfig');
-      this.setPage();
-    }
+    //   const finalPath = `${path}.events[${insertComponentPath}]`;
+    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+    //   saveFormdataInSessionStorage(copiedData, finalPath);
+    //   sessionStorage.removeItem('copiedConfig');
+    //   this.setPage();
+    // }
   }
 };

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

@@ -103,33 +103,13 @@ export default (funcParams: funcParamsProps) => {
     },
 
 
-    CopyComponent: function(){
-      const rowId = dynamicData.path.split(".")[1];
-      const parentPathOfCopiedComponent = store.searchParams?.get("path");
-      const copiedComponentPath = parentPathOfCopiedComponent ? `${parentPathOfCopiedComponent}.elements[${rowId}]`  : `elements[${rowId}]`;
-
-      const formData = getFormdataFromSessionStorage(copiedComponentPath);
-      sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
+    CopyComponent:  Component(store, dynamicData, submitHandler, service).CopyComponent,
 
-    },
+    PasteComponent: Component(store, dynamicData, submitHandler, service).PasteComponent,
 
-    PasteComponent: function(){
-      const path = store.searchParams?.get("path");
-      const formData =  getFormdataFromSessionStorage(path)
-      const insertComponentPath = formData.elements.length;
+    CopyEvent: Component(store, dynamicData, submitHandler, service).CopyEvent, 
+    PasteEvent: Component(store, dynamicData, submitHandler, service).PasteEvent, 
 
-      const finalPath = `${path}.elements[${insertComponentPath}]`;
-      const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-      if(!copiedData.elements){
-        store.setNotify({
-          FailMessage: "Pasting not Valid",
-          Fail: true,
-        });
-      }
-      saveFormdataInSessionStorage(copiedData, finalPath);
-      sessionStorage.removeItem('copiedConfig');
-      this.setPage();
-    }
 
     // CopyComponent: function(){
     //   const rowId = dynamicData.path.split(".")[1];