import React, { type ReactNode } from 'react'; import type { InputProps } from "../../form/useInput.js"; import { type UseReferenceInputControllerParams } from "./useReferenceInputController.js"; /** * An Input component for choosing a reference record. Useful for foreign keys. * * This component fetches the possible values in the reference resource * (using `dataProvider.getList()`), and renders the child you passed * to which it passes the possible choices via a `ChoicesContext`. * * You must pass a child selection component to customize the way the reference * selector is displayed (e.g. using `` or `` * instead of `` ). * * Note that the child component should handle the error and loading cases as this base component does not. * * @example // using a SelectInput as selector * export const CommentEdit = () => ( * * * * * * * * ); * * By default, restricts the possible values to 25. You can extend this limit * by setting the `perPage` prop. * * @example * * * By default, orders the possible values by id desc. You can change this order * by setting the `sort` prop (an object with `field` and `order` properties). * * @example * * * * * Also, you can filter the query used to populate the possible values. Use the * `filter` prop for that. * * @example * * * * * The enclosed component may filter results. ReferenceInputBase create a ChoicesContext which provides * a `setFilters` function. You can call this function to filter the results. */ export declare const ReferenceInputBase: (props: ReferenceInputBaseProps) => React.JSX.Element; export interface ReferenceInputBaseProps extends InputProps, UseReferenceInputControllerParams { children?: ReactNode; offline?: ReactNode; } //# sourceMappingURL=ReferenceInputBase.d.ts.map