impaktapps-ui-builder 0.0.101-alpha.24 → 0.0.101-alpha.251

package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts

@@ -34,16 +34,6 @@ export declare const buildWrapper: (label: string, elements: any[]) => {
             label: string;
             isAccordion: boolean;
         };
-        wrapperStyle: {
-            marginTop: string;
-            marginBottom: string;
-            marginLeft: string;
-            width: string;
-        };
-        componentsBoxStyle: {
-            marginLeft: string;
-        };
-        defaultStyle: boolean;
     };
     elements: any[];
 };

package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts

@@ -6,6 +6,7 @@ export default function Card(theme: any): {
             position: string;
             top: string;
             transform: string;
+            marginBottom: number;
         };
         componentsBoxStyle: {
             boxShadow: string;
@@ -50,6 +51,7 @@ export default function Card(theme: any): {
                 };
                 wrapperStyle: {
                     background: string;
+                    marginBottom: number;
                 };
                 componentsBoxStyle: {
                     flexDirection: string;
@@ -71,6 +73,7 @@ export default function Card(theme: any): {
                     };
                     wrapperStyle: {
                         background: string;
+                        marginBottom: number;
                     };
                     componentsBoxStyle: {
                         flexDirection: string;
@@ -79,8 +82,6 @@ export default function Card(theme: any): {
                         height: string;
                         background: string;
                         borderRadius: string;
-                        marginLeft: string;
-                        marginTop: string;
                         justifyContent: string;
                         position: string;
                     };
@@ -105,7 +106,6 @@ export default function Card(theme: any): {
                             background: string;
                             justifyContent: string;
                             width: string;
-                            margin: string;
                             height: number;
                             position?: undefined;
                             left?: undefined;
@@ -132,7 +132,6 @@ export default function Card(theme: any): {
                             background: string;
                             justifyContent: string;
                             width: string;
-                            margin: string;
                             position: string;
                             left: string;
                             height?: undefined;
@@ -160,7 +159,6 @@ export default function Card(theme: any): {
                         textWrap: string;
                         background: string;
                         width: string;
-                        margin: string;
                         marginTop: {
                             xs: string;
                             md: string;

package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts

@@ -71,6 +71,12 @@ export declare const EventSchema: {
         RemoveItemButton: {
             disabled: boolean;
         };
+        pageName: {
+            path: {
+                label: string;
+                path: string;
+            }[];
+        };
     };
     required: string[];
 };

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

@@ -22,5 +22,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     RemoveItemButton: (paramStore?: any) => void;
     elementPathHandler: (parentPath: string, rowId: any, elementType: string) => string;
     ElementPathSetter: (uiSchema: any, copiedFormData?: any) => void;
+    onNavigatePopupYes: () => void;
+    onNavigatePopupNo: () => void;
 };
 export default _default;

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

@@ -79,6 +79,12 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
             RemoveItemButton: {
                 disabled: boolean;
             };
+            pageName: {
+                path: {
+                    label: string;
+                    path: string;
+                }[];
+            };
         };
         required: string[];
     };
@@ -92,5 +98,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     deletePopUpEvent: () => void;
     copyPasteElement: () => void;
     RemoveItemButton: () => void;
+    onNavigatePopupYes: () => void;
+    onNavigatePopupNo: () => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.101-alpha.24",
+    "version": "0.0.101-alpha.251",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildText.ts

@@ -2,22 +2,25 @@ import _ from "lodash";
 import TextInputField from "./uischema/textInputField";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildTextField = (config:any,componentScope:string) =>{
-    const inputField: any = _.cloneDeep(TextInputField);
-    inputField.config.main.label = config.label;
-    if (config.style) {
-      inputField.config.style = JSON.parse(config.style)
-    }
-    if (config.InputFormatingAndMasking) {
-      inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
-    }
-    if (config.placeholder) {
-      inputField.config.main.placeholder = config.placeholder;
-    }
-    if (config.layout) {
-      inputField.config.layout = createLayoutFormat(config.layout)
-    }
-    inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
-    inputField.scope = componentScope;
-    return inputField;
+export const buildTextField = (config: any, componentScope: string) => {
+  const inputField: any = _.cloneDeep(TextInputField);
+  inputField.config.main.label = config.label;
+  if (config.style) {
+    inputField.config.style = JSON.parse(config.style)
+  }
+  if (config.multiline) {
+    inputField.config.main.multiline = config.multiline === "YES" ? true : false;
+  }
+  if (config.InputFormatingAndMasking) {
+    inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
+  }
+  if (config.placeholder) {
+    inputField.config.main.placeholder = config.placeholder;
+  }
+  if (config.layout) {
+    inputField.config.layout = createLayoutFormat(config.layout)
+  }
+  inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  inputField.scope = componentScope;
+  return inputField;
 }

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -14,7 +14,7 @@ import { buildWrapperSection } from "./buildWrapperSection";
 import { buildTextField } from "./buildText";
 import { buildSelect } from "./buildSelect";
 import { buildButton } from "./buildButton";
-import {  buildTable } from "./buildTable";
+import { buildTable } from "./buildTable";
 import { buildLabel } from "./buildLabel";
 import { buildUploadFile } from "./buildUplaodFile";
 import { buildDownloadFile } from "./buildDownloadFile";
@@ -40,7 +40,6 @@ import { buildDataGrid } from "./buildDataGrid";
 import { buildInputSlider } from "./buildInputSlider";
 import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
-import { buildPdfViewer } from "./buildPdfViewer";
 export let schema = {
   type: "object",
   properties: {},
@@ -308,8 +307,6 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config, componentScope);
       break;
-    case "PdfViewer":
-      elements = buildPdfViewer(config);
       break;
     default:
       schema = {
@@ -340,53 +337,48 @@ const buildUiSchema = (config: any, store?: any) => {
           elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
         }
       })
-    }
-    else if (config.type == "Table") {
+    }  else if (config.type == "Table") {
       const sizeMap = {}
-      const filterMap = {}
+ 
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      if(config.enableColumnFilter){
-        config.enableColumnFilter.map((e)=>{
-          filterMap[e.keyName] = true
-        })
-      }
+   
       elements.elements = config.elements.map((cellElem, elemInd) => {
+        const commonProperties = {
+          accessorKey: cellElem.name,
+          type: cellElem.columnFormat,
+          header: cellElem.label || cellElem.name,
+          size: sizeMap[cellElem.name] || 180,
+          enableColumnFilter: cellElem.enableFilter === "No"?false:true,
+          columnFilterModeOptions: cellElem.filteringOptions,
+          enableSorting: cellElem.enableSorting === "No" ? false : true,
+          columnKey: cellElem.columnKey
+        }
         if (cellElem.type) {
           return {
-            accessorKey: cellElem.name,
-            header: cellElem.label || cellElem.name,
-            size: sizeMap[cellElem.name] || 180,
-            type: cellElem.columnFormat,
             widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
             elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : [],
-            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
-            columnFilterModeOptions: config.filteringOptions
+            ...commonProperties
+ 
           }
         } else {
-          return {
-            accessorKey: cellElem.name,
-            type: cellElem.columnFormat,
-            header: cellElem.label || cellElem.name,
-            size: sizeMap[cellElem.name] || 180,
-            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
-            columnFilterModeOptions: config.filteringOptions
-          }
+          return commonProperties
         }
-
+ 
       })
     }
+ 
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e,store)
+        return buildUiSchema(e, store)
       });
     }
     else {
       elements.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e,store)
