RJSF utility functions, constants and types

In version 5, the utility functions from @rjsf/core/utils were refactored into their own library called @rjsf/utils. These utility functions are separated into two distinct groups. The first, larger, group are the functions that do NOT require a ValidatorType interface be provided as one of their parameters. The second, smaller, group are the functions that DO require a ValidatorType interface be provided as a parameter. There is also a helper function used to create a SchemaUtilsType implementation from a ValidatorType implementation and rootSchema object.

Constants

The @rjsf/utils package exports a set of constants that represent all the keys into various elements of a RJSFSchema or UiSchema that are used by the various utility functions. In addition to those keys, there is the special ADDITIONAL_PROPERTY_FLAG flag that is added to a schema under certain conditions by the retrieveSchema() utility.

These constants can be found on GitHub here.

Types

Additionally, the Typescript types used by the utility functions represent nearly all the types used by RJSF. Those types are exported for use by @rjsf/core and all the themes, as well as any customizations you may build.

These types can be found on GitHub here.

Enums

There are enumerations in @rjsf/utils that are exported for use by @rjsf/core and all the themes, as well as any customizations you may build.

These enums can be found on GitHub here.

Non-Validator utility functions

allowAdditionalItems()

Checks the schema to see if it is allowing additional items, by verifying that schema.additionalItems is an object. The user is warned in the console if schema.additionalItems has the value true.

Parameters

• schema: S - The schema object to check

Returns

• boolean: True if additional items is allowed, otherwise false

ariaDescribedByIds()

Return a list of element ids that contain additional information about the field that can be used to as the aria description of the field.

Parameters

• id: FieldPathId | string - Either simple string id or an FieldPathId from which to extract it
• [includeExamples=false]: boolean - Optional flag, if true, will add the examplesId into the list

Returns

• string: The string containing the list of ids for use in an aria-describedBy attribute

asNumber()

Attempts to convert the string into a number. If an empty string is provided, then undefined is returned. If a null is provided, it is returned. If the string ends in a . then the string is returned because the user may be in the middle of typing a float number. If a number ends in a pattern like .0, .20, .030, string is returned because the user may be typing number that will end in a non-zero digit. Otherwise, the string is wrapped by Number() and if that result is not NaN, that number will be returned, otherwise the string value will be.

Parameters

• value: string | null - The string or null value to convert to a number

Returns

• undefined | null | string | number: The value converted to a number when appropriate, otherwise the value

buttonId()

Return a consistent id for the btn button element

Parameters

• id: FieldPathId | string - The id of the parent component for the option
• btn: 'add' | 'copy' | 'moveDown' | 'moveUp' | 'remove' - The button type for which to generate the id

Returns

• string: The consistent id for the button from the given id and btn type

canExpand<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Checks whether the field described by schema, having the uiSchema and formData supports expanding. The UI for the field can expand if it has additional properties, is not forced as non-expandable by the uiSchema and the formData object doesn't already have schema.maxProperties elements.

Parameters

• schema: S - The schema for the field that is being checked
• [uiSchema={}]: UiSchema<T, S, F> - The uiSchema for the field
• [formData]: T | undefined - The formData for the field

Returns

• boolean: True if the schema element has additionalProperties or patternProperties keywords, is expandable, and not at the maxProperties limit

createErrorHandler<T = any>()

Given a formData object, recursively creates a FormValidation error handling structure around it

Parameters

• formData: T - The form data around which the error handler is created

Returns

• FormValidation<T>: A FormValidation object based on the formData structure

dataURItoBlob()

Given the FileReader.readAsDataURL() based dataURI extracts that data into an actual Blob along with the name of that Blob if provided in the URL. If no name is provided, then the name falls back to unknown.

Parameters

• dataURI: string - The DataUrl potentially containing name and raw data to be converted to a Blob

Returns

• { blob: Blob, name: string }: An object containing a Blob and its name, extracted from the URI

dateRangeOptions<S extends StrictRJSFSchema = RJSFSchema>()

Returns a list of options for a date range between start and stop. If the start date is greater than the end date, then the date range is reversed. If start and stop are negative numbers (or zero), then they will be treated as relative to the current year.

Parameters

• start: number - The starting point of the date range
• stop: number - The ending point of the date range

Returns

• EnumOptionsType<S>[]: The list of EnumOptionsType for the date range between start and stop

Throws

• Error when start and stop aren't both %lt;= 0 or > 0

deepEquals()

Implements a deep equals using the lodash.isEqualWith function, that provides a customized comparator that assumes all functions are equivalent.

Parameters

• a: any - The first element to compare
• b: any - The second element to compare

Returns

• boolean: True if the a and b are deeply equal, false otherwise

descriptionId()

Return a consistent id for the field description element.

Parameters

• id: FieldPathId | string - Either simple string id or an FieldPathId from which to extract it

Returns

• string: The consistent id for the field description element from the given id

englishStringTranslator()

Translates a TranslatableString value stringToTranslate into english. When a params array is provided, each value in the array is used to replace any of the replaceable parameters in the stringToTranslate using the %1, %2, etc. replacement specifiers.

Parameters

stringToTranslate: TranslatableString - The TranslatableString value to convert to english [params]: string[] - The optional list of replaceable parameter values to substitute to the english string

Returns

• string: The stringToTranslate itself with any replaceable parameter values substituted

enumOptionsDeselectValue<S extends StrictRJSFSchema = RJSFSchema>()

