impaktapps-ui-builder 0.0.101-alpha.260 → 0.0.101-alpha.262

package/package.json

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

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

@@ -337,40 +337,56 @@ 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 = {}
- 
+
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value
         });
       }
-   
-      elements.elements = config.elements.map((cellElem, elemInd) => {
+      const tableHeaderElements = [];
+      const tableActionElement = [];
+      const rowElements = []
+      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,
+          enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
           columnKey: cellElem.columnKey
         }
         if (cellElem.type) {
-          return {
+          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;
+          }
+
+          rowElements.push({
             widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
             elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : [],
             ...commonProperties
- 
-          }
+
+          })
         } else {
-          return commonProperties
+          rowElements.push(commonProperties)
         }
- 
+
       })
+      elements.elements = rowElements;
+      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)

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

@@ -1,3 +1,4 @@
+//headerIcons //action //elements
 export const ComponentSchema: any = {
   type: "object",
   properties: {
@@ -43,6 +44,13 @@ export const ComponentSchema: any = {
         { 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: {
       oneOf: [
         { title: "Date Column", const: "date" },

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

@@ -143,16 +143,19 @@ export function refreshPage(type: string, store: any) {
       },
     },
     UiSchema.elements[0].elements[0].elements[9] = 
-    {
+     {
       type: "Control",
-      scope: "#/properties/proc",
-      config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 0 },
-      },
+      scope: "#/properties/elementType",
       options: {
-        widget: "EmptyBox",
+        widget: "SelectInputField",
       },
-    };
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Element Type",
+        },
+      },
+    }
   }
 
   if (sessionStorage.getItem("copiedConfig") ) {