impaktapps-ui-builder 1.0.50-alpha.20 → 1.0.50-alpha.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.50-alpha.20",
+    "version": "1.0.50-alpha.21",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -357,7 +357,8 @@ const buildUiSchema = (config: any, store?: any) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          filterVariant: cellElem.filterVariant,
         }
         if (cellElem.type) {
           if (cellElem.elementType == "action") {

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

@@ -58,6 +58,23 @@ export const ComponentSchema: any = {
         { title: "Amount Column", const: "amount" },
       ]
     },
+    filterVariant: {
+      oneOf: [
+        { title: "Text", const: "text" },
+        { title: "Autocomplete", const: "autocomplete" },
+        { title: "Select", const: "select" },
+        { title: "Multi-Select", const: "multi-select" },
+        { title: "Range", const: "range" },
+        { title: "Range Slider", const: "range-slider" },
+        { title: "Date", const: "date" },
+        { title: "DateTime", const: "datetime" },
+        { title: "Date Range", const: "date-range" },
+        { title: "DateTime Range", const: "datetime-range" },
+        { title: "Time", const: "time" },
+        { title: "Time Range", const: "time-range" },
+        { title: "Checkbox", const: "checkbox" }
+      ]
+    },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },

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

@@ -155,7 +155,22 @@ export function refreshPage(type: string, store: any) {
           label: "Element Type",
         },
       },
-    }
+    },
+    UiSchema.elements[0].elements[0].elements[10] = 
+    {
+      type: "Control",
+      scope: "#/properties/filterVariant",
+      options: {
+        widget: "SelectInputField",
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Filter Variant",
+
+        },
+      },
+    };
   }
 
   if (sessionStorage.getItem("copiedConfig") ) {