Removes the enum option value at the valueIndex from the currently selected (list of) value(s). If selected is a list, then that list is updated to remove the enum option value with the valueIndex in allEnumOptions. If it is a single value, then if the enum option value with the valueIndex in allEnumOptions matches selected, undefined is returned, otherwise the selected value is returned.

Parameters

• valueIndex: string | number - The index of the value to be removed from the selected list or single value
• [selected]: EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][] | undefined - The current (list of) selected value(s)
• [allEnumOptions=[]]: EnumOptionsType<S>[] - The list of all the known enumOptions

Returns

• EnumOptionsType<S>["value"][]: The updated selected list with the value removed from it

enumOptionsIndexForValue<S extends StrictRJSFSchema = RJSFSchema>()

Returns the index(es) of the options in allEnumOptions whose value(s) match the ones in value. All the enumOptions are filtered based on whether they are a "selected" value and the index of each selected one is then stored in an array. If multiple is true, that array is returned, otherwise the first element in the array is returned.

Parameters

• value: EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][] - The single value or list of values for which indexes are desired
• [allEnumOptions=[]]: EnumOptionsType<S>[] - The list of all the known enumOptions
• [multiple=false]: boolean - Optional flag, if true will return a list of index, otherwise a single one

Returns

• string | string[] | undefined: A single string index for the first value in allEnumOptions, if not multiple. Otherwise, the list of indexes for (each of) the value(s) in value.

enumOptionsIsSelected<S extends StrictRJSFSchema = RJSFSchema>()

Determines whether the given value is (one of) the selected value(s).

Parameters

• value: EnumOptionsType<S>["value"] - The value being checked to see if it is selected
• selected: EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][] - The current selected value or list of values
• [allEnumOptions=[]]: EnumOptionsType<S>[] - The list of all the known enumOptions

Returns

• boolean: true if the value is one of the selected ones, false otherwise

enumOptionsSelectValue<S extends StrictRJSFSchema = RJSFSchema>()

Add the value to the list of selected values in the proper order as defined by allEnumOptions.

Parameters

• valueIndex: string | number - The index of the value that should be selected
• selected: EnumOptionsType<S>["value"][] - The current list of selected values
• [allEnumOptions=[]]: EnumOptionsType<S>[] - The list of all the known enumOptions

Returns

• EnumOptionsType<S>["value"][]: The updated list of selected enum values with value added to it in the proper location

enumOptionsValueForIndex<S extends StrictRJSFSchema = RJSFSchema>()

Returns the value(s) from allEnumOptions at the index(es) provided by valueIndex. If valueIndex is not an array AND the index is not valid for allEnumOptions, emptyValue is returned. If valueIndex is an array, AND it contains an invalid index, the returned array will have the resulting undefined values filtered out, leaving only valid values or in the worst case, an empty array.

Parameters

• valueIndex: string | number | Array<string | number> - The index(es) of the value(s) that should be returned
• [allEnumOptions=[]]: EnumOptionsType<S>[] - The list of all the known enumOptions
• [emptyValue]: EnumOptionsType<S>["value"] | undefined - The value to return when the non-array valueIndex does not refer to a real option

Returns

• EnumOptionsType<S>["value"] | EnumOptionsType<S>["value"][] | undefined: The single or list of values specified by the single or list of indexes if they are valid. Otherwise, emptyValue or an empty list.

errorId()

Return a consistent id for the field error element.

Parameters

• id: FieldPathId | string - Either simple string id or an FieldPathId from which to extract it

Returns

• string: The consistent id for the field error element from the given id

examplesId()

Return a consistent id for the field examples element.

Parameters

• id: FieldPathId | string - Either simple string id or an FieldPathId from which to extract it

Returns

• string: The consistent id for the field examples element from the given id

findSchemaDefinition<S extends StrictRJSFSchema = RJSFSchema>()

Given the name of a $ref from within a schema, using the rootSchema, look up and return the sub-schema using the path provided by that reference. If # is not the first character of the reference, or the path does not exist in the schema, then throw an Error. Otherwise, return the sub-schema. Also deals with nested $refs in the sub-schema.

Parameters

• $ref: string - The ref string for which the schema definition is desired
• [rootSchema=]: S - The root schema in which to search for the definition

Returns

• S: The sub-schema within the rootSchema which matches the $ref if it exists

Throws

• Error indicating that no schema for that reference exists

getChangedFields(a: unknown, b: unknown)

Compares two objects and returns the names of the fields that have changed. This function iterates over each field of object a, using _.isEqual to compare the field value with the corresponding field value in object b. If the values are different, the field name will be included in the returned array.

Parameters

• a: unknown - The first object, representing the original data to compare.
• b: unknown - The second object, representing the updated data to compare.

Returns

• string[] : An array of field names that have changed.

Example

const a = { name: 'John', age: 30 };
const b = { name: 'John', age: 31 };
const changedFields = getChangedFields(a, b);
console.log(changedFields); // Output: ['age']

getDiscriminatorFieldFromSchema<S extends StrictRJSFSchema = RJSFSchema>()

Returns the discriminator.propertyName when defined in the schema if it is a string. A warning is generated when it is not a string. Returns undefined when a valid discriminator is not present.

Parameters

• schema: S - The schema from which the discriminator is potentially obtained

Returns

• string | undefined: The discriminator.propertyName if it exists in the schema, otherwise undefined

getDateElementProps()

Given date & time information with optional yearRange & format, returns props for DateElement

Parameters

