impaktapps-ui-builder 0.0.76 → 0.0.79-alpha.1

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.76",
+    "version": "0.0.79-alpha.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -46,6 +46,18 @@ export const buildTable = (config: any, componentScope: string) => {
   if(config.disableSorting){
     table.config.main.disableSorting = config.disableSorting === "YES" ? true : false
   }
+  if(config.disableEditColumn){
+    table.config.main.disableEditColumn = config.disableEditColumn === "YES" ? true : false
+  }
+  if(config.disableFullScreenToggle){
+    table.config.main.disableFullScreenToggle = config.disableFullScreenToggle === "YES" ? true : false
+  }
+  if(config.disableDensityToggle){
+    table.config.main.disableDensityToggle = config.disableDensityToggle === "YES" ? true : false
+  }
+  if(config.disableDownloadFile){
+    table.config.main.disableDownloadFile = config.disableDownloadFile === "YES" ? true : false
+  }
   if (config.Table_Download_Keys_Name) {
     table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map(e => e.KeyName);
   }
@@ -76,6 +88,24 @@ export const buildLazyLoadingTable = (config: any, componentScope: string) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
   }
+  if(config.disableFilters){
+    table.config.main.disableFilters = config.disableFilters === "YES" ? true : false
+  }
+  if(config.disableSorting){
+    table.config.main.disableSorting = config.disableSorting === "YES" ? true : false
+  }
+  if(config.disableEditColumn){
+    table.config.main.disableEditColumn = config.disableEditColumn === "YES" ? true : false
+  }
+  if(config.disableFullScreenToggle){
+    table.config.main.disableFullScreenToggle = config.disableFullScreenToggle === "YES" ? true : false
+  }
+  if(config.disableDensityToggle){
+    table.config.main.disableDensityToggle = config.disableDensityToggle === "YES" ? true : false
+  }
+  if(config.disableDownloadFile){
+    table.config.main.disableDownloadFile = config.disableDownloadFile === "YES" ? true : false
+  }
   if (config.Table_Download_Keys_Name) {
     table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map(e => e.KeyName);
   }

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

@@ -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: 6, sm: 6, md: 4, lg: 4 },
+      main: {
+        multiple: true,
+        label: label,
+        options: [],
+      },
+    },
+  }
+}
 
 
 const GraphSection = {
@@ -422,7 +440,16 @@ 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 }),
+
+        getRadioInputField("disableEditColumn", "Disable Edit Column", ["YES", "NO"]),
+        getRadioInputField("disableFullScreenToggle", "Disable Full Screen", ["YES", "NO"]),
+        getRadioInputField("disableDensityToggle", "Disable Density Toggle", ["YES", "NO"]),
+        getRadioInputField("disableDownloadFile", "Disable Download File", ["YES", "NO"]),
+        getInputField("selectKey", "Selection Key"),
+        getMultiSelectField("filteringOptions", "Filtering Options"),
+        emptyBox("LazyLoadingTableEmpty1", {xs: 6, sm: 0, md: 4, lg: 4 }),
+        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"]),

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

@@ -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: {