+        return buildUiSchema(e, store)
       });
     }
   }

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

@@ -1,7 +1,5 @@
 
 import _ from "lodash";
-import { buildLabel } from "../buildLabel";
-import Box from "./box";
 export const emptyBox = (scope:string,layout?: any) => {
 
   if(layout !== undefined){
@@ -31,82 +29,108 @@ export const emptyBox = (scope:string,layout?: any) => {
 const cardLayout = {
   type: "Control",
   scope: "#/properties/cardLayout",
-  layout: 11.5,
   options: {
-    detail: {
-      type: "HorizontalLayout",
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/key",
-          options: {
-            widget: "SelectInputField",
-          },
-          config: {
-            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-            main: {
-              label: "Screen Size",
+    widget: "Array",
+  },
+  config: {
+    layout: 12,
+    main: {
+      label: "Card Layout",
+      childElementLabel: "Card Layout",
+    },
+    style: {
+      marginLeft: "-24px",
+      marginBottom: "24px !important",
+      labelStyle: {
+        marginLeft: "24px",
+      },
+      detailsStyle: {
+        marginLeft: "24px",
+      }
+    }
+  },
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/key",
+      options: {
+        widget: "SelectInputField",
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Screen Size",
 
-            },
-          },
         },
-        {
-          type: "Control",
-          scope: "#/properties/value",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/value",
 
-          options: {
-            widget: "InputField",
-          },
-          config: {
-            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-            main: {
-              label: "Value",
-              type: "number",
-              // freeSolo:true,
-              helperText: 'Number should be in range of 0 to 12',
-              errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
+      options: {
+        widget: "InputField",
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Value",
+          type: "number",
+          // freeSolo:true,
+          helperText: 'Number should be in range of 0 to 12',
+          errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
 
-            },
-          },
         },
-        emptyBox("cardEmpty")
-      ],
+      },
     },
-  },
+    emptyBox("cardEmpty")
+  ],
 };
 const getArrayControl = (parentScope: string, childScope: string, childLabel?: string,) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