• date: DateObject - Object containing date with optional time information
• time: boolean - Determines whether to include time or not
• [yearRange=[1900, new Date().getFullYear() + 2]]: [number, number] - Controls the list of years to be displayed
• [format='YMD']: DateElementFormat - Controls the order in which day, month and year input element will be displayed

Returns

• Array of props for DateElement

getInputProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Using the schema, defaultType and options, extract out the props for the <input> element that make sense.

Parameters

• schema: S - The schema for the field provided by the widget
• [defaultType]: string | undefined - The default type, if any, for the field provided by the widget
• [options=]: UIOptionsType<T, S, F> - The UI Options for the field provided by the widget
• [autoDefaultStepAny=true]: boolean - Determines whether to auto-default step=any when the type is number and no step

Returns

• InputPropsType: The extracted InputPropsType object

getOptionMatchingSimpleDiscriminator()

Compares the value of discriminatorField within formData against the value of discriminatorField within schema for each option. Returns index of first option whose discriminator matches formData. Returns undefined if there is no match.

This function does not work with discriminators of "type": "object" and "type": "array"

Parameters

• [formData]: T | undefined - The current formData, if any, used to figure out a match
• options: S[] - The list of options to find a matching options from
• [discriminatorField]: string | undefined - The optional name of the field within the options object whose value is used to determine which option is selected

Returns

• number | undefined: index of the matched option

getSchemaType()

Gets the type of a given schema. If the type is not explicitly defined, then an attempt is made to infer it from other elements of the schema as follows:

• schema.const: Returns the guessType() of that value
• schema.enum: Returns string
• schema.properties: Returns object
• schema.additionalProperties: Returns object
• schema.patternProperties: Returns object
• type is an array with a length of 2 and one type is 'null': Returns the other type

Parameters

• schema: S - The schema for which to get the type

Returns

• string | string[] | undefined: The type of the schema

getSubmitButtonOptions<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Extracts any ui:submitButtonOptions from the uiSchema and merges them onto the DEFAULT_OPTIONS

Parameters

• [uiSchema=]: UiSchema<T, S, F> - the UI Schema from which to extract submit button props

Returns

• UISchemaSubmitButtonOptions: The merging of the DEFAULT_OPTIONS with any custom ones

getTemplate<Name extends keyof TemplatesType<T, S, F>, T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Returns the template with the given name from either the uiSchema if it is defined or from the registry otherwise. NOTE, since ButtonTemplates are not overridden in uiSchema only those in the registry are returned.

Parameters

• name: Name - The name of the template to fetch, restricted to the keys of TemplatesType
• registry: Registry<T, S, F> - The Registry from which to read the template
• [uiOptions={}]: UIOptionsType<T, S, F> - The UIOptionsType from which to read an alternate template

Returns

• TemplatesType<T, S, F>[Name] - The template from either the uiSchema or registry for the name

getTestIds()

Returns an object of test IDs that can only be used in test mode. If the function is called in a test environment (NODE_ENV === 'test', this is set by jest) then a Proxy object will be returned. If a key within the returned object is accessed, if the value already exists the object will return that value, otherwise it will create that key with a generated uuid value and return the generated ID. If it is called outside of a test environment, the function will return an empty object, therefore returning undefined for any property within the object and excluding the prop from the rendered output of the component in which it is used. To use this helper, you will want to generate a separate object for each component to avoid potential overlapping of ID names. You will also want to export the object for use in tests, because the keys will be generated in the component file, and used in the test file. Within the component file, add: export const TEST_IDS = getTestIds(); Then pass TEST_IDS.examplePropertyName as the value of the test ID attribute of the intended component. This will allow you to use TEST_IDS.examplePropertyName within your tests, while keeping the test IDs out of your rendered output.

Returns

• TestIdShape: An object that auto-generates test ids upon request the first time and then returns the same value on subsequent calls

getUiOptions<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Get all passed options from ui:options, and ui:<optionName>, returning them in an object with the ui: stripped off. Any globalOptions will always be returned, unless they are overridden by options in the uiSchema.

Parameters

• [uiSchema=]: UiSchema<T, S, F> - The UI Schema from which to get any ui:xxx options
• [globalOptions=]: GlobalUISchemaOptions - The optional Global UI Schema from which to get any fallback xxx options

Returns

• UIOptionsType<T, S, F> An object containing all of the ui:xxx options with the ui: stripped off along with all globalOptions

getWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Given a schema representing a field to render and either the name or actual Widget implementation, returns the React component that is used to render the widget. If the widget is already a React component, then it is wrapped with a MergedWidget. Otherwise an attempt is made to look up the widget inside of the registeredWidgets map based on the schema type and widget name. If no widget component can be found an Error is thrown.

Parameters

• schema: S - The schema for the field
• widget: Widget<T, S, F> | string - Either the name of the widget OR a Widget implementation to use
• [registeredWidgets=]: RegistryWidgetsType<T, S, F> - A registry of widget name to Widget implementation

Returns

• Widget<T, S, F>: The Widget component to use

Throws

• An error if there is no Widget component that can be returned

hashObject()

Stringifies an object and returns the hash of the resulting string. Sorts object fields in consistent order before stringify to prevent different hash ids for the same object.

Parameters

• object: object - The object for which the hash is desired

Returns

• string: The string obtained from the hash of the stringified object

hashString()

Hashes a string using the algorithm based on Java's hashing function.

Parameters

• string: string - The string for which to get the hash

Returns

• string: The resulting hash of the string in hex format

guessType()

