impaktapps-ui-builder 0.0.101-alpha.217 → 0.0.101-alpha.219

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

@@ -235,67 +235,9 @@ export const EventUiSchema: 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",
-      //           fontSize: "12px",
-      //           marginTop: "4px"
-      //         },
-      //       },
-      //     },
-      //     {
-      //       type: "Control",
-      //       scope: "#/properties/EmptyBox",
-      //       options: {
-      //         widget: "EmptyBox",
-      //       },
-      //       config: {
-      //         layout: { xs: 1, sm: 5 },
-      //       },
-      //     },
-      //   ]
-      // },
     {
       type: "WrapperLayout",
       config: {

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

@@ -42,7 +42,7 @@ const sectionLabels = {
   Thought: ["Core", "Properties", "Events", "Style", "Validation"]
 }
 
-export function refreshPage (type: string, store: any) {
+export function refreshPage(type: string, store: any) {
   const UiSchema = _.cloneDeep(componentBasicUiSchema(store.theme.myTheme))
   const currentConfig = JSON.parse(sessionStorage.getItem("pageFormdata"));
   if (type) {
@@ -164,7 +164,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     getSchema: function () {
       const schema = _.cloneDeep(ComponentSchema);
-      if (sessionStorage.getItem("copiedConfig") ) {
+      if (sessionStorage.getItem("copiedConfig")) {
         schema.properties.RemoveItemButton.disabled = false;
       }
       
@@ -281,22 +281,22 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     deletePopUpComponent: function () {
       const rowId = dynamicData.path.split(".")[1];
-      sessionStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId', rowId);
       store.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
-      sessionStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId', rowId);
       store.updateDialog("popUpEventSection");
     },
 
-    copyPasteElement: function(paramStore: any, setPage: any = this.setPage.bind(this) ){
+    copyPasteElement: function (paramStore: any, setPage: any = this.setPage.bind(this)) {
       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 );
+    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];
@@ -312,9 +312,9 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       })
       store.setSchema(schema);
       store.setUiSchema(uiSchema);
-    }, 
-    PasteElement: function( setPage: any , elementType: string){
-      if (!sessionStorage.getItem("copiedConfig") ) {
+    },
+    PasteElement: function (setPage: any, elementType: string) {
+      if (!sessionStorage.getItem("copiedConfig")) {
         store.setNotify({
           FailMessage: "No item has been copied.",
           Fail: true,
@@ -322,15 +322,15 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         return;
       }
       const pastedElementParentPath = store.searchParams?.get("path");
-      if (!Array.isArray(store.formData.elements) ) {
+      if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
       saveFormdataInSessionStorage(store.ctx.core.data, pastedElementParentPath);
-      const formData =  getFormdataFromSessionStorage(pastedElementParentPath);
-      const insertElementIndex =  elementType === "Component" ? formData.elements.length : formData.events.length;
+      const formData = getFormdataFromSessionStorage(pastedElementParentPath);
+      const insertElementIndex = elementType === "Component" ? formData.elements.length : formData.events.length;
       const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
 
       const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
@@ -338,7 +338,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         Events: " The Events cannot be integrated into the component section.",
         Component: "The component cannot be integrated into the Events section."
       };
-      if(copiedConfig.Handler && elementType === "Component"){
+      if (copiedConfig.Handler && elementType === "Component") {
         store.setNotify({
           FailMessage: notificationMessages.Events,
           Fail: true,
@@ -350,13 +350,13 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
           Fail: true,
         });
       }
-      else{
+      else {
         saveFormdataInSessionStorage(copiedConfig, pastedElementPath);
         setPage();
       }
-    },    
-    RemoveItemButton: function(paramStore: any = store){
-      const schema = cloneDeep(paramStore.schema );
+    },
+    RemoveItemButton: function (paramStore: any = 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`;
@@ -364,13 +364,13 @@ 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}]`;
+    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}]`;
+      return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
     },
-    ElementPathSetter: function(uiSchema: any,copiedFormData?: any){
+    ElementPathSetter: function (uiSchema: any, copiedFormData?: any) {
       const formData = copiedFormData || JSON.parse(sessionStorage.getItem("copiedConfig"));
       if(uiSchema?.elements?.[1]?.elements?.[0]?.config?.main?.headerIcons){
         uiSchema.elements[1].elements[0].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage  = `Copied Component: ${formData.name}`;

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -96,112 +96,6 @@ export default (funcParams: funcParamsProps) => {
       window.dispatchEvent(event)
       const theme = funcParams?.store?.theme?.myTheme;
       uiSchema.elements.push(
-
-        // {
-        //   type: "HorizontalLayout",
-        //   config: {
-        //     main: {
-        //       direction: "row",
-        //     },
-        //     style: {
-        //       flexDirection: "row",
-        //       position: "absolute",
-        //       bottom: 0,
-        //       height: "fit-content",
-        //       overflow: "hidden",
-        //       zIndex: 1000,
-        //       width: "inherit",
-        //     },
-        //   },
-        //   elements: [
-        //     {
-        //       type: "Control",
-        //       scope: "#/properties/FooterText",
-        //       options: {
-        //         widget: "Box",
-        //       },
-        //       config: {
-        //         main: {
-        //           heading: "Copywriter@ACT21.IO",
-        //         },
-        //         style: {
-        //           color: theme?.palette?.text?.disabled || "#AFAFAF",
-        //           fontSize: "12px",
-        //           textAlign: "center",
-        //           lineHeight: 2,
-        //           width: "fit-content",
-        //           left: "50%",
-        //           position: "relative",
-        //           margin: 0,
-        //           flexGrow: 1,
-        //           height: 0,
-        //           transform: "translate(-50%, 0%)",
-        //         },
-        //       },
-        //     },
-        //     {
-        //       type: "Control",
-        //       scope: "#/properties/FooterBackIcon",
-        //       options: {
-        //         widget: "Box",
-        //       },
-        //       config: {
-        //         main: {
-        //           iconName: "PrevIcon",
-        //           onClick: "backHandler",
-        //           width: "fit-content",
-        //         },
-        //         style: {
-        //           fill: theme?.palette?.primary?.main,
-        //           width: 20,
-        //           height: 0,
-        //           // margin: 0,
-        //           top: 0,
-        //           right: { xs: "12px", sm: "84px" },
-        //           position: "absolute",
-        //           fontSize: "12px",
-        //           cursor: "pointer",
-        //           ":hover": {
-        //             fill: theme?.palette?.primary?.dark,
-        //           },
-        //           marginRight: "13px",
-        //         },
-        //       },
-        //     },
-        //     {
-        //       type: "Control",
-        //       scope: "#/properties/FooterBackHandlerText",
-        //       options: {
-        //         widget: "Box",
-        //       },
-        //       config: {
-        //         main: {
-        //           heading: "Previous Page",
-        //           onClick: "backHandler",
-        //         },
-        //         style: {
-        //           display: { xs: "none", sm: "flex" },
-        //           textAlign: "left",
-        //           lineHeight: 1,
-        //           height: 0,
-        //           width: "fit-content",
-        //           color: theme?.palette?.primary?.main,
-        //           fontSize: "14px",
-        //           cursor: "pointer",
-        //           marginLeft: "2px",
-        
-        //           top: 3,
-        //           right: "12px",
-        //           position: "absolute",
-        //           ":hover": {
-        //             color: theme?.palette?.primary?.dark,
-        //           },
-        //           marginRight: "4px",
-        //         },
-        //       },
-        //     },
-        //   ],
-        // }
         {
           type: "HorizontalLayout",
           config: {
@@ -260,7 +154,6 @@ export default (funcParams: funcParamsProps) => {
                   fill: theme?.palette?.primary?.main,
                   width: 20,
                   height: 0,
-                  // margin: 0,
                   top: 0,
                   right: { xs: "12px", sm: "84px" },
                   position: "absolute",