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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.963-CopyComponent.8",
+    "version": "0.0.963-CopyComponent.9",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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/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,14 +175,31 @@ 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;
@@ -197,6 +214,9 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       else{
         saveFormdataInSessionStorage(copiedData, finalPath);
         sessionStorage.removeItem('copiedConfig');
+
+        // schema.properties.CopyComponent.disabled = false;
+
         this.setPage();
       }
     },