impaktapps-ui-builder 0.0.75 → 0.0.76-filteringOption

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

@@ -84,6 +84,26 @@ export declare const getSelectField: (scope: string, label: string, options: {
         };
     };
 };
+export declare const getMultiSelectField: (scope: string, label: string) => {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            multiple: boolean;
+            label: string;
+            options: any[];
+        };
+    };
+};
 export declare const buildPropertiesSection: (type: String) => {
     type: string;
     elements: any[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.75",
+    "version": "0.0.76-filteringOption",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -341,8 +341,8 @@ const buildUiSchema = (config: any, store?: any) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      if(config.disableColumnFilter){
-        config.disableColumnFilter.map((e)=>{
+      if(config.enableColumnFilter){
+        config.enableColumnFilter.map((e)=>{
           filterMap[e.keyName] = true
         })
       }
@@ -355,7 +355,8 @@ const buildUiSchema = (config: any, store?: any) => {
             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
+            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+            columnFilterModeOptions: config.filteringOptions
           }
         } else {
           return {
@@ -363,7 +364,8 @@ const buildUiSchema = (config: any, store?: any) => {
             type: cellElem.columnFormat,
             header: cellElem.label || cellElem.name,
             size: sizeMap[cellElem.name] || 180,
-            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false
+            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+            columnFilterModeOptions: config.filteringOptions
           }
         }
 

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

@@ -229,6 +229,24 @@ export const getSelectField = (scope: string, label: string, options: { label: s
     },
   }
 }
+export const getMultiSelectField = (scope: string, label: string) => {
+  return  {
+    type: "Control",
+    scope: `#/properties/${scope}`,
+
+    options: {
+      widget: "MultipleSelect",
+    },
+    config: {
+      layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
+      main: {
+        multiple: true,
+        label: label,
+        options: [],
+      },
+    },
+  }
+}
 
 
 const GraphSection = {
@@ -422,7 +440,9 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
         getRadioInputField("disableFilters", "Disable Filter", ["YES", "NO"]),
         getRadioInputField("disableSorting", "Disable Sorting", ["YES", "NO"]),
-        getInputField("selectKey", "Selection Key"),emptyBox("LazyLoadingTableEmpty1", {xs: 6, sm: 0, md: 4, lg: 4 }),
+        getMultiSelectField("filteringOptions", "Filtering Options"),
+        getInputField("selectKey", "Selection Key"),
+        // emptyBox("LazyLoadingTableEmpty1", {xs: 6, sm: 0, md: 4, lg: 4 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
@@ -433,7 +453,7 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,
-        getArrayControl("disableColumnFilter", "keyName", "Component Name"),
+        getArrayControl("enableColumnFilter", "keyName", "Component Name"),
       ]
       break;
     case "Radio":

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

@@ -190,7 +190,7 @@ export const ComponentSchema: any = {
         },
       },
     },
-    disableColumnFilter:{
+    enableColumnFilter:{
       type: "array",
       items: {
         type: "object",
@@ -201,6 +201,25 @@ 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' },
+        ]
+      },
+    },
     legendLabels: {
       type: "array",
       items: {