chore(Filters): add record type to filter value

src/components/Filters/Filters.types.ts

@@ -52,7 +52,7 @@ export interface Filter {
   isApplied: boolean;
   isLoading: boolean;
   isCanceled: boolean;
-  value?: string | string[] | Date | BaseDateRange;
+  value?: string | string[] | Date | BaseDateRange | Record<string, unknown>;
 }
 
 export interface FiltersProps {

src/components/Filters/mocks/MockObjectFilter.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+
+import { SpaceSizes } from '../../../theme';
+import { Inline, Padbox, Stack } from '../../layout';
+import { SelectFilter } from '../components';
+import Input from '../components/Input/Input';
+
+type MockObject = {
+  inputValue: string;
+  includeAssets: string[];
+};
+
+interface MockObjectFilterProps {
+  value: MockObject;
+}
+
+const MockObjectFilter: React.FC<MockObjectFilterProps> = ({ value }) => {
+  const options = [
+    {
+      label: 'Include associated subdomains',
+      value: 'include_domains',
+    },
+    {
+      label: 'Include associated IPs',
+      value: 'include_ips',
+    },
+  ];
+
+  const handleFilterOnChange = () => {
+    throw new Error('Not implemented');
+  };
+
+  return (
+    <Padbox>
+      <Inline gap={SpaceSizes.sm} stretch="start">
+        <Stack>
+          <Input value={value.inputValue} onChange={handleFilterOnChange} />
+        </Stack>
+        <Stack style={{ width: 330 }}>
+          <SelectFilter options={options} isMulti />
+        </Stack>
+      </Inline>
+    </Padbox>
+  );
+};
+export default MockObjectFilter;

src/components/Filters/mocks/options.ts

@@ -11,6 +11,7 @@ import {
 import { Field, Filter } from '../Filters.types';
 import { Operators } from '../Filters.enums';
 import { patterns, validateDomains, validateIPs } from './validations';
+import MockObjectFilter from './MockObjectFilter';
 
 export const mockTestFields: Field[] = [
   {
@@ -324,6 +325,18 @@ export const fields: Field[] = [
     value: 'detection method',
     label: 'Detection Method',
   },
+  {
+    conditions: [
+      { component: MockObjectFilter, value: 'is', label: 'is' },
+      {
+        component: MockObjectFilter,
+        value: 'is not',
+        label: 'is not',
+      },
+    ],
+    value: 'ip and assets',
+    label: 'IP and Assets',
+  },
 ];
 
 export const state: Filter[] = [
@@ -404,6 +417,15 @@ export const state: Filter[] = [
     isLoading: false,
     isCanceled: false,
   },
+  {
+    operator: Operators.and,
+    field: 'ip and assets',
+    condition: 'is',
+    value: { inputValue: '1.1.1.1', includeAsset: ['include_domains'] },
+    isApplied: true,
+    isLoading: false,
+    isCanceled: false,
+  },
 ];
 
 export const stateWithUnappliedFilters: Filter[] = [