impaktapps-ui-builder 0.0.963-copyElement.1012 → 0.0.963-copyElement.1014

package/package.json

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

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

@@ -178,6 +178,105 @@ export const componentBasicUiSchema: any = (theme)=>{
         },
       ],
     },
+    
+    {
+      type: "HorizontalLayout",
+      config: {
+        layout:{xs:12,sm: 6}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/RemoveItemButton",
+          options: {
+            widget: "IconButton",
+          },
+          config: {
+            layout: { xs: 1, sm: 1 },
+            main: {
+              onClick: "RemoveItemButton",
+              size: "large",
+              icon: "RejectIcon",
+              styleDefault: true,
+            },
+            style:{
+              marginLeft: "-10px"
+            }
+          },
+        },
+
+        {
+          type: "Control",
+          scope: "#/properties/copiedElementDetails",
+    
+          options: {
+            widget: "Box",
+          },
+          config: {
+            layout: { xs: 6, sm: 6 },
+            main: {
+              heading: "No element copied",
+            },
+            style: {
+              color: "#535557",
+              marginLeft: "-10px"
+            },
+          },
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          options: {
+            widget: "EmptyBox",
+          },
+          config: {
+            layout: { xs: 1, sm: 5 },
+          },
+        },
+      ]
+    },
+    {
+      type: "Control",
+      scope: "#/properties/btn",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: { xs: 4, sm: 2 },
+        main: {
+          name: "Ok",
+          startIcon: "ApproveIcon",
+          variant: "contained",
+          // color: "info",
+          type: "text",
+          onClick: "okHandler",
+          size: "medium",
+        },
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/btnSubmit",
+      options: {
+        widget: "Button",
+      },
+
+      config: {
+        layout: { xs: 4, sm: 2 },
+        main: {
+          name: "Save & Exit",
+          startIcon: "ApproveIcon",
+          variant: "contained",
+          // color: "info",
+          type: "text",
+          onClick: "saveHandler",
+          size: "medium",
+        },
+      },
+    },
+
+
     {
       type: "Control",
       scope: "#/properties/popUpComponentSection",
@@ -367,102 +466,6 @@ export const componentBasicUiSchema: any = (theme)=>{
 
    //////////////////////////////////////
 
-    {
-      type: "HorizontalLayout",
-      config: {
-        layout:{xs:12,sm: 6}
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/RemoveItemButton",
-          options: {
-            widget: "IconButton",
-          },
-          config: {
-            layout: { xs: 1, sm: 1 },
-            main: {
-              onClick: "RemoveItemButton",
-              size: "large",
-              icon: "RejectIcon",
-              styleDefault: true,
-            },
-            style:{
-              marginLeft: "-10px"
-            }
-          },
-        },
-
-        {
-          type: "Control",
-          scope: "#/properties/copiedElementDetails",
-    
-          options: {
-            widget: "Box",
-          },
-          config: {
-            layout: { xs: 6, sm: 6 },
-            main: {
-              heading: "No element copied",
-            },
-            style: {
-              color: "#a1a09d",
-              marginLeft: "-10px"
-            },
-          },
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox",
-          },
-          config: {
-            layout: { xs: 1, sm: 5 },
-          },
-        },
-      ]
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button",
-      },
-
-      config: {
-        layout: { xs: 4, sm: 2 },
-        main: {
-          name: "Ok",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          // color: "info",
-          type: "text",
-          onClick: "okHandler",
-          size: "medium",
-        },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button",
-      },
-
-      config: {
-        layout: { xs: 4, sm: 2 },
-        main: {
-          name: "Save & Exit",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          // color: "info",
-          type: "text",
-          onClick: "saveHandler",
-          size: "medium",
-        },
-      },
-    },
     {
       type: "Control",
       scope: "#/properties/notify",

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

@@ -255,7 +255,7 @@ export const EventUiSchema: any = (theme) => {
                 heading: "No element copied",
               },
               style: {
-                color: "#a1a09d",
+                color: "#535557",
                 marginLeft: "-10px"
               },
             },

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

@@ -83,7 +83,11 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       return getFormdataFromSessionStorage(path)
     },
     getSchema: function () {
-      return ComponentSchema;
+      const schema = _.cloneDeep(ComponentSchema);
+      if (sessionStorage.getItem("copiedConfig") ) {
+        schema.properties.RemoveItemButton.disabled = false;
+      }
+      return schema;
     },
     okHandler: () => okHandler(store),
     saveHandler: async () => await saveHandler(store, service, submitHandler, "PageMaster"),
@@ -199,7 +203,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
 
         const formData = getFormdataFromSessionStorage(copiedComponentPath);
 
-        uiSchema.elements[4].elements[1].config.main.heading  = `Copied Element: ${formData.name}`;
+        uiSchema.elements[2].elements[1].config.main.heading  = `Copied Element: ${formData.name}`;
 
         sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
 
@@ -209,29 +213,38 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
 
     PasteComponent: function(paramStore = store, setPage = this.setPage.bind(this)){
-      // const schema = cloneDeep(store.schema);
-
-      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 copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
-      if(copiedData.Handler){
+      if (!sessionStorage.getItem("copiedConfig") ) {
         store.setNotify({
-          FailMessage: "Pasting element not Valid",
+          FailMessage: "No item has been copied.",
           Fail: true,
         });
       }
       else{
-        saveFormdataInSessionStorage(copiedData, finalPath);
-        // sessionStorage.removeItem('copiedConfig');
-        setPage();
+        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 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 schema = cloneDeep(store.schema);
+
+      
     },
 
     RemoveItemButton: function(paramStore = store){
@@ -240,7 +253,6 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       schema.properties.RemoveItemButton.disabled = true;
       // schema.properties.Paste_Icon.disabled = true;
       sessionStorage.removeItem('copiedConfig');
-
       store.setSchema(schema);
       store.setUiSchema(uiSchema);
     },

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

@@ -42,7 +42,11 @@ export default (funcParams: funcParamsProps) => {
       return UiSchema;
     },
     getSchema: () => {
-      return PageMasterSchema;
+      const schema = _.cloneDeep(PageMasterSchema);
+      if (sessionStorage.getItem("copiedConfig") ) {
+        schema.properties.RemoveItemButton.disabled = false;
+      }
+      return schema;
     },
     backHandler: () => {
       sessionStorage.removeItem("pageFormdata")