@rjsf/core 5.11.2 → 5.12.0

package/lib/components/fields/BooleanField.js

@@ -0,0 +1,62 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getWidget, getUiOptions, optionsList, TranslatableString, } from '@rjsf/utils';
+import isObject from 'lodash/isObject';
+/** 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;
+    const { schema, name, uiSchema, idSchema, formData, registry, required, disabled, readonly, autofocus, onChange, onFocus, onBlur, rawErrors, } = props;
+    const { title } = schema;
+    const { widgets, formContext, translateString, globalUiOptions } = registry;
+    const _c = getUiOptions(uiSchema, globalUiOptions), { widget = 'checkbox', title: uiTitle, 
+    // Unlike the other fields, don't use `getDisplayLabel()` since it always returns false for the boolean type
+    label: displayLabel = true } = _c, options = __rest(_c, ["widget", "title", "label"]);
+    const Widget = getWidget(schema, widget, widgets);
+    const yes = translateString(TranslatableString.YesLabel);
+    const no = translateString(TranslatableString.NoLabel);
+    let enumOptions;
+    const label = (_a = uiTitle !== null && uiTitle !== void 0 ? uiTitle : title) !== null && _a !== void 0 ? _a : name;
+    if (Array.isArray(schema.oneOf)) {
+        enumOptions = optionsList({
+            oneOf: schema.oneOf
+                .map((option) => {
+                if (isObject(option)) {
+                    return Object.assign(Object.assign({}, option), { title: option.title || (option.const === true ? yes : no) });
+                }
+                return undefined;
+            })
+                .filter((o) => o), // cast away the error that typescript can't grok is fixed
+        });
+    }
+    else {
+        // We deprecated enumNames in v5. It's intentionally omitted from RSJFSchema type, so we need to cast here.
+        const schemaWithEnumNames = schema;
+        const enums = (_b = schema.enum) !== null && _b !== void 0 ? _b : [true, false];
+        if (!schemaWithEnumNames.enumNames && enums.length === 2 && enums.every((v) => typeof v === 'boolean')) {
+            enumOptions = [
+                {
+                    value: enums[0],
+                    label: enums[0] ? yes : no,
+                },
+                {
+                    value: enums[1],
+                    label: enums[1] ? yes : no,
+                },
+            ];
+        }
+        else {
+            enumOptions = optionsList({
+                enum: enums,
+                // NOTE: enumNames is deprecated, but still supported for now.
+                enumNames: schemaWithEnumNames.enumNames,
+            });
+        }
+    }
+    return (_jsx(Widget, { options: Object.assign(Object.assign({}, 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, registry: registry, formContext: formContext, autofocus: autofocus, rawErrors: rawErrors }));
+}
+export default BooleanField;
+//# sourceMappingURL=BooleanField.js.map

package/lib/components/fields/BooleanField.js.map

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

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

@@ -0,0 +1,47 @@
+import { Component } from 'react';
+import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+/** Type used for the state of the `AnyOfField` component */
+type AnyOfFieldState<S extends StrictRJSFSchema = RJSFSchema> = {
+    /** The currently selected option */
+    selectedOption: number;
+    /** The option schemas after retrieving all $refs */
+    retrievedOptions: S[];
+};
+/** The `AnyOfField` component is used to render a field in the schema that is an `anyOf`, `allOf` or `oneOf`. It tracks
+ * the currently selected option and cleans up any irrelevant data in `formData`.
+ *
+ * @param props - The `FieldProps` for this template
+ */
+declare class AnyOfField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> extends Component<FieldProps<T, S, F>, AnyOfFieldState<S>> {
+    /** Constructs an `AnyOfField` with the given `props` to initialize the initially selected option in state
+     *
+     * @param props - The `FieldProps` for this template
+     */
+    constructor(props: FieldProps<T, S, F>);
+    /** React lifecycle method that is called when the props and/or state for this component is updated. It recomputes the
+     * currently selected option based on the overall `formData`
+     *
+     * @param prevProps - The previous `FieldProps` for this template
+     * @param prevState - The previous `AnyOfFieldState` for this template
+     */
+    componentDidUpdate(prevProps: Readonly<FieldProps<T, S, F>>, prevState: Readonly<AnyOfFieldState>): void;
+    /** Determines the best matching option for the given `formData` and `options`.
+     *
+     * @param formData - The new formData
+     * @param options - The list of options to choose from
+     * @return - The index of the `option` that best matches the `formData`
+     */
+    getMatchingOption(selectedOption: number, formData: T | undefined, options: S[]): number;
+    /** Callback handler to remember what the currently selected option is. In addition to that the `formData` is updated
+     * to remove properties that are not part of the newly selected option schema, and then the updated data is passed to
+     * the `onChange` handler.
+     *
+     * @param option - The new option value being selected
+     */
+    onOptionChange: (option?: string) => void;
+    getFieldId(): string;
+    /** Renders the `AnyOfField` selector along with a `SchemaField` for the value of the `formData`
+     */
+    render(): JSX.Element;
+}
+export default AnyOfField;