Given a specific value attempts to guess the type of a schema element. In the case where we have to implicitly create a schema, it is useful to know what type to use based on the data we are defining.

Parameters

• value: any - The value from which to guess the type

Returns

• string: The best guess for the object type

hashForSchema<S extends StrictRJSFSchema = RJSFSchema>()

Stringifies the schema and returns the hash of the resulting string.

Parameters

• schema: S - The schema for which the hash is desired

Returns

• string: The string obtained from the hash of the stringified schema

hasWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Detects whether the widget exists for the schema with the associated registryWidgets and returns true if it does, or false if it doesn't.

Parameters

• schema: S - The schema for the field
• widget: Widget<T, S, F> | string - Either the name of the widget OR a Widget implementation to use
• [registeredWidgets=]: RegistryWidgetsType<T, S, F> - A registry of widget name to Widget implementation

Returns

• boolean: True if the widget exists, false otherwise

helpId()

Return a consistent id for the field help element.

Parameters

• id: FieldPathId | string - Either simple string id or an FieldPathId from which to extract it

Returns

• string: The consistent id for the field help element from the given id

isConstant<S extends StrictRJSFSchema = RJSFSchema>()

This function checks if the given schema matches a single constant value. This happens when either the schema has an enum array with a single value or there is a const defined.

Parameters

• schema: S - The schema for a field

Returns

• boolean: True if the schema has a single constant value, false otherwise

isCustomWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Checks to see if the uiSchema contains the widget field and that the widget is not hidden

Parameters

• uiSchema: UiSchema<T, S, F> - The UI Schema from which to detect if it is customized

Returns

• boolean: True if the uiSchema describes a custom widget, false otherwise

isFixedItems<S extends StrictRJSFSchema = RJSFSchema>()

Detects whether the given schema contains fixed items. This is the case when schema.items is a non-empty array that only contains objects.

Parameters

• schema: S - The schema in which to check for fixed items

Returns

• boolean: True if there are fixed items in the schema, false otherwise

isFormDataAvailable<T = any>()

Determines whether the given formData represents valid form data, such as a primitive type, an array, or a non-empty object.

Parameters

• formData: T - The data to check

Returns

• boolean: True if formData is not undefined, null, a primitive type or an array or an empty object

isObject()

Determines whether a thing is an object for the purposes of RSJF. In this case, thing is an object if it has the type object but is NOT null, an array or a File.

Parameters

• thing: any - The thing to check to see whether it is an object

Returns

• boolean: True if it is a non-null, non-array, non-File object

isRootSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Helper to check whether a JSON schema object is the root schema. The schema is a root schema with root properties key or a root $ref key. If the schemaToCompare has a root oneOf property, the function will return false. Else if schemaToCompare and rootSchema are the same object or equal, the function will return true. Else if the rootSchema has a $ref, it will be resolved using schemaUtils.resolveSchema utility. If the resolved schema matches the schemaToCompare the function will return true. Otherwise, it will return false.

Parameters

• registry: Registry<T, S, F> - The Registry used to get the rootSchema and schemaUtils
• schemaToCompare: S - The JSON schema object to check. If schemaToCompare is an root schema, the function will return true.

Returns

• boolean: True if the uiSchema describes a custom widget, false otherwise

labelValue()

Helper function that will return the value to use for a widget label based on hideLabel. The fallback is used as the return value from the function when hideLabel is true. Due to the implementation of theme components, it may be necessary to return something other than undefined to cause the theme component to not render a label. Some themes require may false and others may require an empty string.

Parameters

• [label]: string | ReactElement | undefined - The label string or component to render when not hidden

• [hideLabel]: boolean| undefined - Flag, if true, will cause the label to be hidden

• [fallback]: undefined | false | '' - One of 3 values, undefined (the default), false or an empty string

• Returns

• string | boolean | undefined: fallback if hideLabel is true, otherwise label

localToUTC()

Converts a local Date string into a UTC date string

Parameters

• dateString: string - The string representation of a date as accepted by the Date() constructor

Returns

• string | undefined: A UTC date string if dateString is truthy, otherwise undefined

lookupFromFormContext<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Given a React JSON Schema Form registry or formContext object, return the value associated with toLookup. This might be contained within the lookup map in the formContext. If no such value exists, return the fallback value.

Parameters

• regOrFc: Registry<T, S, F> | Registry<T, S, F>['formContext'] - The @rjsf registry or form context in which the lookup will occur
• toLookup: string - The name of the field in the lookup map in the form context to get the value for
• [fallback]: unknown - The fallback value to use if the form context does not contain a value for toLookup

Returns

• any: The value associated with toLookup in the form context or fallback

mergeDefaultsWithFormData<T = any>()

Merges the defaults object of type T into the formData of type T

When merging defaults and form data, we want to merge in this specific way:

• objects are deeply merged
• arrays are merged in such a way that:
  • when the array is set in form data, only array entries set in form data are deeply merged; additional entries from the defaults are ignored unless mergeExtraArrayDefaults is true, in which case the extras are appended onto the end of the form data
  • when the array is not set in form data, the default is copied over
• scalars are overwritten/set by form data

Parameters

• [defaults]: T | undefined - The defaults to merge
• [formData]: T | undefined - The form data into which the defaults will be merged
• [mergeExtraArrayDefaults=false]: boolean - If true, any additional default array entries are appended onto the formData
• [defaultSupercedesUndefined=false]: boolean - If true, an explicit undefined value will be overwritten by the default value

Returns

