filter controls

packages/datalib/src/GridConfig.ts

@@ -1,12 +1,16 @@
 import { DisplayColumn } from './GridDisplay';
 import { TableInfo } from '@dbgate/types';
 
-export interface GridConfig {
+export interface GridConfigColumns {
   hiddenColumns: string[];
   expandedColumns: string[];
   addedColumns: string[];
 }
 
+export interface GridConfig extends GridConfigColumns {
+  filters: { [uniqueName: string]: string };
+}
+
 export interface GridCache {
   tables: { [uniqueName: string]: TableInfo };
   refreshTime: number;
@@ -17,6 +21,7 @@ export function createGridConfig(): GridConfig {
     hiddenColumns: [],
     expandedColumns: [],
     addedColumns: [],
+    filters: {},
   };
 }
 

packages/datalib/src/GridDisplay.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { GridConfig, GridCache } from './GridConfig';
+import { GridConfig, GridCache, GridConfigColumns } from './GridConfig';
 import { ForeignKeyInfo, TableInfo, ColumnInfo } from '@dbgate/types';
 import { filterName } from './filterName';
 import { Select } from '@dbgate/sqltree';
@@ -54,7 +54,7 @@ export abstract class GridDisplay {
     });
   }
 
-  includeInColumnSet(field: keyof GridConfig, uniqueName: string, isIncluded: boolean) {
+  includeInColumnSet(field: keyof GridConfigColumns, uniqueName: string, isIncluded: boolean) {
     if (isIncluded) {
       this.setConfig({
         ...this.config,
@@ -248,13 +248,15 @@ export abstract class GridDisplay {
   }
 
   getDisplayColumns(table: TableInfo, parentPath: string[]) {
-    return table?.columns
-      ?.map(col => this.getDisplayColumn(table, col, parentPath))
-      ?.map(col => ({
-        ...col,
-        isChecked: this.isColumnChecked(col),
-        hintColumnName: col.foreignKey ? `hint_${col.uniqueName}` : null,
-      }));
+    return (
+      table?.columns
+        ?.map(col => this.getDisplayColumn(table, col, parentPath))
+        ?.map(col => ({
+          ...col,
+          isChecked: this.isColumnChecked(col),
+          hintColumnName: col.foreignKey ? `hint_${col.uniqueName}` : null,
+        })) || []
+    );
   }
 
   getColumns(columnFilter) {
@@ -272,4 +274,19 @@ export abstract class GridDisplay {
   toggleExpandedColumn(uniqueName: string) {
     this.includeInColumnSet('expandedColumns', uniqueName, !this.isExpandedColumn(uniqueName));
   }
+
+  getFilter(uniqueName: string) {
+    return this.config.filters[uniqueName];
+  }
+
+  setFilter(uniqueName, value) {
+    this.setConfig({
+      ...this.config,
+      filters: {
+        ...this.config.filters,
+        [uniqueName]: value,
+      },
+    });
+    this.reload();
+  }
 }

packages/datalib/src/TableGridDisplay.ts

@@ -18,6 +18,7 @@ export class TableGridDisplay extends GridDisplay {
   }
 
   createSelect() {
+    if (!this.table.columns) return null;
     const orderColumnName = this.table.columns[0].columnName;
     const select: Select = {
       commandType: 'select',