@rjsf/core 6.0.0-beta.2 → 6.0.0-beta.20

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

@@ -1,5 +1,5 @@
 import { Component, MouseEvent } from 'react';
-import { ErrorSchema, FieldProps, FormContextType, IdSchema, RJSFSchema, StrictRJSFSchema, UiSchema } from '@rjsf/utils';
+import { ErrorSchema, FieldPathId, FieldPathList, FieldProps, FormContextType, RJSFSchema, StrictRJSFSchema, UiSchema } from '@rjsf/utils';
 /** Type used to represent the keyed form data used in the state */
 type KeyedFormDataType<T> = {
     key: string;
@@ -106,9 +106,19 @@ declare class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
      *
      * @param index - The index of the item being changed
      */
-    onChangeForIndex: (index: number) => (value: any, newErrorSchema?: ErrorSchema<T>, id?: string) => void;
+    onChangeForIndex: (index: number) => (value: any, path: FieldPathList, newErrorSchema?: ErrorSchema<T>, id?: string) => void;
     /** Callback handler used to change the value for a checkbox */
     onSelectChange: (value: any) => void;
+    /** Helper method to compute item UI schema for both normal and fixed arrays
+     * Handles both static object and dynamic function cases
+     *
+     * @param uiSchema - The parent UI schema containing items definition
+     * @param item - The item data
+     * @param index - The index of the item
+     * @param formContext - The form context
+     * @returns The computed UI schema for the item
+     */
+    private computeItemUiSchema;
     /** Renders the `ArrayField` depending on the specific needs of the schema and uischema elements
      */
     render(): import("react/jsx-runtime").JSX.Element;
@@ -143,8 +153,8 @@ declare class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
         canMoveDown: boolean;
         itemSchema: S;
         itemData: T[];
-        itemUiSchema: UiSchema<T[], S, F>;
-        itemIdSchema: IdSchema<T[]>;
+        itemUiSchema: UiSchema<T[], S, F> | undefined;
+        itemFieldPathId: FieldPathId;
         itemErrorSchema?: ErrorSchema<T[]>;
         autofocus?: boolean;
         onBlur: FieldProps<T[], S, F>['onBlur'];
@@ -154,7 +164,7 @@ declare class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
     }): {
         children: import("react/jsx-runtime").JSX.Element;
         buttonsProps: {
-            idSchema: import("@rjsf/utils").FieldId & (IdSchema<T> | undefined)[];
+            fieldPathId: FieldPathId;
             disabled: boolean | undefined;
             readonly: boolean | undefined;
             canAdd: boolean;
@@ -170,7 +180,7 @@ declare class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
             onReorderClick: (index: number, newIndex: number) => (event: MouseEvent<HTMLButtonElement>) => void;
             registry: import("@rjsf/utils").Registry<T[], S, F>;
             schema: S;
-            uiSchema: UiSchema<T[], S, F>;
+            uiSchema: UiSchema<T[], S, F> | undefined;
         };
         className: string;
         disabled: boolean | undefined;
@@ -181,7 +191,7 @@ declare class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F ext
         readonly: boolean | undefined;
         registry: import("@rjsf/utils").Registry<T[], S, F>;
         schema: S;
-        uiSchema: UiSchema<T[], S, F>;
+        uiSchema: UiSchema<T[], S, F> | undefined;
     };
 }
 /** `ArrayField` is `React.ComponentType<FieldProps<T[], S, F>>` (necessarily) but the `registry` requires things to be a

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/ArrayField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/ArrayField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAUL,WAAW,EACX,WAAW,EACX,aAAa,EACb,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAEhB,QAAQ,EAET,MAAM,aAAa,CAAC;AAOrB,mEAAmE;AACnE,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAErD,4DAA4D;AAC5D,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,mCAAmC;IACnC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,0EAA0E;IAC1E,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAmCF;;GAEG;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,EAAE,CAAC,EAAE,CAAC,CAAC,EACrB,eAAe,CAAC,CAAC,CAAC,CACnB;IACC;;;OAGG;gBACS,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IAUxC;;;;;OAKG;IACH,MAAM,CAAC,wBAAwB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/G,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAC1C,SAAS,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;;;;;;;IAwBzC;;OAEG;IACH,IAAI,SAAS,QAQZ;IAED;;;;;OAKG;IACH,cAAc,CAAC,UAAU,EAAE,CAAC;IAU5B;;;;;;OAMG;IACH,UAAU,CAAC,SAAS,EAAE,GAAG,EAAE;IAe3B;;OAEG;IACH,kBAAkB,QAAO,CAAC,CASxB;IAEF;;;;;;OAMG;IACH,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM;IAyCjD;;;;;OAKG;IACH,UAAU,GAAI,OAAO,UAAU,UAE7B;IAEF;;;;;OAKG;IACH,eAAe,GAAI,OAAO,MAAM,MACtB,OAAO,UAAU,UAGzB;IAEF;;;;;OAKG;IACH,gBAAgB,GAAI,OAAO,MAAM,MACvB,OAAO,UAAU,UAuCzB;IAEF;;;;;OAKG;IACH,gBAAgB,GAAI,OAAO,MAAM,MACvB,OAAO,UAAU,UA4BzB;IAEF;;;;;;OAMG;IACH,cAAc,GAAI,OAAO,MAAM,EAAE,UAAU,MAAM,MACvC,OAAO,UAAU,CAAC,iBAAiB,CAAC,UAwC5C;IAEF;;;;OAIG;IACH,gBAAgB,GAAI,OAAO,MAAM,MACvB,OAAO,GAAG,EAAE,MAAM,aAAa,EAAE,iBAAiB,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,UAWrF;IAEF,+DAA+D;IAC/D,cAAc,GAAI,OAAO,GAAG,UAI1B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IAwB3B;OACG;IACH,MAAM;IAoCN;OACG;IACH,iBAAiB;IA4EjB;OACG;IACH,kBAAkB;IAkDlB;OACG;IACH,iBAAiB;IAkDjB;OACG;IACH,WAAW;IA8CX;OACG;IACH,gBAAgB;IA2GhB;;;;OAIG;IACH,oBAAoB,CAAC,KAAK,EAAE;QAC1B,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,OAAO,CAAC;QACrB,UAAU,EAAE,CAAC,CAAC;QACd,QAAQ,EAAE,CAAC,EAAE,CAAC;QACd,YAAY,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;QAC9C,eAAe,EAAE,WAAW,CAAC;QAC7B,eAAe,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;QACnC,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACxC,OAAO,EAAE,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;KACpB;;;;;;;;;;;;;qCAzlByB,MAAM,MACtB,OAAO,UAAU;sCAWA,MAAM,MACvB,OAAO,UAAU;sCA+CA,MAAM,MACvB,OAAO,UAAU;oCAqCF,MAAM,YAAY,MAAM,MACvC,OAAO,UAAU,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;CAklB/C;AAED;;GAEG;AACH,eAAe,UAAU,CAAC"}

package/lib/components/fields/ArrayField.js

@@ -1,14 +1,14 @@
 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 { getTemplate, getWidget, getUiOptions, isFixedItems, allowAdditionalItems, isCustomWidget, optionsList, toFieldPathId, TranslatableString, ITEMS_KEY, } from '@rjsf/utils';
 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';
+import uniqueId from 'lodash-es/uniqueId.js';
 /** Used to generate a unique ID for an element in a row */
 function generateRowId() {
-    return nanoid();
+    return uniqueId('rjsf-array-item-');
 }
 /** Converts the `formData` into `KeyedFormDataType` data, using the `generateRowId()` function to create the key
  *
@@ -149,7 +149,7 @@ class ArrayField extends Component {
         if (event) {
             event.preventDefault();
         }
-        const { onChange, errorSchema } = this.props;
+        const { onChange, errorSchema, fieldPathId } = this.props;
         const { keyedFormData } = this.state;
         // refs #195: revalidate to ensure properly reindexing errors
         let newErrorSchema;
@@ -179,7 +179,9 @@ class ArrayField extends Component {
         this.setState({
             keyedFormData: newKeyedFormData,
             updatedKeyedFormData: true,
-        }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+        }, 
+        // add click will pass the empty `path` array to the onChange which adds the appropriate path
+        () => onChange(keyedToPlainFormData(newKeyedFormData), fieldPathId.path, 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
@@ -212,7 +214,7 @@ class ArrayField extends Component {
             if (event) {
                 event.preventDefault();
             }
-            const { onChange, errorSchema } = this.props;
+            const { onChange, errorSchema, fieldPathId } = this.props;
             const { keyedFormData } = this.state;
             // refs #195: revalidate to ensure properly reindexing errors
             let newErrorSchema;
@@ -242,7 +244,7 @@ class ArrayField extends Component {
             this.setState({
                 keyedFormData: newKeyedFormData,
                 updatedKeyedFormData: true,
-            }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+            }, () => onChange(keyedToPlainFormData(newKeyedFormData), fieldPathId.path, newErrorSchema));
         };
     };
     /** Callback handler for when the user clicks on the remove button on an existing array element. Removes the row of
@@ -256,7 +258,7 @@ class ArrayField extends Component {
             if (event) {
                 event.preventDefault();
             }
-            const { onChange, errorSchema } = this.props;
+            const { onChange, errorSchema, fieldPathId } = this.props;
             const { keyedFormData } = this.state;
             // refs #195: revalidate to ensure properly reindexing errors
             let newErrorSchema;
@@ -276,7 +278,7 @@ class ArrayField extends Component {
             this.setState({
                 keyedFormData: newKeyedFormData,
                 updatedKeyedFormData: true,
-            }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+            }, () => onChange(keyedToPlainFormData(newKeyedFormData), fieldPathId.path, newErrorSchema));
         };
     };
     /** Callback handler for when the user clicks on one of the move item buttons on an existing array element. Moves the
@@ -292,7 +294,7 @@ class ArrayField extends Component {
                 event.preventDefault();
                 event.currentTarget.blur();
             }
-            const { onChange, errorSchema } = this.props;
+            const { onChange, errorSchema, fieldPathId } = this.props;
             let newErrorSchema;
             if (errorSchema) {
                 newErrorSchema = {};
@@ -321,7 +323,7 @@ class ArrayField extends Component {
             const newKeyedFormData = reOrderArray();
             this.setState({
                 keyedFormData: newKeyedFormData,
-            }, () => onChange(keyedToPlainFormData(newKeyedFormData), newErrorSchema));
+            }, () => onChange(keyedToPlainFormData(newKeyedFormData), fieldPathId.path, newErrorSchema));
         };
     };
     /** Callback handler used to deal with changing the value of the data in the array at the `index`. Calls the
@@ -330,36 +332,58 @@ class ArrayField extends Component {
      * @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);
+        return (value, path, newErrorSchema, id) => {
+            const { onChange } = this.props;
+            onChange(
+            // We need to treat undefined items as nulls to have validation.
+            // See https://github.com/tdegrunt/jsonschema/issues/206
+            value === undefined ? null : value, path, 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);
+        const { onChange, fieldPathId } = this.props;
+        // select change will pass an empty `path` array since the `ObjectField` will add the path value automatically
+        onChange(value, fieldPathId.path, undefined, fieldPathId && fieldPathId.$id);
     };
+    /** Helper method to compute item UI schema for both normal and fixed arrays
+     * Handles both static object and dynamic function cases
+     *
+     * @param uiSchema - The parent UI schema containing items definition
+     * @param item - The item data
+     * @param index - The index of the item
+     * @param formContext - The form context
+     * @returns The computed UI schema for the item
+     */
+    computeItemUiSchema(uiSchema, item, index, formContext) {
+        if (typeof uiSchema.items === 'function') {
+            try {
+                // Call the function with item data, index, and form context
+                // TypeScript now correctly infers the types thanks to the ArrayElement type in UiSchema
+                const result = uiSchema.items(item, index, formContext);
+                // Only use the result if it's truthy
+                return result;
+            }
+            catch (e) {
+                console.error(`Error executing dynamic uiSchema.items function for item at index ${index}:`, e);
+                // Fall back to undefined to allow the field to still render
+                return undefined;
+            }
+        }
+        else {
+            // Static object case - preserve undefined to maintain backward compatibility
+            return uiSchema.items;
+        }
+    }
     /** Renders the `ArrayField` depending on the specific needs of the schema and uischema elements
      */
     render() {
-        const { schema, uiSchema, idSchema, registry } = this.props;
+        const { schema, uiSchema, fieldPathId, registry } = this.props;
         const { schemaUtils, translateString } = registry;
         if (!(ITEMS_KEY in schema)) {
             const uiOptions = getUiOptions(uiSchema);
             const UnsupportedFieldTemplate = getTemplate('UnsupportedFieldTemplate', registry, uiOptions);
-            return (_jsx(UnsupportedFieldTemplate, { schema: schema, idSchema: idSchema, reason: translateString(TranslatableString.MissingItems), registry: registry }));
+            return (_jsx(UnsupportedFieldTemplate, { schema: schema, fieldPathId: fieldPathId, reason: translateString(TranslatableString.MissingItems), registry: registry }));
         }
         if (schemaUtils.isMultiSelect(schema)) {
             // If array has enum or uniqueItems set to true, call renderMultiSelect() to render the default multiselect widget or a custom widget, if specified.
@@ -379,10 +403,10 @@ class ArrayField extends Component {
     /** Renders a normal array without any limitations of length
      */
     renderNormalArray() {
-        const { schema, uiSchema = {}, errorSchema, idSchema, name, title, disabled = false, readonly = false, autofocus = false, required = false, registry, onBlur, onFocus, idPrefix, idSeparator = '_', rawErrors, } = this.props;
+        const { schema, uiSchema = {}, errorSchema, fieldPathId, name, title, disabled = false, readonly = false, autofocus = false, required = false, registry, onBlur, onFocus, rawErrors, } = this.props;
         const { keyedFormData } = this.state;
         const fieldTitle = schema.title || title || name;
-        const { schemaUtils, formContext } = registry;
+        const { schemaUtils, formContext, globalFormOptions } = registry;
         const uiOptions = getUiOptions(uiSchema);
         const _schemaItems = isObject(schema.items) ? schema.items : {};
         const itemsSchema = schemaUtils.retrieveSchema(_schemaItems);
@@ -396,8 +420,9 @@ class ArrayField extends Component {
                 const itemCast = item;
                 const itemSchema = schemaUtils.retrieveSchema(_schemaItems, itemCast);
                 const itemErrorSchema = errorSchema ? errorSchema[index] : undefined;
-                const itemIdPrefix = idSchema.$id + idSeparator + index;
-                const itemIdSchema = schemaUtils.toIdSchema(itemSchema, itemIdPrefix, itemCast, idPrefix, idSeparator);
+                const itemFieldPathId = toFieldPathId(index, globalFormOptions, fieldPathId);
+                // Compute the item UI schema using the helper method
+                const itemUiSchema = this.computeItemUiSchema(uiSchema, item, index, formContext);
                 return this.renderArrayFieldItem({
                     key,
                     index,
@@ -407,10 +432,10 @@ class ArrayField extends Component {
                     canMoveUp: index > 0,
                     canMoveDown: index < formData.length - 1,
                     itemSchema,
-                    itemIdSchema,
+                    itemFieldPathId,
                     itemErrorSchema,
                     itemData: itemCast,
-                    itemUiSchema: uiSchema.items,
+                    itemUiSchema,
                     autofocus: autofocus && index === 0,
                     onBlur,
                     onFocus,
@@ -420,14 +445,13 @@ class ArrayField extends Component {
             }),
             className: `rjsf-field rjsf-field-array rjsf-field-array-of-${itemsSchema.type}`,
             disabled,
-            idSchema,
+            fieldPathId,
             uiSchema,
             onAddClick: this.onAddClick,
             readonly,
             required,
             schema,
             title: fieldTitle,
-            formContext,
             formData,
             rawErrors,
             registry,
@@ -438,18 +462,18 @@ class ArrayField extends Component {
     /** Renders an array using the custom widget provided by the user in the `uiSchema`
      */
     renderCustomWidget() {
-        const { schema, idSchema, uiSchema, disabled = false, readonly = false, autofocus = false, required = false, hideError, placeholder, onBlur, onFocus, formData: items = [], registry, rawErrors, name, } = this.props;
+        const { schema, fieldPathId, 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 = 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 }));
+        return (_jsx(Widget, { id: fieldPathId.$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() {
-        const { schema, idSchema, uiSchema, formData: items = [], disabled = false, readonly = false, autofocus = false, required = false, placeholder, onBlur, onFocus, registry, rawErrors, name, } = this.props;
+        const { schema, fieldPathId, 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);
@@ -457,28 +481,28 @@ class ArrayField extends Component {
         const Widget = getWidget(schema, widget, widgets);
         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 }));
+        return (_jsx(Widget, { id: fieldPathId.$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() {
-        const { schema, uiSchema, idSchema, name, disabled = false, readonly = false, autofocus = false, required = false, onBlur, onFocus, registry, formData: items = [], rawErrors, } = this.props;
+        const { schema, uiSchema, fieldPathId, 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 = 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 }));
+        return (_jsx(Widget, { options: options, id: fieldPathId.$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 }));
     }
     /** Renders an array that has a maximum limit of items
      */
     renderFixedArray() {
-        const { schema, uiSchema = {}, formData = [], errorSchema, idPrefix, idSeparator = '_', idSchema, name, title, disabled = false, readonly = false, autofocus = false, required = false, registry, onBlur, onFocus, rawErrors, } = this.props;
+        const { schema, uiSchema = {}, formData = [], errorSchema, fieldPathId, name, title, disabled = false, readonly = false, autofocus = false, required = false, registry, onBlur, onFocus, rawErrors, } = this.props;
         const { keyedFormData } = this.state;
         let { formData: items = [] } = this.props;
         const fieldTitle = schema.title || title || name;
         const uiOptions = getUiOptions(uiSchema);
-        const { schemaUtils, formContext } = registry;
+        const { schemaUtils, formContext, globalFormOptions } = registry;
         const _schemaItems = isObject(schema.items) ? schema.items : [];
         const itemSchemas = _schemaItems.map((item, index) => schemaUtils.retrieveSchema(item, formData[index]));
         const additionalSchema = isObject(schema.additionalItems)
@@ -495,7 +519,7 @@ class ArrayField extends Component {
             canAdd,
             className: 'rjsf-field rjsf-field-array rjsf-field-array-fixed-items',
             disabled,
-            idSchema,
+            fieldPathId,
             formData,
             items: keyedFormData.map((keyedItem, index) => {
                 const { key, item } = keyedItem;
@@ -505,13 +529,23 @@ class ArrayField extends Component {
                 const itemSchema = (additional && isObject(schema.additionalItems)
                     ? schemaUtils.retrieveSchema(schema.additionalItems, itemCast)
                     : itemSchemas[index]) || {};
-                const itemIdPrefix = idSchema.$id + idSeparator + index;
-                const itemIdSchema = schemaUtils.toIdSchema(itemSchema, itemIdPrefix, itemCast, idPrefix, idSeparator);
-                const itemUiSchema = additional
-                    ? uiSchema.additionalItems || {}
-                    : Array.isArray(uiSchema.items)
-                        ? uiSchema.items[index]
-                        : uiSchema.items || {};
+                const itemFieldPathId = toFieldPathId(index, globalFormOptions, fieldPathId);
+                // Compute the item UI schema - handle both static and dynamic cases
+                let itemUiSchema;
+                if (additional) {
+                    // For additional items, use additionalItems uiSchema
+                    itemUiSchema = uiSchema.additionalItems;
+                }
+                else {
+                    // For fixed items, uiSchema.items can be an array, a function, or a single object
+                    if (Array.isArray(uiSchema.items)) {
+                        itemUiSchema = uiSchema.items[index];
+                    }
+                    else {
+                        // Use the helper method for function or static object cases
+                        itemUiSchema = this.computeItemUiSchema(uiSchema, item, index, formContext);
+                    }
+                }
                 const itemErrorSchema = errorSchema ? errorSchema[index] : undefined;
                 return this.renderArrayFieldItem({
                     key,
@@ -525,7 +559,7 @@ class ArrayField extends Component {
                     itemSchema,
                     itemData: itemCast,
                     itemUiSchema,
-                    itemIdSchema,
+                    itemFieldPathId,
                     itemErrorSchema,
                     autofocus: autofocus && index === 0,
                     onBlur,
@@ -541,7 +575,6 @@ class ArrayField extends Component {
             schema,
             uiSchema,
             title: fieldTitle,
-            formContext,
             errorSchema,
             rawErrors,
         };
@@ -554,8 +587,8 @@ class ArrayField extends Component {
      * @param props - The props for the individual array item to be rendered
      */
     renderArrayFieldItem(props) {
-        const { key, index, name, canAdd, canRemove = true, canMoveUp, canMoveDown, itemSchema, itemData, itemUiSchema, itemIdSchema, itemErrorSchema, autofocus, onBlur, onFocus, rawErrors, totalItems, title, } = props;
-        const { disabled, hideError, idPrefix, idSeparator, readonly, uiSchema, registry, formContext } = this.props;
+        const { key, index, name, canAdd, canRemove = true, canMoveUp, canMoveDown, itemSchema, itemData, itemUiSchema, itemFieldPathId, itemErrorSchema, autofocus, onBlur, onFocus, rawErrors, totalItems, title, } = props;
+        const { disabled, hideError, readonly, uiSchema, registry, formContext } = this.props;
         const { fields: { ArraySchemaField, SchemaField }, globalUiOptions, } = registry;
         const ItemSchemaField = ArraySchemaField || SchemaField;
         const { orderable = true, removable = true, copyable = false } = getUiOptions(uiSchema, globalUiOptions);
@@ -568,9 +601,9 @@ class ArrayField extends Component {
         };
         has.toolbar = Object.keys(has).some((key) => has[key]);
         return {
-            children: (_jsx(ItemSchemaField, { name: name, title: title, index: index, schema: itemSchema, uiSchema: itemUiSchema, formData: itemData, formContext: formContext, errorSchema: itemErrorSchema, idPrefix: idPrefix, idSeparator: idSeparator, idSchema: itemIdSchema, required: this.isItemRequired(itemSchema), onChange: this.onChangeForIndex(index), onBlur: onBlur, onFocus: onFocus, registry: registry, disabled: disabled, readonly: readonly, hideError: hideError, autofocus: autofocus, rawErrors: rawErrors })),
+            children: (_jsx(ItemSchemaField, { name: name, title: title, index: index, schema: itemSchema, uiSchema: itemUiSchema, formData: itemData, formContext: formContext, errorSchema: itemErrorSchema, fieldPathId: itemFieldPathId, required: this.isItemRequired(itemSchema), onChange: this.onChangeForIndex(index), onBlur: onBlur, onFocus: onFocus, registry: registry, disabled: disabled, readonly: readonly, hideError: hideError, autofocus: autofocus, rawErrors: rawErrors })),
             buttonsProps: {
-                idSchema: itemIdSchema,
+                fieldPathId: itemFieldPathId,
                 disabled: disabled,
                 readonly: readonly,
                 canAdd,

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

@@ -1 +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,2CA6F3B;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BooleanField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/BooleanField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,UAAU,EACV,eAAe,EAGf,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,2CAoG3B;AAED,eAAe,YAAY,CAAC"}

package/lib/components/fields/BooleanField.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { getWidget, getUiOptions, optionsList, TranslatableString, } from '@rjsf/utils';
 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
@@ -7,7 +8,7 @@ import isObject from 'lodash-es/isObject.js';
  * @param props - The `FieldProps` for this template
  */
 function BooleanField(props) {
-    const { schema, name, uiSchema, idSchema, formData, registry, required, disabled, readonly, hideError, autofocus, title, onChange, onFocus, onBlur, rawErrors, } = props;
+    const { schema, name, uiSchema, fieldPathId, formData, registry, required, disabled, readonly, hideError, autofocus, title, onChange, onFocus, onBlur, rawErrors, } = props;
     const { title: schemaTitle } = schema;
     const { widgets, formContext, translateString, globalUiOptions } = registry;
     const { widget = 'checkbox', title: uiTitle, 
@@ -51,6 +52,10 @@ function BooleanField(props) {
             enumOptions = optionsList({ enum: enums }, uiSchema);
         }
     }
-    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 }));
+    const onWidgetChange = useCallback((value, errorSchema, id) => {
+        // Boolean field change passes an empty path array to the parent field which adds the appropriate path
+        return onChange(value, fieldPathId.path, errorSchema, id);
+    }, [onChange, fieldPathId]);
+    return (_jsx(Widget, { options: { ...options, enumOptions }, schema: schema, uiSchema: uiSchema, id: fieldPathId.$id, name: name, onChange: onWidgetChange, 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;

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

@@ -1,5 +1,5 @@
 import { ComponentType, PureComponent, ReactNode } from 'react';
-import { ErrorSchema, FieldProps, FormContextType, GenericObjectType, IdSchema, RJSFSchema, Registry, SchemaUtilsType, StrictRJSFSchema, UiSchema } from '@rjsf/utils';
+import { ErrorSchema, FieldProps, FieldPathId, FieldPathList, FormContextType, GenericObjectType, RJSFSchema, Registry, StrictRJSFSchema, UiSchema } from '@rjsf/utils';
 /** The enumeration of the three different Layout GridTemplate type values
  */
 export declare enum GridType {
@@ -48,9 +48,6 @@ export declare const LAYOUT_GRID_UI_OPTION = "layoutGrid";
 /** The constant representing the main layout grid schema option name in the `uiSchema`
  */
 export declare const LAYOUT_GRID_OPTION = "ui:layoutGrid";
-/** The constant representing the global UI Options object potentially contained within the `uiSchema`
- */
-export declare const UI_GLOBAL_OPTIONS = "ui:global_options";
 /** Type used to return options list and whether it has a discriminator */
 type OneOfOptionsInfoType<S extends StrictRJSFSchema = RJSFSchema> = {
     options: S[];
@@ -345,37 +342,42 @@ export default class LayoutGridField<T = any, S extends StrictRJSFSchema = RJSFS
         children: LayoutGridSchemaType[];
         gridProps: GridProps;
     };
-    /** Generates an idSchema for the `schema` using `@rjsf`'s `toIdSchema` util, passing the `baseIdSchema`'s `$id` value
-     * as the id prefix.
+    /** Computes the `rawSchema` and `fieldPathId` for a `schema` and a `potentialIndex`. If the `schema` is of type array,
+     * has an `ITEMS_KEY` element and `potentialIndex` represents a numeric value, the element at `ITEMS_KEY` is checked
+     * to see if it is an array. If it is AND the `potentialIndex`th element is available, it is used as the `rawSchema`,
+     * otherwise the last value of the element is used. If it is not, then the element is used as the `rawSchema`. In
+     * either case, an `fieldPathId` is computed for the array index. If the `schema` does not represent an array or the
+     * `potentialIndex` is not a numeric value, then `rawSchema` is returned as undefined and given `fieldPathId` is returned
+     * as is.
      *
-     * @param schemaUtils - The `SchemaUtilsType` used to call `toIdSchema`
-     * @param schema - The schema to generate the idSchema for
-     * @param baseIdSchema - The IdSchema for the base
-     * @param formData - The formData to pass the `toIdSchema`
-     * @param [idSeparator] - The param to pass into the `toIdSchema` util which will use it to join the `idSchema` paths
-     * @returns - The generated `idSchema` for the `schema`
+     * @param schema - The schema to generate the fieldPathId for
+     * @param fieldPathId - The FieldPathId for the schema
+     * @param potentialIndex - A string containing a potential index
+     * @returns - An object containing the `rawSchema` and `fieldPathId` of an array item, otherwise an undefined `rawSchema`
      */
-    static getIdSchema<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(schemaUtils: SchemaUtilsType<T, S, F>, baseIdSchema: IdSchema<T>, formData: FieldProps['formData'], schema?: S, idSeparator?: string): FieldProps<T, S, F>['idSchema'];
+    static computeArraySchemasIfPresent<S extends StrictRJSFSchema = RJSFSchema>(schema: S | undefined, fieldPathId: FieldPathId, potentialIndex: string): {
+        rawSchema?: S;
+        fieldPathId: FieldPathId;
+    };
     /** Given a `dottedPath` to a field in the `initialSchema`, iterate through each individual path in the schema until
      * the leaf path is found and returned (along with whether that leaf path `isRequired`) OR no schema exists for an
      * element in the path. If the leaf schema element happens to be a oneOf/anyOf then also return the oneOf/anyOf as
      * `options`.
      *
-     * @param schemaUtils - The `SchemaUtilsType` used to call `retrieveSchema`
+     * @param registry - The registry
      * @param dottedPath - The dotted-path to the field for which to get the schema
      * @param initialSchema - The initial schema to start the search from
      * @param formData - The formData, useful for resolving a oneOf/anyOf selection in the path hierarchy
-     * @param initialIdSchema - The initial idSchema to start the search from
-     * @param [idSeparator] - The param to pass into the `toIdSchema` util which will use it to join the `idSchema` paths
+     * @param initialFieldIdPath - The initial fieldPathId to start the search from
      * @returns - An object containing the destination schema, isRequired and isReadonly flags for the field and options
      *            info if a oneOf/anyOf
      */
-    static getSchemaDetailsForField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(schemaUtils: SchemaUtilsType<T, S, F>, dottedPath: string, initialSchema: S, formData: FieldProps<T, S, F>['formData'], initialIdSchema: IdSchema<T>, idSeparator?: string): {
+    static getSchemaDetailsForField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(registry: Registry<T, S, F>, dottedPath: string, initialSchema: S, formData: FieldProps<T, S, F>['formData'], initialFieldIdPath: FieldPathId): {
         schema?: S;
         isRequired: boolean;
         isReadonly?: boolean;
         optionsInfo?: OneOfOptionsInfoType<S>;
-        idSchema: IdSchema<T>;
+        fieldPathId: FieldPathId;
     };
     /** Gets the custom render component from the `render`, by either determining that it is either already a function or
      * it is a non-function value that can be used to look up the function in the registry. If no function can be found,
@@ -405,9 +407,9 @@ export default class LayoutGridField<T = any, S extends StrictRJSFSchema = RJSFS
      * elements, they will then be passed on to the `onChange` handler of the `LayoutFieldGrid`.
      *
      * @param dottedPath - The dotted-path to the field for which to generate the onChange handler
-     * @returns - The `onChange` handling function for the `dottedPath` field
+     * @returns - The `onChange` handling function for the `dottedPath` field of the `schemaType` type
      */
-    onFieldChange: (dottedPath: string) => (value: unknown, errSchema?: ErrorSchema<T>, id?: string) => void;
+    onFieldChange: (dottedPath: string) => (value: T | undefined, path: FieldPathList, errSchema?: ErrorSchema<T>, id?: string) => void;
     /** Renders the `children` of the `GridType.CONDITION` if it passes. The `layoutGridSchema` for the
      * `GridType.CONDITION` is separated into the `children` and other `gridProps`. The `gridProps` are used to extract
      * the `operator`, `field` and `value` of the condition. If the condition matches, then all of the `children` are
@@ -441,23 +443,23 @@ export default class LayoutGridField<T = any, S extends StrictRJSFSchema = RJSFS
      * @returns - The rendered `GridTemplate` containing the children for the `GridType.ROW`
      */
     renderRow(layoutGridSchema: GridSchemaType): import("react/jsx-runtime").JSX.Element;
-    /** Iterates through all the `childrenLayoutGridSchema`, rendering a nested `LayoutGridField` for each item in the
+    /** Iterates through all the `childrenLayoutGrfieldPathId`, rendering a nested `LayoutGridField` for each item in the
      * list, passing all the props for the current `LayoutGridField` along, updating the `schema` by calling
      * `retrieveSchema()` on it to resolve any `$ref`s. In addition to the updated `schema`, each item in
-     * `childrenLayoutGridSchema` is passed as `layoutGridSchema`.
+     * `childrenLayoutGrfieldPathId` is passed as `layoutGridSchema`.
      *
-     * @param childrenLayoutGridSchema - The list of strings or objects that represents the configurations for the
+     * @param childrenLayoutGrfieldPathId - The list of strings or objects that represents the configurations for the
      *          children fields
      * @returns - The nested `LayoutGridField`s
      */
-    renderChildren(childrenLayoutGridSchema: LayoutGridSchemaType[]): import("react/jsx-runtime").JSX.Element[];
+    renderChildren(childrenLayoutGrfieldPathId: LayoutGridSchemaType[]): import("react/jsx-runtime").JSX.Element[];
     /** Renders the field described by `gridSchema`. If `gridSchema` is not an object, then is will be assumed
      * to be the dotted-path to the field in the schema. Otherwise, we extract the `name`, and optional `render` and all
      * other props. If `name` does not exist and there is an optional `render`, we return the `render` component with only
      * specified props for that component. If `name` exists, we take the name, the initial & root schemas and the formData
      * and get the destination schema, is required state and optional oneOf/anyOf options for it. If the destination
      * schema was located along with oneOf/anyOf options then a `LayoutMultiSchemaField` will be rendered with the
-     * `uiSchema`, `errorSchema`, `idSchema` and `formData` drilled down to the dotted-path field, spreading any other
+     * `uiSchema`, `errorSchema`, `fieldPathId` and `formData` drilled down to the dotted-path field, spreading any other
      * props from `gridSchema` into the `ui:options`. If the destination schema located without any oneOf/anyOf options,
      * then a `SchemaField` will be rendered with the same props as mentioned in the previous sentence. If no destination
      * schema was located, but a custom render component was found, then it will be rendered with many of the non-event

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

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