• T | undefined: The resulting merged form data with defaults

mergeObjects()

Recursively merge deeply nested objects.

Parameters

• obj1: GenericObjectType - The first object to merge
• obj2: GenericObjectType - The second object to merge
• [concatArrays=false]: boolean | "preventDuplicates" - Optional flag that, when true, will cause arrays to be concatenated. Use "preventDuplicates" to merge arrays in a manner that prevents any duplicate entries from being merged.

Returns

@returns - A new object that is the merge of the two given objects

mergeSchemas()

Recursively merge deeply nested schemas. The difference between mergeSchemas and mergeObjects is that mergeSchemas only concats arrays for values under the 'required' keyword, and when it does, it doesn't include duplicate values. NOTE: Uses shallow comparison for the duplicate checking.

Parameters

• obj1: GenericObjectType - The first object to merge
• obj2: GenericObjectType - The second object to merge

Returns

• GenericObjectType: The merged schema object

optionalControlsId()

Return a consistent id for the optional data controls element

Parameters

• id: string - The id of the parent component for the option
• element: 'Add' | 'Msg' | 'Remove' - The element type for which to generate the id

Returns

• string: The consistent id for the optional data controls element from the given id and element type

optionId()

Return a consistent id for the optionIndexs of a Radio or Checkboxes widget

Parameters

• id: string - The id of the parent component for the option
• optionIndex: number - The index of the option for which the id is desired

Returns

• string: An id for the option index based on the parent id

optionsList<T = any, S extends StrictRJSFSchema = RJSFSchema,F extends FormContextType = any>()

Gets the list of options from the schema. If the schema has an enum list, then those enum values are returned. The labels for the options will be extracted from the non-standard, RJSF-deprecated enumNames if it exists, otherwise the label will be the same as the value.

If the schema has a oneOf or anyOf, then the value is the list of either:

• The const values from the schema if present

• If the schema has a discriminator and the label using either the schema.title or the value. If a uiSchema is provided, and it has the ui:enumNames matched with enum or it has an associated oneOf or anyOf with a list of objects containing ui:title then the UI schema values will replace the values from the schema.

• NOTE: enumNames is deprecated and will be removed in a future major version of RJSF. Use the "ui:enumNames" property in the uiSchema instead.

Parameters

• schema: S - The schema from which to extract the options list
• [uiSchema]: UiSchema<T, S, F> - The optional uiSchema from which to get alternate labels for the options

Returns

• { schema?: S, label: string, value: any }: The list of options from the schema

orderProperties()

Given a list of properties and an order list, returns a list that contains the properties ordered correctly. If order is not an array, then the untouched properties list is returned. Otherwise properties is ordered per the order list. If order contains a '_' then any properties that are not mentioned explicity in order will be places in the location of the _.

Parameters

• properties: string[] - The list of property keys to be ordered
• order: string[] - An array of property keys to be ordered first, with an optional '*' property

Returns

• string[]: A list with the properties ordered

Throws

• Error when the properties cannot be ordered correctly

pad()

Returns a string representation of the num that is padded with leading "0"s if necessary

Parameters

• num: number - The number to pad
• width: number - The width of the string at which no lead padding is necessary

Returns

• string: The number converted to a string with leading zero padding if the number of digits is less than width

parseDateString()

Parses the dateString into a DateObject, including the time information when includeTime is true

Parameters

• dateString: string - The date string to parse into a DateObject
• [includeTime=true]: boolean - Optional flag, if false, will not include the time data into the object

Returns

• DateObject: The date string converted to a DateObject

Throws

• Error when the date cannot be parsed from the string

rangeSpec<S extends StrictRJSFSchema = RJSFSchema>()

Extracts the range spec information { step?: number, min?: number, max?: number } that can be spread onto an HTML input from the range analog in the schema { multipleOf?: number, minimum?: number, maximum?: number }.

Parameters

• schema: S - The schema from which to extract the range spec

Returns

• RangeSpecType: A range specification from the schema

replaceStringParameters()

Potentially substitutes all replaceable parameters with the associated value(s) from the params if available. When a params array is provided, each value in the array is used to replace any of the replaceable parameters in the inputString using the %1, %2, etc. replacement specifiers.

Parameters

• inputString: string - The string which will be potentially updated with replacement parameters
• [params]: string[] - The optional list of replaceable parameter values to substitute into the english string

Returns

• string: The updated string with any replacement specifiers replaced

schemaRequiresTrueValue<S extends StrictRJSFSchema = RJSFSchema>()

Check to see if a schema specifies that a value must be true. This happens when:

• schema.const is truthy
• schema.enum == [true]
• schema.anyOf or schema.oneOf has a single value which recursively returns true
• schema.allOf has at least one value which recursively returns true

Parameters

• schema: S - The schema to check

Returns

• boolean: True if the schema specifies a value that must be true, false otherwise

shouldRender()

Determines whether the given component should be rerendered by comparing its current set of props and state against the next set. If either of those two sets are not the same, then the component should be rerendered.

Parameters

• component: React.Component - A React component being checked
• nextProps: any - The next set of props against which to check
• nextState: any - The next set of state against which to check

Returns

• True if boolean: the component should be re-rendered, false otherwise

shouldRenderOptionalField<T = any, S extends StrictRJSFSchema = RJSFSchema,F extends FormContextType = any>()

Determines whether the field information from the combination of schema and required along with the enableOptionalDataFieldForType settings from the global UI options in the registry all indicate that this field should be rendered with the Optional Data Controls UI.

