impaktapps-ui-builder 0.0.963-copyElement.1025 → 0.0.963-copyElement.1027

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

@@ -1,7 +1,7 @@
-export declare const refreshPage: (type: string, store: any) => void;
+export declare function refreshPage(type: string, store: any): void;
 declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
     setPage: () => Promise<void>;
-    refreshPage: (type: string, store: any) => void;
+    refreshPage: typeof refreshPage;
     getFormdata: () => any;
     getSchema: () => any;
     okHandler: () => void;
@@ -17,9 +17,10 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => 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;
+    elementPathHandler: (parentPath: string, rowId: any, elementType: string) => string;
+    ElementPathSetter: (uiSchema: any) => void;
 };
 export default _default;

package/package.json

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

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

@@ -35,9 +35,6 @@ export const EventSection = (theme)=>{
                     },
                   }
                 },
-
-
-                ////////////////////
                 {
                   widget: {
                     type: "Control",

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

@@ -35,8 +35,6 @@ export const TableSection = (theme) => {
                     },
                   }
                 },
-
-                /////////////////////////////////////////
                 {
                   widget: {
                     type: "Control",
@@ -60,8 +58,6 @@ export const TableSection = (theme) => {
                     },
                   }
                 },
-
-                /////////////////////////////////////////
               ]
             },
             disableAction: true,
@@ -123,8 +119,6 @@ export const TableSection = (theme) => {
               },
             },
           },
-
-          ////////////////////////////////////////
           {
             header: "Copy",
             field: "Copy_Component",
@@ -146,8 +140,6 @@ export const TableSection = (theme) => {
               },
             },
           },
-
-          ///////////////////////////////////////
         ]
       }]
   }

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

@@ -342,11 +342,9 @@ export const ComponentSchema: any = {
       type: "string",
     },
     label: { type: 'string' },
-
     RemoveItemButton:{
       disabled: true,
     },
-   
   },
 
   required: ["name",]

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

@@ -178,7 +178,6 @@ export const componentBasicUiSchema: any = (theme)=>{
         },
       ],
     },
-    
     {
       type: "HorizontalLayout",
       config: {
@@ -463,9 +462,6 @@ export const componentBasicUiSchema: any = (theme)=>{
           },
         ]
     },
-
-   //////////////////////////////////////
-
     {
       type: "Control",
       scope: "#/properties/notify",

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

@@ -43,10 +43,7 @@ export const PageMasterSchema  = {
       },
     RemoveItemButton:{
       disabled: true
-    },
-    // Paste_Icon:{
-    //   disabled: true,
-    // }
+    }
 },
 required:["template","name", "label"]
 }

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

@@ -271,8 +271,6 @@ export const PageMasterUiSchema: any = (theme) => {
                       }
                     },
 
-                    /////////////////
-
                     {
                       widget: {
                         type: "Control",
@@ -441,7 +439,6 @@ export const PageMasterUiSchema: any = (theme) => {
           },
         ]
       },
