impaktapps-ui-builder 0.0.104 → 0.0.105-4.alpha-2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.104",
+    "version": "0.0.1054.alpha-2",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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";
@@ -345,44 +345,43 @@ const buildUiSchema = (config: any, store?: any) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      if(config.enableColumnFilter){
-        config.enableColumnFilter.map((e)=>{
+      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: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+          columnFilterModeOptions: config.filteringOptions,
+          enableSorting: config.enableSorting === "No" ? false : true,
+          columnKey: config.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/elements/UiSchema/Component/schema.ts

@@ -70,7 +70,7 @@ export const ComponentSchema: any = {
       type: "array",
       items: {
         type: "object",
-        properties: { 
+        properties: {
           key: {
             type: "string",
             oneOf: [
@@ -191,7 +191,7 @@ export const ComponentSchema: any = {
         },
       },
     },
-    enableColumnFilter:{
+    enableColumnFilter: {
       type: "array",
       items: {
         type: "object",
@@ -202,25 +202,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: {
@@ -343,7 +341,7 @@ export const ComponentSchema: any = {
       type: "string",
     },
     label: { type: 'string' },
-    RemoveItemButton:{
+    RemoveItemButton: {
       disabled: true,
     },
   },