Parameters

• registry: Registry<T, S, F> - The registry object
• schema: S - The schema for the field
• required - Flag indicating whether the field is required
• [uiSchema]: UiSchema<T, S, F> - The optional uiSchema for the field

Returns

• boolean: True if the field should be rendered with the optional field UI, otherwise false

sortedJSONStringify()

Stringifies an object, sorts object fields in consistent order before stringifying it.

Parameters

• object: object - The object for which the sorted stringify is desired

Returns

• string: The stringified object with keys sorted in a consistent order

titleId()

Return a consistent id for the field title element.

Parameters

• id: FieldPathId | string - Either simple string id or an FieldPathId from which to extract it

Returns

• string: The consistent id for the field title element from the given id

toConstant<S extends StrictRJSFSchema = RJSFSchema>()

Returns the constant value from the schema when it is either a single value enum or has a const key. Otherwise, throws an error.

Parameters

• schema: S - The schema from which to obtain the constant value

Returns

• string | number | boolean: The constant value for the schema

Throws

• Error when the schema does not have a constant value

toDateString()

Returns a UTC date string for the given dateObject. If time is false, then the time portion of the string is removed.

Parameters

• dateObject: DateObject - The DateObject to convert to a date string
• [time=true]: boolean - Optional flag used to remove the time portion of the date string if false

Returns

• string: The UTC date string

toErrorList<T = any>()

Converts an errorSchema into a list of RJSFValidationErrors

Parameters

• errorSchema: ErrorSchema<T> - The ErrorSchema instance to convert
• [fieldPath=[]]: string[] | undefined - The current field path, defaults to [] if not specified

Returns

• RJSFValidationErrors[]: The list of RJSFValidationErrors extracted from the errorSchema

toErrorSchema<T = any>()

Transforms a RJSF validation errors list into an ErrorSchema

const changesThis = [
  { property: '.level1.level2[2].level3', message: 'err a', stack: '.level1.level2[2].level3 err a' },
  { property: '.level1.level2[2].level3', message: 'err b', stack: '.level1.level2[2].level3 err b' },
  { property: '.level1.level2[4].level3', message: 'err b', stack: '.level1.level2[4].level3 err b' },
];
const intoThis = {
  level1: {
    level2: {
      2: { level3: { errors: ['err a', 'err b'] } },
      4: { level3: { errors: ['err b'] } },
    },
  },
};

Parameters

• errors: RJSFValidationError[] - The list of RJSFValidationError objects

Returns

• ErrorSchema<T>: The ErrorSchema built from the list of RJSFValidationErrors

toFieldPathId()

Constructs the FieldPathId for fieldPath. If parentPathId is provided, the fieldPath is appended to the end of the parent path. Then the ID_KEY of the resulting FieldPathId is constructed from the idPrefix and idSeparator contained within the globalFormOptions. If fieldPath is passed as an empty string, it will simply generate the path from the parentPath (if provided) and the idPrefix and idSeparator

Parameters

• fieldPath: string | number - The property name or array index of the current field element
• globalFormOptions: GlobalFormOptions - The GlobalFormOptions used to get the idPrefix and idSeparator
• [parentPath]: FieldPathId | FieldPathList | undefined - The optional FieldPathId or FieldPathList of the parent element for this field element

Returns

• FieldPathId: The FieldPathId for the given fieldPath and the optional parentPathId

unwrapErrorHandler<T = any>()

Unwraps the errorHandler structure into the associated ErrorSchema, stripping the addError() functions from it

Parameters

• errorHandler: FormValidation<T> - The FormValidation error handling structure

Returns

• ErrorSchema<T>: The ErrorSchema resulting from the stripping of the addError() function

