New: Custom Filtering for UI (#234)

frontend/src/Helpers/Props/filterBuilderTypes.js

@@ -0,0 +1,33 @@
+import * as filterTypes from './filterTypes';
+
+export const EXACT = 'exact';
+export const NUMBER = 'number';
+export const STRING = 'string';
+
+export const all = [
+  EXACT,
+  NUMBER,
+  STRING
+];
+
+export const possibleFilterTypes = {
+  [EXACT]: [
+    { key: filterTypes.EQUAL, value: 'Is' },
+    { key: filterTypes.NOT_EQUAL, value: 'Is Not' }
+  ],
+
+  [NUMBER]: [
+    { key: filterTypes.EQUAL, value: 'Equal' },
+    { key: filterTypes.GREATER_THAN, value: 'Greater Than' },
+    { key: filterTypes.GREATER_THAN_OR_EQUAL, value: 'Greater Than or Equal' },
+    { key: filterTypes.LESS_THAN, value: 'Less Than' },
+    { key: filterTypes.LESS_THAN_OR_EQUAL, value: 'Less Than or Equal' },
+    { key: filterTypes.NOT_EQUAL, value: 'Not Equal' }
+  ],
+
+  [STRING]: [
+    { key: filterTypes.CONTAINS, value: 'Contains' },
+    { key: filterTypes.EQUAL, value: 'Equal' },
+    { key: filterTypes.NOT_EQUAL, value: 'Not Equal' }
+  ]
+};

frontend/src/Helpers/Props/filterBuilderValueTypes.js

@@ -0,0 +1,4 @@
+export const DEFAULT = 'default';
+export const INDEXER = 'indexer';
+export const PROTOCOL = 'protocol';
+export const QUALITY = 'quality';

frontend/src/Helpers/Props/index.js

@@ -1,5 +1,7 @@
 import * as align from './align';
 import * as inputTypes from './inputTypes';
+import * as filterBuilderTypes from './filterBuilderTypes';
+import * as filterBuilderValueTypes from './filterBuilderValueTypes';
 import * as filterTypes from './filterTypes';
 import * as icons from './icons';
 import * as kinds from './kinds';
@@ -12,6 +14,8 @@ import * as tooltipPositions from './tooltipPositions';
 export {
   align,
   inputTypes,
+  filterBuilderTypes,
+  filterBuilderValueTypes,
   filterTypes,
   icons,
   kinds,