@rjsf/core 6.0.0-alpha.0 → 6.0.0-beta.2

package/lib/components/fields/LayoutHeaderField.d.ts

@@ -0,0 +1,12 @@
+import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+/** The `LayoutHeaderField` component renders a `TitleFieldTemplate` with an `id` derived from the `idSchema`
+ * and whether it is `required` from the props. The `title` is derived from the props as follows:
+ * - If there is a title in the `uiSchema`, it is displayed
+ * - Else, if there is an explicit `title` passed in the props, it is displayed
+ * - Otherwise, if there is a title in the `schema`, it is displayed
+ * - Finally, the `name` prop is displayed as the title
+ *
+ * @param props - The `LayoutHeaderField` for the component
+ */
+export default function LayoutHeaderField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldProps<T, S, F>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LayoutHeaderField.d.ts.map

package/lib/components/fields/LayoutHeaderField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutHeaderField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/LayoutHeaderField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAEjB,MAAM,aAAa,CAAC;AAErB;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,kDAwB3B"}

package/lib/components/fields/LayoutHeaderField.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTemplate, getUiOptions, titleId, } from '@rjsf/utils';
+/** The `LayoutHeaderField` component renders a `TitleFieldTemplate` with an `id` derived from the `idSchema`
+ * and whether it is `required` from the props. The `title` is derived from the props as follows:
+ * - If there is a title in the `uiSchema`, it is displayed
+ * - Else, if there is an explicit `title` passed in the props, it is displayed
+ * - Otherwise, if there is a title in the `schema`, it is displayed
+ * - Finally, the `name` prop is displayed as the title
+ *
+ * @param props - The `LayoutHeaderField` for the component
+ */
+export default function LayoutHeaderField(props) {
+    const { idSchema, title, schema, uiSchema, required, registry, name } = props;
+    const options = getUiOptions(uiSchema, registry.globalUiOptions);
+    const { title: uiTitle } = options;
+    const { title: schemaTitle } = schema;
+    const fieldTitle = uiTitle || title || schemaTitle || name;
+    if (!fieldTitle) {
+        return null;
+    }
+    const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, options);
+    return (_jsx(TitleFieldTemplate, { id: titleId(idSchema), title: fieldTitle, required: required, schema: schema, uiSchema: uiSchema, registry: registry }));
+}

package/lib/components/fields/LayoutMultiSchemaField.d.ts

@@ -0,0 +1,28 @@
+import { EnumOptionsType, FieldProps, FormContextType, RJSFSchema, SchemaUtilsType, StrictRJSFSchema, UiSchema } from '@rjsf/utils';
+/** Gets the selected option from the list of `options`, using the `selectorField` to search inside each `option` for
+ * the `properties[selectorField].default(or const)` that matches the given `value`.
+ *
+ * @param options - The list of schemas each representing a choice in the `oneOf`
+ * @param selectorField - The name of the field that is common in all of the schemas that represents the selector field
+ * @param value - The current value of the selector field from the data
+ */
+export declare function getSelectedOption<S extends StrictRJSFSchema = RJSFSchema>(options: EnumOptionsType<S>[], selectorField: string, value: unknown): S | undefined;
+/** Computes the `enumOptions` array from the schema and options.
+ *
+ * @param schema - The schema that contains the `options`
+ * @param options - The options from the `schema`
+ * @param schemaUtils - The SchemaUtilsType object used to call retrieveSchema,
+ * @param [uiSchema] - The optional uiSchema for the schema
+ * @param [formData] - The optional formData associated with the schema
+ * @returns - The list of enumOptions for the `schema` and `options`
+ * @throws - Error when no enum options were computed
+ */
+export declare function computeEnumOptions<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(schema: S, options: S[], schemaUtils: SchemaUtilsType<T, S, F>, uiSchema?: UiSchema<T, S, F>, formData?: T): EnumOptionsType<S>[];
+/** The `LayoutMultiSchemaField` is an adaptation of the `MultiSchemaField` but changed considerably to only
+ * support `anyOf`/`oneOf` fields that are being displayed in a `LayoutGridField` where the field selection is shown as
+ * a radio group by default. It expects that a `selectorField` is provided (either directly via the `discriminator`
+ * field or indirectly via `ui:optionsSchemaSelector` in the `uiSchema`) to help determine which `anyOf`/`oneOf` schema
+ * is active. If no `selectorField` is specified, then an error is thrown.
+ */
+export default function LayoutMultiSchemaField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayoutMultiSchemaField.d.ts.map

