impaktapps-ui-builder 0.0.101-alpha.26 → 0.0.101-alpha.261

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;
@@ -106,6 +109,7 @@ export default function Card(theme: any): {
                             justifyContent: string;
                             width: string;
                             margin: string;
+                            marginLeft: string;
                             height: number;
                             position?: undefined;
                             left?: undefined;
@@ -135,6 +139,7 @@ export default function Card(theme: any): {
                             margin: string;
                             position: string;
                             left: string;
+                            marginLeft?: undefined;
                             height?: undefined;
                         };
                     };
@@ -165,7 +170,6 @@ export default function Card(theme: any): {
                             xs: string;
                             md: string;
                         };
-                        lineHeight: string;
                     };
                     layout: number;
                     wrapperStyle?: undefined;

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.26",
+    "version": "0.0.101-alpha.261",
     "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,63 @@ 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 tableHeaderElements = [];
+      const tableActionElement = [];
+      elements.elements = config.elements.filter((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) {
+          if (cellElem.elementType == "action") {
+            const actionElem = buildUiSchema(cellElem, store);
+            tableActionElement.push(actionElem);
+            return false;
+          }
+          if (cellElem.elementType == "tableHeader") {
+            const headerElem = buildUiSchema(cellElem, store);
+            tableHeaderElements.push(headerElem);
+            return false;
+          }
+
           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
         }
 
       })
+      elements.config.main.action = tableActionElement;
+      elements.config.main.headerIcons = tableHeaderElements;
     }
+
     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

@@ -96,8 +96,8 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
     config: {
       layout: 12,
       main: {
-        label: childScope,
-        childElementLabel: childScope,
+        label: childLabel,
+        childElementLabel: childLabel,
       },
       style: {
         marginLeft: "-24px",
@@ -322,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")
       ]
@@ -332,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;
 

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",
@@ -99,6 +102,7 @@ export default function Card(theme){
                         justifyContent: "flex-start",
                         width: "auto",
                         margin: "-8px",
+                        marginLeft: "-24px",
                         height: 0
                       },
                       // layout: 1,
@@ -124,7 +128,7 @@ export default function Card(theme){
                         width: "auto",
                         margin: "-8px",
                         position: "absolute",
-                        left: "8px"
+                        left: "24px"
                       },
                       // layout: 11,
                     },
@@ -149,8 +153,7 @@ export default function Card(theme){
                     background: "inherit",
                     width: "calc(100%+8px)",
                     margin: "-8px",
-                    marginTop: {xs: "0px", md: "12px"},
-                    lineHeight: "1",
+                    marginTop: {xs: "16px", md: "20px"},
                   },
                   layout: 12,
                 },

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",

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

@@ -1,10 +1,10 @@
+//headerIcons //action //elements
 export const ComponentSchema: any = {
   type: "object",
   properties: {
     type: {
-      // type: "string",
       oneOf: [
-        { title: "Masked Aadhaar", const: "AadharcardText" },
+        { title: "Masked Aadhar Card", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
         { title: "Data Card", const: "card" },
@@ -19,7 +19,7 @@ export const ComponentSchema: any = {
         { title: "Graph", const: "Graph" },
         { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
-        { title: "LeaderBoard", const: "LeaderBoard" },
+        { title: "Leaderboard", const: "LeaderBoard" },
         { title: "Multi-Select Dropdown", const: "MultipleSelect" },
         { title: "Pan Card Masked", const: "PanCardText" },
         { title: "Pop Up", const: "PopUp" },
@@ -41,8 +41,14 @@ export const ComponentSchema: any = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" },
-        { title: "Pdf Viewer", const: "PdfViewer"}
+        { title: "Thought of the day", const: "Thought" }
+      ]
+    },
+    elementType: {
+      oneOf: [
+        { title: "Table Action Element", const: "action" },
+        { title: "Table Header Element", const: "tableHeader" },
+        { title: "Table Element", const: "element" },
       ]
     },
     columnFormat: {
@@ -71,7 +77,7 @@ export const ComponentSchema: any = {
       type: "array",
       items: {
         type: "object",
-        properties: { 
+        properties: {
           key: {
             type: "string",
             oneOf: [
@@ -82,7 +88,6 @@ export const ComponentSchema: any = {
             ],
           },
           value: {
-            // type: "string",
 
           },
         },
@@ -103,7 +108,6 @@ export const ComponentSchema: any = {
             ],
           },
           value: {
-            // type: "string",
 
           },
         },
@@ -192,7 +196,7 @@ export const ComponentSchema: any = {
         },
       },
     },
-    enableColumnFilter:{
+    enableColumnFilter: {
       type: "array",
       items: {
         type: "object",
@@ -203,25 +207,23 @@ export const ComponentSchema: any = {
         },
       },
     },
-    filteringOptions:{
-      type: "array",
-      items:{
-        oneOf: [
-          { const: 'fuzzy', title: 'Fuzzy' },
-          { const: 'contains', title: 'Contain' },
-          { const: 'startsWith', title: 'Starts with' },
-          { const: 'endsWith', title: 'Ends with' },
-          { const: 'equals', title: 'Equals' },
-          { const: 'notEquals', title: 'Not Equals' },
-          { const: 'between', title: 'Between' },
-          { const: 'betweenInclusive', title: 'Between inclusive' },
-          { const: 'greaterThan', title: 'Greater than' },
-          { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
-          { const: 'lessThan', title: 'Less than' },
-          { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
-        ]
-      },
+    filteringOptions: {
+      oneOf: [
+        { const: 'fuzzy', title: 'Fuzzy' },
+        { const: 'contains', title: 'Contain' },
+        { const: 'startsWith', title: 'Starts with' },
+        { const: 'endsWith', title: 'Ends with' },
+        { const: 'equals', title: 'Equals' },
+        { const: 'notEquals', title: 'Not Equals' },
+        { const: 'between', title: 'Between' },
+        { const: 'betweenInclusive', title: 'Between inclusive' },
+        { const: 'greaterThan', title: 'Greater than' },
+        { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
+        { const: 'lessThan', title: 'Less than' },
+        { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
+      ]
     },
+
     legendLabels: {
       type: "array",
       items: {
@@ -340,11 +342,14 @@ export const ComponentSchema: any = {
         { title: "Info", const: "info" },
       ]
     },
+    pageName: {
+      path: []
+    },
     name: {
       type: "string",
     },
     label: { type: 'string' },
-    RemoveItemButton:{
+    RemoveItemButton: {
       disabled: true,
     },
   },