-  
       {
         type: "Control",
         scope: "#/properties/btn",

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

@@ -41,9 +41,7 @@ const sectionLabels = {
   ColumnGroup: ["Core", "Components"]
 }
 
-
-
-export const refreshPage = (type: string, store: any) => {
+export function refreshPage (type: string, store: any) {
   const UiSchema = _.cloneDeep(componentBasicUiSchema(store.theme.myTheme))
   if (type) {
     const sectionUiSchema = {
@@ -58,13 +56,9 @@ export const refreshPage = (type: string, store: any) => {
     const elements = sectionLabels[type]?.map(e => sectionUiSchema[e]);
     UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
     UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection(store.theme.myTheme), ValidationSection];
-
   }
   if (sessionStorage.getItem("copiedConfig") ) {
-    const formData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-    const elementHeading = formData.name ? `Copied Element: ${formData.name}` : `Copied Event: ${formData.eventType} `;
-    UiSchema.elements[2].elements[1].config.main.heading  = elementHeading;
-    // UiSchema.elements[2].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
+    this.ElementPathSetter(UiSchema);
   }
   store.setUiSchema(UiSchema);
 }
@@ -184,50 +178,25 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
 
     copyPasteElement: function(paramStore: any, setPage: any = this.setPage.bind(this) ){
-        
-        // Paste_Event // Paste_Component //Copy_Event //Copy_Component
-        // elements.0.Copy_Component
-        // Paste_Component.Paste_Component
-        const path = dynamicData.path.split('.').pop();
-        const actionType = path?.split('_')[0];
-        const elementType = path?.split('_')[1];
-        
-        if(actionType === "Copy"){
-          this.CopyElement(paramStore, elementType);
-        }else{
-          this.PasteElement(setPage, elementType);
-        }
-    },
-
-    
-    elementPathHandler: function(parentPath: string, rowId, elementType: string){
-      if(elementType === "Component"){
-         return parentPath ? `${parentPath}.elements[${rowId}]`  : `elements[${rowId}]`;
-      }
-      return parentPath ? `${parentPath}.events[${rowId}]`  : `events[${rowId}]`;
+      const [actionType, elementType] = dynamicData.path.split('.').pop()?.split('_');
+      actionType === "Copy" ? this.CopyElement(paramStore, elementType) : this.PasteElement(setPage, elementType);
     },
-
     CopyElement: function(paramStore: any = store, elementType: string){
-
       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;
+
+      this.ElementPathSetter(uiSchema);
       sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
       store.setSchema(schema);
       store.setUiSchema(uiSchema);
     }, 
-
-
-
-    PasteElement: function( setPage , elementType: string){
+    PasteElement: function( setPage: any , elementType: string){
       if (!sessionStorage.getItem("copiedConfig") ) {
         store.setNotify({
           FailMessage: "No item has been copied.",
@@ -241,15 +210,19 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
 
       const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      const notificationMessages = {
+        Event: "The pasted content is invalid; the event cannot be integrated into the component section.",
+        Component: "The pasted content is invalid; the component cannot be integrated into the event section."
+      };
       if(copiedConfig.Handler && elementType === "Component"){
         store.setNotify({
-          FailMessage: "The pasted content is invalid; the event cannot be integrated into the component section.",
+          FailMessage: notificationMessages.Event,
           Fail: true,
         });
       }
       else if(copiedConfig.name && elementType === "Event"){
         store.setNotify({
-          FailMessage: "The pasted content is invalid; the component cannot be integrated into the event section.",
+          FailMessage: notificationMessages.Component,
           Fail: true,
         });
       }
@@ -257,10 +230,8 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         saveFormdataInSessionStorage(copiedConfig, pastedElementPath);
         setPage();
       }
-    },
-
-    
-    RemoveItemButton: function(paramStore = store){
+    },    
+    RemoveItemButton: function(paramStore: any = store){
       const schema = cloneDeep(paramStore.schema );
       const uiSchema = cloneDeep(paramStore.uiSchema);
       schema.properties.RemoveItemButton.disabled = true;
@@ -269,6 +240,18 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       store.setSchema(schema);
       store.setUiSchema(uiSchema);
     },
-
+    elementPathHandler: function(parentPath: string, rowId: any, elementType: string){
+      if(elementType === "Component"){
+         return parentPath ? `${parentPath}.elements[${rowId}]`  : `elements[${rowId}]`;
+      }
+      return parentPath ? `${parentPath}.events[${rowId}]`  : `events[${rowId}]`;
+    },
+    ElementPathSetter: function(uiSchema: any){
+      const formData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      const completePath = formData.pageName.split('>').map(item => item.trim());
+      const componentName = completePath[completePath.length - 2];
+      const elementHeading = formData.name ? `Copied Element: ${formData.name}` : `Copied Event: ${componentName}  Event Type: ${formData.eventType} `;
+      uiSchema.elements[2].elements[1].config.main.heading  = elementHeading;
+    }
   }
 };

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

@@ -93,10 +93,7 @@ export default (
     getUiSchema: function () {
       const UiSchema = _.cloneDeep(EventUiSchema(store.theme.myTheme))
       if (sessionStorage.getItem("copiedConfig") ) {
-        const formData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-        const elementHeading = formData.elements ? `Copied Element: ${formData.name}` : `Copied Event: ${formData.eventType} `;
-        UiSchema.elements[2].elements[1].config.main.heading  = elementHeading;
-        // UiSchema.elements[2].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
+        Component(store, dynamicData, submitHandler, service).ElementPathSetter(UiSchema);
       }
       store.setUiSchema(UiSchema);
       return EventUiSchema;
@@ -147,11 +144,9 @@ export default (
       sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEvent");
     },
-
     copyPasteElement:  function(){
       Component(store, dynamicData, submitHandler, service).copyPasteElement(store,this.setPage.bind(this));
     },
-    
     RemoveItemButton: function(){
       Component(store, dynamicData, submitHandler, service).RemoveItemButton(store)
     },

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

@@ -36,10 +36,7 @@ export default (funcParams: funcParamsProps) => {
     getUiSchema: function () {
       const UiSchema = _.cloneDeep(PageMasterUiSchema(store.theme.myTheme));
       if (sessionStorage.getItem("copiedConfig") ) {
-        const formData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-        const elementHeading = formData.name ? `Copied Element: ${formData.name}` : `Copied Event: ${formData.eventType} `;
-        UiSchema.elements[2].elements[1].config.main.heading  = elementHeading;
-        // UiSchema.elements[2].elements[1].config.main.heading = `Copied Element: ${formData.name}`;
+        Component(store, dynamicData, submitHandler, service).ElementPathSetter(UiSchema)
       }
       return UiSchema;
     },