import type {
ButtonHTMLAttributes,
ChangeEvent,
ComponentType,
FocusEvent,
HTMLAttributes,
ReactElement,
ReactNode,
StyleHTMLAttributes,
} from 'react';
import { JSONSchema7 } from 'json-schema';
import { TranslatableString } from './enums';
/** The representation of any generic object type, usually used as an intersection on other types to make them more
* flexible in the properties they support (i.e. anything else)
*/
export type GenericObjectType = {
[name: string]: any;
};
/** Map the JSONSchema7 to our own type so that we can easily bump to a more recent version at some future date and only
* have to update this one type.
*/
export type StrictRJSFSchema = JSONSchema7;
/** Allow for more flexible schemas (i.e. draft-2019) than the strict JSONSchema7
*/
export type RJSFSchema = StrictRJSFSchema & GenericObjectType;
/** Alias GenericObjectType as FormContextType to allow us to remap this at some future date
*/
export type FormContextType = GenericObjectType;
/** The interface for the test ID proxy objects that are returned by the `getTestId` utility function.
*/
export type TestIdShape = Record;
/** Function to generate HTML name attributes from path segments */
export type NameGeneratorFunction = (path: FieldPathList, idPrefix: string, isMultiValue?: boolean) => string;
/** Experimental feature that specifies the Array `minItems` default form state behavior
*/
export type Experimental_ArrayMinItems = {
/** Optional enumerated flag controlling how array minItems are populated, defaulting to `all`:
* - `all`: Legacy behavior, populate minItems entries with default values initially and include an empty array when
* no values have been defined.
* - `requiredOnly`: Ignore `minItems` on a field when calculating defaults unless the field is required.
* - `never`: Ignore `minItems` on a field even the field is required.
*/
populate?: 'all' | 'requiredOnly' | 'never';
/** A function that determines whether to skip populating the array with default values based on the provided validator,
* schema, and root schema.
* If the function returns true, the array will not be populated with default values.
* If the function returns false, the array will be populated with default values according to the `populate` option.
* @param validator - An implementation of the `ValidatorType` interface that is used to detect valid schema conditions
* @param schema - The schema for which resolving a condition is desired
* @param [rootSchema] - The root schema that will be forwarded to all the APIs
* @returns A boolean indicating whether to skip populating the array with default values.
*/
computeSkipPopulate?: (
validator: ValidatorType,
schema: S,
rootSchema?: S,
) => boolean;
/** When `formData` is provided and does not contain `minItems` worth of data, this flag (`false` by default) controls
* whether the extra data provided by the defaults is appended onto the existing `formData` items to ensure the
* `minItems` condition is met. When false (legacy behavior), only the `formData` provided is merged into the default
* form state, even if there are fewer than the `minItems`. When true, the defaults are appended onto the end of the
* `formData` until the `minItems` condition is met.
*/
mergeExtraDefaults?: boolean;
};
/** Experimental features to specify different default form state behaviors. Currently, this affects the
* handling of optional array fields where `minItems` is set and handling of setting defaults based on the
* value of `emptyObjectFields`. It also affects how `allOf` fields are handled and how to handle merging defaults into
* the formData in relation to explicit `undefined` values via `mergeDefaultsIntoFormData`.
*/
export type Experimental_DefaultFormStateBehavior = {
/** Optional object, that controls how the default form state for arrays with `minItems` is handled. When not provided
* it defaults to `{ populate: 'all' }`.
*/
arrayMinItems?: Experimental_ArrayMinItems;
/** Optional enumerated flag controlling how empty object fields are populated, defaulting to `populateAllDefaults`:
* - `populateAllDefaults`: Legacy behavior - set default when there is a primitive value, an non-empty object field,
* or the field itself is required |
* - `populateRequiredDefaults`: Only sets default when a value is an object and its parent field is required, or it
* is a primitive value and it is required |
* - `skipDefaults`: Does not set defaults |
* - `skipEmptyDefaults`: Does not set an empty default. It will still apply the default value if a default property is defined in your schema. |
*/
emptyObjectFields?: 'populateAllDefaults' | 'populateRequiredDefaults' | 'skipDefaults' | 'skipEmptyDefaults';
/**
* Optional flag to compute the default form state using allOf and if/then/else schemas. Defaults to `skipDefaults'.
*/
allOf?: 'populateDefaults' | 'skipDefaults';
/** Optional enumerated flag controlling how the defaults are merged into the form data when dealing with undefined
* values, defaulting to `useFormDataIfPresent`.
* NOTE: If there is a default for a field and the `formData` is unspecified, the default ALWAYS merges.
* - `useFormDataIfPresent`: Legacy behavior - Do not merge defaults if there is a value for a field in `formData`,
* even if that value is explicitly set to `undefined`
* - `useDefaultIfFormDataUndefined`: - If the value of a field within the `formData` is `undefined`, then use the
* default value instead
*/
mergeDefaultsIntoFormData?: 'useFormDataIfPresent' | 'useDefaultIfFormDataUndefined';
/** Optional enumerated flag controlling how const values are merged into the form data as defaults when dealing with
* undefined values, defaulting to `always`. The defaulting behavior for this flag will always be controlled by the
* `emptyObjectField` flag value. For instance, if `populateRequiredDefaults` is set and the const value is not
* required, it will not be set.
* - `always`: A const value will always be merged into the form as a default. If there is are const values in a
* `oneOf` (for instance to create an enumeration with title different from the values), the first const value
* will be defaulted
* - `skipOneOf`: If const is in a `oneOf` it will NOT pick the first value as a default
* - `never`: A const value will never be used as a default
*
*/
constAsDefaults?: 'always' | 'skipOneOf' | 'never';
};
/** Optional function that allows for custom merging of `allOf` schemas
* @param schema - Schema with `allOf` that needs to be merged
* @returns The merged schema
*/
export type Experimental_CustomMergeAllOf = (schema: S) => S;
/** The interface representing a Date object that contains an optional time */
export interface DateObject {
/** The year of the Date */
year: number;
/** The month of the Date */
month: number;
/** The day of the Date */
day: number;
/** The optional hours for the time of a Date */
hour?: number;
/** The optional minutes for the time of a Date */
minute?: number;
/** The optional seconds for the time of a Date */
second?: number;
}
/** Properties describing a Range specification in terms of attribute that can be added to the `HTML` `` */
export type RangeSpecType = {
/** Specifies the interval between legal numbers in an input field */
step?: number;
/** Specifies a minimum value for an element */
min?: number;
/** Specifies the maximum value for an element */
max?: number;
};
/** Properties describing a Range specification in terms of attribute that can be added to the `HTML` `` */
export type InputPropsType = Omit & {
/** Specifies the type of the element */
type: string;
/** Specifies the interval between legal numbers in an input field or "any" */
step?: number | 'any';
/** Specifies the `autoComplete` value for an element */
autoComplete?: HTMLInputElement['autocomplete'];
/** Specifies a filter for what file types the user can upload. */
accept?: HTMLInputElement['accept'];
};
/** The list of path elements that represents where in the schema a field is located. When the item in the field list is
* a string, then it represents the name of the property within an object. When it is a number, then it represents the
* index within an array.
*
* For example:
* `[]` represents the root object of the schema
* `['foo', 'bar']` represents the `bar` element contained within the `foo` element of the schema
* `['baz', 1]` represents the second element in the list `baz` of the schema
*/
export type FieldPathList = (string | number)[];
/** Type describing an id and path used for a field */
export type FieldPathId = {
/** The id for a field */
$id: string;
/** The path for a field */
path: FieldPathList;
/** The optional HTML name attribute for a field, generated by nameGenerator if provided */
name?: string;
};
/** Type describing a name used for a field in the `PathSchema` */
export type FieldPath = {
/** The name of a field */
$name: string;
};
/** Type describing a recursive structure of `FieldPath`s for an object with a non-empty set of keys */
export type PathSchema =
T extends Array
? FieldPath & {
[i: number]: PathSchema;
}
: T extends GenericObjectType
? FieldPath & {
/** The set of names for fields in the recursive object structure */
[key in keyof T]?: PathSchema;
}
: FieldPath;
/** The type for error produced by RJSF schema validation */
export type RJSFValidationError = {
/** Name of the error, for example, "required" or "minLength" */
name?: string;
/** Message, for example, "is a required property" or "should NOT be shorter than 3 characters" */
message?: string;
/** An object with the error params returned by ajv
* ([see doc](https://github.com/ajv-validator/ajv/tree/6a671057ea6aae690b5967ee26a0ddf8452c6297#error-parameters)
* for more info)
*/
params?: any;
/** A string in Javascript property accessor notation to the data path of the field with the error. For example,
* `.name` or `['first-name']`
*/
property?: string;
/** JSON pointer to the schema of the keyword that failed validation. For example, `#/fields/firstName/required`.
* (Note: this may sometimes be wrong due to a [bug in ajv](https://github.com/ajv-validator/ajv/issues/512))
*/
schemaPath?: string;
/** Full error name, for example ".name is a required property" */
stack: string;
/** The title property for the failing field*/
title?: string;
};
/** The type that describes an error in a field */
export type FieldError = string;
/** The type that describes the list of errors for a field */
export type FieldErrors = {
/** The list of errors for the field */
__errors?: FieldError[];
};
/** Type describing a recursive structure of `FieldErrors`s for an object with a non-empty set of keys */
export type ErrorSchema = FieldErrors & {
/** The set of errors for fields in the recursive object structure */
[key in keyof T]?: ErrorSchema;
};
/** Type that describes the list of errors for a field being actively validated by a custom validator */
export type FieldValidation = FieldErrors & {
/** Function that will add a new `message` to the list of errors */
addError: (message: string) => void;
};
/** Type describing a recursive structure of `FieldValidation`s for an object with a non-empty set of keys */
export type FormValidation = FieldValidation & {
/** The set of validation objects for fields in the recursive object structure */
[key in keyof T]?: FormValidation;
};
/** The base properties passed to various RJSF components. */
export type RJSFBaseProps = {
/** The schema object for the field being described */
schema: S;
/** The uiSchema object for this base component */
uiSchema?: UiSchema;
/** The `registry` object */
registry: Registry;
};
/** The properties that are passed to an `ErrorListTemplate` implementation */
export type ErrorListProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The errorSchema constructed by `Form` */
errorSchema: ErrorSchema;
/** An array of the errors */
errors: RJSFValidationError[];
};
/** The properties that are passed to an `FieldErrorTemplate` implementation */
export type FieldErrorProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The errorSchema constructed by `Form` */
errorSchema?: ErrorSchema;
/** An array of the errors */
errors?: Array;
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
};
/** The properties that are passed to an `FieldHelpTemplate` implementation */
export type FieldHelpProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The help information to be rendered */
help?: string | ReactElement;
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
/** Flag indicating whether there are errors associated with this field */
hasErrors?: boolean;
};
/** The properties that are passed to a `GridTemplate` */
export interface GridTemplateProps extends GenericObjectType {
/** The contents of the grid template */
children?: ReactNode;
/** Optional flag indicating whether the grid element represents a column, necessary for themes which have components
* for Rows vs Columns. NOTE: This is falsy by default when not specified
*/
column?: boolean;
}
/** The set of `Fields` stored in the `Registry` */
export type RegistryFieldsType = {
/** A `Field` indexed by `name` */
[name: string]: Field;
};
/** The set of `Widgets` stored in the `Registry` */
export type RegistryWidgetsType = {
/** A `Widget` indexed by `name` */
[name: string]: Widget;
};
/** The set of RJSF templates that can be overridden by themes or users */
export type TemplatesType = {
/** The template to use while rendering normal or fixed array fields */
ArrayFieldTemplate: ComponentType>;
/** The template to use while rendering the description for an array field */
ArrayFieldDescriptionTemplate: ComponentType>;
/** The template to use while rendering the buttons for an item in an array field */
ArrayFieldItemButtonsTemplate: ComponentType>;
/** The template to use while rendering an item in an array field */
ArrayFieldItemTemplate: ComponentType>;
/** The template to use while rendering the title for an array field */
ArrayFieldTitleTemplate: ComponentType>;
/** The template to use while rendering the standard html input */
BaseInputTemplate: ComponentType>;
/** The template to use for rendering the description of a field */
DescriptionFieldTemplate: ComponentType>;
/** The template to use while rendering the errors for the whole form */
ErrorListTemplate: ComponentType>;
/** The template to use while rendering a fallback field for schemas that have an empty or unknown 'type' */
FallbackFieldTemplate: ComponentType>;
/** The template to use while rendering the errors for a single field */
FieldErrorTemplate: ComponentType>;
/** The template to use while rendering the errors for a single field */
FieldHelpTemplate: ComponentType>;
/** The template to use while rendering a field */
FieldTemplate: ComponentType>;
/** The template to use to render a Grid element */
GridTemplate: ComponentType;
/** The template to use while rendering a multi-schema field (i.e. anyOf, oneOf) */
MultiSchemaFieldTemplate: ComponentType>;
/** The template to use while rendering an object */
ObjectFieldTemplate: ComponentType>;
/** The template to use while rendering the Optional Data field controls */
OptionalDataControlsTemplate: ComponentType>;
/** The template to use for rendering the title of a field */
TitleFieldTemplate: ComponentType>;
/** The template to use for rendering information about an unsupported field type in the schema */
UnsupportedFieldTemplate: ComponentType>;
/** The template to use for rendering a field that allows a user to add additional properties */
WrapIfAdditionalTemplate: ComponentType>;
/** The set of templates associated with buttons in the form */
ButtonTemplates: {
/** The template to use for the main `Submit` button */
SubmitButton: ComponentType>;
/** The template to use for the Add button used for AdditionalProperties and Array items */
AddButton: ComponentType>;
/** The template to use for the Copy button used for Array items */
CopyButton: ComponentType>;
/** The template to use for the Move Down button used for Array items */
MoveDownButton: ComponentType>;
/** The template to use for the Move Up button used for Array items */
MoveUpButton: ComponentType>;
/** The template to use for the Remove button used for AdditionalProperties and Array items */
RemoveButton: ComponentType>;
/** The template to use for the Clear button used for input fields */
ClearButton: ComponentType>;
};
} & {
/** Allow this to support any named `ComponentType` or an object of named `ComponentType`s */
[key: string]: ComponentType | { [key: string]: ComponentType } | undefined;
};
/** The set of UiSchema options that can be set globally and used as fallbacks at an individual template, field or
* widget level when no field-level value of the option is provided. Extends GenericObjectType to support allowing users
* to provide any value they need for their customizations.
*/
export type GlobalUISchemaOptions = GenericObjectType & {
/** Flag, if set to `false`, new items cannot be added to array fields, unless overridden (defaults to true) */
addable?: boolean;
/** Flag, if set to `true`, array items can be copied (defaults to false) */
copyable?: boolean;
/** Flag, if set to `false`, array items cannot be ordered (defaults to true) */
orderable?: boolean;
/** Flag, if set to `false`, array items will not be removable (defaults to true) */
removable?: boolean;
/** Field labels are rendered by default. Labels may be omitted by setting the `label` option to `false` */
label?: boolean;
/** Flag, if set to `true`, will allow the text input fields to be cleared
*/
allowClearTextInputs?: boolean;
/** When using `additionalProperties`, key collision is prevented by appending a unique integer to the duplicate key.
* This option allows you to change the separator between the original key name and the integer. Default is "-"
*/
duplicateKeySuffixSeparator?: string;
/** Enables the displaying of description text that contains markdown
*/
enableMarkdownInDescription?: boolean;
/** Enables the displaying of help text that contains markdown
*/
enableMarkdownInHelp?: boolean;
/** Enables the rendering of the Optional Data Field UI for specific types of schemas, either `object`, `array` or
* both. To disable the Optional Data Field UI for a specific field, provide an empty array within the UI schema.
*/
enableOptionalDataFieldForType?: ('object' | 'array')[];
};
/** The set of options from the `Form` that will be available on the `Registry` for use in everywhere the `registry` is
* available.
*/
export type GlobalFormOptions = {
/** To avoid collisions with existing ids in the DOM, it is possible to change the prefix used for ids;
* Default is `root`. This prop is passed to the `toFilePathId()` function within the RJSF field implementations.
*/
readonly 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 `_`. This prop is passed to the `toFilePathId()` function within the RJSF field implementations.
*/
readonly idSeparator: string;
/** The component update strategy used by the Form and its fields for performance optimization */
readonly experimental_componentUpdateStrategy?: 'customDeep' | 'shallow' | 'always';
/** Optional function to generate custom HTML name attributes for form elements. Receives the field path segments
* and element type (object or array), and returns a custom name string. This allows backends like PHP/Rails
* (`root[tasks][0][title]`) or Django (`root__tasks-0__title`) to receive form data in their expected format.
*/
readonly nameGenerator?: NameGeneratorFunction;
/**
* Boolean flag that, when set to true, will cause the form to use a fallback UI when encountering a schema type that
* is not supported by RJSF or a custom field. When false, the UnsupportedField error component will be shown instead.
*/
readonly useFallbackUiForUnsupportedType?: boolean;
};
/** The object containing the registered core, theme and custom fields and widgets as well as the root schema, form
* context, schema utils and templates.
*/
export interface Registry {
/** The set of all fields used by the `Form`. Includes fields from `core`, theme-specific fields and any custom
* registered fields
*/
fields: RegistryFieldsType;
/** The set of templates used by the `Form`. Includes templates from `core`, theme-specific templates and any custom
* registered templates
*/
templates: TemplatesType;
/** The set of all widgets used by the `Form`. Includes widgets from `core`, theme-specific widgets and any custom
* registered widgets
*/
widgets: RegistryWidgetsType;
/** The `formContext` object that was passed to `Form` */
formContext: F;
/** The root schema, as passed to the `Form`, which can contain referenced definitions */
rootSchema: S;
/** The current implementation of the `SchemaUtilsType` (from `@rjsf/utils`) in use by the `Form`. Used to call any
* of the validation-schema-based utility functions
*/
schemaUtils: SchemaUtilsType;
/** The string translation function to use when displaying any of the RJSF strings in templates, fields or widgets */
translateString: (stringKey: TranslatableString, params?: string[]) => string;
/** The global Form Options that are available for all templates, fields and widgets to access */
readonly globalFormOptions: GlobalFormOptions;
/** The optional global UI Options that are available for all templates, fields and widgets to access */
globalUiOptions?: GlobalUISchemaOptions;
/** The optional uiSchema definitions extracted from the root uiSchema, keyed by `$ref` paths.
* Used to automatically apply uiSchema when a schema with a matching `$ref` is resolved.
*/
uiSchemaDefinitions?: UiSchemaDefinitions;
}
/** The properties that are passed to a `Field` implementation */
export interface FieldProps
extends
GenericObjectType,
RJSFBaseProps,
Pick, Exclude, 'onBlur' | 'onFocus' | 'onChange'>> {
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
/** The data for this field */
formData?: T;
/** The tree of errors for this field and its children */
errorSchema?: ErrorSchema;
/** The field change event handler; called with the updated field value, the change path for the value
* (defaults to an empty array), an optional ErrorSchema and the optional id of the field being changed
*/
onChange: (newValue: T | undefined, path: FieldPathList, es?: ErrorSchema, id?: string) => void;
/** The input blur event handler; call it with the field id and value */
onBlur: (id: string, value: any) => void;
/** The input focus event handler; call it with the field id and value */
onFocus: (id: string, value: any) => void;
/** A boolean value stating if the field should autofocus */
autofocus?: boolean;
/** A boolean value stating if the field is disabled */
disabled?: boolean;
/** A boolean value stating if the field is hiding its errors */
hideError?: boolean;
/** A boolean value stating if the field is read-only */
readonly?: boolean;
/** The required status of this field */
required?: boolean;
/** The unique name of the field, usually derived from the name of the property in the JSONSchema */
name: string;
/** An array of strings listing all generated error messages from encountered errors for this field */
rawErrors?: string[];
}
/** The definition of a React-based Field component */
export type Field = ComponentType<
FieldProps
> & {
/** The optional TEST_IDS block that some fields contain, exported for testing purposes */
TEST_IDS?: TestIdShape;
};
/** The properties that are passed to a `FieldTemplate` implementation */
export type FieldTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The FieldPathId containing the id and path for this field */
fieldPathId: FieldPathId;
/** The id of the field in the hierarchy. You can use it to render a label targeting the wrapped widget */
id: string;
/** A string containing the base CSS classes, merged with any custom ones defined in your uiSchema */
classNames?: string;
/** An object containing the style as defined in the `uiSchema` */
style?: StyleHTMLAttributes;
/** The computed label for this field, as a string */
label: string;
/** A component instance rendering the field description, if one is defined (this will use any custom
* `DescriptionField` defined)
*/
description?: ReactElement;
/** A string containing any `ui:description` uiSchema directive defined */
rawDescription?: string;
/** The field or widget component instance for this field row */
children: ReactElement;
/** A component instance listing any encountered errors for this field */
errors?: ReactElement;
/** An array of strings listing all generated error messages from encountered errors for this field */
rawErrors?: string[];
/** A component instance rendering any `ui:help` uiSchema directive defined */
help?: ReactElement;
/** A string containing any `ui:help` uiSchema directive defined. **NOTE:** `rawHelp` will be `undefined` if passed
* `ui:help` is a React component instead of a string
*/
rawHelp?: string;
/** A boolean value stating if the field should be hidden */
hidden?: boolean;
/** A boolean value stating if the field is required */
required?: boolean;
/** A boolean value stating if the field is read-only */
readonly: boolean;
/** A boolean value stating if the field is hiding its errors */
hideError?: boolean;
/** A boolean value stating if the field is disabled */
disabled: boolean;
/** A boolean value stating if the label should be rendered or not. This is useful for nested fields in arrays where
* you don't want to clutter the UI
*/
displayLabel?: boolean;
/** The formData for this field */
formData?: T;
/** The value change event handler; Can be called with a new value to change the value for this field */
onChange: FieldProps['onChange'];
/** Callback used to handle the changing of an additional property key's name with the new value
*/
onKeyRename: (newKey: string) => void;
/** Callback used to handle the changing of an additional property key's name when the input is blurred. The event's
* target's value will be used as the new value. Its a wrapper callback around `onKeyRename`
*/
onKeyRenameBlur: (event: FocusEvent) => void;
/** Callback used to handle the removal of the additionalProperty */
onRemoveProperty: () => void;
};
/**
* The properties that are passed to a `FallbackField` implementation
*/
export type FallbackFieldProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = FieldProps;
/**
* The properties that are passed to a `FallbackFieldTemplate` implementation
*/
export type FallbackFieldTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** A ReactNode that allows the selecting a different type for the field */
typeSelector: ReactNode;
/** A ReactNode that renders the field with the present formData and matches the selected type */
schemaField: ReactNode;
};
/** The properties that are passed to the `UnsupportedFieldTemplate` implementation */
export type UnsupportedFieldProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
/** The reason why the schema field has an unsupported type */
reason: string;
};
/** The properties that are passed to a `TitleFieldTemplate` implementation */
export type TitleFieldProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The id of the field title in the hierarchy */
id: string;
/** The title for the field being rendered */
title: string;
/** A boolean value stating if the field is required */
required?: boolean;
/** Add optional data control */
optionalDataControl?: ReactNode;
};
/** The properties that are passed to a `DescriptionFieldTemplate` implementation */
export type DescriptionFieldProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The id of the field description in the hierarchy */
id: string;
/** The description of the field being rendered */
description: string | ReactElement;
};
/** The properties that are passed to a `ArrayFieldTitleTemplate` implementation */
export type ArrayFieldTitleProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = Omit, 'id' | 'title'> & {
/** The title for the field being rendered */
title?: string;
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
/** Add optional data control */
optionalDataControl?: ReactNode;
};
/** The properties that are passed to a `ArrayFieldDescriptionTemplate` implementation */
export type ArrayFieldDescriptionProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = Omit, 'id' | 'description'> & {
/** The description of the field being rendered */
description?: string | ReactElement;
/** An object containing the id and path for this field */
fieldPathId: FieldPathId;
};
/** The properties of the buttons to render for each element in the ArrayFieldTemplateProps.items array */
export type ArrayFieldItemButtonsTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The FieldPathId of the item for which buttons are being rendered */
fieldPathId: FieldPathId;
/** The className string */
className?: string;
/** Any optional style attributes */
style?: ButtonHTMLAttributes['style'];
/** A boolean value stating if the array item is disabled */
disabled?: boolean;
/** A boolean value stating whether new items can be added to the array */
canAdd: boolean;
/** A boolean value stating whether the array item can be copied, assumed false if missing */
hasCopy: boolean;
/** A boolean value stating whether the array item can be moved down */
hasMoveDown: boolean;
/** A boolean value stating whether the array item can be moved up */
hasMoveUp: boolean;
/** A boolean value stating whether the array item can be removed */
hasRemove: boolean;
/** A number stating the index the array item occurs in `items` */
index: number;
/** A number stating the total number `items` in the array */
totalItems: number;
/** Callback function that adds a new item below this item */
onAddItem: (event?: any) => void;
/** Callback function that copies this item below itself */
onCopyItem: (event?: any) => void;
/** Callback function that moves the item up one spot in the list */
onMoveUpItem: (event?: any) => void;
/** Callback function that moves the item down one spot in the list */
onMoveDownItem: (event?: any) => void;
/** Callback function that removes the item from the list */
onRemoveItem: (event?: any) => void;
/** A boolean value stating if the array item is read-only */
readonly?: boolean;
};
/** The properties used to render the ArrayFieldItemTemplate */
export type ArrayFieldItemTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The html for the item's content */
children: ReactNode;
/** The props to pass to the `ArrayFieldItemButtonTemplate` */
buttonsProps: ArrayFieldItemButtonsTemplateProps;
/** The className string */
className: string;
/** A boolean value stating if the array item is disabled */
disabled?: boolean;
/** A boolean value stating whether the array item has a toolbar */
hasToolbar: boolean;
/** A number stating the index the array item occurs in `items` */
index: number;
/** A number stating the total number `items` in the array */
totalItems: number;
/** A boolean value stating if the array item is read-only */
readonly?: boolean;
/** A stable, unique key for the array item */
itemKey: string;
/** The UI schema of the array item's parent array field used for
* customization in some themes
*/
parentUiSchema?: UiSchema;
/** A boolean flag indicating whether the label for the field is being shown, used to assist buttons placement */
displayLabel?: boolean;
/** A boolean flag indicating whether there is a description for the field, used to assist buttons placement */
hasDescription?: boolean;
};
/** The common properties of the two container templates: `ArrayFieldTemplateProps` and `ObjectFieldTemplateProps` */
export type ContainerFieldTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The className string */
className?: string;
/** A boolean value stating if the array is disabled */
disabled?: boolean;
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
/** A boolean value stating if the array is read-only */
readonly?: boolean;
/** A boolean value stating if the array is required */
required?: boolean;
/** A boolean value stating if the field is hiding its errors */
hideError?: boolean;
/** A string value containing the title for the array */
title: string;
/** The formData for this array */
formData?: T;
/** The optional validation errors in the form of an `ErrorSchema` */
errorSchema?: ErrorSchema;
/** The optional data control node to render within the ObjectFieldTemplate that controls */
optionalDataControl?: ReactNode;
};
/** The properties that are passed to an `ArrayFieldTemplate` implementation */
export type ArrayFieldTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = ContainerFieldTemplateProps & {
/** A boolean value stating whether new elements can be added to the array */
canAdd?: boolean;
/** An array of React elements representing the items in the array */
items: ReactElement[];
/** A function that adds a new item to the end of the array */
onAddClick: (event?: any) => void;
/** An array of strings listing all generated error messages from encountered errors for this widget */
rawErrors?: string[];
};
/** The properties of each element in the ObjectFieldTemplateProps.properties array */
export type ObjectFieldTemplatePropertyType = {
/** The html for the property's content */
content: ReactElement;
/** A string representing the property name */
name: string;
/** A boolean value stating if the object property is disabled */
disabled?: boolean;
/** A boolean value stating if the property is read-only */
readonly?: boolean;
/** A boolean value stating if the property should be hidden */
hidden: boolean;
};
/** The properties that are passed to an ObjectFieldTemplate implementation */
export type ObjectFieldTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = ContainerFieldTemplateProps & {
/** A string value containing the description for the object */
description?: string | ReactElement;
/** An array of objects representing the properties in the object */
properties: ObjectFieldTemplatePropertyType[];
/** Callback to use in order to add an new additionalProperty to the object field (to be used with
* additionalProperties and patternProperties)
*/
onAddProperty: () => void;
/** A boolean value stating if the object is read-only */
readonly?: boolean;
/** A boolean value stating if the object is required */
required?: boolean;
/** A boolean value stating if the field is hiding its errors */
hideError?: boolean;
/** The FieldPathId of the field in the hierarchy */
fieldPathId: FieldPathId;
/** The optional validation errors in the form of an `ErrorSchema` */
errorSchema?: ErrorSchema;
/** The form data for the object */
formData?: T;
};
/** The properties that are passed to a OptionalDataControlsTemplate implementation */
export type OptionalDataControlsTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The generated id for this Optional Data Control instance */
id: string;
/** The label to use for the Optional Data Control */
label: string;
/** Optional callback to call when clicking on the Optional Data Control to add data */
onRemoveClick?: () => void;
/** Optional callback to call when clicking on the Optional Data Control to remove data */
onAddClick?: () => void;
};
/** The properties that are passed to a WrapIfAdditionalTemplate implementation */
export type WrapIfAdditionalTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = RJSFBaseProps & {
/** The field or widget component instance for this field row */
children: ReactNode;
} & Pick<
FieldTemplateProps,
| 'id'
| 'classNames'
| 'hideError'
| 'rawDescription'
| 'rawErrors'
| 'style'
| 'displayLabel'
| 'label'
| 'required'
| 'readonly'
| 'disabled'
| 'schema'
| 'uiSchema'
| 'onKeyRename'
| 'onKeyRenameBlur'
| 'onRemoveProperty'
| 'registry'
>;
/** The properties that are passed to a MultiSchemaFieldTemplate implementation */
export interface MultiSchemaFieldTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> extends RJSFBaseProps {
/** The rendered widget used to select a schema option */
selector: ReactNode;
/** The rendered SchemaField for the selected schema option */
optionSchemaField: ReactNode;
}
/** The properties that are passed to a `Widget` implementation */
export interface WidgetProps
extends
GenericObjectType,
RJSFBaseProps,
Pick, Exclude, 'onBlur' | 'onFocus' | 'onChange'>> {
/** The generated id for this widget, used to provide unique `name`s and `id`s for the HTML field elements rendered by
* widgets
*/
id: string;
/** The unique name of the field, usually derived from the name of the property in the JSONSchema; Provided in support
* of custom widgets.
*/
name: string;
/** The current value for this widget */
value: any;
/** The required status of this widget */
required?: boolean;
/** A boolean value stating if the widget is disabled */
disabled?: boolean;
/** A boolean value stating if the widget is read-only */
readonly?: boolean;
/** A boolean value stating if the widget is hiding its errors */
hideError?: boolean;
/** A boolean value stating if the widget should autofocus */
autofocus?: boolean;
/** The placeholder for the widget, if any */
placeholder?: string;
/** A map of UI Options passed as a prop to the component, including the optional `enumOptions`
* which is a special case on top of `UIOptionsType` needed only by widgets
*/
options: NonNullable> & {
/** The enum options list for a type that supports them */
enumOptions?: EnumOptionsType[];
};
/** The input blur event handler; call it with the widget id and value */
onBlur: (id: string, value: any) => void;
/** The value change event handler; call it with the new value every time it changes */
onChange: (value: any, es?: ErrorSchema, id?: string) => void;
/** The input focus event handler; call it with the widget id and value */
onFocus: (id: string, value: any) => void;
/** The computed label for this widget, as a string */
label: string;
/** A boolean value, if true, will cause the label to be hidden. This is useful for nested fields where you don't want
* to clutter the UI. Customized via `label` in the `UiSchema`
*/
hideLabel?: boolean;
/** A boolean value stating if the widget can accept multiple values */
multiple?: boolean;
/** An array of strings listing all generated error messages from encountered errors for this widget */
rawErrors?: string[];
/** The optional custom HTML name attribute generated by the nameGenerator function, if provided */
htmlName?: string;
}
/** The definition of a React-based Widget component */
export type Widget = ComponentType<
WidgetProps
>;
/** The properties that are passed to the BaseInputTemplate */
export interface BaseInputTemplateProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> extends WidgetProps {
/** A `BaseInputTemplate` implements a default `onChange` handler that it passes to the HTML input component to handle
* the `ChangeEvent`. Sometimes a widget may need to handle the `ChangeEvent` using custom logic. If that is the case,
* that widget should provide its own handler via this prop.
*/
onChangeOverride?: (event: ChangeEvent) => void;
}
/** The type that defines the props used by the Submit button */
export type SubmitButtonProps = {
/** The uiSchema for this widget */
uiSchema?: UiSchema;
/** The `registry` object */
registry: Registry;
};
/** The type that defines the props for an Icon button, extending from a basic HTML button attributes */
export type IconButtonProps<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = ButtonHTMLAttributes &
Omit, 'schema'> & {
/** An alternative specification for the type of the icon button */
iconType?: string;
/** The name representation or actual react element implementation for the icon */
icon?: string | ReactElement;
};
/** The type that defines how to change the behavior of the submit button for the form */
export type UISchemaSubmitButtonOptions = {
/** The text of the submit button. Set to "Submit" by default */
submitText?: string;
/** Flag, if `true`, removes the submit button completely from the form */
norender?: boolean;
/** Any other props to be passed to the submit button itself */
props?: GenericObjectType & {
/** A boolean value stating if the submit button is disabled */
disabled?: boolean;
/** The class name for the submit button */
className?: string;
};
};
/** Represents a primitive JSON Schema enum value */
export type EnumValue = string | number | boolean;
/** This type represents an element used to render an enum option */
export type EnumOptionsType = {
/** The value for the enum option */
value: any;
/** The label for the enum options */
label: string;
/** The schema associated with the enum option when the option represents a `oneOf` or `anyOf` choice */
schema?: S;
};
/** This type remaps the keys of `Type` to prepend `ui:` onto them. As a result it does not need to be exported */
type MakeUIType = {
[Property in keyof Type as `ui:${string & Property}`]: Type[Property];
};
/** This type represents all the known supported options in the `ui:options` property, kept separate in order to
* remap the keys. It also contains all the properties, optionally, of `TemplatesType` except "ButtonTemplates"
*/
type UIOptionsBaseType = Partial<
Pick<
TemplatesType,
| 'ArrayFieldDescriptionTemplate'
| 'ArrayFieldItemTemplate'
| 'ArrayFieldTemplate'
| 'ArrayFieldTitleTemplate'
| 'BaseInputTemplate'
| 'DescriptionFieldTemplate'
| 'ErrorListTemplate'
| 'FieldErrorTemplate'
| 'FieldHelpTemplate'
| 'FieldTemplate'
| 'ObjectFieldTemplate'
| 'TitleFieldTemplate'
| 'UnsupportedFieldTemplate'
| 'WrapIfAdditionalTemplate'
>
> &
GlobalUISchemaOptions & {
/** Allows RJSF to override the default field implementation by specifying either the name of a field that is used
* to look up an implementation from the `fields` list or an actual one-off `Field` component implementation itself
*/
field?: Field | string;
/** Any classnames that the user wants to be applied to a field in the ui */
classNames?: string;
/** Any custom style that the user wants to apply to a field in the ui, applied on the same element as classNames */
style?: StyleHTMLAttributes;
/** We know that for title, it will be a string, if it is provided */
title?: string;
/** We know that for description, it will be a string, if it is provided */
description?: string;
/** We know that for placeholder, it will be a string, if it is provided */
placeholder?: string;
/** Used to add text next to a field to guide the end user in filling it in */
help?: string;
/** Flag, if set to `true`, will mark the field as automatically focused on a text input or textarea input */
autofocus?: boolean;
/** Use to mark the field as supporting auto complete on a text input or textarea input */
autocomplete?: HTMLInputElement['autocomplete'];
/** Flag, if set to `true`, will mark all child widgets from a given field as disabled */
disabled?: boolean;
/** The default value to use when an input for a field is empty */
emptyValue?: any;
/** Will disable any of the enum options specified in the array (by value) */
enumDisabled?: EnumValue[];
/** Allows a user to provide a list of labels for enum values in the schema.
* Can be an array (positional, matched by index) or a Record mapping enum values to labels (matched by value).
*/
enumNames?: string[] | Record;
/** Controls the display order of enum options, following the same pattern as `ui:order` for object properties.
* Supports a `'*'` wildcard to represent all remaining values in their original schema order.
*/
enumOrder?: EnumValue[];
/** Provides an optional field within a schema to be used as the oneOf/anyOf selector when there isn't a
* discriminator
*/
optionsSchemaSelector?: string;
/** Flag, if set to `true`, will hide the default error display for the given field AND all of its child fields in the
* hierarchy
*/
hideError?: boolean;
/** Flag, if set to `true`, will mark all child widgets from a given field as read-only */
readonly?: boolean;
/** This property allows you to reorder the properties that are shown for a particular object */
order?: string[];
/** Flag, if set to `true`, will cause the `FileWidget` to show a preview (with download for non-image files) */
filePreview?: boolean;
/** Flag, if set to `true`, will mark a list of checkboxes as displayed all on one line instead of one per row */
inline?: boolean;
/** Used to change the input type (for example, `tel` or `email`) for an */
inputType?: string;
/** Provides a means to set the initial height of a textarea widget */
rows?: number;
/** If submitButtonOptions is provided it should match the `UISchemaSubmitButtonOptions` type */
submitButtonOptions?: UISchemaSubmitButtonOptions;
/** Allows RJSF to override the default widget implementation by specifying either the name of a widget that is used
* to look up an implementation from the `widgets` list or an actual one-off widget implementation itself
*/
widget?: Widget | string;
};
/** The type that represents the Options potentially provided by `ui:options` */
export type UIOptionsType<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = UIOptionsBaseType & {
/** Anything else will be one of these types */
[key: string]: boolean | number | string | object | any[] | null | undefined;
};
/**
* A utility type that extracts the element type from an array type.
* If the type is not an array, it returns the type itself as a safe fallback.
* Handles both standard arrays and readonly arrays.
*/
export type ArrayElement = A extends readonly (infer E)[] ? E : A;
/** Type describing the uiSchema definitions that can be applied to schemas referenced by `$ref`.
* Keys are the full `$ref` path (e.g., '#/$defs/node', '#/definitions/address').
* When a schema with a matching `$ref` is resolved, the corresponding uiSchema definition
* is automatically applied and merged with any local uiSchema overrides.
*/
export type UiSchemaDefinitions = {
[refPath: string]: UiSchema;
};
/** Type describing the well-known properties of the `UiSchema` while also supporting all user defined properties,
* starting with `ui:`.
*/
export type UiSchema<
T = any,
S extends StrictRJSFSchema = RJSFSchema,
F extends FormContextType = any,
> = GenericObjectType &
MakeUIType> & {
/** The set of Globally relevant UI Schema options that are read from the root-level UiSchema and stored in the
* Registry for use everywhere.
*/
'ui:globalOptions'?: GlobalUISchemaOptions;
/** Allows the form to generate a unique prefix for the `Form`'s root prefix
*
* @deprecated - use `Form.idPrefix` instead, will be removed in a future major version
*/
'ui:rootFieldId'?: string;
/** By default, any field that is rendered for an `anyOf`/`oneOf` schema will be wrapped inside the `AnyOfField` or
* `OneOfField` component. This default behavior may be undesirable if your custom field already handles behavior
* related to choosing one or more subschemas contained in the `anyOf`/`oneOf` schema.
* By providing a `true` value for this flag in association with a custom `ui:field`, the wrapped components will be
* omitted, so just one instance of the custom field will be rendered. If the flag is omitted or set to `false`,
* your custom field will be wrapped by `AnyOfField`/`OneOfField`.
*/
'ui:fieldReplacesAnyOrOneOf'?: boolean;
/** An object that contains all the potential UI options in a single object */
'ui:options'?: UIOptionsType;
/** The uiSchema for items in an array. Can be an object for a uniform uiSchema across all items (current behavior),
* or a function that returns a dynamic uiSchema based on the item's data and index.
* When using a function, it receives the item data, index, and optionally the form context as parameters.
*/
items?:
| UiSchema, S, F>
| ((itemData: ArrayElement, index: number, formContext?: F) => UiSchema, S, F>);
/** An object containing uiSchema definitions keyed by JSON Schema `$ref` paths.
* When a schema with a `$ref` is resolved, the corresponding uiSchema definition is automatically
* applied and merged with any local uiSchema overrides at that path.
* Keys must be full `$ref` paths (e.g., '#/$defs/node', '#/definitions/address').
*/
'ui:definitions'?: UiSchemaDefinitions;
};
/** A `CustomValidator` function takes in a `formData`, `errors`, `uiSchema` and `errorSchema` objects and returns the given `errors`
* object back, while potentially adding additional messages to the `errors`
*/
export type CustomValidator = (
formData: T | undefined,
errors: FormValidation,
uiSchema?: UiSchema,
errorSchema?: ErrorSchema,
) => FormValidation;
/** An `ErrorTransformer` function will take in a list of `errors` & a `uiSchema` and potentially return a
* transformation of those errors in what ever way it deems necessary
*/
export type ErrorTransformer = (
errors: RJSFValidationError[],
uiSchema?: UiSchema,
) => RJSFValidationError[];
/** The type that describes the data that is returned from the `ValidatorType.validateFormData()` function */
export type ValidationData = {
/** The validation errors as a list of `RJSFValidationError` objects */
errors: RJSFValidationError[];
/** The validation errors in the form of an `ErrorSchema` */
errorSchema: ErrorSchema;
};
/** The interface that describes the validation functions that are provided by a Validator implementation used by the
* schema utilities.
*/
export interface ValidatorType {
/** This function processes the `formData` with an optional user contributed `customValidate` function, which receives
* the form data and a `errorHandler` function that will be used to add custom validation errors for each field. Also
* supports a `transformErrors` function that will take the raw AJV validation errors, prior to custom validation and
* transform them in what ever way it chooses.
*
* @param formData - The form data to validate
* @param schema - The schema against which to validate the form data
* @param [customValidate] - An optional function that is used to perform custom validation
* @param [transformErrors] - An optional function that is used to transform errors after AJV validation
* @param [uiSchema] - An optional uiSchema that is passed to `transformErrors` and `customValidate`
*/
validateFormData(
formData: T | undefined,
schema: S,
customValidate?: CustomValidator,
transformErrors?: ErrorTransformer,
uiSchema?: UiSchema,
): ValidationData;
/** Validates data against a schema, returning true if the data is valid, or
* false otherwise. If the schema is invalid, then this function will return
* false.
*
* @param schema - The schema against which to validate the form data * @param schema
* @param formData - The form data to validate
* @param rootSchema - The root schema used to provide $ref resolutions
*/
isValid(schema: S, formData: T | undefined, rootSchema: S): boolean;
/** Runs the pure validation of the `schema` and `formData` without any of the RJSF functionality. Provided for use
* by the playground. Returns the `errors` from the validation
*
* @param schema - The schema against which to validate the form data
* @param formData - The form data to validate
*/
rawValidation(schema: S, formData?: T): { errors?: Result[]; validationError?: Error };
/** An optional function that can be used to reset validator implementation. Useful for clear schemas in the AJV
* instance for tests.
*/
reset?: () => void;
}
/** The interface for the return value of the `findFieldInSchema` function
*/
export interface FoundFieldType {
/** The field that was found, or undefined if it wasn't */
field?: S;
/** The requiredness of the field found or undefined if it wasn't */
isRequired?: boolean;
}
/** The `SchemaUtilsType` interface provides a wrapper around the publicly exported APIs in the `@rjsf/utils/schema`
* directory such that one does not have to explicitly pass the `validator` or `rootSchema` to each method. Since both
* the `validator` and `rootSchema` generally does not change across a `Form`, this allows for providing a simplified
* set of APIs to the `@rjsf/core` components and the various themes as well.
*/
export interface SchemaUtilsType {
/** Returns the `rootSchema` in the `SchemaUtilsType`
*
* @returns - The rootSchema
*/
getRootSchema(): S;
/** Returns the `ValidatorType` in the `SchemaUtilsType`
*
* @returns - The `ValidatorType`
*/
getValidator(): ValidatorType;
/** Determines whether either the `validator` and `rootSchema` differ from the ones associated with this instance of
* the `SchemaUtilsType`. If either `validator` or `rootSchema` are falsy, then return false to prevent the creation
* of a new `SchemaUtilsType` with incomplete properties.
*
* @param validator - An implementation of the `ValidatorType` interface that will be compared against the current one
* @param rootSchema - The root schema that will be compared against the current one
* @param [experimental_defaultFormStateBehavior] - Optional configuration object, if provided, allows users to override default form state behavior
* @param [experimental_customMergeAllOf] - Optional function that allows for custom merging of `allOf` schemas
* @returns - True if the `SchemaUtilsType` differs from the given `validator` or `rootSchema`
*/
doesSchemaUtilsDiffer(
validator: ValidatorType,
rootSchema: S,
experimental_defaultFormStateBehavior?: Experimental_DefaultFormStateBehavior,
experimental_customMergeAllOf?: Experimental_CustomMergeAllOf,
): boolean;
/** Finds the field specified by the `path` within the root or recursed `schema`. If there is no field for the specified
* `path`, then the default `{ field: undefined, isRequired: undefined }` is returned. It determines whether a leaf
* field is in the `required` list for its parent and if so, it is marked as required on return.
*
* @param schema - The current node within the JSON schema
* @param path - The remaining keys in the path to the desired field
* @param [formData] - The form data that is used to determine which oneOf option
* @returns - An object that contains the field and its required state. If no field can be found then
* `{ field: undefined, isRequired: undefined }` is returned.
*/
findFieldInSchema(schema: S, path: string | string[], formData?: T): FoundFieldType;
/** Finds the oneOf option inside the `schema['any/oneOf']` list which has the `properties[selectorField].default` that
* matches the `formData[selectorField]` value. For the purposes of this function, `selectorField` is either
* `schema.discriminator.propertyName` or `fallbackField`.
*
* @param schema - The schema element in which to search for the selected oneOf option
* @param fallbackField - The field to use as a backup selector field if the schema does not have a required field
* @param xxx - Either `oneOf` or `anyOf`, defines which value is being sought
* @param [formData] - The form data that is used to determine which oneOf option
* @returns - The anyOf/oneOf option that matches the selector field in the schema or undefined if nothing is selected
*/
findSelectedOptionInXxxOf(schema: S, fallbackField: string, xxx: 'anyOf' | `oneOf`, formData?: T): S | undefined;
/** Returns the superset of `formData` that includes the given set updated to include any missing fields that have
* computed to have defaults provided in the `schema`.
*
* @param schema - The schema for which the default state is desired
* @param [formData] - The current formData, if any, onto which to provide any missing defaults
* @param [includeUndefinedValues=false] - Optional flag, if true, cause undefined values to be added as defaults.
* If "excludeObjectChildren", cause undefined values for this object and pass `includeUndefinedValues` as
* false when computing defaults for any nested object properties.
* @param initialDefaultsGenerated - Indicates whether or not initial defaults have been generated
* @returns - The resulting `formData` with all the defaults provided
*/
getDefaultFormState(
schema: S,
formData?: T,
includeUndefinedValues?: boolean | 'excludeObjectChildren',
initialDefaultsGenerated?: boolean,
): T | T[] | undefined;
/** Determines whether the combination of `schema` and `uiSchema` properties indicates that the label for the `schema`
* should be displayed in a UI.
*
* @param schema - The schema for which the display label flag is desired
* @param [uiSchema] - The UI schema from which to derive potentially displayable information
* @param [globalOptions={}] - The Global UI Schema from which to get any fallback `xxx` options
* @returns - True if the label should be displayed or false if it should not
*/
getDisplayLabel(schema: S, uiSchema?: UiSchema, globalOptions?: GlobalUISchemaOptions): boolean;
/** Determines which of the given `options` provided most closely matches the `formData`.
* Returns the index of the option that is valid and is the closest match, or 0 if there is no match.
*
* The closest match is determined using the number of matching properties, and more heavily favors options with
* matching readOnly, default, or const values.
*
* @param formData - The form data associated with the schema
* @param options - The list of options that can be selected from
* @param [selectedOption] - The index of the currently selected option, defaulted to -1 if not specified
* @param [discriminatorField] - The optional name of the field within the options object whose value is used to
* determine which option is selected
* @returns - The index of the option that is the closest match to the `formData` or the `selectedOption` if no match
*/
getClosestMatchingOption(
formData: T | undefined,
options: S[],
selectedOption?: number,
discriminatorField?: string,
): number;
/** Given the `formData` and list of `options`, attempts to find the index of the first option that matches the data.
* Always returns the first option if there is nothing that matches.
*
* @param formData - The current formData, if any, used to figure out a match
* @param options - The list of options to find a matching options from
* @param [discriminatorField] - The optional name of the field within the options object whose value is used to
* determine which option is selected
* @returns - The firstindex of the matched option or 0 if none is available
*/
getFirstMatchingOption(formData: T | undefined, options: S[], discriminatorField?: string): number;
/** Helper that acts like lodash's `get` but additionally retrieves `$ref`s as needed to get the path for schemas
* containing potentially nested `$ref`s.
*
* @param schema - The current node within the JSON schema recursion
* @param path - The remaining keys in the path to the desired property
* @param defaultValue - The value to return if a value is not found for the `pathList` path
* @returns - The internal schema from the `schema` for the given `path` or the `defaultValue` if not found
*/
getFromSchema(schema: S, path: string | string[], defaultValue: T): T;
getFromSchema(schema: S, path: string | string[], defaultValue: S): S;
getFromSchema(schema: S, path: string | string[], defaultValue: T | S): S | T;
/** Checks to see if the `schema` and `uiSchema` combination represents an array of files
*
* @param schema - The schema for which check for array of files flag is desired
* @param [uiSchema] - The UI schema from which to check the widget
* @returns - True if schema/uiSchema contains an array of files, otherwise false
*/
isFilesArray(schema: S, uiSchema?: UiSchema): boolean;
/** Checks to see if the `schema` combination represents a multi-select
*
* @param schema - The schema for which check for a multi-select flag is desired
* @returns - True if schema contains a multi-select, otherwise false
*/
isMultiSelect(schema: S): boolean;
/** Checks to see if the `schema` combination represents a select
*
* @param schema - The schema for which check for a select flag is desired
* @returns - True if schema contains a select, otherwise false
*/
isSelect(schema: S): boolean;
/**
* The function takes a `schema` and `formData` and returns a copy of the formData with any fields not defined in the schema removed.
* This is useful for ensuring that only data that is relevant to the schema is preserved. Objects with `additionalProperties`
* keyword set to `true` will not have their extra fields removed.
*
* @param schema - The schema to use for filtering the `formData`
* @param [formData] - The formData to filter
* @returns The new form data, with any fields not defined in the schema removed
*/
omitExtraData(schema: S, formData?: T): T | undefined;
/** Retrieves an expanded schema that has had all of its conditions, additional properties, references and
* dependencies resolved and merged into the `schema` given a `rawFormData` that is used to do the potentially
* recursive resolution.
*
* @param schema - The schema for which retrieving a schema is desired
* @param [formData] - The current formData, if any, to assist retrieving a schema
* @param [resolveAnyOfOrOneOfRefs] - Optional flag indicating whether to resolved refs in anyOf/oneOf lists
* @returns - The schema having its conditions, additional properties, references and dependencies resolved
*/
retrieveSchema(schema: S, formData?: T, resolveAnyOfOrOneOfRefs?: boolean): S;
/** Sanitize the `data` associated with the `oldSchema` so it is considered appropriate for the `newSchema`. If the
* new schema does not contain any properties, then `undefined` is returned to clear all the form data. Due to the
* nature of schemas, this sanitization happens recursively for nested objects of data. Also, any properties in the
* old schema that are non-existent in the new schema are set to `undefined`.
*
* @param [newSchema] - The new schema for which the data is being sanitized
* @param [oldSchema] - The old schema from which the data originated
* @param [data={}] - The form data associated with the schema, defaulting to an empty object when undefined
* @returns - The new form data, with all of the fields uniquely associated with the old schema set
* to `undefined`. Will return `undefined` if the new schema is not an object containing properties.
*/
sanitizeDataForNewSchema(newSchema?: S, oldSchema?: S, data?: any): T;
/** Generates an `PathSchema` object for the `schema`, recursively
*
* @param schema - The schema for which the display label flag is desired
* @param [name] - The base name for the schema
* @param [formData] - The current formData, if any, onto which to provide any missing defaults
* @returns - The `PathSchema` object for the `schema`
*/
toPathSchema(schema: S, name?: string, formData?: T): PathSchema;
}