useAltDateWidgetProps<T = unknown, S extends StrictRJSFSchema = RJSFSchema,F extends FormContextType = any>`()

Hook which encapsulates the logic needed to render an AltDateWidget with optional time elements. It contains the state of the current date(/time) selections in the widget. It returns a UseAltDateWidgetResult object that contains the elements: DateElementProp[] and three callbacks needed to change one of the rendered elements, and to handle the clicking of the clear and setNow buttons.

Parameters

• props: WidgetProps<T, S, F> - The WidgetProps for the AltDateWidget

Returns

• UseAltDateWidgetResult: The UseAltDateWidgetResult to be used within a AltDateWidget implementation

useDeepCompareMemo<T = unknown>()

Hook that stores and returns a T. If newValue is the same as the stored one, then the stored one is returned to avoid having a component rerender due it being a different object. Otherwise, the newValue is stored and returned.

Parameters

• newValue: T - The potential new T value

Returns

• T: The latest stored T value

useFileWidgetProps()

Hook which encapsulates the logic needed to read and convert a value of File or File[] into the filesInfo: FileInfoType[] and the two callback implementations needed to change the list or to remove a File from the list. To be used by theme specific FileWidget implementations.

Parameters

• value: string | string[] | undefined | null - The current value of the FileWidget
• onChange: (value: string | null | (string | null)[]) => void - The onChange handler for the FileWidget
• [multiple=false] - Flag indicating whether the control supports multiple selections

Returns

• UseFileWidgetPropsResult: The UseFileWidgetPropsResult to be used within a FileWidget implementation

utcToLocal()

Converts a UTC date string into a local Date format

Parameters

• jsonDate: string - A UTC date string

Returns

• string: An empty string when jsonDate is falsey, otherwise a date string in local format

validationDataMerge<T = any>()

Merges the errors in additionalErrorSchema into the existing validationData by combining the hierarchies in the two ErrorSchemas and then appending the error list from the additionalErrorSchema obtained by calling toErrorList() on the errors in the validationData. If no additionalErrorSchema is passed, then validationData is returned.

Parameters

• validationData: ValidationData<T> - The current ValidationData into which to merge the additional errors
• [additionalErrorSchema]: ErrorSchema<T> | undefined - The optional additional set of errors in an ErrorSchema
• [preventDuplicates=false]: boolean - Optional flag, if true, will call mergeObjects() with preventDuplicates

Returns

• ValidationData<T>: The validationData with the additional errors from additionalErrorSchema merged into it, if provided.

withIdRefPrefix<S extends StrictRJSFSchema = RJSFSchema>()

Recursively prefixes all $refs in a schema with the value of the ROOT_SCHEMA_PREFIX constant. This is used in isValid to make references to the rootSchema

Parameters

• schemaNode: S - The object node to which a ROOT_SCHEMA_PREFIX is added when a $ref is part of it

Returns

• S: A copy of the schemaNode with updated $refs

Validator-based utility functions

findFieldInSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

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.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be forwarded to all the APIs
• rootSchema: S | undefined - The root schema that will be forwarded to all the APIs
• schema: S - The node within the JSON schema in which to search
• path: string | string[] - The keys in the path to the desired field
• [formData=]: T - The form data that is used to determine which anyOf/oneOf option to descend
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• FoundFieldType<S>: An object that contains the field and its required state. If no field can be found then{ field: undefined, isRequired: undefined } is returned.

findSelectedOptionInXxxOf<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Finds the option inside the schema['any/oneOf'] list which has the properties[selectorField].default or properties[selectorField].const that matches the formData[selectorField] value. For the purposes of this function, selectorField is either schema.discriminator.propertyName or fallbackField.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be forwarded to all the APIs
• rootSchema: S | undefined - The root schema that will be forwarded to all the APIs
• schema: S - The schema element in which to search for the selected anyOf/oneOf option
• fallbackField: string - The field to use as a backup selector field if the schema does not have a required field
• xxx: 'anyOf' | 'oneOf' - Either anyOf or oneOf, defines which value is being sought
• [formData=]: T - The form data that is used to determine which anyOf/oneOf option to descend
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• S | undefined: The anyOf/oneOf option that matches the selector field in the schema or undefined if nothing is selected

getDefaultFormState<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

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.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• theSchema: S - The schema for which the default state is desired
• [formData]: T | undefined - The current formData, if any, onto which to provide any missing defaults
• [rootSchema]: S | undefined - The root schema, used to primarily to look up $refs
• [includeUndefinedValues=false]: boolean | "excludeObjectChildren" - 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.
• [experimental_defaultFormStateBehavior]: Experimental_DefaultFormStateBehavior - See Form documentation for the experimental_defaultFormStateBehavior prop
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop
• [initialDefaultsGenerated]: boolean - Optional flag, indicates whether or not initial defaults have been generated

Returns

• T: The resulting formData with all the defaults provided

getDisplayLabel<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Determines whether the combination of schema and uiSchema properties indicates that the label for the schema should be displayed in a UI.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• schema: S - The schema for which the display label flag is desired
• [uiSchema=]: UiSchema<T, S, F> - The UI schema from which to derive potentially displayable information
• [rootSchema]: S | undefined - The root schema, used to primarily to look up $refs
• [globalOptions=]: GlobalUISchemaOptions - The optional Global UI Schema from which to get any fallback xxx options

Returns

• boolean: True if the label should be displayed or false if it should not

getClosestMatchingOption<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

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.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• rootSchema: S - The root schema, used to primarily to look up $refs
• [formData]: T | undefined - The current formData, if any, used to figure out a match
• options: S[] - The list of options to find a matching options from
• [selectedOption=-1]: number - The index of the currently selected option, defaulted to -1 if not specified
• [discriminatorField]: string | undefined - The optional name of the field within the options object whose value is used to determine which option is selected
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• number: The index of the option that is the closest match to the formData or the selectedOption if no match

getDisplayLabel<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Determines whether the combination of schema and uiSchema properties indicates that the label for the schema should be displayed in a UI.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• schema: S - The schema for which the display label flag is desired
• [uiSchema=]: UiSchema<T, S, F> - The UI schema from which to derive potentially displayable information
• [rootSchema]: S | undefined - The root schema, used to primarily to look up $refs
• [globalOptions=]: GlobalUISchemaOptions - The optional Global UI Schema from which to get any fallback xxx options
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• boolean: True if the label should be displayed or false if it should not

getFromSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Helper that acts like lodash's get but additionally retrieves $refs as needed to get the path for schemas containing potentially nested $refs.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be forwarded to all the APIs
• rootSchema: S - The root schema that will be forwarded to all the APIs
• schema: S - The current node within the JSON schema recursion
• path: string | string[] - The keys in the path to the desired field
• defaultValue: T | S - The value to return if a value is not found for the pathList path
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• T | S: The inner schema from the schema for the given path or the defaultValue if not found

getFirstMatchingOption<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

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.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• [formData]: T | undefined - The current formData, if any, used to figure out a match
• options: S[] - The list of options to find a matching options from
• rootSchema: S - The root schema, used to primarily to look up $refs
• [discriminatorField]: string | undefined - The optional name of the field within the options object whose value is used to determine which option is selected

Returns

• number: The index of the first matched option or 0 if none is available

isMultiSelect<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Checks to see if the schema combination represents a multi-select

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• schema: S - The schema for which check for a multi-select flag is desired
• [rootSchema]: S | undefined - The root schema, used to primarily to look up $refs
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• boolean: True if schema contains a multi-select, otherwise false

isSelect<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Checks to see if the schema combination represents a select

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• theSchema: S - The schema for which check for a select flag is desired
• [rootSchema]: S | undefined - The root schema, used to primarily to look up $refs
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• boolean: True if schema contains a select, otherwise false

retrieveSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Retrieves an expanded schema that has had all of its conditions, additional properties, references and dependencies resolved and merged into the schema given a validator, rootSchema and rawFormData that is used to do the potentially recursive resolution.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be forwarded to all the APIs
• schema: S - The schema for which retrieving a schema is desired
• [rootSchema=]: S - The root schema that will be forwarded to all the APIs
• [rawFormData]: T | undefined - The current formData, if any, to assist retrieving a schema
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• RJSFSchema: The schema having its conditions, additional properties, references and dependencies resolved

sanitizeDataForNewSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

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.

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• rootSchema: S - The root JSON schema of the entire form
• [newSchema]: S | undefined - The new schema for which the data is being sanitized
• [oldSchema]: S | undefined - The old schema from which the data originated
• [data=]: any - The form data associated with the schema, defaulting to an empty object when undefined
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• T: The new form data, with all the fields uniquely associated with the old schema set to undefined. Will return undefined if the new schema is not an object containing properties.

toPathSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Generates an PathSchema object for the schema, recursively

Parameters

• validator: ValidatorType<T, S, F> - An implementation of the ValidatorType interface that will be used when necessary
• schema: S - The schema for which the PathSchema is desired
• [name='']: string - The base name for the schema
• [rootSchema]: S | undefined - The root schema, used to primarily to look up $refs
• [formData]: T | undefined - The current formData, if any, to assist retrieving a schema
• [experimental_customMergeAllOf]: Experimental_CustomMergeAllOf<S> - See Form documentation for the experimental_customMergeAllOf prop

Returns

• PathSchema<T> - The PathSchema object for the schema

Schema utils creation function

createSchemaUtils<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>()

Creates a SchemaUtilsType interface that is based around the given validator and rootSchema parameters. The resulting interface implementation will forward the validator and rootSchema to all the wrapped APIs.

Parameters

• validator: ValidatorType<T, S, F> - an implementation of the ValidatorType interface that will be forwarded to all the APIs
• rootSchema: S - The root schema that will be forwarded to all the APIs

Returns

• SchemaUtilsType<T, S, F> - An implementation of a SchemaUtilsType interface

ErrorSchema builder class

ErrorSchemaBuilder<T = any>(initialSchema?: ErrorSchema<T>) constructor

The ErrorSchemaBuilder<T> is used to build an ErrorSchema<T> since the definition of the ErrorSchema type is designed for reading information rather than writing it. Use this class to add, replace or clear errors in an error schema by using either dotted path or an array of path names. Once you are done building the ErrorSchema, you can get the result and/or reset all the errors back to an initial set and start again.

Parameters

• [initialSchema]: ErrorSchema<T> | undefined - The optional set of initial errors, that will be cloned into the class

Returns

• ErrorSchemaBuilder<T> - The instance of the ErrorSchemaBuilder class

ErrorSchema getter function

Returns the ErrorSchema that has been updated by the methods of the ErrorSchemaBuilder

Usage:

import { ErrorSchemaBuilder, ErrorSchema } from "@rjsf/utils";

const builder = new ErrorSchemaBuilder();

// Do some work using the builder
...

const errorSchema: ErrorSchema = builder.ErrorSchema;

resetAllErrors()

Resets all errors in the ErrorSchemaBuilder back to the initialSchema if provided, otherwise an empty set.

Parameters

• [initialSchema]: ErrorSchema<T> | undefined - The optional set of initial errors, that will be cloned into the class

Returns

• ErrorSchemaBuilder<T> - The instance of the ErrorSchemaBuilder class

addErrors()

Adds the errorOrList to the list of errors in the ErrorSchema at either the root level or the location within the schema described by the pathOfError. For more information about how to specify the path see the eslint lodash plugin docs.

Parameters

• errorOrList: string | string[] - The error or list of errors to add into the ErrorSchema
• [pathOfError]: string | (string | number)[] | undefined - The optional path into the ErrorSchema at which to add the error(s)

Returns

• ErrorSchemaBuilder<T> - The instance of the ErrorSchemaBuilder class

setErrors()

Sets/replaces the errorOrList as the error(s) in the ErrorSchema at either the root level or the location within the schema described by the pathOfError. For more information about how to specify the path see the eslint lodash plugin docs.

Parameters

• errorOrList: string | string[] - The error or list of errors to add into the ErrorSchema
• [pathOfError]: string | (string | number)[] | undefined - The optional path into the ErrorSchema at which to add the error(s)

Returns

• ErrorSchemaBuilder<T> - The instance of the ErrorSchemaBuilder class

clearErrors()

Clears the error(s) in the ErrorSchema at either the root level or the location within the schema described by the pathOfError. For more information about how to specify the path see the eslint lodash plugin docs.

Parameters

• [pathOfError]: string | (string | number)[] | undefined - The optional path into the ErrorSchema at which to add the error(s)

Returns

• ErrorSchemaBuilder<T> - The instance of the ErrorSchemaBuilder class