@rjsf/core 5.24.4 → 5.24.7

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

@@ -178,3 +178,4 @@ declare class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
  * `Field` which is defined as `React.ComponentType<FieldProps<T, S, F>>`, so cast it to make `registry` happy.
  */
 export default ArrayField;
+//# sourceMappingURL=ArrayField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/ArrayField.tsx"],"names":[],"mappings":"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"}

package/lib/components/fields/ArrayField.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Component } from 'react';
 import { getTemplate, getWidget, getUiOptions, isFixedItems, allowAdditionalItems, isCustomWidget, optionsList, TranslatableString, ITEMS_KEY, } from '@rjsf/utils';
-import cloneDeep from 'lodash/cloneDeep';
-import get from 'lodash/get';
-import isObject from 'lodash/isObject';
-import set from 'lodash/set';
+import cloneDeep from 'lodash-es/cloneDeep.js';
+import get from 'lodash-es/get.js';
+import isObject from 'lodash-es/isObject.js';
+import set from 'lodash-es/set.js';
 import { nanoid } from 'nanoid';
 /** Used to generate a unique ID for an element in a row */
 function generateRowId() {
@@ -46,189 +46,6 @@ class ArrayField extends Component {
      */
     constructor(props) {
         super(props);
-        /** Returns the default form information for an item based on the schema for that item. Deals with the possibility
-         * that the schema is fixed and allows additional items.
-         */
-        this._getNewFormDataRow = () => {
-            const { schema, registry } = this.props;
-            const { schemaUtils } = registry;
-            let itemSchema = schema.items;
-            if (isFixedItems(schema) && allowAdditionalItems(schema)) {
-                itemSchema = schema.additionalItems;
-            }
-            // Cast this as a T to work around schema utils being for T[] caused by the FieldProps<T[], S, F> call on the class
-            return schemaUtils.getDefaultFormState(itemSchema);
-        };
-        /** Callback handler for when the user clicks on the add button. Creates a new row of keyed form data at the end of
-         * the list, adding it into the state, and then returning `onChange()` with the plain form data converted from the
-         * keyed data
-         *
-         * @param event - The event for the click
-         */
-        this.onAddClick = (event) => {
-            this._handleAddClick(event);
-        };
-        /** Callback handler for when the user clicks on the add button on an existing array element. Creates a new row of
-         * keyed form data inserted at the `index`, adding it into the state, and then returning `onChange()` with the plain
-         * form data converted from the keyed data
-         *
-         * @param index - The index at which the add button is clicked
-         */
-        this.onAddIndexClick = (index) => {
-            return (event) => {
-                this._handleAddClick(event, index);
-            };
-        };
-        /** Callback handler for when the user clicks on the copy button on an existing array element. Clones the row of
-         * keyed form data at the `index` into the next position in the state, and then returning `onChange()` with the plain
-         * form data converted from the keyed data
-         *
-         * @param index - The index at which the copy button is clicked
-         */
-        this.onCopyIndexClick = (index) => {
-            return (event) => {
-                if (event) {
-                    event.preventDefault();
-                }
-                const { onChange, errorSchema } = this.props;
-                const { keyedFormData } = this.state;
-                // refs #195: revalidate to ensure properly reindexing errors
-                let newErrorSchema;
-                if (errorSchema) {
-                    newErrorSchema = {};
-                    for (const idx in errorSchema) {
-                        const i = parseInt(idx);
-                        if (i <= index) {
-                            set(newErrorSchema, [i], errorSchema[idx]);
-                        }
-                        else if (i > index) {
-                            set(newErrorSchema, [i + 1], errorSchema[idx]);
-                        }
-                    }
-                }
-                const newKeyedFormDataRow = {
-                    key: generateRowId(),
-                    item: cloneDeep(keyedFormData[index].item),
-                };
-                const newKeyedFormData = [...keyedFormData];
-                if (index !== undefined) {
-                    newKeyedFormData.splice(index + 1, 0, newKeyedFormDataRow);
-                }
-                else {
-                    newKeyedFormData.push(newKeyedFormDataRow);
-                }
-                this.setState({
-                    keyedFormData: newKeyedFormData,
-                    updatedKeyedFormData: true,
-                }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
-            };
-        };
-        /** Callback handler for when the user clicks on the remove button on an existing array element. Removes the row of
-         * keyed form data at the `index` in the state, and then returning `onChange()` with the plain form data converted
-         * from the keyed data
-         *
-         * @param index - The index at which the remove button is clicked
-         */
-        this.onDropIndexClick = (index) => {
-            return (event) => {
-                if (event) {
-                    event.preventDefault();
-                }
-                const { onChange, errorSchema } = this.props;
-                const { keyedFormData } = this.state;
-                // refs #195: revalidate to ensure properly reindexing errors
-                let newErrorSchema;
-                if (errorSchema) {
-                    newErrorSchema = {};
-                    for (const idx in errorSchema) {
-                        const i = parseInt(idx);
-                        if (i < index) {
-                            set(newErrorSchema, [i], errorSchema[idx]);
-                        }
-                        else if (i > index) {
-                            set(newErrorSchema, [i - 1], errorSchema[idx]);
-                        }
-                    }
-                }
-                const newKeyedFormData = keyedFormData.filter((_, i) => i !== index);
-                this.setState({
-                    keyedFormData: newKeyedFormData,
-                    updatedKeyedFormData: true,
-                }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
-            };
-        };
-        /** Callback handler for when the user clicks on one of the move item buttons on an existing array element. Moves the
-         * row of keyed form data at the `index` to the `newIndex` in the state, and then returning `onChange()` with the
-         * plain form data converted from the keyed data
-         *
-         * @param index - The index of the item to move
-         * @param newIndex - The index to where the item is to be moved
-         */
-        this.onReorderClick = (index, newIndex) => {
-            return (event) => {
-                if (event) {
-                    event.preventDefault();
-                    event.currentTarget.blur();
-                }
-                const { onChange, errorSchema } = this.props;
-                let newErrorSchema;
-                if (errorSchema) {
-                    newErrorSchema = {};
-                    for (const idx in errorSchema) {
-                        const i = parseInt(idx);
-                        if (i == index) {
-                            set(newErrorSchema, [newIndex], errorSchema[index]);
-                        }
-                        else if (i == newIndex) {
-                            set(newErrorSchema, [index], errorSchema[newIndex]);
-                        }
-                        else {
-                            set(newErrorSchema, [idx], errorSchema[i]);
-                        }
-                    }
-                }
-                const { keyedFormData } = this.state;
-                function reOrderArray() {
-                    // Copy item
-                    const _newKeyedFormData = keyedFormData.slice();
-                    // Moves item from index to newIndex
-                    _newKeyedFormData.splice(index, 1);
-                    _newKeyedFormData.splice(newIndex, 0, keyedFormData[index]);
-                    return _newKeyedFormData;
-                }
-                const newKeyedFormData = reOrderArray();
-                this.setState({
-                    keyedFormData: newKeyedFormData,
-                }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
-            };
-        };
-        /** Callback handler used to deal with changing the value of the data in the array at the `index`. Calls the
-         * `onChange` callback with the updated form data
-         *
-         * @param index - The index of the item being changed
-         */
-        this.onChangeForIndex = (index) => {
-            return (value, newErrorSchema, id) => {
-                const { formData, onChange, errorSchema } = this.props;
-                const arrayData = Array.isArray(formData) ? formData : [];
-                const newFormData = arrayData.map((item, i) => {
-                    // We need to treat undefined items as nulls to have validation.
-                    // See https://github.com/tdegrunt/jsonschema/issues/206
-                    const jsonValue = typeof value === 'undefined' ? null : value;
-                    return index === i ? jsonValue : item;
-                });
-                onChange(newFormData, errorSchema &&
-                    errorSchema && {
-                    ...errorSchema,
-                    [index]: newErrorSchema,
-                }, id);
-            };
-        };
-        /** Callback handler used to change the value for a checkbox */
-        this.onSelectChange = (value) => {
-            const { onChange, idSchema } = this.props;
-            onChange(value, undefined, idSchema && idSchema.$id);
-        };
         const { formData = [] } = props;
         const keyedFormData = generateKeyedFormData(formData);
         this.state = {
@@ -308,6 +125,19 @@ class ArrayField extends Component {
         }
         return addable;
     }
+    /** Returns the default form information for an item based on the schema for that item. Deals with the possibility
+     * that the schema is fixed and allows additional items.
+     */
+    _getNewFormDataRow = () => {
+        const { schema, registry } = this.props;
+        const { schemaUtils } = registry;
+        let itemSchema = schema.items;
+        if (isFixedItems(schema) && allowAdditionalItems(schema)) {
+            itemSchema = schema.additionalItems;
+        }
+        // Cast this as a T to work around schema utils being for T[] caused by the FieldProps<T[], S, F> call on the class
+        return schemaUtils.getDefaultFormState(itemSchema);
+    };
     /** Callback handler for when the user clicks on the add or add at index buttons. Creates a new row of keyed form data
      * either at the end of the list (when index is not specified) or inserted at the `index` when it is, adding it into
      * the state, and then returning `onChange()` with the plain form data converted from the keyed data
@@ -351,6 +181,176 @@ class ArrayField extends Component {
             updatedKeyedFormData: true,
         }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
     }
+    /** Callback handler for when the user clicks on the add button. Creates a new row of keyed form data at the end of
+     * the list, adding it into the state, and then returning `onChange()` with the plain form data converted from the
+     * keyed data
+     *
+     * @param event - The event for the click
+     */
+    onAddClick = (event) => {
+        this._handleAddClick(event);
+    };
+    /** Callback handler for when the user clicks on the add button on an existing array element. Creates a new row of
+     * keyed form data inserted at the `index`, adding it into the state, and then returning `onChange()` with the plain
+     * form data converted from the keyed data
+     *
+     * @param index - The index at which the add button is clicked
+     */
+    onAddIndexClick = (index) => {
+        return (event) => {
+            this._handleAddClick(event, index);
+        };
+    };
+    /** Callback handler for when the user clicks on the copy button on an existing array element. Clones the row of
+     * keyed form data at the `index` into the next position in the state, and then returning `onChange()` with the plain
+     * form data converted from the keyed data
+     *
+     * @param index - The index at which the copy button is clicked
+     */
+    onCopyIndexClick = (index) => {
+        return (event) => {
+            if (event) {
+                event.preventDefault();
+            }
+            const { onChange, errorSchema } = this.props;
+            const { keyedFormData } = this.state;
+            // refs #195: revalidate to ensure properly reindexing errors
+            let newErrorSchema;
+            if (errorSchema) {
+                newErrorSchema = {};
+                for (const idx in errorSchema) {
+                    const i = parseInt(idx);
+                    if (i <= index) {
+                        set(newErrorSchema, [i], errorSchema[idx]);
+                    }
+                    else if (i > index) {
+                        set(newErrorSchema, [i + 1], errorSchema[idx]);
+                    }
+                }
+            }
+            const newKeyedFormDataRow = {
+                key: generateRowId(),
+                item: cloneDeep(keyedFormData[index].item),
+            };
+            const newKeyedFormData = [...keyedFormData];
+            if (index !== undefined) {
+                newKeyedFormData.splice(index + 1, 0, newKeyedFormDataRow);
+            }
+            else {
+                newKeyedFormData.push(newKeyedFormDataRow);
+            }
+            this.setState({
+                keyedFormData: newKeyedFormData,
+                updatedKeyedFormData: true,
+            }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+        };
+    };
+    /** Callback handler for when the user clicks on the remove button on an existing array element. Removes the row of
+     * keyed form data at the `index` in the state, and then returning `onChange()` with the plain form data converted
+     * from the keyed data
+     *
+     * @param index - The index at which the remove button is clicked
+     */
+    onDropIndexClick = (index) => {
+        return (event) => {
+            if (event) {
+                event.preventDefault();
+            }
+            const { onChange, errorSchema } = this.props;
+            const { keyedFormData } = this.state;
+            // refs #195: revalidate to ensure properly reindexing errors
+            let newErrorSchema;
+            if (errorSchema) {
+                newErrorSchema = {};
+                for (const idx in errorSchema) {
+                    const i = parseInt(idx);
+                    if (i < index) {
+                        set(newErrorSchema, [i], errorSchema[idx]);
+                    }
+                    else if (i > index) {
+                        set(newErrorSchema, [i - 1], errorSchema[idx]);
+                    }
+                }
+            }
+            const newKeyedFormData = keyedFormData.filter((_, i) => i !== index);
+            this.setState({
+                keyedFormData: newKeyedFormData,
+                updatedKeyedFormData: true,
+            }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+        };
+    };
+    /** Callback handler for when the user clicks on one of the move item buttons on an existing array element. Moves the
+     * row of keyed form data at the `index` to the `newIndex` in the state, and then returning `onChange()` with the
+     * plain form data converted from the keyed data
+     *
+     * @param index - The index of the item to move
+     * @param newIndex - The index to where the item is to be moved
+     */
+    onReorderClick = (index, newIndex) => {
+        return (event) => {
+            if (event) {
+                event.preventDefault();
+                event.currentTarget.blur();
+            }
+            const { onChange, errorSchema } = this.props;
+            let newErrorSchema;
+            if (errorSchema) {
+                newErrorSchema = {};
+                for (const idx in errorSchema) {
+                    const i = parseInt(idx);
+                    if (i == index) {
+                        set(newErrorSchema, [newIndex], errorSchema[index]);
+                    }
+                    else if (i == newIndex) {
+                        set(newErrorSchema, [index], errorSchema[newIndex]);
+                    }
+                    else {
+                        set(newErrorSchema, [idx], errorSchema[i]);
+                    }
+                }
+            }
+            const { keyedFormData } = this.state;
+            function reOrderArray() {
+                // Copy item
+                const _newKeyedFormData = keyedFormData.slice();
+                // Moves item from index to newIndex
+                _newKeyedFormData.splice(index, 1);
+                _newKeyedFormData.splice(newIndex, 0, keyedFormData[index]);
+                return _newKeyedFormData;
+            }
+            const newKeyedFormData = reOrderArray();
+            this.setState({
+                keyedFormData: newKeyedFormData,
+            }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+        };
+    };
+    /** Callback handler used to deal with changing the value of the data in the array at the `index`. Calls the
+     * `onChange` callback with the updated form data
+     *
+     * @param index - The index of the item being changed
+     */
+    onChangeForIndex = (index) => {
+        return (value, newErrorSchema, id) => {
+            const { formData, onChange, errorSchema } = this.props;
+            const arrayData = Array.isArray(formData) ? formData : [];
+            const newFormData = arrayData.map((item, i) => {
+                // We need to treat undefined items as nulls to have validation.
+                // See https://github.com/tdegrunt/jsonschema/issues/206
+                const jsonValue = typeof value === 'undefined' ? null : value;
+                return index === i ? jsonValue : item;
+            });
+            onChange(newFormData, errorSchema &&
+                errorSchema && {
+                ...errorSchema,
+                [index]: newErrorSchema,
+            }, id);
+        };
+    };
+    /** Callback handler used to change the value for a checkbox */
+    onSelectChange = (value) => {
+        const { onChange, idSchema } = this.props;
+        onChange(value, undefined, idSchema && idSchema.$id);
+    };
     /** Renders the `ArrayField` depending on the specific needs of the schema and uischema elements
      */
     render() {
@@ -438,38 +438,35 @@ class ArrayField extends Component {
     /** Renders an array using the custom widget provided by the user in the `uiSchema`
      */
     renderCustomWidget() {
-        var _a;
         const { schema, idSchema, uiSchema, disabled = false, readonly = false, autofocus = false, required = false, hideError, placeholder, onBlur, onFocus, formData: items = [], registry, rawErrors, name, } = this.props;
         const { widgets, formContext, globalUiOptions, schemaUtils } = registry;
         const { widget, title: uiTitle, ...options } = getUiOptions(uiSchema, globalUiOptions);
         const Widget = getWidget(schema, widget, widgets);
-        const label = (_a = uiTitle !== null && uiTitle !== void 0 ? uiTitle : schema.title) !== null && _a !== void 0 ? _a : name;
+        const label = uiTitle ?? schema.title ?? name;
         const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
         return (_jsx(Widget, { id: idSchema.$id, name: name, multiple: true, onChange: this.onSelectChange, onBlur: onBlur, onFocus: onFocus, options: options, schema: schema, uiSchema: uiSchema, registry: registry, value: items, disabled: disabled, readonly: readonly, hideError: hideError, required: required, label: label, hideLabel: !displayLabel, placeholder: placeholder, formContext: formContext, autofocus: autofocus, rawErrors: rawErrors }));
     }
     /** Renders an array as a set of checkboxes
      */
     renderMultiSelect() {
-        var _a;
         const { schema, idSchema, uiSchema, formData: items = [], disabled = false, readonly = false, autofocus = false, required = false, placeholder, onBlur, onFocus, registry, rawErrors, name, } = this.props;
         const { widgets, schemaUtils, formContext, globalUiOptions } = registry;
         const itemsSchema = schemaUtils.retrieveSchema(schema.items, items);
         const enumOptions = optionsList(itemsSchema, uiSchema);
         const { widget = 'select', title: uiTitle, ...options } = getUiOptions(uiSchema, globalUiOptions);
         const Widget = getWidget(schema, widget, widgets);
-        const label = (_a = uiTitle !== null && uiTitle !== void 0 ? uiTitle : schema.title) !== null && _a !== void 0 ? _a : name;
+        const label = uiTitle ?? schema.title ?? name;
         const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
         return (_jsx(Widget, { id: idSchema.$id, name: name, multiple: true, onChange: this.onSelectChange, onBlur: onBlur, onFocus: onFocus, options: { ...options, enumOptions }, schema: schema, uiSchema: uiSchema, registry: registry, value: items, disabled: disabled, readonly: readonly, required: required, label: label, hideLabel: !displayLabel, placeholder: placeholder, formContext: formContext, autofocus: autofocus, rawErrors: rawErrors }));
     }
     /** Renders an array of files using the `FileWidget`
      */
     renderFiles() {
-        var _a;
         const { schema, uiSchema, idSchema, name, disabled = false, readonly = false, autofocus = false, required = false, onBlur, onFocus, registry, formData: items = [], rawErrors, } = this.props;
         const { widgets, formContext, globalUiOptions, schemaUtils } = registry;
         const { widget = 'files', title: uiTitle, ...options } = getUiOptions(uiSchema, globalUiOptions);
         const Widget = getWidget(schema, widget, widgets);
-        const label = (_a = uiTitle !== null && uiTitle !== void 0 ? uiTitle : schema.title) !== null && _a !== void 0 ? _a : name;
+        const label = uiTitle ?? schema.title ?? name;
         const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
         return (_jsx(Widget, { options: options, id: idSchema.$id, name: name, multiple: true, onChange: this.onSelectChange, onBlur: onBlur, onFocus: onFocus, schema: schema, uiSchema: uiSchema, value: items, disabled: disabled, readonly: readonly, required: required, registry: registry, formContext: formContext, autofocus: autofocus, rawErrors: rawErrors, label: label, hideLabel: !displayLabel }));
     }
@@ -598,4 +595,3 @@ class ArrayField extends Component {
  * `Field` which is defined as `React.ComponentType<FieldProps<T, S, F>>`, so cast it to make `registry` happy.
  */
 export default ArrayField;
-//# sourceMappingURL=ArrayField.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/BooleanField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EACV,eAAe,EAEf,UAAU,EACV,gBAAgB,EAEjB,MAAM,aAAa,CAAC;AAGrB;;;;GAIG;AACH,iBAAS,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACrG,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAqG3B;AAED,eAAe,YAAY,CAAC"}

package/lib/components/fields/BooleanField.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getWidget, getUiOptions, optionsList, TranslatableString, } from '@rjsf/utils';
-import isObject from 'lodash/isObject';
+import isObject from 'lodash-es/isObject.js';
 /** The `BooleanField` component is used to render a field in the schema is boolean. It constructs `enumOptions` for the
  * two boolean values based on the various alternatives in the schema.
  *
  * @param props - The `FieldProps` for this template
  */
 function BooleanField(props) {
-    var _a, _b, _c;
     const { schema, name, uiSchema, idSchema, formData, registry, required, disabled, readonly, hideError, autofocus, title, onChange, onFocus, onBlur, rawErrors, } = props;
     const { title: schemaTitle } = schema;
     const { widgets, formContext, translateString, globalUiOptions } = registry;
@@ -18,7 +17,7 @@ function BooleanField(props) {
     const yes = translateString(TranslatableString.YesLabel);
     const no = translateString(TranslatableString.NoLabel);
     let enumOptions;
-    const label = (_b = (_a = uiTitle !== null && uiTitle !== void 0 ? uiTitle : schemaTitle) !== null && _a !== void 0 ? _a : title) !== null && _b !== void 0 ? _b : name;
+    const label = uiTitle ?? schemaTitle ?? title ?? name;
     if (Array.isArray(schema.oneOf)) {
         enumOptions = optionsList({
             oneOf: schema.oneOf
@@ -37,7 +36,7 @@ function BooleanField(props) {
     else {
         // We deprecated enumNames in v5. It's intentionally omitted from RSJFSchema type, so we need to cast here.
         const schemaWithEnumNames = schema;
-        const enums = (_c = schema.enum) !== null && _c !== void 0 ? _c : [true, false];
+        const enums = schema.enum ?? [true, false];
         if (!schemaWithEnumNames.enumNames && enums.length === 2 && enums.every((v) => typeof v === 'boolean')) {
             enumOptions = [
                 {
@@ -61,4 +60,3 @@ function BooleanField(props) {
     return (_jsx(Widget, { options: { ...options, enumOptions }, schema: schema, uiSchema: uiSchema, id: idSchema.$id, name: name, onChange: onChange, onFocus: onFocus, onBlur: onBlur, label: label, hideLabel: !displayLabel, value: formData, required: required, disabled: disabled, readonly: readonly, hideError: hideError, registry: registry, formContext: formContext, autofocus: autofocus, rawErrors: rawErrors }));
 }
 export default BooleanField;
-//# sourceMappingURL=BooleanField.js.map

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,YAAa,MAAM,UAqB/B;IAEF,UAAU;IAKV;OACG;IACH,MAAM;CAwGP;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,32 +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 (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());
-            });
-        };
         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));
@@ -89,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'}`;
@@ -148,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, readonly: readonly }) }), 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 && _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

@@ -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,SAAU,MAAM,oDACf,CAAC,GAAG,SAAS,mBAAmB,YAAY,CAAC,CAAC,OAAO,MAAM,UAuB1E;IAEF;;;;;OAKG;IACH,mBAAmB,QAAS,MAAM,aACjB,SAAS,UAOxB;IAEF;;;;;;OAMG;IACH,eAAe,iBAAkB,MAAM,aAAa,CAAC,YAUnD;IAEF;;;;;OAKG;IACH,WAAW,aAAc,GAAG,aACX,GAAG,kBAAkB,YAAY,CAAC,CAAC,UA4BlD;IAEF;;;OAGG;IACH,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC;IAsBzC;;;;OAIG;IACH,cAAc,WAAY,CAAC,gBAiCzB;IAEF;OACG;IACH,MAAM;CAuGP;AAED,eAAe,WAAW,CAAC"}