package/lib/components/fields/MultiSchemaField.js

@@ -0,0 +1,129 @@
+import { __rest } from "tslib";
+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 unset from 'lodash/unset';
+import { ADDITIONAL_PROPERTY_FLAG, deepEquals, ERRORS_KEY, getDiscriminatorFieldFromSchema, getUiOptions, getWidget, mergeSchemas, 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`.
+ *
+ * @param props - The `FieldProps` for this template
+ */
+class AnyOfField extends Component {
+    /** Constructs an `AnyOfField` with the given `props` to initialize the initially selected option in state
+     *
+     * @param props - The `FieldProps` for this template
+     */
+    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));
+        this.state = {
+            retrievedOptions,
+            selectedOption: this.getMatchingOption(0, formData, retrievedOptions),
+        };
+    }
+    /** React lifecycle method that is called when the props and/or state for this component is updated. It recomputes the
+     * currently selected option based on the overall `formData`
+     *
+     * @param prevProps - The previous `FieldProps` for this template
+     * @param prevState - The previous `AnyOfFieldState` for this template
+     */
+    componentDidUpdate(prevProps, prevState) {
+        const { formData, options, idSchema } = this.props;
+        const { selectedOption } = this.state;
+        let newState = this.state;
+        if (!deepEquals(prevProps.options, options)) {
+            const { registry: { schemaUtils }, } = this.props;
+            // re-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));
+            newState = { selectedOption, retrievedOptions };
+        }
+        if (!deepEquals(formData, prevProps.formData) && idSchema.$id === prevProps.idSchema.$id) {
+            const { retrievedOptions } = newState;
+            const matchingOption = this.getMatchingOption(selectedOption, formData, retrievedOptions);
+            if (prevState && matchingOption !== selectedOption) {
+                newState = { selectedOption: matchingOption, retrievedOptions };
+            }
+        }
+        if (newState !== this.state) {
+            this.setState(newState);
+        }
+    }
+    /** Determines the best matching option for the given `formData` and `options`.
+     *
+     * @param formData - The new formData
+     * @param options - The list of options to choose from
+     * @return - The index of the `option` that best matches the `formData`
+     */
+    getMatchingOption(selectedOption, formData, options) {
+        const { schema, registry: { schemaUtils }, } = this.props;
+        const discriminator = getDiscriminatorFieldFromSchema(schema);
+        const option = schemaUtils.getClosestMatchingOption(formData, options, selectedOption, discriminator);
+        return option;
+    }
+    getFieldId() {
+        const { idSchema, schema } = this.props;
+        return `${idSchema.$id}${schema.oneOf ? '__oneof_select' : '__anyof_select'}`;
+    }
+    /** 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 { widgets, fields, translateString, globalUiOptions, schemaUtils } = registry;
+        const { SchemaField: _SchemaField } = fields;
+        const { selectedOption, retrievedOptions } = this.state;
+        const _a = getUiOptions(uiSchema, globalUiOptions), { widget = 'select', placeholder, autofocus, autocomplete, title = schema.title } = _a, uiOptions = __rest(_a, ["widget", "placeholder", "autofocus", "autocomplete", "title"]);
+        const Widget = getWidget({ type: 'number' }, widget, widgets);
+        const rawErrors = get(errorSchema, ERRORS_KEY, []);
+        const fieldErrorSchema = omit(errorSchema, [ERRORS_KEY]);
+        const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+        const option = selectedOption >= 0 ? retrievedOptions[selectedOption] || null : null;
+        let optionSchema;
+        if (option) {
+            const { oneOf, anyOf } = schema, remaining = __rest(schema, ["oneOf", "anyOf"]);
+            // Merge in all the non-oneOf/anyOf properties and also skip the special ADDITIONAL_PROPERTY_FLAG property
+            unset(remaining, ADDITIONAL_PROPERTY_FLAG);
+            optionSchema = !isEmpty(remaining) ? mergeSchemas(remaining, option) : option;
+        }
+        const translateEnum = title
+            ? TranslatableString.TitleOptionPrefix
+            : TranslatableString.OptionPrefix;
+        const translateParams = title ? [title] : [];
+        const enumOptions = retrievedOptions.map((opt, index) => ({
+            label: opt.title || translateString(translateEnum, translateParams.concat(String(index + 1))),
+            value: index,
+        }));
+        return (_jsxs("div", Object.assign({ className: 'panel panel-default panel-body' }, { children: [_jsx("div", Object.assign({ 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: Object.assign({ enumOptions }, uiOptions), registry: registry, formContext: formContext, placeholder: placeholder, autocomplete: autocomplete, autofocus: autofocus, label: title !== null && title !== void 0 ? title : name, hideLabel: !displayLabel }) })), option !== null && _jsx(_SchemaField, Object.assign({}, this.props, { schema: optionSchema }))] })));
+    }
+}
+export default AnyOfField;
+//# sourceMappingURL=MultiSchemaField.js.map

package/lib/components/fields/MultiSchemaField.js.map

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

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

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

package/lib/components/fields/NullField.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+/** The `NullField` component is used to render a field in the schema is null. It also ensures that the `formData` is
+ * also set to null if it has no value.
+ *
+ * @param props - The `FieldProps` for this template
+ */
+function NullField(props) {
+    const { formData, onChange } = props;
+    useEffect(() => {
+        if (formData === undefined) {
+            onChange(null);
+        }
+    }, [formData, onChange]);
+    return null;
+}
+export default NullField;
+//# sourceMappingURL=NullField.js.map

package/lib/components/fields/NullField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullField.js","sourceRoot":"","sources":["../../../src/components/fields/NullField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;;;GAIG;AACH,SAAS,SAAS,CAChB,KAA0B;IAE1B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,SAAS,EAAE;YAC1B,QAAQ,CAAC,IAAoB,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+/**
+ * The NumberField class has some special handling for dealing with trailing
+ * decimal points and/or zeroes. This logic is designed to allow trailing values
+ * to be visible in the input element, but not be represented in the
+ * corresponding form data.
+ *
+ * The algorithm is as follows:
+ *
+ * 1. When the input value changes the value is cached in the component state
+ *
+ * 2. The value is then normalized, removing trailing decimal points and zeros,
+ *    then passed to the "onChange" callback
+ *
+ * 3. When the component is rendered, the formData value is checked against the
+ *    value cached in the state. If it matches the cached value, the cached
+ *    value is passed to the input instead of the formData value
+ */
+declare function NumberField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldProps<T, S, F>): JSX.Element;
+export default NumberField;

package/lib/components/fields/NumberField.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { asNumber } from '@rjsf/utils';
+// Matches a string that ends in a . character, optionally followed by a sequence of
+// digits followed by any number of 0 characters up until the end of the line.
+// Ensuring that there is at least one prefixed character is important so that
+// you don't incorrectly match against "0".
+const trailingCharMatcherWithPrefix = /\.([0-9]*0)*$/;
+// This is used for trimming the trailing 0 and . characters without affecting
+// the rest of the string. Its possible to use one RegEx with groups for this
+// functionality, but it is fairly complex compared to simply defining two
+// different matchers.
+const trailingCharMatcher = /[0.]0*$/;
+/**
+ * The NumberField class has some special handling for dealing with trailing
+ * decimal points and/or zeroes. This logic is designed to allow trailing values
+ * to be visible in the input element, but not be represented in the
+ * corresponding form data.
+ *
+ * The algorithm is as follows:
+ *
+ * 1. When the input value changes the value is cached in the component state
+ *
+ * 2. The value is then normalized, removing trailing decimal points and zeros,
+ *    then passed to the "onChange" callback
+ *
+ * 3. When the component is rendered, the formData value is checked against the
+ *    value cached in the state. If it matches the cached value, the cached
+ *    value is passed to the input instead of the formData value
+ */
+function NumberField(props) {
+    const { registry, onChange, formData, value: initialValue } = props;
+    const [lastValue, setLastValue] = useState(initialValue);
+    const { StringField } = registry.fields;
+    let value = formData;
+    /** Handle the change from the `StringField` to properly convert to a number
+     *
+     * @param value - The current value for the change occurring
+     */
+    const handleChange = useCallback((value) => {
+        // Cache the original value in component state
+        setLastValue(value);
+        // Normalize decimals that don't start with a zero character in advance so
+        // that the rest of the normalization logic is simpler
+        if (`${value}`.charAt(0) === '.') {
+            value = `0${value}`;
+        }
+        // Check that the value is a string (this can happen if the widget used is a
+        // <select>, due to an enum declaration etc) then, if the value ends in a
+        // trailing decimal point or multiple zeroes, strip the trailing values
+        const processed = typeof value === 'string' && value.match(trailingCharMatcherWithPrefix)
+            ? asNumber(value.replace(trailingCharMatcher, ''))
+            : asNumber(value);
+        onChange(processed);
+    }, [onChange]);
+    if (typeof lastValue === 'string' && typeof value === 'number') {
+        // Construct a regular expression that checks for a string that consists
+        // of the formData value suffixed with zero or one '.' characters and zero
+        // or more '0' characters
+        const re = new RegExp(`${value}`.replace('.', '\\.') + '\\.?0*$');
+        // If the cached "lastValue" is a match, use that instead of the formData
+        // value to prevent the input value from changing in the UI
+        if (lastValue.match(re)) {
+            value = lastValue;
+        }
+    }
+    return _jsx(StringField, Object.assign({}, props, { formData: value, onChange: handleChange }));
+}
+export default NumberField;
+//# sourceMappingURL=NumberField.js.map

package/lib/components/fields/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../src/components/fields/NumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAA6D,MAAM,aAAa,CAAC;AAElG,oFAAoF;AACpF,8EAA8E;AAC9E,8EAA8E;AAC9E,2CAA2C;AAC3C,MAAM,6BAA6B,GAAG,eAAe,CAAC;AAEtD,8EAA8E;AAC9E,6EAA6E;AAC7E,0EAA0E;AAC1E,sBAAsB;AACtB,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,WAAW,CAClB,KAA0B;IAE1B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzD,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC;IAExC,IAAI,KAAK,GAAG,QAAQ,CAAC;IAErB;;;OAGG;IACH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAmC,EAAE,EAAE;QACtC,8CAA8C;QAC9C,YAAY,CAAC,KAAK,CAAC,CAAC;QAEpB,0EAA0E;QAC1E,sDAAsD;QACtD,IAAI,GAAG,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YAChC,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;SACrB;QAED,4EAA4E;QAC5E,yEAAyE;QACzE,uEAAuE;QACvE,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,6BAA6B,CAAC;YACrE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;YAClD,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEtB,QAAQ,CAAC,SAAyB,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC9D,wEAAwE;QACxE,0EAA0E;QAC1E,yBAAyB;QACzB,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QAElE,yEAAyE;QACzE,2DAA2D;QAC3D,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;YACvB,KAAK,GAAG,SAAyB,CAAC;SACnC;KACF;IAED,OAAO,KAAC,WAAW,oBAAK,KAAK,IAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,IAAI,CAAC;AAC7E,CAAC;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,73 @@
+import { Component } from 'react';
+import { ErrorSchema, FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+/** Type used for the state of the `ObjectField` component */
+type ObjectFieldState = {
+    /** Flag indicating whether an additional property key was modified */
+    wasPropertyKeyModified: boolean;
+    /** The set of additional properties */
+    additionalProperties: object;
+};
+/** The `ObjectField` component is used to render a field in the schema that is of type `object`. It tracks whether an
+ * additional property key was modified and what it was modified to
+ *
+ * @param props - The `FieldProps` for this template
+ */
+declare class ObjectField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> extends Component<FieldProps<T, S, F>, ObjectFieldState> {
+    /** Set up the initial state */
+    state: {
+        wasPropertyKeyModified: boolean;
+        additionalProperties: {};
+    };
+    /** Returns a flag indicating whether the `name` field is required in the object schema
+     *
+     * @param name - The name of the field to check for required-ness
+     * @returns - True if the field `name` is required, false otherwise
+     */
+    isRequired(name: string): boolean;
+    /** Returns the `onPropertyChange` handler for the `name` field. Handles the special case where a user is attempting
+     * to clear the data for a field added as an additional property. Calls the `onChange()` handler with the updated
+     * formData.
+     *
+     * @param name - The name of the property
+     * @param addedByAdditionalProperties - Flag indicating whether this property is an additional property
+     * @returns - The onPropertyChange callback for the `name` property
+     */
+    onPropertyChange: (name: string, addedByAdditionalProperties?: boolean) => (value: T | undefined, newErrorSchema?: ErrorSchema<T>, id?: string) => void;
+    /** Returns a callback to handle the onDropPropertyClick event for the given `key` which removes the old `key` data
+     * and calls the `onChange` callback with it
+     *
+     * @param key - The key for which the drop callback is desired
+     * @returns - The drop property click callback
+     */
+    onDropPropertyClick: (key: string) => (event: DragEvent) => void;
+    /** Computes the next available key name from the `preferredKey`, indexing through the already existing keys until one
+     * that is already not assigned is found.
+     *
+     * @param preferredKey - The preferred name of a new key
+     * @param [formData] - The form data in which to check if the desired key already exists
+     * @returns - The name of the next available key from `preferredKey`
+     */
+    getAvailableKey: (preferredKey: string, formData?: T) => string;
+    /** Returns a callback function that deals with the rename of a key for an additional property for a schema. That
+     * callback will attempt to rename the key and move the existing data to that key, calling `onChange` when it does.
+     *
+     * @param oldValue - The old value of a field
+     * @returns - The key change callback function
+     */
+    onKeyChange: (oldValue: any) => (value: any, newErrorSchema: ErrorSchema<T>) => void;
+    /** Returns a default value to be used for a new additional schema property of the given `type`
+     *
+     * @param type - The type of the new additional schema property
+     */
+    getDefaultValue(type?: RJSFSchema['type']): {} | null;
+    /** Handles the adding of a new additional property on the given `schema`. Calls the `onChange` callback once the new
+     * default data for that field has been added to the formData.
+     *
+     * @param schema - The schema element to which the new property is being added
+     */
+    handleAddClick: (schema: S) => () => void;
+    /** Renders the `ObjectField` from the given props
+     */
+    render(): JSX.Element;
+}
+export default ObjectField;