-    layout: 12,
     options: {
-      "elementLabelProp": childScope,
-      detail: {
-        type: "HorizontalLayout",
-        elements: [
-          {
-            type: "Control",
-            scope: `#/properties/${childScope}`,
+      widget: "Array"
+    },
+    config: {
+      layout: 12,
+      main: {
+        label: childLabel,
+        childElementLabel: childLabel,
+      },
+      style: {
+        marginLeft: "-24px",
+        marginBottom: "24px !important",
+        labelStyle: {
+          marginLeft: "24px",
+        },
+        detailsStyle: {
+          marginLeft: "24px",
+        }
+      }
+    },
+    elements: [
+      {
+        type: "Control",
+        scope: `#/properties/${childScope}`,
 
-            options: {
-              widget: "InputField",
-            },
-            config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-              main: {
-                label: childLabel || "Labels for Tab",
-              },
-            },
+        options: {
+          widget: "InputField",
+        },
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+          main: {
+            label: childLabel || "Labels for Tab",
           },
-          emptyBox("ArrayControlEmpty1", {xs: 6, sm: 6, md: 4, lg: 4 }),
-          emptyBox("ArrayControlEmpty2", {xs: 0, sm: 0, md: 4, lg: 4 })
-        ],
+        },
       },
-    },
+      emptyBox("ArrayControlEmpty1", {xs: 6, sm: 6, md: 8, lg: 8 }),
+    ],
   }
 };
 const sizeHolder = getArrayControl("sizeHolder", "keyName", "Component Name");
-sizeHolder.options.detail.elements[1] = {
+sizeHolder.elements[1] = {
   type: "Control",
   scope: `#/properties/value`,
 
@@ -120,7 +144,7 @@ sizeHolder.options.detail.elements[1] = {
     },
   },
 };
-sizeHolder.options.detail.elements[2] = emptyBox("sizeHolderempty")
+sizeHolder.elements[2] = emptyBox("sizeHolderempty")
 const getInputField = (scope: String, label: String) => {
   return {
     type: "Control",
@@ -164,16 +188,6 @@ export const buildWrapper = (label: string, elements: any[]) => {
         label: label || "Details",
         isAccordion: true,
       },
-      wrapperStyle: {
-        marginTop: '-6px',
-        marginBottom: '-8px',
-        marginLeft: "-34px",
-        width: "108%"
-      },
-      componentsBoxStyle: {
-        marginLeft: "12px",
-      },
-      defaultStyle: true
     },
     elements: elements || []
   }
