@rjsf/utils 6.0.0-beta.21 → 6.0.0-beta.22

package/dist/index.cjs

@@ -71,6 +71,7 @@ __export(index_exports, {
   allowAdditionalItems: () => allowAdditionalItems,
   ariaDescribedByIds: () => ariaDescribedByIds,
   asNumber: () => asNumber,
+  bracketNameGenerator: () => bracketNameGenerator,
   buttonId: () => buttonId,
   canExpand: () => canExpand,
   createErrorHandler: () => createErrorHandler,
@@ -79,6 +80,7 @@ __export(index_exports, {
   dateRangeOptions: () => dateRangeOptions,
   deepEquals: () => deepEquals,
   descriptionId: () => descriptionId,
+  dotNotationNameGenerator: () => dotNotationNameGenerator,
   englishStringTranslator: () => englishStringTranslator,
   enumOptionsDeselectValue: () => enumOptionsDeselectValue,
   enumOptionsIndexForValue: () => enumOptionsIndexForValue,
@@ -151,6 +153,7 @@ __export(index_exports, {
   toFieldPathId: () => toFieldPathId,
   toPathSchema: () => toPathSchema,
   unwrapErrorHandler: () => unwrapErrorHandler,
+  useDeepCompareMemo: () => useDeepCompareMemo,
   utcToLocal: () => utcToLocal,
   validationDataMerge: () => validationDataMerge,
   withIdRefPrefix: () => withIdRefPrefix
@@ -3380,12 +3383,16 @@ function toErrorSchema(errors) {
 }
 
 // src/toFieldPathId.ts
-function toFieldPathId(fieldPath, globalFormOptions, parentPath) {
+function toFieldPathId(fieldPath, globalFormOptions, parentPath, isMultiValue) {
   const basePath = Array.isArray(parentPath) ? parentPath : parentPath?.path;
   const childPath = fieldPath === "" ? [] : [fieldPath];
   const path = basePath ? basePath.concat(...childPath) : childPath;
   const id = [globalFormOptions.idPrefix, ...path].join(globalFormOptions.idSeparator);
-  return { path, [ID_KEY]: id };
+  let name;
+  if (globalFormOptions.nameGenerator && path.length > 0) {
+    name = globalFormOptions.nameGenerator(path, globalFormOptions.idPrefix, isMultiValue);
+  }
+  return { path, [ID_KEY]: id, ...name !== void 0 && { name } };
 }
 
 // src/unwrapErrorHandler.ts
@@ -3407,6 +3414,17 @@ function unwrapErrorHandler(errorHandler) {
   }, {});
 }
 
+// src/useDeepCompareMemo.ts
+var import_react2 = require("react");
+var import_isEqual3 = __toESM(require("lodash/isEqual"), 1);
+function useDeepCompareMemo(newValue) {
+  const valueRef = (0, import_react2.useRef)(newValue);
+  if (!(0, import_isEqual3.default)(newValue, valueRef.current)) {
+    valueRef.current = newValue;
+  }
+  return valueRef.current;
+}
+
 // src/utcToLocal.ts
 function utcToLocal(jsonDate) {
   if (!jsonDate) {
@@ -3473,6 +3491,26 @@ function withIdRefPrefix(schemaNode) {
   return schemaNode;
 }
 
+// src/nameGenerators.ts
+var bracketNameGenerator = (path, idPrefix, isMultiValue) => {
+  if (!path || path.length === 0) {
+    return idPrefix;
+  }
+  const baseName = path.reduce((acc, pathUnit, index) => {
+    if (index === 0) {
+      return `${idPrefix}[${String(pathUnit)}]`;
+    }
+    return `${acc}[${String(pathUnit)}]`;
+  }, "");
+  return isMultiValue ? `${baseName}[]` : baseName;
+};
+var dotNotationNameGenerator = (path, idPrefix, _isMultiValue) => {
+  if (!path || path.length === 0) {
+    return idPrefix;
+  }
+  return `${idPrefix}.${path.map(String).join(".")}`;
+};
+
 // src/enums.ts
 var TranslatableString = /* @__PURE__ */ ((TranslatableString2) => {
   TranslatableString2["ArrayItemTitle"] = "Item";