@rjsf/core 6.0.0-beta.16 → 6.0.0-beta.18

package/dist/core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash/cloneDeep'), require('lodash/forEach'), require('lodash/get'), require('lodash/isEmpty'), require('lodash/isNil'), require('lodash/pick'), require('lodash/set'), require('lodash/toPath'), require('lodash/isObject'), require('lodash/uniqueId'), require('react/jsx-runtime'), require('lodash/each'), require('lodash/flatten'), require('lodash/has'), require('lodash/includes'), require('lodash/intersection'), require('lodash/isFunction'), require('lodash/isEqual'), require('lodash/isPlainObject'), require('lodash/isString'), require('lodash/isUndefined'), require('lodash/last'), require('lodash/noop'), require('lodash/omit'), require('markdown-to-jsx'), require('lodash/unset')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash/cloneDeep', 'lodash/forEach', 'lodash/get', 'lodash/isEmpty', 'lodash/isNil', 'lodash/pick', 'lodash/set', 'lodash/toPath', 'lodash/isObject', 'lodash/uniqueId', 'react/jsx-runtime', 'lodash/each', 'lodash/flatten', 'lodash/has', 'lodash/includes', 'lodash/intersection', 'lodash/isFunction', 'lodash/isEqual', 'lodash/isPlainObject', 'lodash/isString', 'lodash/isUndefined', 'lodash/last', 'lodash/noop', 'lodash/omit', 'markdown-to-jsx', 'lodash/unset'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.react, global.utils, global._cloneDeep, global._forEach, global.get2, global.isEmpty, global._isNil, global._pick, global.set, global._toPath, global.isObject, global.uniqueId, global.jsxRuntime, global.each, global.flatten, global.has, global.includes, global.intersection, global.isFunction, global.isEqual, global.isPlainObject, global.isString, global.isUndefined, global.last, global.noop, global.omit3, global.Markdown, global.unset));
-})(this, (function (exports, react, utils, _cloneDeep, _forEach, get2, isEmpty, _isNil, _pick, set, _toPath, isObject, uniqueId, jsxRuntime, each, flatten, has, includes, intersection, isFunction, isEqual, isPlainObject, isString, isUndefined, last, noop, omit3, Markdown, unset) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash/cloneDeep'), require('lodash/forEach'), require('lodash/get'), require('lodash/isEmpty'), require('lodash/isNil'), require('lodash/omitBy'), require('lodash/pick'), require('lodash/set'), require('lodash/toPath'), require('lodash/isObject'), require('lodash/uniqueId'), require('react/jsx-runtime'), require('lodash/each'), require('lodash/flatten'), require('lodash/has'), require('lodash/includes'), require('lodash/intersection'), require('lodash/isFunction'), require('lodash/isEqual'), require('lodash/isPlainObject'), require('lodash/isString'), require('lodash/isUndefined'), require('lodash/last'), require('lodash/noop'), require('lodash/omit'), require('markdown-to-jsx'), require('lodash/unset')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash/cloneDeep', 'lodash/forEach', 'lodash/get', 'lodash/isEmpty', 'lodash/isNil', 'lodash/omitBy', 'lodash/pick', 'lodash/set', 'lodash/toPath', 'lodash/isObject', 'lodash/uniqueId', 'react/jsx-runtime', 'lodash/each', 'lodash/flatten', 'lodash/has', 'lodash/includes', 'lodash/intersection', 'lodash/isFunction', 'lodash/isEqual', 'lodash/isPlainObject', 'lodash/isString', 'lodash/isUndefined', 'lodash/last', 'lodash/noop', 'lodash/omit', 'markdown-to-jsx', 'lodash/unset'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.react, global.utils, global._cloneDeep, global._forEach, global.get2, global.isEmpty, global._isNil, global._omitBy, global._pick, global.set, global._toPath, global.isObject, global.uniqueId, global.jsxRuntime, global.each, global.flatten, global.has, global.includes, global.intersection, global.isFunction, global.isEqual, global.isPlainObject, global.isString, global.isUndefined, global.last, global.noop, global.omit3, global.Markdown, global.unset));
+})(this, (function (exports, react, utils, _cloneDeep, _forEach, get2, isEmpty, _isNil, _omitBy, _pick, set, _toPath, isObject, uniqueId, jsxRuntime, each, flatten, has, includes, intersection, isFunction, isEqual, isPlainObject, isString, isUndefined, last, noop, omit3, Markdown, unset) { 'use strict';
 
   // src/components/Form.tsx
   function generateRowId() {
@@ -405,13 +405,12 @@
         registry,
         onBlur,
         onFocus,
-        idPrefix,
-        idSeparator = "_",
         rawErrors
       } = this.props;
       const { keyedFormData } = this.state;
       const fieldTitle = schema.title || title || name;
-      const { schemaUtils, formContext } = registry;
+      const { schemaUtils, formContext, globalFormOptions } = registry;
+      const { idPrefix, idSeparator = "_" } = globalFormOptions;
       const uiOptions = utils.getUiOptions(uiSchema);
       const _schemaItems = isObject(schema.items) ? schema.items : {};
       const itemsSchema = schemaUtils.retrieveSchema(_schemaItems);
@@ -623,8 +622,6 @@
         uiSchema = {},
         formData = [],
         errorSchema,
-        idPrefix,
-        idSeparator = "_",
         idSchema,
         name,
         title,
@@ -641,7 +638,8 @@
       let { formData: items = [] } = this.props;
       const fieldTitle = schema.title || title || name;
       const uiOptions = utils.getUiOptions(uiSchema);
-      const { schemaUtils, formContext } = registry;
+      const { schemaUtils, formContext, globalFormOptions } = registry;
+      const { idPrefix, idSeparator = "_" } = globalFormOptions;
       const _schemaItems = isObject(schema.items) ? schema.items : [];
       const itemSchemas = _schemaItems.map(
         (item, index) => schemaUtils.retrieveSchema(item, formData[index])
@@ -736,7 +734,7 @@
         totalItems,
         title
       } = props;
-      const { disabled, hideError, idPrefix, idSeparator, readonly, uiSchema, registry, formContext } = this.props;
+      const { disabled, hideError, readonly, uiSchema, registry, formContext } = this.props;
       const {
         fields: { ArraySchemaField, SchemaField: SchemaField2 },
         globalUiOptions
@@ -763,8 +761,6 @@
             formData: itemData,
             formContext,
             errorSchema: itemErrorSchema,
-            idPrefix,
-            idSeparator,
             idSchema: itemIdSchema,
             required: this.isItemRequired(itemSchema),
             onChange: this.onChangeForIndex(index),
@@ -1355,12 +1351,12 @@
         formData,
         readonly,
         registry,
-        idSeparator,
         layoutGridSchema,
         // Used to pull this out of otherProps since we don't want to pass it through
         ...otherProps
       } = this.props;
-      const { fields: fields2, schemaUtils } = registry;
+      const { fields: fields2, schemaUtils, globalFormOptions } = registry;
+      const { idSeparator } = globalFormOptions;
       const { SchemaField: SchemaField2, LayoutMultiSchemaField: LayoutMultiSchemaField2 } = fields2;
       const uiComponentProps = _LayoutGridField.computeUIComponentPropsFromGridSchema(registry, gridSchema);
       if (uiComponentProps.rendered) {
@@ -1402,7 +1398,6 @@
             uiSchema: fieldUiSchema,
             errorSchema: get2(errorSchema, name),
             idSchema: fieldIdSchema,
-            idSeparator,
             formData: get2(formData, name),
             onChange: this.onFieldChange(name),
             onBlur,
@@ -1426,7 +1421,6 @@
             uiSchema,
             schema: initialSchema,
             idSchema,
-            idSeparator,
             onBlur,
             onFocus,
             registry,
@@ -1897,10 +1891,10 @@
     onDropPropertyClick = (key) => {
       return (event) => {
         event.preventDefault();
-        const { onChange, formData, name } = this.props;
+        const { onChange, formData } = this.props;
         const copiedFormData = { ...formData };
         unset(copiedFormData, key);
-        onChange(copiedFormData, [name]);
+        onChange(copiedFormData, []);
       };
     };
     /** Computes the next available key name from the `preferredKey`, indexing through the already existing keys until one
@@ -1979,7 +1973,7 @@
       if (!(schema.additionalProperties || schema.patternProperties)) {
         return;
       }
-      const { formData, name, onChange, registry } = this.props;
+      const { formData, onChange, registry } = this.props;
       const newFormData = { ...formData };
       const newKey = this.getAvailableKey("newKey", newFormData);
       if (schema.patternProperties) {
@@ -2007,7 +2001,7 @@
         const newValue = constValue ?? defaultValue ?? this.getDefaultValue(type);
         set(newFormData, newKey, newValue);
       }
-      onChange(newFormData, [name]);
+      onChange(newFormData, []);
     };
     /** Renders the `ObjectField` from the given props
      */
@@ -2023,8 +2017,6 @@
         disabled,
         readonly,
         hideError,
-        idPrefix,
-        idSeparator,
         onBlur,
         onFocus,
         registry,
@@ -2067,8 +2059,6 @@
                 uiSchema: fieldUiSchema,
                 errorSchema: get2(errorSchema, name2),
                 idSchema: fieldIdSchema,
-                idPrefix,
-                idSeparator,
                 formData: get2(formData, name2),
                 formContext,
                 wasPropertyKeyModified: this.state.wasPropertyKeyModified,
@@ -2158,8 +2148,6 @@
       uiSchema,
       formData,
       errorSchema,
-      idPrefix,
-      idSeparator,
       name,
       onChange,
       onKeyChange,
@@ -2168,7 +2156,8 @@
       registry,
       wasPropertyKeyModified = false
     } = props;
-    const { formContext, schemaUtils, globalUiOptions } = registry;
+    const { formContext, schemaUtils, globalUiOptions, globalFormOptions } = registry;
+    const { idPrefix, idSeparator } = globalFormOptions;
     const uiOptions = utils.getUiOptions(uiSchema, globalUiOptions);
     const FieldTemplate2 = utils.getTemplate("FieldTemplate", registry, uiOptions);
     const DescriptionFieldTemplate = utils.getTemplate(
@@ -2311,9 +2300,7 @@
           errorSchema,
           formData,
           formContext,
-          idPrefix,
           idSchema,
-          idSeparator,
           onBlur: props.onBlur,
           onChange: props.onChange,
           onFocus: props.onFocus,
@@ -2336,9 +2323,7 @@
           errorSchema,
           formData,
           formContext,
-          idPrefix,
           idSchema,
-          idSeparator,
           onBlur: props.onBlur,
           onChange: props.onChange,
           onFocus: props.onFocus,
@@ -2355,7 +2340,10 @@
   }
   var SchemaField = class extends react.Component {
     shouldComponentUpdate(nextProps) {
-      const { experimental_componentUpdateStrategy = "customDeep" } = this.props.registry;
+      const {
+        registry: { globalFormOptions }
+      } = this.props;
+      const { experimental_componentUpdateStrategy = "customDeep" } = globalFormOptions;
       return utils.shouldRender(this, nextProps, this.state, experimental_componentUpdateStrategy);
     }
     render() {
@@ -3863,7 +3851,8 @@
       widgets: widgets_default(),
       rootSchema: {},
       formContext: {},
-      translateString: utils.englishStringTranslator
+      translateString: utils.englishStringTranslator,
+      globalFormOptions: {}
     };
   }
   var Form = class extends react.Component {
@@ -4417,10 +4406,13 @@
       const {
         translateString: customTranslateString,
         uiSchema = {},
-        experimental_componentUpdateStrategy = "customDeep"
+        experimental_componentUpdateStrategy,
+        idSeparator,
+        idPrefix
       } = this.props;
       const { schema, schemaUtils } = this.state;
       const { fields: fields2, templates: templates2, widgets: widgets2, formContext, translateString } = getDefaultRegistry();
+      const globalFormOptions = _omitBy({ idPrefix, idSeparator, experimental_componentUpdateStrategy }, _isNil);
       return {
         fields: { ...fields2, ...this.props.fields },
         templates: {
@@ -4437,7 +4429,7 @@
         schemaUtils,
         translateString: customTranslateString || translateString,
         globalUiOptions: uiSchema[utils.UI_GLOBAL_OPTIONS_KEY],
-        experimental_componentUpdateStrategy
+        globalFormOptions
       };
     }
     /** Provides a function that can be used to programmatically submit the `Form` */
@@ -4552,8 +4544,6 @@
       const {
         children,
         id,
-        idPrefix = "",
-        idSeparator,
         className = "",
         tagName,
         name,
@@ -4601,13 +4591,11 @@
             /* @__PURE__ */ jsxRuntime.jsx(
               _SchemaField,
               {
-                name: idPrefix,
+                name: "",
                 schema,
                 uiSchema,
                 errorSchema,
                 idSchema,
-                idPrefix,
-                idSeparator,
                 formData,
                 onChange: this.onChange,
                 onBlur: this.onBlur,

package/dist/index.cjs

@@ -45,6 +45,7 @@ var import_forEach = __toESM(require("lodash/forEach"), 1);
 var import_get6 = __toESM(require("lodash/get"), 1);
 var import_isEmpty4 = __toESM(require("lodash/isEmpty"), 1);
 var import_isNil = __toESM(require("lodash/isNil"), 1);
+var import_omitBy = __toESM(require("lodash/omitBy"), 1);
 var import_pick = __toESM(require("lodash/pick"), 1);
 var import_set5 = __toESM(require("lodash/set"), 1);
 var import_toPath = __toESM(require("lodash/toPath"), 1);
@@ -461,13 +462,12 @@ var ArrayField = class extends import_react.Component {
       registry,
       onBlur,
       onFocus,
-      idPrefix,
-      idSeparator = "_",
       rawErrors
     } = this.props;
     const { keyedFormData } = this.state;
     const fieldTitle = schema.title || title || name;
-    const { schemaUtils, formContext } = registry;
+    const { schemaUtils, formContext, globalFormOptions } = registry;
+    const { idPrefix, idSeparator = "_" } = globalFormOptions;
     const uiOptions = (0, import_utils.getUiOptions)(uiSchema);
     const _schemaItems = (0, import_isObject.default)(schema.items) ? schema.items : {};
     const itemsSchema = schemaUtils.retrieveSchema(_schemaItems);
@@ -679,8 +679,6 @@ var ArrayField = class extends import_react.Component {
       uiSchema = {},
       formData = [],
       errorSchema,
-      idPrefix,
-      idSeparator = "_",
       idSchema,
       name,
       title,
@@ -697,7 +695,8 @@ var ArrayField = class extends import_react.Component {
     let { formData: items = [] } = this.props;
     const fieldTitle = schema.title || title || name;
     const uiOptions = (0, import_utils.getUiOptions)(uiSchema);
-    const { schemaUtils, formContext } = registry;
+    const { schemaUtils, formContext, globalFormOptions } = registry;
+    const { idPrefix, idSeparator = "_" } = globalFormOptions;
     const _schemaItems = (0, import_isObject.default)(schema.items) ? schema.items : [];
     const itemSchemas = _schemaItems.map(
       (item, index) => schemaUtils.retrieveSchema(item, formData[index])
@@ -792,7 +791,7 @@ var ArrayField = class extends import_react.Component {
       totalItems,
       title
     } = props;
-    const { disabled, hideError, idPrefix, idSeparator, readonly, uiSchema, registry, formContext } = this.props;
+    const { disabled, hideError, readonly, uiSchema, registry, formContext } = this.props;
     const {
       fields: { ArraySchemaField, SchemaField: SchemaField2 },
       globalUiOptions
@@ -819,8 +818,6 @@ var ArrayField = class extends import_react.Component {
           formData: itemData,
           formContext,
           errorSchema: itemErrorSchema,
-          idPrefix,
-          idSeparator,
           idSchema: itemIdSchema,
           required: this.isItemRequired(itemSchema),
           onChange: this.onChangeForIndex(index),
@@ -1440,12 +1437,12 @@ var LayoutGridField = class _LayoutGridField extends import_react3.PureComponent
       formData,
       readonly,
       registry,
-      idSeparator,
       layoutGridSchema,
       // Used to pull this out of otherProps since we don't want to pass it through
       ...otherProps
     } = this.props;
-    const { fields: fields2, schemaUtils } = registry;
+    const { fields: fields2, schemaUtils, globalFormOptions } = registry;
+    const { idSeparator } = globalFormOptions;
     const { SchemaField: SchemaField2, LayoutMultiSchemaField: LayoutMultiSchemaField2 } = fields2;
     const uiComponentProps = _LayoutGridField.computeUIComponentPropsFromGridSchema(registry, gridSchema);
     if (uiComponentProps.rendered) {
@@ -1487,7 +1484,6 @@ var LayoutGridField = class _LayoutGridField extends import_react3.PureComponent
           uiSchema: fieldUiSchema,
           errorSchema: (0, import_get2.default)(errorSchema, name),
           idSchema: fieldIdSchema,
-          idSeparator,
           formData: (0, import_get2.default)(formData, name),
           onChange: this.onFieldChange(name),
           onBlur,
@@ -1511,7 +1507,6 @@ var LayoutGridField = class _LayoutGridField extends import_react3.PureComponent
           uiSchema,
           schema: initialSchema,
           idSchema,
-          idSeparator,
           onBlur,
           onFocus,
           registry,
@@ -2021,10 +2016,10 @@ var ObjectField = class extends import_react8.Component {
   onDropPropertyClick = (key) => {
     return (event) => {
       event.preventDefault();
-      const { onChange, formData, name } = this.props;
+      const { onChange, formData } = this.props;
       const copiedFormData = { ...formData };
       (0, import_unset.default)(copiedFormData, key);
-      onChange(copiedFormData, [name]);
+      onChange(copiedFormData, []);
     };
   };
   /** Computes the next available key name from the `preferredKey`, indexing through the already existing keys until one
@@ -2103,7 +2098,7 @@ var ObjectField = class extends import_react8.Component {
     if (!(schema.additionalProperties || schema.patternProperties)) {
       return;
     }
-    const { formData, name, onChange, registry } = this.props;
+    const { formData, onChange, registry } = this.props;
     const newFormData = { ...formData };
     const newKey = this.getAvailableKey("newKey", newFormData);
     if (schema.patternProperties) {
@@ -2131,7 +2126,7 @@ var ObjectField = class extends import_react8.Component {
       const newValue = constValue ?? defaultValue ?? this.getDefaultValue(type);
       (0, import_set4.default)(newFormData, newKey, newValue);
     }
-    onChange(newFormData, [name]);
+    onChange(newFormData, []);
   };
   /** Renders the `ObjectField` from the given props
    */
@@ -2147,8 +2142,6 @@ var ObjectField = class extends import_react8.Component {
       disabled,
       readonly,
       hideError,
-      idPrefix,
-      idSeparator,
       onBlur,
       onFocus,
       registry,
@@ -2191,8 +2184,6 @@ var ObjectField = class extends import_react8.Component {
               uiSchema: fieldUiSchema,
               errorSchema: (0, import_get5.default)(errorSchema, name2),
               idSchema: fieldIdSchema,
-              idPrefix,
-              idSeparator,
               formData: (0, import_get5.default)(formData, name2),
               formContext,
               wasPropertyKeyModified: this.state.wasPropertyKeyModified,
@@ -2289,8 +2280,6 @@ function SchemaFieldRender(props) {
     uiSchema,
     formData,
     errorSchema,
-    idPrefix,
-    idSeparator,
     name,
     onChange,
     onKeyChange,
@@ -2299,7 +2288,8 @@ function SchemaFieldRender(props) {
     registry,
     wasPropertyKeyModified = false
   } = props;
-  const { formContext, schemaUtils, globalUiOptions } = registry;
+  const { formContext, schemaUtils, globalUiOptions, globalFormOptions } = registry;
+  const { idPrefix, idSeparator } = globalFormOptions;
   const uiOptions = (0, import_utils9.getUiOptions)(uiSchema, globalUiOptions);
   const FieldTemplate2 = (0, import_utils9.getTemplate)("FieldTemplate", registry, uiOptions);
   const DescriptionFieldTemplate = (0, import_utils9.getTemplate)(
@@ -2442,9 +2432,7 @@ function SchemaFieldRender(props) {
         errorSchema,
         formData,
         formContext,
-        idPrefix,
         idSchema,
-        idSeparator,
         onBlur: props.onBlur,
         onChange: props.onChange,
         onFocus: props.onFocus,
@@ -2467,9 +2455,7 @@ function SchemaFieldRender(props) {
         errorSchema,
         formData,
         formContext,
-        idPrefix,
         idSchema,
-        idSeparator,
         onBlur: props.onBlur,
         onChange: props.onChange,
         onFocus: props.onFocus,
@@ -2486,7 +2472,10 @@ function SchemaFieldRender(props) {
 }
 var SchemaField = class extends import_react9.Component {
   shouldComponentUpdate(nextProps) {
-    const { experimental_componentUpdateStrategy = "customDeep" } = this.props.registry;
+    const {
+      registry: { globalFormOptions }
+    } = this.props;
+    const { experimental_componentUpdateStrategy = "customDeep" } = globalFormOptions;
     return (0, import_utils9.shouldRender)(this, nextProps, this.state, experimental_componentUpdateStrategy);
   }
   render() {
@@ -4180,7 +4169,8 @@ function getDefaultRegistry() {
     widgets: widgets_default(),
     rootSchema: {},
     formContext: {},
-    translateString: import_utils44.englishStringTranslator
+    translateString: import_utils44.englishStringTranslator,
+    globalFormOptions: {}
   };
 }
 
@@ -4737,10 +4727,13 @@ var Form = class extends import_react24.Component {
     const {
       translateString: customTranslateString,
       uiSchema = {},
-      experimental_componentUpdateStrategy = "customDeep"
+      experimental_componentUpdateStrategy,
+      idSeparator,
+      idPrefix
     } = this.props;
     const { schema, schemaUtils } = this.state;
     const { fields: fields2, templates: templates2, widgets: widgets2, formContext, translateString } = getDefaultRegistry();
+    const globalFormOptions = (0, import_omitBy.default)({ idPrefix, idSeparator, experimental_componentUpdateStrategy }, import_isNil.default);
     return {
       fields: { ...fields2, ...this.props.fields },
       templates: {
@@ -4757,7 +4750,7 @@ var Form = class extends import_react24.Component {
       schemaUtils,
       translateString: customTranslateString || translateString,
       globalUiOptions: uiSchema[import_utils45.UI_GLOBAL_OPTIONS_KEY],
-      experimental_componentUpdateStrategy
+      globalFormOptions
     };
   }
   /** Provides a function that can be used to programmatically submit the `Form` */
@@ -4872,8 +4865,6 @@ var Form = class extends import_react24.Component {
     const {
       children,
       id,
-      idPrefix = "",
-      idSeparator,
       className = "",
       tagName,
       name,
@@ -4921,13 +4912,11 @@ var Form = class extends import_react24.Component {
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             _SchemaField,
             {
-              name: idPrefix,
+              name: "",
               schema,
               uiSchema,
               errorSchema,
               idSchema,
-              idPrefix,
-              idSeparator,
               formData,
               onChange: this.onChange,
               onBlur: this.onBlur,