impaktapps-ui-builder 0.0.963-copyElement.1016 → 0.0.963-copyElement.1017

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

@@ -16,10 +16,10 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     backHandler: () => void;
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => void;
-    CopyComponent: (paramStore?: any) => void;
-    PasteComponent: (paramStore?: any, setPage?: any) => void;
+    copyPasteElement: (paramStore: any, setPage?: any) => void;
+    elementPathHandler: (parentPath: string, rowId: any, elementType: string) => string;
+    CopyElement: (paramStore: any, elementType: string) => void;
+    PasteElement: (setPage: any, elementType: string) => void;
     RemoveItemButton: (paramStore?: any) => void;
-    CopyEvent: (store: any) => void;
-    PasteEvent: (store: any) => void;
 };
 export default _default;

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

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

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

@@ -66,10 +66,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     deleteEvent: () => void;
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => void;
-    CopyComponent: () => void;
-    PasteComponent: () => void;
+    copyPasteElement: () => void;
     RemoveItemButton: () => void;
-    CopyEvent: () => void;
-    PasteEvent: () => void;
 };
 export default _default;

package/package.json

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

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

@@ -41,7 +41,7 @@ export const EventSection = (theme)=>{
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Icon",
+                    scope: "#/properties/Paste_Event",
 
                     options: {
                       widget: "IconButton",
@@ -49,7 +49,7 @@ export const EventSection = (theme)=>{
                     config: {
                       main: {
                         // color: "info",
-                        onClick: "PasteEvent",
+                        onClick: "copyPasteElement",
                         size: "small",
                         icon: "PasteIcon",
                         iconLabel: "Paste",
@@ -127,15 +127,13 @@ export const EventSection = (theme)=>{
               },
             },
           },
-
-           ///////////////////////////////
           {
             header: "Copy",
             field: "Copy_Event",
             flex: 1,
             widget: {
               type: "Control",
-              scope: "#/properties/CopyEvent",
+              scope: "#/properties/Copy_Event",
               options: {
                 widget: "IconButton",
               },
@@ -143,15 +141,13 @@ export const EventSection = (theme)=>{
                 main: {
                   icon: "FileCopyIcon",
                   // color: "error",
-                  onClick: "CopyEvent",
+                  onClick: "copyPasteElement",
                   tooltipMessage: "Reject This Record",
                   styleDefault: true,
                 },
               },
             },
           },
-          
-          ////////////////////////////////
         ]
       }]}
       return uiSchema

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

