FormComponents

interface DashboardCustomFormComponent {    id: string;    component: DashboardFormComponent;}

interface DashboardCustomFormComponents {    customFields?: DashboardCustomFormComponent[];}

export type ControllerRenderProps = {    onChange: (event: any) => void;    onBlur: () => void;    value: any;    disabled?: boolean;    name: string;    ref: RefCallBack;};

export type ConfigurableArgDef = {    defaultValue: any    description: string | null    label: string | null    list: boolean    name: string    required: boolean    type: string    ui: any}

type DashboardFormComponentProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerRenderProps<TFieldValues, TName> & {    fieldDef?: ConfigurableFieldDef;}

export const MyCustomInput: DashboardFormComponent = props => {  // implementation omitted}MyCustomInput.metadata = { // [!code highlight]  isListInput: true // [!code highlight]} // [!code highlight]

type DashboardFormComponentMetadata = {    isListInput?: boolean | 'dynamic';    isFullWidth?: boolean;    summary?: React.ComponentType<DashboardFormComponentSummaryProps>;    popoverSize?: 'sm' | 'lg';}

type DashboardFormComponentSummaryProps = {    value: any;    fieldDef: ConfigurableFieldDef;}

import { DashboardFormComponent, Input } from '@vendure/dashboard';const MyComponent: DashboardFormComponent = (props) => {    return <Input value={props.value}                  onChange={props.onChange}                  onBlur={props.onBlur}                  name={props.name}                  disabled={props.disabled}                  ref={props.ref}                  />;};

type DashboardFormComponent = React.ComponentType<DashboardFormComponentProps> & {    metadata?: DashboardFormComponentMetadata;}