chore: scaffolds relationship filter

src/admin/components/elements/WhereBuilder/Condition/Relationship/index.scss

@@ -0,0 +1,5 @@
+@import '../../../../../scss/styles.scss';
+
+.condition-value-relationship {
+  @include formInput;
+}

src/admin/components/elements/WhereBuilder/Condition/Relationship/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Props } from './types';
+
+import './index.scss';
+
+const baseClass = 'condition-value-relationship';
+
+const RelationshipField: React.FC<Props> = (props) => {
+  const { onChange, value } = props;
+  console.log(props);
+  return (
+    <input
+      placeholder="Enter a value"
+      className={baseClass}
+      type="number"
+      onChange={(e) => onChange(e.target.value)}
+      value={value}
+    />
+  );
+};
+
+export default RelationshipField;

src/admin/components/elements/WhereBuilder/Condition/Relationship/types.ts

@@ -0,0 +1,4 @@
+export type Props = {
+  onChange: (val: string) => void,
+  value: string,
+}

src/admin/components/elements/WhereBuilder/Condition/index.tsx

@@ -6,6 +6,7 @@ import Button from '../../Button';
 import Date from './Date';
 import Number from './Number';
 import Text from './Text';
+import Relationship from './Relationship';
 import useDebounce from '../../../../hooks/useDebounce';
 import { FieldCondition } from '../types';
 
@@ -15,6 +16,7 @@ const valueFields = {
   Date,
   Number,
   Text,
+  Relationship,
 };
 
 const baseClass = 'condition';
@@ -93,6 +95,7 @@ const Condition: React.FC<Props> = (props) => {
               DefaultComponent={ValueComponent}
               componentProps={{
                 ...activeField?.props,
+                operator: operatorValue,
                 value: internalValue,
                 onChange: setInternalValue,
               }}

src/admin/components/elements/WhereBuilder/field-types.tsx

@@ -100,7 +100,7 @@ const fieldTypeConditions = {
     operators: [...base],
   },
   relationship: {
-    component: 'Text',
+    component: 'Relationship',
     operators: [...base],
   },
   select: {