@rjsf/utils 5.2.0 → 5.2.1

package/dist/utils.esm.js

@@ -13,7 +13,8 @@ import mergeAllOf from 'json-schema-merge-allof';
 import union from 'lodash-es/union';
 import isEqual from 'lodash-es/isEqual';
 import cloneDeep from 'lodash-es/cloneDeep';
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import ReactIs from 'react-is';
 
 /** Determines whether a `thing` is an object for the purposes of RSJF. In this case, `thing` is an object if it has
@@ -23,13 +24,13 @@ import ReactIs from 'react-is';
  * @returns - True if it is a non-null, non-array, non-File object
  */
 function isObject(thing) {
-  if (typeof File !== "undefined" && thing instanceof File) {
+  if (typeof File !== 'undefined' && thing instanceof File) {
     return false;
   }
-  if (typeof Date !== "undefined" && thing instanceof Date) {
+  if (typeof Date !== 'undefined' && thing instanceof Date) {
     return false;
   }
-  return typeof thing === "object" && thing !== null && !Array.isArray(thing);
+  return typeof thing === 'object' && thing !== null && !Array.isArray(thing);
 }
 
 /** Checks the schema to see if it is allowing additional items, by verifying that `schema.additionalItems` is an
@@ -40,7 +41,7 @@ function isObject(thing) {
  */
 function allowAdditionalItems(schema) {
   if (schema.additionalItems === true) {
-    console.warn("additionalItems=true is currently not supported");
+    console.warn('additionalItems=true is currently not supported');
   }
   return isObject(schema.additionalItems);
 }
@@ -55,7 +56,7 @@ function allowAdditionalItems(schema) {
  * @returns - The `value` converted to a number when appropriate, otherwise the `value`
  */
 function asNumber(value) {
-  if (value === "") {
+  if (value === '') {
     return undefined;
   }
   if (value === null) {
@@ -77,7 +78,7 @@ function asNumber(value) {
     return value;
   }
   var n = Number(value);
-  var valid = typeof n === "number" && !Number.isNaN(n);
+  var valid = typeof n === 'number' && !Number.isNaN(n);
   return valid ? n : value;
 }
 
@@ -147,28 +148,28 @@ function _toPropertyKey(arg) {
  * `RJSF_ADDITONAL_PROPERTIES_FLAG` flags that is added to a schema under certain conditions by the `retrieveSchema()`
  * utility.
  */
-var ADDITIONAL_PROPERTY_FLAG = "__additional_property";
-var ADDITIONAL_PROPERTIES_KEY = "additionalProperties";
-var ALL_OF_KEY = "allOf";
-var ANY_OF_KEY = "anyOf";
-var CONST_KEY = "const";
-var DEFAULT_KEY = "default";
-var DEFINITIONS_KEY = "definitions";
-var DEPENDENCIES_KEY = "dependencies";
-var ENUM_KEY = "enum";
-var ERRORS_KEY = "__errors";
-var ID_KEY = "$id";
-var ITEMS_KEY = "items";
-var NAME_KEY = "$name";
-var ONE_OF_KEY = "oneOf";
-var PROPERTIES_KEY = "properties";
-var REQUIRED_KEY = "required";
-var SUBMIT_BTN_OPTIONS_KEY = "submitButtonOptions";
-var REF_KEY = "$ref";
-var RJSF_ADDITONAL_PROPERTIES_FLAG = "__rjsf_additionalProperties";
-var UI_FIELD_KEY = "ui:field";
-var UI_WIDGET_KEY = "ui:widget";
-var UI_OPTIONS_KEY = "ui:options";
+var ADDITIONAL_PROPERTY_FLAG = '__additional_property';
+var ADDITIONAL_PROPERTIES_KEY = 'additionalProperties';
+var ALL_OF_KEY = 'allOf';
+var ANY_OF_KEY = 'anyOf';
+var CONST_KEY = 'const';
+var DEFAULT_KEY = 'default';
+var DEFINITIONS_KEY = 'definitions';
+var DEPENDENCIES_KEY = 'dependencies';
+var ENUM_KEY = 'enum';
+var ERRORS_KEY = '__errors';
+var ID_KEY = '$id';
+var ITEMS_KEY = 'items';
+var NAME_KEY = '$name';
+var ONE_OF_KEY = 'oneOf';
+var PROPERTIES_KEY = 'properties';
+var REQUIRED_KEY = 'required';
+var SUBMIT_BTN_OPTIONS_KEY = 'submitButtonOptions';
+var REF_KEY = '$ref';
+var RJSF_ADDITONAL_PROPERTIES_FLAG = '__rjsf_additionalProperties';
+var UI_FIELD_KEY = 'ui:field';
+var UI_WIDGET_KEY = 'ui:widget';
+var UI_OPTIONS_KEY = 'ui:options';
 
 /** Get all passed options from ui:options, and ui:<optionName>, returning them in an object with the `ui:`
  * stripped off.
@@ -181,12 +182,12 @@ function getUiOptions(uiSchema) {
     uiSchema = {};
   }
   return Object.keys(uiSchema).filter(function (key) {
-    return key.indexOf("ui:") === 0;
+    return key.indexOf('ui:') === 0;
   }).reduce(function (options, key) {
     var _extends2;
     var value = uiSchema[key];
     if (key === UI_WIDGET_KEY && isObject(value)) {
-      console.error("Setting options via ui:widget object is no longer supported, use ui:options instead");
+      console.error('Setting options via ui:widget object is no longer supported, use ui:options instead');
       return options;
     }
     if (key === UI_OPTIONS_KEY && isObject(value)) {
@@ -235,7 +236,7 @@ function canExpand(schema, uiSchema, formData) {
  */
 function deepEquals(a, b) {
   return isEqualWith(a, b, function (obj, other) {
-    if (typeof obj === "function" && typeof other === "function") {
+    if (typeof obj === 'function' && typeof other === 'function') {
       // Assume all functions are equivalent
       // see https://github.com/rjsf-team/react-jsonschema-form/issues/255
       return true;
@@ -270,8 +271,8 @@ function findSchemaDefinition($ref, rootSchema) {
   if (rootSchema === void 0) {
     rootSchema = {};
   }
-  var ref = $ref || "";
-  if (ref.startsWith("#")) {
+  var ref = $ref || '';
+  if (ref.startsWith('#')) {
     // Decode URI fragment representation.
     ref = decodeURIComponent(ref.substring(1));
   } else {
@@ -379,25 +380,25 @@ function getFirstMatchingOption(validator, formData, options, rootSchema) {
  */
 function guessType(value) {
   if (Array.isArray(value)) {
-    return "array";
+    return 'array';
   }
-  if (typeof value === "string") {
-    return "string";
+  if (typeof value === 'string') {
+    return 'string';
   }
   if (value == null) {
-    return "null";
+    return 'null';
   }
-  if (typeof value === "boolean") {
-    return "boolean";
+  if (typeof value === 'boolean') {
+    return 'boolean';
   }
   if (!isNaN(value)) {
-    return "number";
+    return 'number';
   }
-  if (typeof value === "object") {
-    return "object";
+  if (typeof value === 'object') {
+    return 'object';
   }
   // Default to string if we can't figure it out
-  return "string";
+  return 'string';
 }
 
 /** Gets the type of a given `schema`. If the type is not explicitly defined, then an attempt is made to infer it from
@@ -417,14 +418,14 @@ function getSchemaType(schema) {
     return guessType(schema["const"]);
   }
   if (!type && schema["enum"]) {
-    return "string";
+    return 'string';
   }
   if (!type && (schema.properties || schema.additionalProperties)) {
-    return "object";
+    return 'object';
   }
-  if (Array.isArray(type) && type.length === 2 && type.includes("null")) {
+  if (Array.isArray(type) && type.length === 2 && type.includes('null')) {
     type = type.find(function (type) {
-      return type !== "null";
+      return type !== 'null';
     });
   }
   return type;
@@ -445,7 +446,7 @@ function mergeSchemas(obj1, obj2) {
       right = obj2[key];
     if (obj1 && key in obj1 && isObject(right)) {
       acc[key] = mergeSchemas(left, right);
-    } else if (obj1 && obj2 && (getSchemaType(obj1) === "object" || getSchemaType(obj2) === "object") && key === REQUIRED_KEY && Array.isArray(left) && Array.isArray(right)) {
+    } else if (obj1 && obj2 && (getSchemaType(obj1) === 'object' || getSchemaType(obj2) === 'object') && key === REQUIRED_KEY && Array.isArray(left) && Array.isArray(right)) {
       // Don't include duplicate values when merging 'required' fields.
       acc[key] = union(left, right);
     } else {
@@ -475,7 +476,7 @@ function resolveCondition(validator, schema, rootSchema, formData) {
     otherwise = schema["else"],
     resolvedSchemaLessConditional = _objectWithoutPropertiesLoose(schema, _excluded$1);
   var conditionalSchema = validator.isValid(expression, formData, rootSchema) ? then : otherwise;
-  if (conditionalSchema && typeof conditionalSchema !== "boolean") {
+  if (conditionalSchema && typeof conditionalSchema !== 'boolean') {
     return retrieveSchema(validator, mergeSchemas(resolvedSchemaLessConditional, retrieveSchema(validator, conditionalSchema, rootSchema, formData)), rootSchema, formData);
   }
   return retrieveSchema(validator, resolvedSchemaLessConditional, rootSchema, formData);
@@ -547,16 +548,16 @@ function stubExistingAdditionalProperties(validator, theSchema, rootSchema, aFor
       return;
     }
     var additionalProperties = {};
-    if (typeof schema.additionalProperties !== "boolean") {
+    if (typeof schema.additionalProperties !== 'boolean') {
       if (REF_KEY in schema.additionalProperties) {
         additionalProperties = retrieveSchema(validator, {
           $ref: get(schema.additionalProperties, [REF_KEY])
         }, rootSchema, formData);
-      } else if ("type" in schema.additionalProperties) {
+      } else if ('type' in schema.additionalProperties) {
         additionalProperties = _extends({}, schema.additionalProperties);
       } else if (ANY_OF_KEY in schema.additionalProperties || ONE_OF_KEY in schema.additionalProperties) {
         additionalProperties = _extends({
-          type: "object"
+          type: 'object'
         }, schema.additionalProperties);
       } else {
         additionalProperties = {
@@ -593,7 +594,7 @@ function retrieveSchema(validator, schema, rootSchema, rawFormData) {
     return {};
   }
   var resolvedSchema = resolveSchema(validator, schema, rootSchema, rawFormData);
-  if ("if" in schema) {
+  if ('if' in schema) {
     return resolveCondition(validator, schema, rootSchema, rawFormData);
   }
   var formData = rawFormData || {};
@@ -603,7 +604,7 @@ function retrieveSchema(validator, schema, rootSchema, rawFormData) {
         deep: false
       });
     } catch (e) {
-      console.warn("could not merge subschemas in allOf:\n" + e);
+      console.warn('could not merge subschemas in allOf:\n' + e);
       var _resolvedSchema = resolvedSchema,
         resolvedSchemaWithoutAllOf = _objectWithoutPropertiesLoose(_resolvedSchema, _excluded3);
       return resolvedSchemaWithoutAllOf;
@@ -704,7 +705,7 @@ function withDependentSchema(validator, schema, rootSchema, dependencyKey, depen
   }
   // Resolve $refs inside oneOf.
   var resolvedOneOf = oneOf.map(function (subschema) {
-    if (typeof subschema === "boolean" || !(REF_KEY in subschema)) {
+    if (typeof subschema === 'boolean' || !(REF_KEY in subschema)) {
       return subschema;
     }
     return resolveReference(validator, subschema, rootSchema, formData);
@@ -723,14 +724,14 @@ function withDependentSchema(validator, schema, rootSchema, dependencyKey, depen
  */
 function withExactlyOneSubschema(validator, schema, rootSchema, dependencyKey, oneOf, formData) {
   var validSubschemas = oneOf.filter(function (subschema) {
-    if (typeof subschema === "boolean" || !subschema || !subschema.properties) {
+    if (typeof subschema === 'boolean' || !subschema || !subschema.properties) {
       return false;
     }
     var conditionPropertySchema = subschema.properties[dependencyKey];
     if (conditionPropertySchema) {
       var _properties;
       var conditionSchema = {
-        type: "object",
+        type: 'object',
         properties: (_properties = {}, _properties[dependencyKey] = conditionPropertySchema, _properties)
       };
       var _validator$validateFo = validator.validateFormData(formData, conditionSchema),
@@ -756,10 +757,10 @@ function withExactlyOneSubschema(validator, schema, rootSchema, dependencyKey, o
  * the first item
  */
 var JUNK_OPTION = {
-  type: "object",
+  type: 'object',
   properties: {
     __not_really_there__: {
-      type: "number"
+      type: 'number'
     }
   }
 };
@@ -792,7 +793,7 @@ function calculateIndexScore(validator, rootSchema, schema, formData) {
     if (isObject$1(schema.properties)) {
       totalScore += reduce(schema.properties, function (score, value, key) {
         var formValue = get(formData, key);
-        if (typeof value === "boolean") {
+        if (typeof value === 'boolean') {
           return score;
         }
         if (has(value, REF_KEY)) {
@@ -802,7 +803,7 @@ function calculateIndexScore(validator, rootSchema, schema, formData) {
         if (has(value, ONE_OF_KEY) && formValue) {
           return score + getClosestMatchingOption(validator, rootSchema, formValue, get(value, ONE_OF_KEY));
         }
-        if (value.type === "object") {
+        if (value.type === 'object') {
           return score + calculateIndexScore(validator, rootSchema, value, formValue || {});
         }
         if (value.type === guessType(formValue)) {
@@ -962,7 +963,7 @@ function mergeObjects(obj1, obj2, concatArrays) {
       acc[key] = mergeObjects(left, right, concatArrays);
     } else if (concatArrays && Array.isArray(left) && Array.isArray(right)) {
       var toMerge = right;
-      if (concatArrays === "preventDuplicates") {
+      if (concatArrays === 'preventDuplicates') {
         toMerge = right.reduce(function (result, value) {
           if (!left.includes(value)) {
             result.push(value);
@@ -1006,7 +1007,7 @@ function isSelect(validator, theSchema, rootSchema) {
   }
   if (Array.isArray(altSchemas)) {
     return altSchemas.every(function (altSchemas) {
-      return typeof altSchemas !== "boolean" && isConstant(altSchemas);
+      return typeof altSchemas !== 'boolean' && isConstant(altSchemas);
     });
   }
   return false;
@@ -1020,7 +1021,7 @@ function isSelect(validator, theSchema, rootSchema) {
  * @returns - True if schema contains a multi-select, otherwise false
  */
 function isMultiSelect(validator, schema, rootSchema) {
-  if (!schema.uniqueItems || !schema.items || typeof schema.items === "boolean") {
+  if (!schema.uniqueItems || !schema.items || typeof schema.items === 'boolean') {
     return false;
   }
   return isSelect(validator, schema.items, rootSchema);
@@ -1059,11 +1060,11 @@ function getInnerSchemaForArrayItem(schema, additionalItems, idx) {
   if (idx >= 0) {
     if (Array.isArray(schema.items) && idx < schema.items.length) {
       var item = schema.items[idx];
-      if (typeof item !== "boolean") {
+      if (typeof item !== 'boolean') {
         return item;
       }
     }
-  } else if (schema.items && !Array.isArray(schema.items) && typeof schema.items !== "boolean") {
+  } else if (schema.items && !Array.isArray(schema.items) && typeof schema.items !== 'boolean') {
     return schema.items;
   }
   if (additionalItems !== AdditionalItemsHandling.Ignore && isObject(schema.additionalItems)) {
@@ -1155,12 +1156,12 @@ function computeDefaults(validator, rawSchema, parentDefaults, rootSchema, rawFo
     schema = schema.anyOf[getClosestMatchingOption(validator, rootSchema, isEmpty(formData) ? undefined : formData, schema.anyOf, 0)];
   }
   // Not defaults defined for this node, fallback to generic typed ones.
-  if (typeof defaults === "undefined") {
+  if (typeof defaults === 'undefined') {
     defaults = schema["default"];
   }
   switch (getSchemaType(schema)) {
     // We need to recur for object schema inner default values.
-    case "object":
+    case 'object':
       {
         var objectDefaults = Object.keys(schema.properties || {}).reduce(function (acc, key) {
           // Compute the defaults for this node, with the parent defaults we might
@@ -1180,7 +1181,7 @@ function computeDefaults(validator, rawSchema, parentDefaults, rootSchema, rawFo
         }
         return objectDefaults;
       }
-    case "array":
+    case 'array':
       // Inject defaults into existing array defaults
       if (Array.isArray(defaults)) {
         defaults = defaults.map(function (item, idx) {
@@ -1230,11 +1231,11 @@ function getDefaultFormState(validator, theSchema, formData, rootSchema, include
     includeUndefinedValues = false;
   }
   if (!isObject(theSchema)) {
-    throw new Error("Invalid schema: " + theSchema);
+    throw new Error('Invalid schema: ' + theSchema);
   }
   var schema = retrieveSchema(validator, theSchema, rootSchema, formData);
   var defaults = computeDefaults(validator, schema, undefined, rootSchema, formData, includeUndefinedValues);
-  if (typeof formData === "undefined" || formData === null || typeof formData === "number" && isNaN(formData)) {
+  if (typeof formData === 'undefined' || formData === null || typeof formData === 'number' && isNaN(formData)) {
     // No form data? Use schema defaults.
     return defaults;
   }
@@ -1259,7 +1260,7 @@ function isCustomWidget(uiSchema) {
   return (
     // TODO: Remove the `&& uiSchema['ui:widget'] !== 'hidden'` once we support hidden widgets for arrays.
     // https://react-jsonschema-form.readthedocs.io/en/latest/usage/widgets/#hidden-widgets
-    "widget" in getUiOptions(uiSchema) && getUiOptions(uiSchema)["widget"] !== "hidden"
+    'widget' in getUiOptions(uiSchema) && getUiOptions(uiSchema)['widget'] !== 'hidden'
   );
 }
 
@@ -1275,12 +1276,12 @@ function isFilesArray(validator, schema, uiSchema, rootSchema) {
   if (uiSchema === void 0) {
     uiSchema = {};
   }
-  if (uiSchema[UI_WIDGET_KEY] === "files") {
+  if (uiSchema[UI_WIDGET_KEY] === 'files') {
     return true;
   }
   if (schema.items) {
     var itemsSchema = retrieveSchema(validator, schema.items, rootSchema);
-    return itemsSchema.type === "string" && itemsSchema.format === "data-url";
+    return itemsSchema.type === 'string' && itemsSchema.format === 'data-url';
   }
   return false;
 }
@@ -1303,13 +1304,13 @@ function getDisplayLabel(validator, schema, uiSchema, rootSchema) {
     label = _uiOptions$label === void 0 ? true : _uiOptions$label;
   var displayLabel = !!label;
   var schemaType = getSchemaType(schema);
-  if (schemaType === "array") {
+  if (schemaType === 'array') {
     displayLabel = isMultiSelect(validator, schema, rootSchema) || isFilesArray(validator, schema, uiSchema, rootSchema) || isCustomWidget(uiSchema);
   }
-  if (schemaType === "object") {
+  if (schemaType === 'object') {
     displayLabel = false;
   }
-  if (schemaType === "boolean" && !uiSchema[UI_WIDGET_KEY]) {
+  if (schemaType === 'boolean' && !uiSchema[UI_WIDGET_KEY]) {
     displayLabel = false;
   }
   if (uiSchema[UI_FIELD_KEY]) {
@@ -1346,7 +1347,7 @@ function mergeValidationData(validator, validationData, additionalErrorSchema) {
   };
 }
 
-var NO_VALUE = /*#__PURE__*/Symbol("no Value");
+var NO_VALUE = /*#__PURE__*/Symbol('no Value');
 /** Sanitize the `data` associated with the `oldSchema` so it is considered appropriate for the `newSchema`. If the new
  * schema does not contain any properties, then `undefined` is returned to clear all the form data. Due to the nature
  * of schemas, this sanitization happens recursively for nested objects of data. Also, any properties in the old schema
@@ -1427,8 +1428,8 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
         newKeyedSchema = retrieveSchema(validator, newKeyedSchema, rootSchema, formValue);
       }
       // Now get types and see if they are the same
-      var oldSchemaTypeForKey = get(oldKeyedSchema, "type");
-      var newSchemaTypeForKey = get(newKeyedSchema, "type");
+      var oldSchemaTypeForKey = get(oldKeyedSchema, 'type');
+      var newSchemaTypeForKey = get(newKeyedSchema, 'type');
       // Check if the old option has the same key with the same type
       if (!oldSchemaTypeForKey || oldSchemaTypeForKey === newSchemaTypeForKey) {
         if (has(removeOldSchemaData, key)) {
@@ -1436,10 +1437,10 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
           delete removeOldSchemaData[key];
         }
         // If it is an object, we'll recurse and store the resulting sanitized data for the key
-        if (newSchemaTypeForKey === "object" || newSchemaTypeForKey === "array" && Array.isArray(formValue)) {
+        if (newSchemaTypeForKey === 'object' || newSchemaTypeForKey === 'array' && Array.isArray(formValue)) {
           // SIDE-EFFECT: process the new schema type of object recursively to save iterations
           var itemData = sanitizeDataForNewSchema(validator, rootSchema, newKeyedSchema, oldKeyedSchema, formValue);
-          if (itemData !== undefined || newSchemaTypeForKey === "array") {
+          if (itemData !== undefined || newSchemaTypeForKey === 'array') {
             // only put undefined values for the array type and not the object type
             nestedData[key] = itemData;
           }
@@ -1447,19 +1448,19 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
           // Ok, the non-object types match, let's make sure that a default or a const of a different value is replaced
           // with the new default or const. This allows the case where two schemas differ that only by the default/const
           // value to be properly selected
-          var newOptionDefault = get(newKeyedSchema, "default", NO_VALUE);
-          var oldOptionDefault = get(oldKeyedSchema, "default", NO_VALUE);
+          var newOptionDefault = get(newKeyedSchema, 'default', NO_VALUE);
+          var oldOptionDefault = get(oldKeyedSchema, 'default', NO_VALUE);
           if (newOptionDefault !== NO_VALUE && newOptionDefault !== formValue) {
             if (oldOptionDefault === formValue) {
               // If the old default matches the formValue, we'll update the new value to match the new default
               removeOldSchemaData[key] = newOptionDefault;
-            } else if (get(newKeyedSchema, "readOnly") === true) {
+            } else if (get(newKeyedSchema, 'readOnly') === true) {
               // If the new schema has the default set to read-only, treat it like a const and remove the value
               removeOldSchemaData[key] = undefined;
             }
           }
-          var newOptionConst = get(newKeyedSchema, "const", NO_VALUE);
-          var oldOptionConst = get(oldKeyedSchema, "const", NO_VALUE);
+          var newOptionConst = get(newKeyedSchema, 'const', NO_VALUE);
+          var oldOptionConst = get(oldKeyedSchema, 'const', NO_VALUE);
           if (newOptionConst !== NO_VALUE && newOptionConst !== formValue) {
             // Since this is a const, if the old value matches, replace the value with the new const otherwise clear it
             removeOldSchemaData[key] = oldOptionConst === formValue ? newOptionConst : undefined;
@@ -1469,12 +1470,12 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
     });
     newFormData = _extends({}, data, removeOldSchemaData, nestedData);
     // First apply removing the old schema data, then apply the nested data, then apply the old data keys to keep
-  } else if (get(oldSchema, "type") === "array" && get(newSchema, "type") === "array" && Array.isArray(data)) {
-    var oldSchemaItems = get(oldSchema, "items");
-    var newSchemaItems = get(newSchema, "items");
+  } else if (get(oldSchema, 'type') === 'array' && get(newSchema, 'type') === 'array' && Array.isArray(data)) {
+    var oldSchemaItems = get(oldSchema, 'items');
+    var newSchemaItems = get(newSchema, 'items');
     // If any of the array types `items` are arrays (remember arrays are objects) then we'll just drop the data
     // Eventually, we may want to deal with when either of the `items` are arrays since those tuple validations
-    if (typeof oldSchemaItems === "object" && typeof newSchemaItems === "object" && !Array.isArray(oldSchemaItems) && !Array.isArray(newSchemaItems)) {
+    if (typeof oldSchemaItems === 'object' && typeof newSchemaItems === 'object' && !Array.isArray(oldSchemaItems) && !Array.isArray(newSchemaItems)) {
       if (has(oldSchemaItems, REF_KEY)) {
         oldSchemaItems = retrieveSchema(validator, oldSchemaItems, rootSchema, data);
       }
@@ -1482,12 +1483,12 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
         newSchemaItems = retrieveSchema(validator, newSchemaItems, rootSchema, data);
       }
       // Now get types and see if they are the same
-      var oldSchemaType = get(oldSchemaItems, "type");
-      var newSchemaType = get(newSchemaItems, "type");
+      var oldSchemaType = get(oldSchemaItems, 'type');
+      var newSchemaType = get(newSchemaItems, 'type');
       // Check if the old option has the same key with the same type
       if (!oldSchemaType || oldSchemaType === newSchemaType) {
-        var maxItems = get(newSchema, "maxItems", -1);
-        if (newSchemaType === "object") {
+        var maxItems = get(newSchema, 'maxItems', -1);
+        if (newSchemaType === 'object') {
           newFormData = data.reduce(function (newValue, aValue) {
             var itemValue = sanitizeDataForNewSchema(validator, rootSchema, newSchemaItems, oldSchemaItems, aValue);
             if (itemValue !== undefined && (maxItems < 0 || newValue.length < maxItems)) {
@@ -1499,7 +1500,7 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
           newFormData = maxItems > 0 && data.length > maxItems ? data.slice(0, maxItems) : data;
         }
       }
-    } else if (typeof oldSchemaItems === "boolean" && typeof newSchemaItems === "boolean" && oldSchemaItems === newSchemaItems) {
+    } else if (typeof oldSchemaItems === 'boolean' && typeof newSchemaItems === 'boolean' && oldSchemaItems === newSchemaItems) {
       // If they are both booleans and have the same value just return the data as is otherwise fall-thru to undefined
       newFormData = data;
     }
@@ -1522,10 +1523,10 @@ function sanitizeDataForNewSchema(validator, rootSchema, newSchema, oldSchema, d
  */
 function toIdSchema(validator, schema, id, rootSchema, formData, idPrefix, idSeparator) {
   if (idPrefix === void 0) {
-    idPrefix = "root";
+    idPrefix = 'root';
   }
   if (idSeparator === void 0) {
-    idSeparator = "_";
+    idSeparator = '_';
   }
   if (REF_KEY in schema || DEPENDENCIES_KEY in schema || ALL_OF_KEY in schema) {
     var _schema = retrieveSchema(validator, schema, rootSchema, formData);
@@ -1538,7 +1539,7 @@ function toIdSchema(validator, schema, id, rootSchema, formData, idPrefix, idSep
   var idSchema = {
     $id: $id
   };
-  if (schema.type === "object" && PROPERTIES_KEY in schema) {
+  if (schema.type === 'object' && PROPERTIES_KEY in schema) {
     for (var name in schema.properties) {
       var field = get(schema, [PROPERTIES_KEY, name]);
       var fieldId = idSchema[ID_KEY] + idSeparator + name;
@@ -1563,13 +1564,13 @@ function toIdSchema(validator, schema, id, rootSchema, formData, idPrefix, idSep
 function toPathSchema(validator, schema, name, rootSchema, formData) {
   var _pathSchema;
   if (name === void 0) {
-    name = "";
+    name = '';
   }
   if (REF_KEY in schema || DEPENDENCIES_KEY in schema || ALL_OF_KEY in schema) {
     var _schema = retrieveSchema(validator, schema, rootSchema, formData);
     return toPathSchema(validator, _schema, name, rootSchema, formData);
   }
-  var pathSchema = (_pathSchema = {}, _pathSchema[NAME_KEY] = name.replace(/^\./, ""), _pathSchema);
+  var pathSchema = (_pathSchema = {}, _pathSchema[NAME_KEY] = name.replace(/^\./, ''), _pathSchema);
   if (ONE_OF_KEY in schema) {
     var index = getClosestMatchingOption(validator, rootSchema, formData, schema.oneOf, 0);
     var _schema2 = schema.oneOf[index];
@@ -1772,10 +1773,10 @@ var SchemaUtils = /*#__PURE__*/function () {
    */;
   _proto.toIdSchema = function toIdSchema$1(schema, id, formData, idPrefix, idSeparator) {
     if (idPrefix === void 0) {
-      idPrefix = "root";
+      idPrefix = 'root';
     }
     if (idSeparator === void 0) {
-      idSeparator = "_";
+      idSeparator = '_';
     }
     return toIdSchema(this.validator, schema, id, this.rootSchema, formData, idPrefix, idSeparator);
   }
@@ -1810,38 +1811,48 @@ function createSchemaUtils(validator, rootSchema) {
  */
 function dataURItoBlob(dataURI) {
   // Split metadata from data
-  var splitted = dataURI.split(",");
+  var splitted = dataURI.split(',');
   // Split params
-  var params = splitted[0].split(";");
+  var params = splitted[0].split(';');
   // Get mime-type from params
-  var type = params[0].replace("data:", "");
+  var type = params[0].replace('data:', '');
   // Filter the name property from params
   var properties = params.filter(function (param) {
-    return param.split("=")[0] === "name";
+    return param.split('=')[0] === 'name';
   });
   // Look for the name and use unknown if no name property.
   var name;
   if (properties.length !== 1) {
-    name = "unknown";
+    name = 'unknown';
   } else {
     // Because we filtered out the other property,
-    // we only have the name case here.
-    name = properties[0].split("=")[1];
+    // we only have the name case here, which we decode to make it human-readable
+    name = decodeURI(properties[0].split('=')[1]);
   }
   // Built the Uint8Array Blob parameter from the base64 string.
-  var binary = atob(splitted[1]);
-  var array = [];
-  for (var i = 0; i < binary.length; i++) {
-    array.push(binary.charCodeAt(i));
-  }
-  // Create the blob object
-  var blob = new window.Blob([new Uint8Array(array)], {
-    type: type
-  });
-  return {
-    blob: blob,
-    name: name
-  };
+  try {
+    var binary = atob(splitted[1]);
+    var array = [];
+    for (var i = 0; i < binary.length; i++) {
+      array.push(binary.charCodeAt(i));
+    }
+    // Create the blob object
+    var blob = new window.Blob([new Uint8Array(array)], {
+      type: type
+    });
+    return {
+      blob: blob,
+      name: name
+    };
+  } catch (error) {
+    return {
+      blob: {
+        size: 0,
+        type: error.message
+      },
+      name: dataURI
+    };
+  }
 }
 
 /** Potentially substitutes all replaceable parameters with the associated value(s) from the `params` if available. When
@@ -1855,9 +1866,16 @@ function dataURItoBlob(dataURI) {
 function replaceStringParameters(inputString, params) {
   var output = inputString;
   if (Array.isArray(params)) {
+    var parts = output.split(/(%\d)/);
     params.forEach(function (param, index) {
-      output = output.replace("%" + (index + 1), param);
+      var partIndex = parts.findIndex(function (part) {
+        return part === "%" + (index + 1);
+      });
+      if (partIndex >= 0) {
+        parts[partIndex] = param;
+      }
     });
+    output = parts.join('');
   }
   return output;
 }
@@ -1897,7 +1915,7 @@ function enumOptionsValueForIndex(valueIndex, allEnumOptions, emptyValue) {
     });
   }
   // So Number(null) and Number('') both return 0, so use emptyValue for those two values
-  var index = valueIndex === "" || valueIndex === null ? -1 : Number(valueIndex);
+  var index = valueIndex === '' || valueIndex === null ? -1 : Number(valueIndex);
   var option = allEnumOptions[index];
   return option ? option.value : emptyValue;
 }
@@ -1963,7 +1981,7 @@ function enumOptionsIndexForValue(value, allEnumOptions, multiple) {
   var selectedIndexes = allEnumOptions.map(function (opt, index) {
     return enumOptionsIsSelected(opt.value, value) ? String(index) : undefined;
   }).filter(function (opt) {
-    return typeof opt !== "undefined";
+    return typeof opt !== 'undefined';
   });
   if (!multiple) {
     return selectedIndexes[0];
@@ -2031,7 +2049,7 @@ var ErrorSchemaBuilder = /*#__PURE__*/function () {
    * @private
    */
   _proto.getOrCreateErrorBlock = function getOrCreateErrorBlock(pathOfError) {
-    var hasPath = Array.isArray(pathOfError) && pathOfError.length > 0 || typeof pathOfError === "string";
+    var hasPath = Array.isArray(pathOfError) && pathOfError.length > 0 || typeof pathOfError === 'string';
     var errorBlock = hasPath ? get(this.errorSchema, pathOfError) : this.errorSchema;
     if (!errorBlock && pathOfError) {
       errorBlock = {};
@@ -2143,23 +2161,23 @@ function getInputProps(schema, defaultType, options, autoDefaultStepAny) {
     autoDefaultStepAny = true;
   }
   var inputProps = _extends({
-    type: defaultType || "text"
+    type: defaultType || 'text'
   }, rangeSpec(schema));
   // If options.inputType is set use that as the input type
   if (options.inputType) {
     inputProps.type = options.inputType;
   } else if (!defaultType) {
     // If the schema is of type number or integer, set the input type to number
-    if (schema.type === "number") {
-      inputProps.type = "number";
+    if (schema.type === 'number') {
+      inputProps.type = 'number';
       // Only add step if one isn't already defined and we are auto-defaulting the "any" step
       if (autoDefaultStepAny && inputProps.step === undefined) {
         // Setting step to 'any' fixes a bug in Safari where decimals are not
         // allowed in number inputs
-        inputProps.step = "any";
+        inputProps.step = 'any';
       }
-    } else if (schema.type === "integer") {
-      inputProps.type = "number";
+    } else if (schema.type === 'integer') {
+      inputProps.type = 'number';
       // Only add step if one isn't already defined
       if (inputProps.step === undefined) {
         // Since this is integer, you always want to step up or down in multiples of 1
@@ -2179,7 +2197,7 @@ var DEFAULT_OPTIONS = {
   props: {
     disabled: false
   },
-  submitText: "Submit",
+  submitText: 'Submit',
   norender: false
 };
 /** Extracts any `ui:submitButtonOptions` from the `uiSchema` and merges them onto the `DEFAULT_OPTIONS`
@@ -2212,7 +2230,7 @@ function getTemplate(name, registry, uiOptions) {
     uiOptions = {};
   }
   var templates = registry.templates;
-  if (name === "ButtonTemplates") {
+  if (name === 'ButtonTemplates') {
     return templates[name];
   }
   return (
@@ -2227,53 +2245,53 @@ var _excluded = ["options"];
  */
 var widgetMap = {
   "boolean": {
-    checkbox: "CheckboxWidget",
-    radio: "RadioWidget",
-    select: "SelectWidget",
-    hidden: "HiddenWidget"
+    checkbox: 'CheckboxWidget',
+    radio: 'RadioWidget',
+    select: 'SelectWidget',
+    hidden: 'HiddenWidget'
   },
   string: {
-    text: "TextWidget",
-    password: "PasswordWidget",
-    email: "EmailWidget",
-    hostname: "TextWidget",
-    ipv4: "TextWidget",
-    ipv6: "TextWidget",
-    uri: "URLWidget",
-    "data-url": "FileWidget",
-    radio: "RadioWidget",
-    select: "SelectWidget",
-    textarea: "TextareaWidget",
-    hidden: "HiddenWidget",
-    date: "DateWidget",
-    datetime: "DateTimeWidget",
-    "date-time": "DateTimeWidget",
-    "alt-date": "AltDateWidget",
-    "alt-datetime": "AltDateTimeWidget",
-    color: "ColorWidget",
-    file: "FileWidget"
+    text: 'TextWidget',
+    password: 'PasswordWidget',
+    email: 'EmailWidget',
+    hostname: 'TextWidget',
+    ipv4: 'TextWidget',
+    ipv6: 'TextWidget',
+    uri: 'URLWidget',
+    'data-url': 'FileWidget',
+    radio: 'RadioWidget',
+    select: 'SelectWidget',
+    textarea: 'TextareaWidget',
+    hidden: 'HiddenWidget',
+    date: 'DateWidget',
+    datetime: 'DateTimeWidget',
+    'date-time': 'DateTimeWidget',
+    'alt-date': 'AltDateWidget',
+    'alt-datetime': 'AltDateTimeWidget',
+    color: 'ColorWidget',
+    file: 'FileWidget'
   },
   number: {
-    text: "TextWidget",
-    select: "SelectWidget",
-    updown: "UpDownWidget",
-    range: "RangeWidget",
-    radio: "RadioWidget",
-    hidden: "HiddenWidget"
+    text: 'TextWidget',
+    select: 'SelectWidget',
+    updown: 'UpDownWidget',
+    range: 'RangeWidget',
+    radio: 'RadioWidget',
+    hidden: 'HiddenWidget'
   },
   integer: {
-    text: "TextWidget",
-    select: "SelectWidget",
-    updown: "UpDownWidget",
-    range: "RangeWidget",
-    radio: "RadioWidget",
-    hidden: "HiddenWidget"
+    text: 'TextWidget',
+    select: 'SelectWidget',
+    updown: 'UpDownWidget',
+    range: 'RangeWidget',
+    radio: 'RadioWidget',
+    hidden: 'HiddenWidget'
   },
   array: {
-    select: "SelectWidget",
-    checkboxes: "CheckboxesWidget",
-    files: "FileWidget",
-    hidden: "HiddenWidget"
+    select: 'SelectWidget',
+    checkboxes: 'CheckboxesWidget',
+    files: 'FileWidget',
+    hidden: 'HiddenWidget'
   }
 };
 /** Wraps the given widget with stateless functional component that will merge any `defaultProps.options` with the
@@ -2284,18 +2302,18 @@ var widgetMap = {
  * @returns - The wrapper widget
  */
 function mergeWidgetOptions(AWidget) {
-  var MergedWidget = get(AWidget, "MergedWidget");
+  var MergedWidget = get(AWidget, 'MergedWidget');
   // cache return value as property of widget for proper react reconciliation
   if (!MergedWidget) {
     var defaultOptions = AWidget.defaultProps && AWidget.defaultProps.options || {};
     MergedWidget = function MergedWidget(_ref) {
       var options = _ref.options,
         props = _objectWithoutPropertiesLoose(_ref, _excluded);
-      return /*#__PURE__*/React.createElement(AWidget, _extends({
+      return jsx(AWidget, _extends({
         options: _extends({}, defaultOptions, options)
       }, props));
     };
-    set(AWidget, "MergedWidget", MergedWidget);
+    set(AWidget, 'MergedWidget', MergedWidget);
   }
   return MergedWidget;
 }
@@ -2315,17 +2333,17 @@ function getWidget(schema, widget, registeredWidgets) {
     registeredWidgets = {};
   }
   var type = getSchemaType(schema);
-  if (typeof widget === "function" || widget && ReactIs.isForwardRef( /*#__PURE__*/React.createElement(widget)) || ReactIs.isMemo(widget)) {
+  if (typeof widget === 'function' || widget && ReactIs.isForwardRef( /*#__PURE__*/createElement(widget)) || ReactIs.isMemo(widget)) {
     return mergeWidgetOptions(widget);
   }
-  if (typeof widget !== "string") {
+  if (typeof widget !== 'string') {
     throw new Error("Unsupported widget definition: " + typeof widget);
   }
   if (widget in registeredWidgets) {
     var registeredWidget = registeredWidgets[widget];
     return getWidget(schema, registeredWidget, registeredWidgets);
   }
-  if (typeof type === "string") {
+  if (typeof type === 'string') {
     if (!(type in widgetMap)) {
       throw new Error("No widget for type '" + type + "'");
     }
@@ -2354,7 +2372,7 @@ function hasWidget(schema, widget, registeredWidgets) {
     return true;
   } catch (e) {
     var err = e;
-    if (err.message && (err.message.startsWith("No widget") || err.message.startsWith("Unsupported widget"))) {
+    if (err.message && (err.message.startsWith('No widget') || err.message.startsWith('Unsupported widget'))) {
       return false;
     }
     throw e;
@@ -2376,7 +2394,7 @@ function idGenerator(id, suffix) {
  * @returns - The consistent id for the field description element from the given `id`
  */
 function descriptionId(id) {
-  return idGenerator(id, "description");
+  return idGenerator(id, 'description');
 }
 /** Return a consistent `id` for the field error element
  *
@@ -2384,7 +2402,7 @@ function descriptionId(id) {
  * @returns - The consistent id for the field error element from the given `id`
  */
 function errorId(id) {
-  return idGenerator(id, "error");
+  return idGenerator(id, 'error');
 }
 /** Return a consistent `id` for the field examples element
  *
@@ -2392,7 +2410,7 @@ function errorId(id) {
  * @returns - The consistent id for the field examples element from the given `id`
  */
 function examplesId(id) {
-  return idGenerator(id, "examples");
+  return idGenerator(id, 'examples');
 }
 /** Return a consistent `id` for the field help element
  *
@@ -2400,7 +2418,7 @@ function examplesId(id) {
  * @returns - The consistent id for the field help element from the given `id`
  */
 function helpId(id) {
-  return idGenerator(id, "help");
+  return idGenerator(id, 'help');
 }
 /** Return a consistent `id` for the field title element
  *
@@ -2408,7 +2426,7 @@ function helpId(id) {
  * @returns - The consistent id for the field title element from the given `id`
  */
 function titleId(id) {
-  return idGenerator(id, "title");
+  return idGenerator(id, 'title');
 }
 /** Return a list of element ids that contain additional information about the field that can be used to as the aria
  * description of the field. This is correctly omitting `titleId` which would be "labeling" rather than "describing" the
@@ -2422,7 +2440,7 @@ function ariaDescribedByIds(id, includeExamples) {
   if (includeExamples === void 0) {
     includeExamples = false;
   }
-  var examples = includeExamples ? " " + examplesId(id) : "";
+  var examples = includeExamples ? " " + examplesId(id) : '';
   return errorId(id) + " " + descriptionId(id) + " " + helpId(id) + examples;
 }
 /** Return a consistent `id` for the `optionIndex`s of a `Radio` or `Checkboxes` widget
@@ -2458,7 +2476,7 @@ function toConstant(schema) {
   if (CONST_KEY in schema) {
     return schema["const"];
   }
-  throw new Error("schema cannot be inferred as a constant");
+  throw new Error('schema cannot be inferred as a constant');
 }
 
 /** Gets the list of options from the schema. If the schema has an enum list, then those enum values are returned. The
@@ -2473,8 +2491,8 @@ function optionsList(schema) {
   // enumNames was deprecated in v5 and is intentionally omitted from the RJSFSchema type.
   // Cast the type to include enumNames so the feature still works.
   var schemaWithEnumNames = schema;
-  if (schemaWithEnumNames.enumNames && process.env.NODE_ENV !== "production") {
-    console.warn("The enumNames property is deprecated and may be removed in a future major release.");
+  if (schemaWithEnumNames.enumNames && process.env.NODE_ENV !== 'production') {
+    console.warn('The enumNames property is deprecated and may be removed in a future major release.');
   }
   if (schema["enum"]) {
     return schema["enum"].map(function (value, i) {
@@ -2523,21 +2541,21 @@ function orderProperties(properties, order) {
   };
   var propertyHash = arrayToHash(properties);
   var orderFiltered = order.filter(function (prop) {
-    return prop === "*" || propertyHash[prop];
+    return prop === '*' || propertyHash[prop];
   });
   var orderHash = arrayToHash(orderFiltered);
   var rest = properties.filter(function (prop) {
     return !orderHash[prop];
   });
-  var restIndex = orderFiltered.indexOf("*");
+  var restIndex = orderFiltered.indexOf('*');
   if (restIndex === -1) {
     if (rest.length) {
       throw new Error("uiSchema order list does not contain " + errorPropList(rest));
     }
     return orderFiltered;
   }
-  if (restIndex !== orderFiltered.lastIndexOf("*")) {
-    throw new Error("uiSchema order list contains more than one wildcard item");
+  if (restIndex !== orderFiltered.lastIndexOf('*')) {
+    throw new Error('uiSchema order list contains more than one wildcard item');
   }
   var complete = [].concat(orderFiltered);
   complete.splice.apply(complete, [restIndex, 1].concat(rest));
@@ -2553,7 +2571,7 @@ function orderProperties(properties, order) {
 function pad(num, width) {
   var s = String(num);
   while (s.length < width) {
-    s = "0" + s;
+    s = '0' + s;
   }
   return s;
 }
@@ -2581,7 +2599,7 @@ function parseDateString(dateString, includeTime) {
   }
   var date = new Date(dateString);
   if (Number.isNaN(date.getTime())) {
-    throw new Error("Unable to parse date " + dateString);
+    throw new Error('Unable to parse date ' + dateString);
   }
   return {
     year: date.getUTCFullYear(),
@@ -2675,7 +2693,7 @@ function toDateString(dateObject, time) {
  */
 function utcToLocal(jsonDate) {
   if (!jsonDate) {
-    return "";
+    return '';
   }
   // required format of `'yyyy-MM-ddThh:mm' followed by optional ':ss' or ':ss.SSS'
   // https://html.spec.whatwg.org/multipage/input.html#local-date-and-time-state-(type%3Ddatetime-local)