@@ -308,7 +322,7 @@ export const buildPropertiesSection = function (type: String) {
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        emptyBox("TextEmpty1", {xs: 6, sm: 6, md: 4, lg: 4 }),
+        getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
         emptyBox("TextEmpty1", {xs: 0, sm: 0, md: 4, lg: 4 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ]
@@ -318,6 +332,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("placeholder", "Placeholder"),
         getRadioInputField("enableCodeEditor", "Enable Code Editor",["YES", "NO"]),
         getInputField("codeEditorLanguage", "Enter Code Language"),
+        emptyBox("TextEmpty1", {xs: 0, sm: 0, md: 0, lg: 3 }),
       ]
       break;
 
@@ -404,7 +419,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("xAxisValue", "X-AxisValue"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
-        emptyBox("GraphEmpty1", {xs: 6, sm: 0, md: 8, lg: 8 }),
+        emptyBox("GraphEmpty1", {xs: 6, sm: 0, md: 8, lg: 6 }),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color"),
       ];

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

@@ -6,7 +6,8 @@ export default function Card(theme){
       wrapperStyle: {
         position: "relative",
         top: "50%",
-        transform: "translateY(-50%)"
+        transform: "translateY(-50%)",
+        marginBottom: 0
       },
       componentsBoxStyle: {
         boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
@@ -46,6 +47,7 @@ export default function Card(theme){
               },
               wrapperStyle: {
                 background: "transparent",
+                marginBottom: 0
               },
               componentsBoxStyle: {
                 flexDirection: "column",
@@ -67,6 +69,7 @@ export default function Card(theme){
                   },
                   wrapperStyle: {
                     background: "transparent",
+                    marginBottom: 0
                   },
                   componentsBoxStyle: {
                     flexDirection: "row",
@@ -75,8 +78,8 @@ export default function Card(theme){
                     height: "0",
                     background: "transparent",
                     borderRadius: "0px",
-                    marginLeft: "-10px",
-                    marginTop: "-8px",
+                    // marginLeft: "-10px",
+                    // marginTop: "-8px",
                     justifyContent: "start",
                     position: "relative"
                   },
@@ -98,7 +101,7 @@ export default function Card(theme){
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
-                        margin: "-8px",
+                        // margin: "-8px",
                         height: 0
                       },
                       // layout: 1,
@@ -122,9 +125,9 @@ export default function Card(theme){
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
-                        margin: "-8px",
+                        // margin: "-8px",
                         position: "absolute",
-                        left: "8px"
+                        left: "0px"
                       },
                       // layout: 11,
                     },
@@ -147,8 +150,8 @@ export default function Card(theme){
                     justifyContent: "center",
                     textWrap: "wrap",
                     background: "inherit",
-                    width: "calc(100%+8px)",
-                    margin: "-8px",
+                    width: "100%",
+                    // margin: "-8px",
                     marginTop: {xs: "0px", md: "12px"},
                     lineHeight: "1",
                   },

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

@@ -214,63 +214,4 @@ export const CoreSection = {
       ],
     },
   ],
-};
-
-// export const OptionArray: any = {
-//   type: "Control",
-//   scope: "#/properties/value",
-//   layout: 11.5,
-//   options: {
-//     detail: {
-//       type: "HorizontalLayout",
-//       elements: [
-//         {
-//           type: "Control",
-//           scope: "#/properties/label",
-//           options: {
-//             widget: "SelectInputField",
-//           },
-//           config: {
-//             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-//             main: {
-//               label: "Label",
-//             },
-//           },
-//         },
-//         {
-//           type: "Control",
-//           scope: "#/properties/value",
-
-//           options: {
-//             widget: "InputField",
-//           },
-//           config: {
-//             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-//             main: {
-//               label: "Value",
-//               helperText: 'Number should be in range of 0 to 12',
-//               errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
-//             },
-//           },
-//         },
-//       ],
-//     },
-//   },
-// };
-
-// export const OptionArraySchema = {
-//   value: {
-//     type: "array",
-//     items: {
-//       type: "object",
-//       properties: {
-//         label: {
-//           type: "string",
-//         },
-//         value: {
-//           type: "string",
-//         },
-//       },
-//     },
-//   },
-// };
+};

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

@@ -79,7 +79,7 @@ export const EventSection = (theme)=>{
               
           {
             accessorKey: "eventType",
-            header: "Event Type",
+            header: "Event's Type",
             type: "string",
             size: 300,
           },
@@ -91,7 +91,7 @@ export const EventSection = (theme)=>{
           },
           {
             accessorKey: "Edit_Approve_Records",
-            header: "Edit Widget",
+            header: "Edit",
             size: 150,
             type: "action",
             widget: {