package/lib/components/fields/LayoutMultiSchemaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutMultiSchemaField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/LayoutMultiSchemaField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,eAAe,EAEf,UAAU,EACV,eAAe,EAOf,UAAU,EAIV,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACT,MAAM,aAAa,CAAC;AAQrB;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,EAC7B,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,OAAO,GACb,CAAC,GAAG,SAAS,CAQf;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAClH,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,EAAE,EACZ,WAAW,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACrC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAC5B,QAAQ,CAAC,EAAE,CAAC,GACX,eAAe,CAAC,CAAC,CAAC,EAAE,CAatB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAuI3B"}

package/lib/components/fields/LayoutMultiSchemaField.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { ANY_OF_KEY, CONST_KEY, DEFAULT_KEY, ERRORS_KEY, getDiscriminatorFieldFromSchema, hashObject, ID_KEY, ONE_OF_KEY, optionsList, PROPERTIES_KEY, getTemplate, getUiOptions, getWidget, } from '@rjsf/utils';
+import get from 'lodash-es/get.js';
+import has from 'lodash-es/has.js';
+import isEmpty from 'lodash-es/isEmpty.js';
+import noop from 'lodash-es/noop.js';
+import omit from 'lodash-es/omit.js';
+import set from 'lodash-es/set.js';
+/** Gets the selected option from the list of `options`, using the `selectorField` to search inside each `option` for
+ * the `properties[selectorField].default(or const)` that matches the given `value`.
+ *
+ * @param options - The list of schemas each representing a choice in the `oneOf`
+ * @param selectorField - The name of the field that is common in all of the schemas that represents the selector field
+ * @param value - The current value of the selector field from the data
+ */
+export function getSelectedOption(options, selectorField, value) {
+    const defaultValue = '!@#!@$@#$!@$#';
+    const schemaOptions = options.map(({ schema }) => schema);
+    return schemaOptions.find((option) => {
+        const selector = get(option, [PROPERTIES_KEY, selectorField]);
+        const result = get(selector, DEFAULT_KEY, get(selector, CONST_KEY, defaultValue));
+        return result === value;
+    });
+}
+/** Computes the `enumOptions` array from the schema and options.
+ *
+ * @param schema - The schema that contains the `options`
+ * @param options - The options from the `schema`
+ * @param schemaUtils - The SchemaUtilsType object used to call retrieveSchema,
+ * @param [uiSchema] - The optional uiSchema for the schema
+ * @param [formData] - The optional formData associated with the schema
+ * @returns - The list of enumOptions for the `schema` and `options`
+ * @throws - Error when no enum options were computed
+ */
+export function computeEnumOptions(schema, options, schemaUtils, uiSchema, formData) {
+    const realOptions = options.map((opt) => schemaUtils.retrieveSchema(opt, formData));
+    let tempSchema = schema;
+    if (has(schema, ONE_OF_KEY)) {
+        tempSchema = { ...schema, [ONE_OF_KEY]: realOptions };
+    }
+    else if (has(schema, ANY_OF_KEY)) {
+        tempSchema = { ...schema, [ANY_OF_KEY]: realOptions };
+    }
+    const enumOptions = optionsList(tempSchema, uiSchema);
+    if (!enumOptions) {
+        throw new Error(`No enumOptions were computed from the schema ${JSON.stringify(tempSchema)}`);
+    }
+    return enumOptions;
+}
+/** The `LayoutMultiSchemaField` is an adaptation of the `MultiSchemaField` but changed considerably to only
+ * support `anyOf`/`oneOf` fields that are being displayed in a `LayoutGridField` where the field selection is shown as
+ * a radio group by default. It expects that a `selectorField` is provided (either directly via the `discriminator`
+ * field or indirectly via `ui:optionsSchemaSelector` in the `uiSchema`) to help determine which `anyOf`/`oneOf` schema
+ * is active. If no `selectorField` is specified, then an error is thrown.
+ */
+export default function LayoutMultiSchemaField(props) {
+    const { name, baseType, disabled = false, formData, idSchema, onBlur, onChange, options, onFocus, registry, uiSchema, schema, formContext, autofocus, readonly, required, errorSchema, hideError = false, } = props;
+    const { widgets, schemaUtils, globalUiOptions } = registry;
+    const [enumOptions, setEnumOptions] = useState(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
+    const id = get(idSchema, ID_KEY);
+    const discriminator = getDiscriminatorFieldFromSchema(schema);
+    const FieldErrorTemplate = getTemplate('FieldErrorTemplate', registry, options);
+    const FieldTemplate = getTemplate('FieldTemplate', registry, options);
+    const schemaHash = hashObject(schema);
+    const optionsHash = hashObject(options);
+    const uiSchemaHash = uiSchema ? hashObject(uiSchema) : '';
+    const formDataHash = formData ? hashObject(formData) : '';
+    useEffect(() => {
+        setEnumOptions(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
+        // We are using hashes in place of the dependencies
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [schemaHash, optionsHash, schemaUtils, uiSchemaHash, formDataHash]);
+    const { widget = discriminator ? 'radio' : 'select', title = '', placeholder = '', optionsSchemaSelector: selectorField = discriminator, hideError: uiSchemaHideError, ...uiOptions } = getUiOptions(uiSchema);
+    if (!selectorField) {
+        throw new Error('No selector field provided for the LayoutMultiSchemaField');
+    }
+    const selectedOption = get(formData, selectorField);
+    let optionSchema = get(enumOptions[0]?.schema, [PROPERTIES_KEY, selectorField], {});
+    const option = getSelectedOption(enumOptions, selectorField, selectedOption);
+    // If the subschema doesn't declare a type, infer the type from the parent schema
+    optionSchema = optionSchema?.type ? optionSchema : { ...optionSchema, type: option?.type || baseType };
+    const Widget = getWidget(optionSchema, widget, widgets);
+    // The following code was copied from `@rjsf`'s `SchemaField`
+    // Set hideError to the value provided in the uiSchema, otherwise stick with the prop to propagate to children
+    const hideFieldError = uiSchemaHideError === undefined ? hideError : Boolean(uiSchemaHideError);
+    const rawErrors = get(errorSchema, [ERRORS_KEY], []);
+    const fieldErrorSchema = omit(errorSchema, [ERRORS_KEY]);
+    const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+    /** Callback function that updates the selected option and adjusts the form data based on the structure of the new
+     * option, calling the `onChange` callback with the adjusted formData.
+     *
+     * @param opt - If the option is undefined, we are going to clear the selection otherwise we
+     *      will use it as the index of the new option to select
+     */
+    const onOptionChange = (opt) => {
+        const newOption = getSelectedOption(enumOptions, selectorField, opt);
+        const oldOption = getSelectedOption(enumOptions, selectorField, selectedOption);
+        let newFormData = schemaUtils.sanitizeDataForNewSchema(newOption, oldOption, formData);
+        if (newFormData && newOption) {
+            // Call getDefaultFormState to make sure defaults are populated on change.
+            newFormData = schemaUtils.getDefaultFormState(newOption, newFormData, 'excludeObjectChildren');
+        }
+        if (newFormData) {
+            set(newFormData, selectorField, opt);
+        }
+        onChange(newFormData, undefined, id);
+    };
+    // filtering the options based on the type of widget because `selectField` does not recognize the `convertOther` prop
+    const widgetOptions = { enumOptions, ...uiOptions };
+    const errors = !hideFieldError && rawErrors.length > 0 ? (_jsx(FieldErrorTemplate, { idSchema: idSchema, schema: schema, errors: rawErrors, registry: registry })) : undefined;
+    const ignored = (value) => noop;
+    return (_jsx(FieldTemplate, { id: id, schema: schema, label: (title || schema.title) ?? '', disabled: disabled || (Array.isArray(enumOptions) && isEmpty(enumOptions)), uiSchema: uiSchema, formContext: formContext, required: required, readonly: !!readonly, registry: registry, displayLabel: displayLabel, errors: errors, onChange: onChange, onDropPropertyClick: ignored, onKeyChange: ignored, children: _jsx(Widget, { id: id, name: name, schema: schema, label: (title || schema.title) ?? '', disabled: disabled || (Array.isArray(enumOptions) && isEmpty(enumOptions)), uiSchema: uiSchema, formContext: formContext, autofocus: autofocus, readonly: readonly, required: required, registry: registry, multiple: false, rawErrors: rawErrors, hideError: hideFieldError, hideLabel: !displayLabel, errorSchema: fieldErrorSchema, placeholder: placeholder, onChange: onOptionChange, onBlur: onBlur, onFocus: onFocus, value: selectedOption, options: widgetOptions }) }));
+}

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

@@ -45,3 +45,4 @@ declare class AnyOfField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default AnyOfField;
+//# sourceMappingURL=MultiSchemaField.d.ts.map

package/lib/components/fields/MultiSchemaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSchemaField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/MultiSchemaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAIL,UAAU,EACV,eAAe,EAMf,UAAU,EACV,gBAAgB,EAGjB,MAAM,aAAa,CAAC;AAErB,4DAA4D;AAC5D,KAAK,eAAe,CAAC,CAAC,SAAS,gBAAgB,GAAG,UAAU,IAAI;IAC9D,oCAAoC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,gBAAgB,EAAE,CAAC,EAAE,CAAC;CACvB,CAAC;AAEF;;;;GAIG;AACH,cAAM,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,CAAE,SAAQ,SAAS,CACnH,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACnB,eAAe,CAAC,CAAC,CAAC,CACnB;IACC;;;OAGG;gBACS,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAiBtC;;;;;OAKG;IACH,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,eAAe,CAAC;IAyBjG;;;;;OAKG;IACH,iBAAiB,CAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE;IAW/E;;;;;OAKG;IACH,cAAc,GAAI,SAAS,MAAM,UAqB/B;IAEF,UAAU;IAKV;OACG;IACH,MAAM;CA0GP;AAED,eAAe,UAAU,CAAC"}

package/lib/components/fields/MultiSchemaField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component } from 'react';
-import get from 'lodash/get';
-import isEmpty from 'lodash/isEmpty';
-import omit from 'lodash/omit';
+import get from 'lodash-es/get.js';
+import isEmpty from 'lodash-es/isEmpty.js';
+import omit from 'lodash-es/omit.js';
 import { ANY_OF_KEY, deepEquals, ERRORS_KEY, getDiscriminatorFieldFromSchema, getUiOptions, getWidget, mergeSchemas, ONE_OF_KEY, TranslatableString, } from '@rjsf/utils';
 /** The `AnyOfField` component is used to render a field in the schema that is an `anyOf`, `allOf` or `oneOf`. It tracks
  * the currently selected option and cleans up any irrelevant data in `formData`.
@@ -16,31 +16,6 @@ class AnyOfField extends Component {
      */
     constructor(props) {
         super(props);
-        /** Callback handler to remember what the currently selected option is. In addition to that the `formData` is updated
-         * to remove properties that are not part of the newly selected option schema, and then the updated data is passed to
-         * the `onChange` handler.
-         *
-         * @param option - The new option value being selected
-         */
-        this.onOptionChange = (option) => {
-            const { selectedOption, retrievedOptions } = this.state;
-            const { formData, onChange, registry } = this.props;
-            const { schemaUtils } = registry;
-            const intOption = option !== undefined ? parseInt(option, 10) : -1;
-            if (intOption === selectedOption) {
-                return;
-            }
-            const newOption = intOption >= 0 ? retrievedOptions[intOption] : undefined;
-            const oldOption = selectedOption >= 0 ? retrievedOptions[selectedOption] : undefined;
-            let newFormData = schemaUtils.sanitizeDataForNewSchema(newOption, oldOption, formData);
-            if (newFormData && newOption) {
-                // Call getDefaultFormState to make sure defaults are populated on change. Pass "excludeObjectChildren"
-                // so that only the root objects themselves are created without adding undefined children properties
-                newFormData = schemaUtils.getDefaultFormState(newOption, newFormData, 'excludeObjectChildren');
-            }
-            onChange(newFormData, undefined, this.getFieldId());
-            this.setState({ selectedOption: intOption });
-        };
         const { formData, options, registry: { schemaUtils }, } = this.props;
         // cache the retrieved options in state in case they have $refs to save doing it later
         const retrievedOptions = options.map((opt) => schemaUtils.retrieveSchema(opt, formData));
@@ -88,6 +63,32 @@ class AnyOfField extends Component {
         const option = schemaUtils.getClosestMatchingOption(formData, options, selectedOption, discriminator);
         return option;
     }
+    /** Callback handler to remember what the currently selected option is. In addition to that the `formData` is updated
+     * to remove properties that are not part of the newly selected option schema, and then the updated data is passed to
+     * the `onChange` handler.
+     *
+     * @param option - The new option value being selected
+     */
+    onOptionChange = (option) => {
+        const { selectedOption, retrievedOptions } = this.state;
+        const { formData, onChange, registry } = this.props;
+        const { schemaUtils } = registry;
+        const intOption = option !== undefined ? parseInt(option, 10) : -1;
+        if (intOption === selectedOption) {
+            return;
+        }
+        const newOption = intOption >= 0 ? retrievedOptions[intOption] : undefined;
+        const oldOption = selectedOption >= 0 ? retrievedOptions[selectedOption] : undefined;
+        let newFormData = schemaUtils.sanitizeDataForNewSchema(newOption, oldOption, formData);
+        if (newOption) {
+            // Call getDefaultFormState to make sure defaults are populated on change. Pass "excludeObjectChildren"
+            // so that only the root objects themselves are created without adding undefined children properties
+            newFormData = schemaUtils.getDefaultFormState(newOption, newFormData, 'excludeObjectChildren');
+        }
+        this.setState({ selectedOption: intOption }, () => {
+            onChange(newFormData, undefined, this.getFieldId());
+        });
+    };
     getFieldId() {
         const { idSchema, schema } = this.props;
         return `${idSchema.$id}${schema.oneOf ? '__oneof_select' : '__anyof_select'}`;
@@ -95,7 +96,7 @@ class AnyOfField extends Component {
     /** Renders the `AnyOfField` selector along with a `SchemaField` for the value of the `formData`
      */
     render() {
-        const { name, disabled = false, errorSchema = {}, formContext, onBlur, onFocus, registry, schema, uiSchema, } = this.props;
+        const { name, disabled = false, errorSchema = {}, formContext, onBlur, onFocus, readonly, registry, schema, uiSchema, } = this.props;
         const { widgets, fields, translateString, globalUiOptions, schemaUtils } = registry;
         const { SchemaField: _SchemaField } = fields;
         const { selectedOption, retrievedOptions } = this.state;
@@ -147,8 +148,7 @@ class AnyOfField extends Component {
                 value: index,
             };
         });
-        return (_jsxs("div", { className: 'panel panel-default panel-body', children: [_jsx("div", { className: 'form-group', children: _jsx(Widget, { id: this.getFieldId(), name: `${name}${schema.oneOf ? '__oneof_select' : '__anyof_select'}`, schema: { type: 'number', default: 0 }, onChange: this.onOptionChange, onBlur: onBlur, onFocus: onFocus, disabled: disabled || isEmpty(enumOptions), multiple: false, rawErrors: rawErrors, errorSchema: fieldErrorSchema, value: selectedOption >= 0 ? selectedOption : undefined, options: { enumOptions, ...uiOptions }, registry: registry, formContext: formContext, placeholder: placeholder, autocomplete: autocomplete, autofocus: autofocus, label: title !== null && title !== void 0 ? title : name, hideLabel: !displayLabel }) }), optionSchema && _jsx(_SchemaField, { ...this.props, schema: optionSchema, uiSchema: optionUiSchema })] }));
+        return (_jsxs("div", { className: 'panel panel-default panel-body', children: [_jsx("div", { className: 'form-group', children: _jsx(Widget, { id: this.getFieldId(), name: `${name}${schema.oneOf ? '__oneof_select' : '__anyof_select'}`, schema: { type: 'number', default: 0 }, onChange: this.onOptionChange, onBlur: onBlur, onFocus: onFocus, disabled: disabled || isEmpty(enumOptions), multiple: false, rawErrors: rawErrors, errorSchema: fieldErrorSchema, value: selectedOption >= 0 ? selectedOption : undefined, options: { enumOptions, ...uiOptions }, registry: registry, formContext: formContext, placeholder: placeholder, autocomplete: autocomplete, autofocus: autofocus, label: title ?? name, hideLabel: !displayLabel, readonly: readonly }) }), optionSchema && optionSchema.type !== 'null' && (_jsx(_SchemaField, { ...this.props, schema: optionSchema, uiSchema: optionUiSchema }))] }));
     }
 }
 export default AnyOfField;
-//# sourceMappingURL=MultiSchemaField.js.map

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

@@ -6,3 +6,4 @@ import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf
  */
 declare function NullField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldProps<T, S, F>): null;
 export default NullField;
+//# sourceMappingURL=NullField.d.ts.map

package/lib/components/fields/NullField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/NullField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAExF;;;;GAIG;AACH,iBAAS,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAClG,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,QAU3B;AAED,eAAe,SAAS,CAAC"}

package/lib/components/fields/NullField.js

@@ -14,4 +14,3 @@ function NullField(props) {
     return null;
 }
 export default NullField;
-//# sourceMappingURL=NullField.js.map

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

@@ -18,3 +18,4 @@ import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf
  */
 declare function NumberField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
 export default NumberField;
+//# sourceMappingURL=NumberField.d.ts.map

package/lib/components/fields/NumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/NumberField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAc/G;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACpG,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAkD3B;AAED,eAAe,WAAW,CAAC"}

package/lib/components/fields/NumberField.js

@@ -37,7 +37,7 @@ function NumberField(props) {
      *
      * @param value - The current value for the change occurring
      */
-    const handleChange = useCallback((value) => {
+    const handleChange = useCallback((value, errorSchema, id) => {
         // Cache the original value in component state
         setLastValue(value);
         // Normalize decimals that don't start with a zero character in advance so
@@ -51,7 +51,7 @@ function NumberField(props) {
         const processed = typeof value === 'string' && value.match(trailingCharMatcherWithPrefix)
             ? asNumber(value.replace(trailingCharMatcher, ''))
             : asNumber(value);
-        onChange(processed);
+        onChange(processed, errorSchema, id);
     }, [onChange]);
     if (typeof lastValue === 'string' && typeof value === 'number') {
         // Construct a regular expression that checks for a string that consists
@@ -67,4 +67,3 @@ function NumberField(props) {
     return _jsx(StringField, { ...props, formData: value, onChange: handleChange });
 }
 export default NumberField;
-//# sourceMappingURL=NumberField.js.map

package/lib/components/fields/ObjectField.d.ts

@@ -71,3 +71,4 @@ declare class ObjectField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ex
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default ObjectField;
+//# sourceMappingURL=ObjectField.d.ts.map

package/lib/components/fields/ObjectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/ObjectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAIL,WAAW,EACX,UAAU,EACV,eAAe,EAGf,UAAU,EACV,gBAAgB,EAOjB,MAAM,aAAa,CAAC;AAQrB,6DAA6D;AAC7D,KAAK,gBAAgB,GAAG;IACtB,sEAAsE;IACtE,sBAAsB,EAAE,OAAO,CAAC;IAChC,uCAAuC;IACvC,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,cAAM,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,CAAE,SAAQ,SAAS,CACpH,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACnB,gBAAgB,CACjB;IACC,+BAA+B;IAC/B,KAAK;;;MAGH;IAEF;;;;OAIG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM;IAKvB;;;;;;;OAOG;IACH,gBAAgB,GAAI,MAAM,MAAM,EAAE,qCAAmC,MAC3D,OAAO,CAAC,GAAG,SAAS,EAAE,iBAAiB,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,UAuB1E;IAEF;;;;;OAKG;IACH,mBAAmB,GAAI,KAAK,MAAM,MACxB,OAAO,SAAS,UAOxB;IAEF;;;;;;OAMG;IACH,eAAe,GAAI,cAAc,MAAM,EAAE,WAAW,CAAC,YAUnD;IAEF;;;;;OAKG;IACH,WAAW,GAAI,UAAU,GAAG,MAClB,OAAO,GAAG,EAAE,gBAAgB,WAAW,CAAC,CAAC,CAAC,UA4BlD;IAEF;;;OAGG;IACH,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC;IAsBzC;;;;OAIG;IACH,cAAc,GAAI,QAAQ,CAAC,gBAqCzB;IAEF;OACG;IACH,MAAM;CAuGP;AAED,eAAe,WAAW,CAAC"}