impaktapps-ui-builder 0.0.101-alpha.25 → 0.0.101-alpha.252

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,7 @@ export default function Card(theme: any): {
                             background: string;
                             justifyContent: string;
                             width: string;
-                            margin: string;
+                            padding: number;
                             height: number;
                             position?: undefined;
                             left?: undefined;
@@ -132,9 +133,9 @@ export default function Card(theme: any): {
                             background: string;
                             justifyContent: string;
                             width: string;
-                            margin: string;
                             position: string;
                             left: string;
+                            padding?: undefined;
                             height?: undefined;
                         };
                     };
@@ -160,7 +161,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.25",
+    "version": "0.0.101-alpha.252",
     "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

@@ -90,11 +90,14 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
+    options: {
+      widget: "Array"
+    },
     config: {
       layout: 12,
       main: {
-        label: childScope,
-        childElementLabel: childScope,
+        label: childLabel,
+        childElementLabel: childLabel,
       },
       style: {
         marginLeft: "-24px",
@@ -319,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")
       ]
@@ -329,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;
 
@@ -415,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"
                   },
@@ -88,7 +91,7 @@ export default function Card(theme){
                     scope: "#/properties/programType",
                     config: {
                       main: {
-                        heading: "",
+                        heading: "$",
                       },
                       style: {
                         color: "black",
@@ -98,7 +101,8 @@ export default function Card(theme){
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
-                        margin: "-8px",
+                        padding: 0,
+                        // margin: "-8px",
                         height: 0
                       },
                       // layout: 1,
@@ -122,9 +126,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 +151,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: {

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

@@ -7,58 +7,6 @@ export const ValidationSection = {
     }
   },
   elements: [
-  //  {
-  //     type: "Control",
-  //     scope: "#/properties/validation",
-  //     layout: 11.5,
-  //     options: {
-  //       "elementLabelProp": "validationType",
-  //       detail: {
-  //         type: "HorizontalLayout",
-  //         elements: [
-  //           {
-  //             type: "Control",
-  //             scope: "#/properties/validationType",
-
-  //             options: {
-  //               widget: "SelectInputField",
-  //             },
-  //             config: {
-  //               layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-  //               main: {
-  //                 label: "Validation Type",
-  //               },
-  //             },
-  //           },
-  //           {
-  //             type: "Control",
-  //             scope: "#/properties/validationValue",
-
-  //             options: {
-  //               widget: "InputField",
-  //             },
-  //             config: {
-  //               layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-  //               main: {
-  //                 label: "Validation Value",
-  //               },
-  //             },
-  //           },
-  //           {
-  //             type: "Control",
-  //             scope: "#/properties/emptyBox",
-  //             options: {
-  //               widget: "EmptyBox"
-  //             },
-  //             config: {
-  //               layout: {xs: 0, sm: 0, md: 4}
-  //             }
-  //           }
-  //         ],
-  //       },
-  //     },
-
-  //   },
    {
     type: "Control",
     scope: "#/properties/validation",

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

@@ -7,56 +7,6 @@ export const ValueTab = {
     }
   },
   elements: [
-    // {
-    //   type: "Control",
-    //   scope: "#/properties/value",
-    //   layout: 12,
-    //   options: {
-    //     detail: {
-    //       type: "HorizontalLayout",
-    //       elements: [
-    //         {
-    //           type: "Control",
-    //           scope: "#/properties/label",
-    //           options: {
-    //             widget: "InputField",
-    //           },
-    //           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",
-                  
-    //             },
-    //           },
-    //         },
-    //         {
-    //           type: "Control",
-    //           scope: "#/properties/emptyBox",
-    //           options: {
-    //             widget: "EmptyBox"
-    //           },
-    //           config: {
-    //             layout: { xs: 0, sm: 0, md: 4, lg: 4 },
-    //           }
-    //         }
-    //       ],
-    //     },
-    //   },
-    // }
     {
       type: "Control",
       scope: "#/properties/value",