Is there a way to create a UI which also queries and displays results based on relationships?

[crup]

I've this use case:

• A list of makes - Honda/Hyundai/Kia
• A list of models - Each model is associated to a Make
• A list of Variants - To create a Variant, we should select a Make and Model.

Current behaviour:
In Variant's UI I am getting list of all the models instead of getting a filtered list of models based on my make selection.

Expected behaviour:
Once I select a Make, I should get a list of associated models.

Is there a way/sample which I can refer to create such relationships in UI with customized queries for subsequent fields rather than showing the whole list in a dropdown.

Here's the sample schema for Variant.

`import { list } from '@keystone-6/core';
import { allowAll } from '@keystone-6/core/access';
import {
text,
relationship,
password,
timestamp,
} from '@keystone-6/core/fields';
import { stars } from '../fields/2-star-field';

export const Variant = list({
access: allowAll,

// this is the fields for our User list
fields: {
  make: relationship({
    ref: 'Make',
    many: false,
  }),
  model: relationship({
    ref: 'Model.variant',
    many: false
  }),
  name: text({ validation: { isRequired: true } }),
  rating: stars({
    ui: {
      description: 'A star rating, with a scale of 5',
    },
  }),
  createdAt: timestamp({
    // this sets the timestamp to Date.now() when the user is first created
    defaultValue: { kind: 'now' },
  }),
}

})`

I've added my complete code here: https://github.com/crup/keystone-poc