@rjsf/core 4.2.2 → 5.0.0-beta.2

package/README.md

@@ -15,7 +15,7 @@
   <p align="center">
   Core logic and classic Bootstrap 3 theme for <a href="https://github.com/rjsf-team/react-jsonschema-form/"><code>react-jsonschema-form</code></a>.
     <br />
-    <a href="https://react-jsonschema-form.readthedocs.io/en/latest/"><strong>Explore the docs »</strong></a>
+    <a href="https://react-jsonschema-form.readthedocs.io/en/stable/"><strong>Explore the docs »</strong></a>
     <br />
     <br />
     <a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
@@ -86,7 +86,7 @@ See the general [open issues](https://github.com/rjsf-team/react-jsonschema-form
 
 ## Contributing
 
-Read our [contributors' guide](https://react-jsonschema-form.readthedocs.io/en/latest/contributing/) to get started.
+Read our [contributors' guide](https://react-jsonschema-form.readthedocs.io/en/stable/contributing/) to get started.
 
 <!-- CONTACT -->
 

package/dist/components/Form.d.ts

@@ -1,48 +1,277 @@
-export default class Form extends React.Component<any, any, any> {
-    static defaultProps: {
-        uiSchema: {};
-        noValidate: boolean;
-        liveValidate: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        noHtml5Validate: boolean;
-        ErrorList: typeof DefaultErrorList;
-        omitExtraData: boolean;
-    };
-    constructor(props: any);
-    formElement: any;
-    getStateFromProps(props: any, inputFormData: any): {
-        schema: any;
-        uiSchema: any;
-        idSchema: any;
-        formData: any;
-        edit: boolean;
-        errors: any;
-        errorSchema: any;
-        additionalMetaSchemas: any;
-    };
-    validate(formData: any, schema?: any, additionalMetaSchemas?: any, customFormats?: any): {
-        errors: any[];
-        errorSchema: any;
-    };
-    renderErrors(): JSX.Element | null;
-    getUsedFormData: (formData: any, fields: any) => any;
-    getFieldNames: (pathSchema: any, formData: any) => any[];
-    onChange: (formData: any, newErrorSchema: any) => void;
-    onBlur: (...args: any[]) => void;
-    onFocus: (...args: any[]) => void;
-    onSubmit: (event: any) => void;
-    getRegistry(): {
-        fields: any;
-        widgets: any;
-        ArrayFieldTemplate: any;
-        ObjectFieldTemplate: any;
-        FieldTemplate: any;
-        definitions: any;
-        rootSchema: any;
-        formContext: any;
+import React, { Component } from "react";
+import { CustomValidator, ErrorSchema, ErrorTransformer, IdSchema, PathSchema, RJSFSchema, RJSFValidationError, Registry, RegistryWidgetsType, RegistryFieldsType, SchemaUtilsType, TemplatesType, UiSchema, ValidationData, ValidatorType } from "@rjsf/utils";
+/** The properties that are passed to the `Form` */
+export interface FormProps<T = any, F = any> {
+    /** The JSON schema object for the form */
+    schema: RJSFSchema;
+    /** An implementation of the `ValidatorType` interface that is needed for form validation to work */
+    validator: ValidatorType<T>;
+    /** The uiSchema for the form */
+    uiSchema?: UiSchema<T, F>;
+    /** The data for the form, used to prefill a form with existing data */
+    formData?: T;
+    /** You can provide a `formContext` object to the form, which is passed down to all fields and widgets. Useful for
+     * implementing context aware fields and widgets.
+     *
+     * NOTE: Setting `{readonlyAsDisabled: false}` on the formContext will make the antd theme treat readOnly fields as
+     * disabled.
+     */
+    formContext?: F;
+    /** To avoid collisions with existing ids in the DOM, it is possible to change the prefix used for ids;
+     * Default is `root`
+     */
+    idPrefix?: string;
+    /** To avoid using a path separator that is present in field names, it is possible to change the separator used for
+     * ids (Default is `_`)
+     */
+    idSeparator?: string;
+    /** It's possible to disable the whole form by setting the `disabled` prop. The `disabled` prop is then forwarded down
+     * to each field of the form. If you just want to disable some fields, see the `ui:disabled` parameter in `uiSchema`
+     */
+    disabled?: boolean;
+    /** It's possible to make the whole form read-only by setting the `readonly` prop. The `readonly` prop is then
+     * forwarded down to each field of the form. If you just want to make some fields read-only, see the `ui:readonly`
+     * parameter in `uiSchema`
+     */
+    readonly?: boolean;
+    /** The dictionary of registered fields in the form */
+    fields?: RegistryFieldsType<T, F>;
+    /** The dictionary of registered templates in the form; Partial allows a subset to be provided beyond the defaults */
+    templates?: Partial<Omit<TemplatesType<T, F>, "ButtonTemplates">> & {
+        ButtonTemplates?: Partial<TemplatesType<T, F>["ButtonTemplates"]>;
     };
+    /** The dictionary of registered widgets in the form */
+    widgets?: RegistryWidgetsType<T, F>;
+    /** If you plan on being notified every time the form data are updated, you can pass an `onChange` handler, which will
+     * receive the same args as `onSubmit` any time a value is updated in the form
+     */
+    onChange?: (data: IChangeEvent<T, F>) => void;
+    /** To react when submitted form data are invalid, pass an `onError` handler. It will be passed the list of
+     * encountered errors
+     */
+    onError?: (errors: RJSFValidationError[]) => void;
+    /** You can pass a function as the `onSubmit` prop of your `Form` component to listen to when the form is submitted
+     * and its data are valid. It will be passed a result object having a `formData` attribute, which is the valid form
+     * data you're usually after. The original event will also be passed as a second parameter
+     */
+    onSubmit?: (data: IChangeEvent<T, F>, event: React.FormEvent<any>) => void;
+    /** Sometimes you may want to trigger events or modify external state when a field has been touched, so you can pass
+     * an `onBlur` handler, which will receive the id of the input that was blurred and the field value
+     */
+    onBlur?: (id: string, data: any) => void;
+    /** Sometimes you may want to trigger events or modify external state when a field has been focused, so you can pass
+     * an `onFocus` handler, which will receive the id of the input that is focused and the field value
+     */
+    onFocus?: (id: string, data: any) => void;
+    /** The value of this prop will be passed to the `accept-charset` HTML attribute on the form */
+    acceptcharset?: string;
+    /** The value of this prop will be passed to the `action` HTML attribute on the form
+     *
+     * NOTE: this just renders the `action` attribute in the HTML markup. There is no real network request being sent to
+     * this `action` on submit. Instead, react-jsonschema-form catches the submit event with `event.preventDefault()`
+     * and then calls the `onSubmit` function, where you could send a request programmatically with `fetch` or similar.
+     */
+    action?: string;
+    /** The value of this prop will be passed to the `autocomplete` HTML attribute on the form */
+    autoComplete?: string;
+    /** The value of this prop will be passed to the `class` HTML attribute on the form */
+    className?: string;
+    /** The value of this prop will be passed to the `enctype` HTML attribute on the form */
+    enctype?: string;
+    /** The value of this prop will be passed to the `id` HTML attribute on the form */
+    id?: string;
+    /** The value of this prop will be passed to the `name` HTML attribute on the form */
+    name?: string;
+    /** The value of this prop will be passed to the `method` HTML attribute on the form */
+    method?: string;
+    /** It's possible to change the default `form` tag name to a different HTML tag, which can be helpful if you are
+     * nesting forms. However, native browser form behaviour, such as submitting when the `Enter` key is pressed, may no
+     * longer work
+     */
+    tagName?: React.ElementType;
+    /** The value of this prop will be passed to the `target` HTML attribute on the form */
+    target?: string;
+    /** Formerly the `validate` prop; Takes a function that specifies custom validation rules for the form */
+    customValidate?: CustomValidator<T>;
+    /** This prop allows passing in custom errors that are augmented with the existing JSON Schema errors on the form; it
+     * can be used to implement asynchronous validation
+     */
+    extraErrors?: ErrorSchema<T>;
+    /** If set to true, turns off HTML5 validation on the form; Set to `false` by default */
+    noHtml5Validate?: boolean;
+    /** If set to true, turns off all validation. Set to `false` by default
+     *
+     * @deprecated - In a future release, this switch may be replaced by making `validator` prop optional
+     */
+    noValidate?: boolean;
+    /** If set to true, the form will perform validation and show any validation errors whenever the form data is changed,
+     * rather than just on submit
+     */
+    liveValidate?: boolean;
+    /** If `omitExtraData` and `liveOmit` are both set to true, then extra form data values that are not in any form field
+     * will be removed whenever `onChange` is called. Set to `false` by default
+     */
+    liveOmit?: boolean;
+    /** If set to true, then extra form data values that are not in any form field will be removed whenever `onSubmit` is
+     * called. Set to `false` by default.
+     */
+    omitExtraData?: boolean;
+    /** When this prop is set to true, a list of errors (or the custom error list defined in the `ErrorList`) will also
+     * show. When set to false, only inline input validation errors will be shown. Set to `true` by default
+     */
+    showErrorList?: boolean;
+    /** A function can be passed to this prop in order to make modifications to the default errors resulting from JSON
+     * Schema validation
+     */
+    transformErrors?: ErrorTransformer;
+    /**
+     * _internalFormWrapper is currently used by the semantic-ui theme to provide a custom wrapper around `<Form />`
+     * that supports the proper rendering of those themes. To use this prop, one must pass a component that takes two
+     * props: `children` and `as`. That component, at minimum, should render the `children` inside of a <form /> tag
+     * unless `as` is provided, in which case, use the `as` prop in place of `<form />`.
+     * i.e.:
+     * ```
+     * export default function InternalForm({ children, as }) {
+     *   const FormTag = as || 'form';
+     *   return <FormTag>{children}</FormTag>;
+     * }
+     * ```
+     *
+     * Use at your own risk as this prop is private and may change at any time without notice.
+     */
+    _internalFormWrapper?: React.ElementType;
+}
+/** The data that is contained within the state for the `Form` */
+export interface FormState<T = any, F = any> {
+    /** The JSON schema object for the form */
+    schema: RJSFSchema;
+    /** The uiSchema for the form */
+    uiSchema: UiSchema<T, F>;
+    /** The `IdSchema` for the form, computed from the `schema`, the `rootFieldId`, the `formData` and the `idPrefix` and
+     * `idSeparator` props.
+     */
+    idSchema: IdSchema<T>;
+    /** The schemaUtils implementation used by the `Form`, created from the `validator` and the `schema` */
+    schemaUtils: SchemaUtilsType<T>;
+    /** The current data for the form, computed from the `formData` prop and the changes made by the user */
+    formData: T;
+    /** Flag indicating whether the form is in edit mode, true when `formData` is passed to the form, otherwise false */
+    edit: boolean;
+    /** The current list of errors for the form, includes `extraErrors` */
+    errors: RJSFValidationError[];
+    /** The current errors, in `ErrorSchema` format, for the form, includes `extraErrors` */
+    errorSchema: ErrorSchema<T>;
+    /** The current list of errors for the form directly from schema validation, does NOT include `extraErrors` */
+    schemaValidationErrors: RJSFValidationError[];
+    /** The current errors, in `ErrorSchema` format, for the form directly from schema validation, does NOT include
+     * `extraErrors`
+     */
+    schemaValidationErrorSchema: ErrorSchema<T>;
+}
+/** The event data passed when changes have been made to the form, includes everything from the `FormState` except
+ * the schema validation errors. An additional `status` is added when returned from `onSubmit`
+ */
+export interface IChangeEvent<T = any, F = any> extends Omit<FormState<T, F>, "schemaValidationErrors" | "schemaValidationErrorSchema"> {
+    /** The status of the form when submitted */
+    status?: "submitted";
+}
+/** The `Form` component renders the outer form and all the fields defined in the `schema` */
+export default class Form<T = any, F = any> extends Component<FormProps<T, F>, FormState<T, F>> {
+    /** The ref used to hold the `form` element, this needs to be `any` because `tagName` or `_internalFormWrapper` can
+     * provide any possible type here
+     */
+    formElement: React.RefObject<any>;
+    /** Constructs the `Form` from the `props`. Will setup the initial state from the props. It will also call the
+     * `onChange` handler if the initially provided `formData` is modified to add missing default values as part of the
+     * state construction.
+     *
+     * @param props - The initial props for the `Form`
+     */
+    constructor(props: FormProps<T, F>);
+    /** React lifecycle method that gets called before new props are provided, updates the state based on new props. It
+     * will also call the`onChange` handler if the `formData` is modified to add missing default values as part of the
+     * state construction.
+     *
+     * @param nextProps - The new set of props about to be applied to the `Form`
+     */
+    UNSAFE_componentWillReceiveProps(nextProps: FormProps<T, F>): void;
+    /** Extracts the updated state from the given `props` and `inputFormData`. As part of this process, the
+     * `inputFormData` is first processed to add any missing required defaults. After that, the data is run through the
+     * validation process IF required by the `props`.
+     *
+     * @param props - The props passed to the `Form`
+     * @param inputFormData - The new or current data for the `Form`
+     * @returns - The new state for the `Form`
+     */
+    getStateFromProps(props: FormProps<T, F>, inputFormData?: T): FormState<T, F>;
+    /** React lifecycle method that is used to determine whether component should be updated.
+     *
+     * @param nextProps - The next version of the props
+     * @param nextState - The next version of the state
+     * @returns - True if the component should be updated, false otherwise
+     */
+    shouldComponentUpdate(nextProps: FormProps<T, F>, nextState: FormState<T, F>): boolean;
+    /** Validates the `formData` against the `schema` using the `schemaUtils`, returning the results.
+     *
+     * @param schemaUtils - The schemaUtils to use for validation
+     * @param formData - The new form data to validate
+     * @param schema - The schema used to validate against
+     */
+    validate(schemaUtils: SchemaUtilsType<T>, formData: T, schema?: import("json-schema").JSONSchema7): ValidationData<T>;
+    /** Renders any errors contained in the `state` in using the `ErrorList`, if not disabled by `showErrorList`. */
+    renderErrors(registry: Registry<T, F>): JSX.Element | null;
+    /** Returns the `formData` with only the elements specified in the `fields` list
+     *
+     * @param formData - The data for the `Form`
+     * @param fields - The fields to keep while filtering
+     */
+    getUsedFormData: (formData: T, fields: string[]) => T;
+    /** Returns the list of field names from inspecting the `pathSchema` as well as using the `formData`
+     *
+     * @param pathSchema - The `PathSchema` object for the form
+     * @param formData - The form data to use while checking for empty objects/arrays
+     */
+    getFieldNames: (pathSchema: PathSchema<T>, formData: T) => string[];
+    /** Function to handle changes made to a field in the `Form`. This handler receives an entirely new copy of the
+     * `formData` along with a new `ErrorSchema`. It will first update the `formData` with any missing default fields and
+     * then, if `omitExtraData` and `liveOmit` are turned on, the `formData` will be filterer to remove any extra data not
+     * in a form field. Then, the resulting formData will be validated if required. The state will be updated with the new
+     * updated (potentially filtered) `formData`, any errors that resulted from validation. Finally the `onChange`
+     * callback will be called if specified with the updated state.
+     *
+     * @param formData - The new form data from a change to a field
+     * @param newErrorSchema - The new `ErrorSchema` based on the field change
+     */
+    onChange: (formData: T, newErrorSchema?: ErrorSchema<T>) => void;
+    /** Callback function to handle when a field on the form is blurred. Calls the `onBlur` callback for the `Form` if it
+     * was provided.
+     *
+     * @param id - The unique `id` of the field that was blurred
+     * @param data - The data associated with the field that was blurred
+     */
+    onBlur: (id: string, data: any) => void;
+    /** Callback function to handle when a field on the form is focused. Calls the `onFocus` callback for the `Form` if it
+     * was provided.
+     *
+     * @param id - The unique `id` of the field that was focused
+     * @param data - The data associated with the field that was focused
+     */
+    onFocus: (id: string, data: any) => void;
+    /** Callback function to handle when the form is submitted. First, it prevents the default event behavior. Nothing
+     * happens if the target and currentTarget of the event are not the same. It will omit any extra data in the
+     * `formData` in the state if `omitExtraData` is true. It will validate the resulting `formData`, reporting errors
+     * via the `onError()` callback unless validation is disabled. Finally it will add in any `extraErrors` and then call
+     * back the `onSubmit` callback if it was provided.
+     *
+     * @param event - The submit HTML form event
+     */
+    onSubmit: (event: React.FormEvent<any>) => void;
+    /** Returns the registry for the form */
+    getRegistry(): Registry<T, F>;
+    /** Provides a function that can be used to programmatically submit the `Form` */
     submit(): void;
+    /** Renders the `Form` fields inside the <form> | `tagName` or `_internalFormWrapper`, rendering any errors if
+     * needed along with the submit button or any children of the form.
+     */
+    render(): JSX.Element;
 }
-import React from "react";
-import { default as DefaultErrorList } from "./ErrorList";

package/dist/components/fields/ArrayField.d.ts

@@ -1,51 +1,6 @@
-export default ArrayField;
-declare class ArrayField extends React.Component<any, any, any> {
-    static defaultProps: {
-        uiSchema: {};
-        formData: never[];
-        idSchema: {};
-        required: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        autofocus: boolean;
-    };
-    static getDerivedStateFromProps(nextProps: any, prevState: any): {
-        updatedKeyedFormData: boolean;
-        keyedFormData?: undefined;
-    } | {
-        keyedFormData: any;
-        updatedKeyedFormData?: undefined;
-    };
-    constructor(props: any);
-    get itemTitle(): any;
-    isItemRequired(itemSchema: any): boolean;
-    canAddItem(formItems: any): any;
-    _getNewFormDataRow: () => any;
-    onAddClick: (event: any) => void;
-    onAddIndexClick: (index: any) => (event: any) => void;
-    onDropIndexClick: (index: any) => (event: any) => void;
-    onReorderClick: (index: any, newIndex: any) => (event: any) => void;
-    onChangeForIndex: (index: any) => (value: any, errorSchema: any) => void;
-    onSelectChange: (value: any) => void;
-    renderNormalArray(): JSX.Element;
-    renderCustomWidget(): JSX.Element;
-    renderMultiSelect(): JSX.Element;
-    renderFiles(): JSX.Element;
-    renderFixedArray(): JSX.Element;
-    renderArrayFieldItem(props: any): {
-        children: JSX.Element;
-        className: string;
-        disabled: any;
-        hasToolbar: any;
-        hasMoveUp: any;
-        hasMoveDown: any;
-        hasRemove: any;
-        index: any;
-        key: any;
-        onAddIndexClick: (index: any) => (event: any) => void;
-        onDropIndexClick: (index: any) => (event: any) => void;
-        onReorderClick: (index: any, newIndex: any) => (event: any) => void;
-        readonly: any;
-    };
-}
-import React from "react";
+import { Field } from "@rjsf/utils";
+/** `ArrayField` is `React.ComponentType<FieldProps<T[], F>>` (necessarily) but the `registry` requires things to be a
+ * `Field` which is defined as `React.ComponentType<FieldProps<T, F>>`, so cast it to make `registry` happy.
+ */
+declare const _default: Field<any, any>;
+export default _default;

package/dist/components/fields/BooleanField.d.ts

@@ -1,45 +1,8 @@
+import { FieldProps } from "@rjsf/utils";
+/** The `BooleanField` component is used to render a field in the schema is boolean. It constructs `enumOptions` for the
+ * two boolean values based on the various alternatives in the schema.
+ *
+ * @param props - The `FieldProps` for this template
+ */
+declare function BooleanField<T = any, F = any>(props: FieldProps<T, F>): JSX.Element;
 export default BooleanField;
-declare function BooleanField(props: any): JSX.Element;
-declare namespace BooleanField {
-    export const propTypes: {
-        autofocus: import("prop-types").Requireable<boolean>;
-        disabled: import("prop-types").Requireable<boolean>;
-        errorSchema: import("prop-types").Requireable<object>;
-        formData: import("prop-types").Requireable<any>;
-        idSchema: import("prop-types").Requireable<object>;
-        onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
-        onChange: import("prop-types").Validator<(...args: any[]) => any>;
-        onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
-        rawErrors: import("prop-types").Requireable<(string | null | undefined)[]>;
-        readonly: import("prop-types").Requireable<boolean>;
-        registry: import("prop-types").Validator<import("prop-types").InferProps<{
-            ArrayFieldTemplate: import("prop-types").Requireable<import("prop-types").ReactComponentLike>;
-            FieldTemplate: import("prop-types").Requireable<import("prop-types").ReactComponentLike>;
-            ObjectFieldTemplate: import("prop-types").Requireable<import("prop-types").ReactComponentLike>;
-            definitions: import("prop-types").Validator<object>;
-            rootSchema: import("prop-types").Requireable<object>;
-            fields: import("prop-types").Validator<{
-                [x: string]: string | ((props: any, context?: any) => any) | (new (props: any, context?: any) => any) | null | undefined;
-            }>;
-            formContext: import("prop-types").Validator<object>;
-            widgets: import("prop-types").Validator<{
-                [x: string]: object | null | undefined;
-            }>;
-        }>>;
-        required: import("prop-types").Requireable<boolean>;
-        schema: import("prop-types").Validator<object>;
-        uiSchema: import("prop-types").Requireable<import("prop-types").InferProps<{
-            "ui:options": import("prop-types").Requireable<import("prop-types").InferProps<{
-                addable: import("prop-types").Requireable<boolean>;
-                orderable: import("prop-types").Requireable<boolean>;
-                removable: import("prop-types").Requireable<boolean>;
-            }>>;
-        }>>;
-    };
-    export const defaultProps: {
-        uiSchema: {};
-        disabled: boolean;
-        readonly: boolean;
-        autofocus: boolean;
-    };
-}

package/dist/components/fields/MultiSchemaField.d.ts

@@ -1,40 +1,44 @@
-export default AnyOfField;
-declare class AnyOfField extends React.Component<any, any, any> {
-    constructor(props: any);
-    getMatchingOption(formData: any, options: any): any;
+import { Component } from "react";
+import { FieldProps, RJSFSchema } from "@rjsf/utils";
+/** Type used for the state of the `AnyOfField` component */
+declare type AnyOfFieldState = {
+    /** The currently selected option */
+    selectedOption: number;
+};
+/** The `AnyOfField` component is used to render a field in the schema that is an `anyOf`, `allOf` or `oneOf`. It tracks
+ * the currently selected option and cleans up any irrelevant data in `formData`.
+ *
+ * @param props - The `FieldProps` for this template
+ */
+declare class AnyOfField<T = any, F = any> extends Component<FieldProps<T, F>, AnyOfFieldState> {
+    /** Constructs an `AnyOfField` with the given `props` to initialize the initially selected option in state
+     *
+     * @param props - The `FieldProps` for this template
+     */
+    constructor(props: FieldProps<T, F>);
+    /** React lifecycle methos that is called when the props and/or state for this component is updated. It recomputes the
+     * currently selected option based on the overall `formData`
+     *
+     * @param prevProps - The previous `FieldProps` for this template
+     * @param prevState - The previous `AnyOfFieldState` for this template
+     */
+    componentDidUpdate(prevProps: Readonly<FieldProps<T, F>>, prevState: Readonly<AnyOfFieldState>): void;
+    /** Determines the best matching option for the given `formData` and `options`.
+     *
+     * @param formData - The new formData
+     * @param options - The list of options to choose from
+     * @return - The index of the `option` that best matches the `formData`
+     */
+    getMatchingOption(selectedOption: number, formData: T, options: RJSFSchema[]): number;
+    /** Callback handler to remember what the currently selected option is. In addition to that the `formData` is updated
+     * to remove properties that are not part of the newly selected option schema, and then the updated data is passed to
+     * the `onChange` handler.
+     *
+     * @param option -
+     */
     onOptionChange: (option: any) => void;
+    /** Renders the `AnyOfField` selector along with a `SchemaField` for the value of the `formData`
+     */
+    render(): JSX.Element;
 }
-declare namespace AnyOfField {
-    export const defaultProps: {
-        disabled: boolean;
-        readonly: boolean;
-        hideError: boolean;
-        errorSchema: {};
-        idSchema: {};
-        uiSchema: {};
-    };
-    export namespace propTypes {
-        export const options: PropTypes.Validator<(object | null | undefined)[]>;
-        export const baseType: PropTypes.Requireable<string>;
-        export const uiSchema: PropTypes.Requireable<object>;
-        export const idSchema: PropTypes.Requireable<object>;
-        export const formData: PropTypes.Requireable<any>;
-        export const errorSchema: PropTypes.Requireable<object>;
-        export const registry: PropTypes.Validator<PropTypes.InferProps<{
-            ArrayFieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-            FieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-            ObjectFieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-            definitions: PropTypes.Validator<object>;
-            rootSchema: PropTypes.Requireable<object>;
-            fields: PropTypes.Validator<{
-                [x: string]: string | ((props: any, context?: any) => any) | (new (props: any, context?: any) => any) | null | undefined;
-            }>;
-            formContext: PropTypes.Validator<object>;
-            widgets: PropTypes.Validator<{
-                [x: string]: object | null | undefined;
-            }>;
-        }>>;
-    }
-}
-import React from "react";
-import PropTypes from "prop-types";
+export default AnyOfField;

package/dist/components/fields/NullField.d.ts

@@ -1,6 +1,8 @@
+import { FieldProps } from "@rjsf/utils";
+/** The `NullField` component is used to render a field in the schema is null. It also ensures that the `formData` is
+ * also set to null if it has no value.
+ *
+ * @param props - The `FieldProps` for this template
+ */
+declare function NullField<T = any, F = any>(props: FieldProps<T, F>): null;
 export default NullField;
-declare class NullField extends Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-}
-import { Component } from "react";

package/dist/components/fields/NumberField.d.ts

@@ -1,4 +1,4 @@
-export default NumberField;
+import { FieldProps } from "@rjsf/utils";
 /**
  * The NumberField class has some special handling for dealing with trailing
  * decimal points and/or zeroes. This logic is designed to allow trailing values
@@ -16,48 +16,5 @@ export default NumberField;
  *    value cached in the state. If it matches the cached value, the cached
  *    value is passed to the input instead of the formData value
  */
-declare class NumberField extends React.Component<any, any, any> {
-    constructor(props: any);
-    handleChange: (value: any) => void;
-}
-declare namespace NumberField {
-    export const propTypes: {
-        autofocus: import("prop-types").Requireable<boolean>;
-        disabled: import("prop-types").Requireable<boolean>;
-        errorSchema: import("prop-types").Requireable<object>;
-        formData: import("prop-types").Requireable<any>;
-        idSchema: import("prop-types").Requireable<object>;
-        onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
-        onChange: import("prop-types").Validator<(...args: any[]) => any>;
-        onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
-        rawErrors: import("prop-types").Requireable<(string | null | undefined)[]>;
-        readonly: import("prop-types").Requireable<boolean>;
-        registry: import("prop-types").Validator<import("prop-types").InferProps<{
-            ArrayFieldTemplate: import("prop-types").Requireable<import("prop-types").ReactComponentLike>;
-            FieldTemplate: import("prop-types").Requireable<import("prop-types").ReactComponentLike>;
-            ObjectFieldTemplate: import("prop-types").Requireable<import("prop-types").ReactComponentLike>;
-            definitions: import("prop-types").Validator<object>;
-            rootSchema: import("prop-types").Requireable<object>;
-            fields: import("prop-types").Validator<{
-                [x: string]: string | ((props: any, context?: any) => any) | (new (props: any, context?: any) => any) | null | undefined;
-            }>;
-            formContext: import("prop-types").Validator<object>;
-            widgets: import("prop-types").Validator<{
-                [x: string]: object | null | undefined;
-            }>;
-        }>>;
-        required: import("prop-types").Requireable<boolean>;
-        schema: import("prop-types").Validator<object>;
-        uiSchema: import("prop-types").Requireable<import("prop-types").InferProps<{
-            "ui:options": import("prop-types").Requireable<import("prop-types").InferProps<{
-                addable: import("prop-types").Requireable<boolean>;
-                orderable: import("prop-types").Requireable<boolean>;
-                removable: import("prop-types").Requireable<boolean>;
-            }>>;
-        }>>;
-    };
-    export namespace defaultProps {
-        export const uiSchema: {};
-    }
-}
-import React from "react";
+declare function NumberField<T = any, F = any>(props: FieldProps<T, F>): JSX.Element;
+export default NumberField;