@@ -40,7 +40,7 @@ export const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Icon",
+                    scope: "#/properties/Paste_Component",
 
                     options: {
                       widget: "IconButton",
@@ -48,7 +48,7 @@ export const TableSection = (theme) => {
                     config: {
                       main: {
                         // color: "info",
-                        onClick: "PasteComponent",
+                        onClick: "copyPasteElement",
                         size: "small",
                         icon: "PasteIcon",
                         iconLabel: "Paste",
@@ -131,7 +131,7 @@ export const TableSection = (theme) => {
             flex: 1,
             widget: {
               type: "Control",
-              scope: "#/properties/CopyComponent",
+              scope: "#/properties/Copy_Component",
               options: {
                 widget: "IconButton",
               },
@@ -139,7 +139,7 @@ export const TableSection = (theme) => {
                 main: {
                   icon: "FileCopyIcon",
                   // color: "error",
-                  onClick: "CopyComponent",
+                  onClick: "copyPasteElement",
                   styleDefault: true,
                   disabled: false
                 },

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

@@ -131,7 +131,7 @@ export const PageMasterUiSchema: any = (theme) => {
                     {
                       widget: {
                         type: "Control",
-                        scope: "#/properties/Paste_Icon",
+                        scope: "#/properties/Paste_Component",
 
                         options: {
                           widget: "IconButton",
@@ -139,7 +139,7 @@ export const PageMasterUiSchema: any = (theme) => {
                         config: {
                           main: {
                             // color: "info",
-                            onClick: "PasteComponent",
+                            onClick: "copyPasteElement",
                             size: "small",
                             icon: "PasteIcon",
                             iconLabel: "Paste",
@@ -219,7 +219,7 @@ export const PageMasterUiSchema: any = (theme) => {
                 flex: 1,
                 widget: {
                   type: "Control",
-                  scope: "#/properties/CopyComponent",
+                  scope: "#/properties/Copy_Component",
                   options: {
                     widget: "IconButton",
                   },
@@ -227,7 +227,7 @@ export const PageMasterUiSchema: any = (theme) => {
                     main: {
                       icon: "FileCopyIcon",
                       // color: "error",
-                      onClick: "CopyComponent",
+                      onClick: "copyPasteElement",
                       styleDefault: true,
                     },
                   },
@@ -271,10 +271,12 @@ export const PageMasterUiSchema: any = (theme) => {
                       }
                     },
 
+                    /////////////////
+
                     {
                       widget: {
                         type: "Control",
-                        scope: "#/properties/Paste_Icon",
+                        scope: "#/properties/Paste_Event",
 
                         options: {
                           widget: "IconButton",
@@ -282,7 +284,7 @@ export const PageMasterUiSchema: any = (theme) => {
                         config: {
                           main: {
                             // color: "info",
-                            onClick: "PasteEvent",
+                            onClick: "copyPasteElement",
                             size: "small",
                             icon: "PasteIcon",
                             iconLabel: "Paste",
@@ -363,7 +365,7 @@ export const PageMasterUiSchema: any = (theme) => {
                 flex: 1,
                 widget: {
                   type: "Control",
-                  scope: "#/properties/CopyEvent",
+                  scope: "#/properties/Copy_Event",
                   options: {
                     widget: "IconButton",
                   },
@@ -371,7 +373,7 @@ export const PageMasterUiSchema: any = (theme) => {
                     main: {
                       icon: "FileCopyIcon",
                       // color: "error",
-                      onClick: "CopyEvent",
+                      onClick: "copyPasteElement",
                       styleDefault: true,
                     },
                   },

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

@@ -110,7 +110,7 @@ export const EventUiSchema: any = (theme) => {
                     {
                       widget: {
                         type: "Control",
-                        scope: "#/properties/Paste_Icon",
+                        scope: "#/properties/Paste_Event",
     
                         options: {
                           widget: "IconButton",
@@ -118,7 +118,7 @@ export const EventUiSchema: any = (theme) => {
                         config: {
                           main: {
                             // color: "info",
-                            onClick: "PasteEvent",
+                            onClick: "copyPasteElement",
                             size: "small",
                             icon: "PasteIcon",
                             iconLabel: "Paste",
@@ -197,7 +197,7 @@ export const EventUiSchema: any = (theme) => {
                 flex: 1,
                 widget: {
                   type: "Control",
-                  scope: "#/properties/CopyEvent",
+                  scope: "#/properties/Copy_Event",
                   options: {
                     widget: "IconButton",
                   },
@@ -205,7 +205,7 @@ export const EventUiSchema: any = (theme) => {
                     main: {
                       icon: "FileCopyIcon",
                       // color: "error",
-                      onClick: "CopyEvent",
+                      onClick: "copyPasteElement",
                       styleDefault: true,
                     },
                   },

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

@@ -181,182 +181,89 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       store.updateDialog("popUpEventSection");
     },
 
-
+    copyPasteElement: function(paramStore: any, setPage: any = this.setPage.bind(this) ){
+        
+        // Paste_Event // Paste_Component //Copy_Event //Copy_Component
+        const actionType = dynamicData.tableButtonPath.split('_')[0];
+        const elementType = dynamicData.tableButtonPath.split('_')[1];
+        
+        if(actionType === "Copy"){
+          this.CopyElement(paramStore, elementType);
+        }else{
+          this.PasteElement(setPage, elementType);
+        }
+    },
 
     
-    CopyComponent: function(paramStore = store){
-      if (sessionStorage.getItem("copiedConfig") ) {
-        store.setNotify({
-          FailMessage: "Element already copied. Cancel to copy again.",
-          Fail: true,
-        });
+    elementPathHandler: function(parentPath: string, rowId, elementType: string){
+      if(elementType === "component"){
+         return parentPath ? `${parentPath}.elements[${rowId}]`  : `elements[${rowId}]`;
       }
-      else{
-        const schema = cloneDeep(paramStore.schema );
-        const uiSchema = cloneDeep(paramStore.uiSchema );
-        schema.properties.RemoveItemButton.disabled = false;
-        // schema.properties.Paste_Icon.disabled = false;
-       
-        const rowId = dynamicData.path.split(".")[1];
-        const parentPathOfCopiedComponent = store.searchParams?.get("path");
-        const copiedComponentPath = parentPathOfCopiedComponent ? `${parentPathOfCopiedComponent}.elements[${rowId}]`  : `elements[${rowId}]`;
+      return parentPath ? `${parentPath}.events[${rowId}]`  : `events[${rowId}]`;
+    },
 
-        const formData = getFormdataFromSessionStorage(copiedComponentPath);
+    CopyElement: function(paramStore: any = store, elementType: string){
 
-        uiSchema.elements[2].elements[1].config.main.heading  = `Copied Element: ${formData.name}`;
+      const schema = cloneDeep(paramStore.schema );
+      const uiSchema = cloneDeep(paramStore.uiSchema );
+      schema.properties.RemoveItemButton.disabled = false;
+      const rowId = dynamicData.path.split(".")[1];
+      const parentPathOfCopiedComponent = store.searchParams?.get("path");
+      
+      const copiedElementPath = this.elementPathHandler(parentPathOfCopiedComponent, rowId, elementType);
+
+      const formData = getFormdataFromSessionStorage(copiedElementPath);
+      const elementHeading = elementType === "component" ? `Copied Element: ${formData.name}` : `Copied Event: ${formData.eventType} `;
+      uiSchema.elements[2].elements[1].config.main.heading  = elementHeading;
+      sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
+      store.setSchema(schema);
+      store.setUiSchema(uiSchema);
+    }, 
 
-        sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
 
-        store.setSchema(schema);
-        store.setUiSchema(uiSchema);
-      }
-    },
 
-    PasteComponent: function(paramStore = store, setPage = this.setPage.bind(this)){
+    PasteElement: function( setPage , elementType: string){
       if (!sessionStorage.getItem("copiedConfig") ) {
         store.setNotify({
           FailMessage: "No item has been copied.",
           Fail: true,
         });
+        return;
       }
-      else{
-        const path = store.searchParams?.get("path");
-        const rowId = dynamicData.path.split(".")[1];
-
-        const formData =  getFormdataFromSessionStorage(path)
-        const insertComponentPath = formData.elements.length;
-        // const finalPath = `${path}.elements[${insertComponentPath}]`;
-
-        const finalPath = path ? `${path}.elements[${insertComponentPath}]`  : `elements[${insertComponentPath}]`;
+      const pastedElementParentPath = store.searchParams?.get("path");
+      const formData =  getFormdataFromSessionStorage(pastedElementParentPath);
+      const insertElementIndex =  elementType === "component" ? formData.elements.length : formData.events.length;
+      const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
 
-        const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-        if(copiedData.Handler){
-          store.setNotify({
-            FailMessage: "Pasting element not Valid",
-            Fail: true,
-          });
-        }
-        else{
-          saveFormdataInSessionStorage(copiedData, finalPath);
-          // sessionStorage.removeItem('copiedConfig');
-          setPage();
-        }
+      const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      if(copiedConfig.Handler && elementType === "component"){
+        store.setNotify({
+          FailMessage: "The pasted content is invalid; the event cannot be integrated into the component section.",
+          Fail: true,
+        });
+      }
+      else if(copiedConfig.elements && elementType === "event"){
+        store.setNotify({
+          FailMessage: "The pasted content is invalid; the component cannot be integrated into the event section.",
+          Fail: true,
+        });
+      }
+      else{
+        saveFormdataInSessionStorage(copiedConfig, pastedElementPath);
+        setPage();
       }
-      // const schema = cloneDeep(store.schema);
-
-      
     },
 
+    
     RemoveItemButton: function(paramStore = store){
       const schema = cloneDeep(paramStore.schema );
       const uiSchema = cloneDeep(paramStore.uiSchema);
       schema.properties.RemoveItemButton.disabled = true;
       uiSchema.elements[2].elements[1].config.main.heading = `No element copied`;
-      // schema.properties.Paste_Icon.disabled = true;
       sessionStorage.removeItem('copiedConfig');
       store.setSchema(schema);
       store.setUiSchema(uiSchema);
     },
 
-
-    CopyEvent: function(store){
-      const rowId = dynamicData.path.split(".")[1];
-      const path = store.searchParams?.get("path");
-      const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
-
-      const formData = getFormdataFromSessionStorage(updatedPath);
-      sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
-    },
-
-    PasteEvent: function(store){
-      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"));
-      if(!copiedData.events){
-        store.setNotify({
-          FailMessage: "Pasting not Valid",
-          Fail: true,
-        });
-      }
-      else{
-        saveFormdataInSessionStorage(copiedData, finalPath);
-        sessionStorage.removeItem('copiedConfig');
-        this.setPage();
-      }
-    }
-
-
-
-
-
-
-
-
-    // CopyComponent: function(){
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   const path = store.searchParams?.get("path");
-    
-    //   // const updatedPath = `${path}.elements[${rowId}]`;
-    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
-
-    //   const formData = getFormdataFromSessionStorage(updatedPath);
-    //   // sessionStorage.setItem('copiedComponent',formData);
-    //   sessionStorage.setItem('copiedComponent',JSON.stringify(formData));
-
-    // },
-    
-    // PasteComponent: function(){
-    //   const path = store.searchParams?.get("path");
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   // const updatedPath = `${path}.elements[${rowId}]`;
-    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
-    //   const formData =  getFormdataFromSessionStorage(updatedPath)
-    //   const insertComponentPath = formData.elements.length;
-
-    //   const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
-
-    //   // const copiedData = sessionStorage.getItem('copiedComponent');
-    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
-    //   saveFormdataInSessionStorage(copiedData, finalPath);
-    //   sessionStorage.removeItem('copiedComponent');
-    //   this.setPage();
-
-    // },
-
-    
-
-    // CopyEvent: function(){
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   const path = store.searchParams?.get("path");
-    
-    //   // const updatedPath = `${path}.elements[${rowId}]`;
-    //   const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
-
-    //   const formData = getFormdataFromSessionStorage(updatedPath);
-    //   // sessionStorage.setItem('copiedComponent',formData);
-    //   sessionStorage.setItem('copiedComponent',JSON.stringify(formData));
-    // },
-
-    // PasteEvent: function(){
-    //   const path = store.searchParams?.get("path");
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   // const updatedPath = `${path}.elements[${rowId}]`;
-    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
-    //   const formData =  getFormdataFromSessionStorage(updatedPath)
-    //   const insertComponentPath = formData.elements.length;
-
-    //   const finalPath = `${updatedPath}.events[${insertComponentPath}]`;
-
-    //   // const copiedData = sessionStorage.getItem('copiedComponent');
-    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
-    //   saveFormdataInSessionStorage(copiedData, finalPath);
-    //   sessionStorage.removeItem('copiedComponent');
-    //   this.setPage();
-    // }
-
   }
 };

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

@@ -140,28 +140,13 @@ export default (
       store.updateDialog("popUpEvent");
     },
 
-    CopyEvent: Component(store, dynamicData, submitHandler, service).CopyEvent, 
-    PasteEvent: Component(store, dynamicData, submitHandler, service).PasteEvent, 
-
-    // CopyEvent: function(){
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   const path = store.searchParams?.get("path");
-    //   const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
-
-    //   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;
+    copyPasteElement:  function(){
+      Component(store, dynamicData, submitHandler, service).copyPasteElement(store,this.setPage.bind(this));
+    },
+    
+    RemoveItemButton: function(){
+      Component(store, dynamicData, submitHandler, service).RemoveItemButton(store)
+    },
 
-    //   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

@@ -112,61 +112,13 @@ export default (funcParams: funcParamsProps) => {
     },
 
 
-    CopyComponent:  function(){
-      Component(store, dynamicData, submitHandler, service).CopyComponent(store)
-    },
-    
-
-    PasteComponent: function(){
-      // Component(store, dynamicData, submitHandler, service).PasteComponent(store,this.setPage)
-      const component = Component(store, dynamicData, submitHandler, service);
-      component.PasteComponent(store, this.setPage.bind(this));
+    copyPasteElement:  function(){
+      Component(store, dynamicData, submitHandler, service).copyPasteElement(store,this.setPage.bind(this));
     },
     
     RemoveItemButton: function(){
       Component(store, dynamicData, submitHandler, service).RemoveItemButton(store)
     },
-
-    CopyEvent: function(){
-      Component(store, dynamicData, submitHandler, service).CopyEvent(store)
-    },
-
-    
-    PasteEvent: function(){
-      Component(store, dynamicData, submitHandler, service).PasteEvent(store)
-    },
-
     
-     
-
-
-    // CopyComponent: function(){
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   const path = store.searchParams?.get("path");
-    //   const id = store.searchParams?.get("id");
-    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
-
-    //   const formData = getFormdataFromSessionStorage(updatedPath);
-    //   sessionStorage.setItem('copiedComponent',JSON.stringify(formData));
-
-    // },
-    
-    // PasteComponent: function(){
-    //   const path = store.searchParams?.get("path");
-    //   const rowId = dynamicData.path.split(".")[1];
-    //   // const updatedPath = `${path}.elements[${rowId}]`;
-    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
-    //   const formData =  getFormdataFromSessionStorage(updatedPath)
-    //   const insertComponentPath = formData.elements.length;
-
-    //   const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
-
-    //   // const copiedData = sessionStorage.getItem('copiedComponent');
-    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
-    //   saveFormdataInSessionStorage(copiedData, finalPath);
-    //   sessionStorage.removeItem('copiedComponent');
-
-    //   this.setPage();
-    // }
   }
 };