@rjsf/utils 6.6.1 → 6.7.0

package/src/shallowEquals.ts

@@ -30,9 +30,9 @@ export default function shallowEquals(a: any, b: any): boolean {
   }
 
   // Check if all keys and values are equal
-  for (let i = 0; i < keysA.length; i++) {
+  for (let i = 0; i < keysA.length; i += 1) {
     const key = keysA[i];
-    if (!Object.prototype.hasOwnProperty.call(b, key) || !Object.is(a[key], b[key])) {
+    if (!Object.hasOwn(b, key) || !Object.is(a[key], b[key])) {
       return false;
     }
   }

package/src/shouldRenderOptionalField.ts

@@ -5,7 +5,7 @@ import { ANY_OF_KEY, ONE_OF_KEY } from './constants';
 import getSchemaType from './getSchemaType';
 import getUiOptions from './getUiOptions';
 import isRootSchema from './isRootSchema';
-import { FormContextType, Registry, RJSFSchema, StrictRJSFSchema, UiSchema } from './types';
+import type { FormContextType, Registry, RJSFSchema, StrictRJSFSchema, UiSchema } from './types';
 
 /** Returns the unique list of schema types for all of the options in a anyOf/oneOf
  *

package/src/toConstant.ts

@@ -1,5 +1,5 @@
 import { CONST_KEY, ENUM_KEY } from './constants';
-import { RJSFSchema, StrictRJSFSchema } from './types';
+import type { RJSFSchema, StrictRJSFSchema } from './types';
 
 /** Returns the constant value from the schema when it is either a single value enum or has a const key. Otherwise
  * throws an error.

package/src/toDateString.ts

@@ -1,4 +1,4 @@
-import { DateObject } from './types';
+import type { DateObject } from './types';
 
 /** Returns a UTC date string for the given `dateObject`. If `time` is false, then the time portion of the string is
  * removed.

package/src/toErrorList.ts

@@ -1,7 +1,7 @@
 import isPlainObject from 'lodash/isPlainObject';
 
 import { ERRORS_KEY } from './constants';
-import { ErrorSchema, GenericObjectType, RJSFValidationError } from './types';
+import type { ErrorSchema, GenericObjectType, RJSFValidationError } from './types';
 
 /** Converts an `errorSchema` into a list of `RJSFValidationErrors`
  *
@@ -29,13 +29,13 @@ export default function toErrorList<T = any>(
       }),
     );
   }
-  return Object.keys(errorSchema).reduce((acc, key) => {
+  return Object.keys(errorSchema).reduce((currentList, key) => {
     if (key !== ERRORS_KEY) {
       const childSchema = (errorSchema as GenericObjectType)[key];
       if (isPlainObject(childSchema)) {
-        acc = acc.concat(toErrorList(childSchema, [...fieldPath, key]));
+        return currentList.concat(toErrorList(childSchema, [...fieldPath, key]));
       }
     }
-    return acc;
+    return currentList;
   }, errorList);
 }

package/src/toErrorSchema.ts

@@ -1,7 +1,7 @@
 import toPath from 'lodash/toPath';
 
 import ErrorSchemaBuilder from './ErrorSchemaBuilder';
-import { ErrorSchema, RJSFValidationError } from './types';
+import type { ErrorSchema, RJSFValidationError } from './types';
 
 /** Transforms a rjsf validation errors list:
  * [

package/src/toFieldPathId.ts

@@ -1,5 +1,5 @@
 import { ID_KEY } from './constants';
-import { FieldPathId, FieldPathList, GlobalFormOptions } from './types';
+import type { FieldPathId, FieldPathList, GlobalFormOptions } from './types';
 
 /** Constructs the `FieldPathId` for `fieldPath`. If `parentPathId` is provided, the `fieldPath` is appended to the end
  * of the parent path. Then the `ID_KEY` of the resulting `FieldPathId` is constructed from the `idPrefix` and

package/src/types.ts

@@ -8,17 +8,20 @@ import type {
   ReactNode,
   StyleHTMLAttributes,
 } from 'react';
-import { JSONSchema7 } from 'json-schema';
+import type { JSONSchema7 } from 'json-schema';
 
-import { TranslatableString } from './enums';
+import type { TranslatableString } from './enums';
 import './jsonSchemaAugmentation';
 
 /** The representation of any generic object type, usually used as an intersection on other types to make them more
  * flexible in the properties they support (i.e. anything else)
  */
-export type GenericObjectType = {
-  [name: string]: any;
-};
+export type GenericObjectType = Record<string, any>;
+
+/** The representation of any generic object type, usually used as an intersection on other types to make them more
+ * flexible in the properties they support (i.e. anything else) AND symbol markers with a value of string or boolean
+ */
+export type GenericSymbolObjectType = GenericObjectType & Record<symbol, boolean | string>;
 
 /** Map the JSONSchema7 to our own type so that we can easily bump to a more recent version at some future date and only
  * have to update this one type.
@@ -29,6 +32,11 @@ export type StrictRJSFSchema = JSONSchema7;
  */
 export type RJSFSchema = StrictRJSFSchema & GenericObjectType;
 
+/** Allow for more flexible schemas (i.e. draft-2019) than the strict JSONSchema7 with special marking added by
+ * `retrieveSchema()`
+ */
+export type RJSFMarkedSchema = StrictRJSFSchema & GenericSymbolObjectType;
+
 /** Alias GenericObjectType as FormContextType to allow us to remap this at some future date
  */
 export type FormContextType = GenericObjectType;
@@ -50,7 +58,7 @@ export type NameGeneratorFunction = (path: FieldPathList, idPrefix: string, isMu
 
 /** Experimental feature that specifies the Array `minItems` default form state behavior
  */
-export type Experimental_ArrayMinItems = {
+export interface Experimental_ArrayMinItems {
   /** Optional enumerated flag controlling how array minItems are populated, defaulting to `all`:
    * - `all`: Legacy behavior, populate minItems entries with default values initially and include an empty array when
    *        no values have been defined.
@@ -79,14 +87,14 @@ export type Experimental_ArrayMinItems = {
    * `formData` until the `minItems` condition is met.
    */
   mergeExtraDefaults?: boolean;
-};
+}
 
 /** Experimental features to specify different default form state behaviors. Currently, this affects the
  * handling of optional array fields where `minItems` is set and handling of setting defaults based on the
  * value of `emptyObjectFields`. It also affects how `allOf` fields are handled and how to handle merging defaults into
  * the formData in relation to explicit `undefined` values via `mergeDefaultsIntoFormData`.
  */
-export type Experimental_DefaultFormStateBehavior = {
+export interface Experimental_DefaultFormStateBehavior {
   /** Optional object, that controls how the default form state for arrays with `minItems` is handled. When not provided
    * it defaults to `{ populate: 'all' }`.
    */
@@ -125,7 +133,13 @@ export type Experimental_DefaultFormStateBehavior = {
    *
    */
   constAsDefaults?: 'always' | 'skipOneOf' | 'never';
-};
+  /** Optional enumerated flag controlling how defaults defined on multiple levels are merged together for overlapping
+   * properties, defaulting to `descendantWins`.
+   * - `descendantWins`: The innermost (descendant) default value definition takes precedence over its ancestor's defaults.
+   * - `ancestorWins`: The outermost (ancestor) default value definition takes precedence over any descendant's defaults.
+   */
+  nestedDefaultsPrecedence?: 'descendantWins' | 'ancestorWins';
+}
 
 /** Optional function that allows for custom merging of `allOf` schemas
  * @param schema - Schema with `allOf` that needs to be merged
@@ -150,17 +164,17 @@ export interface DateObject {
 }
 
 /** Properties describing a Range specification in terms of attribute that can be added to the `HTML` `<input>` */
-export type RangeSpecType = {
+export interface RangeSpecType {
   /** Specifies the interval between legal numbers in an input field */
   step?: number;
   /** Specifies a minimum value for an <input> element */
   min?: number;
   /** Specifies the maximum value for an <input> element */
   max?: number;
-};
+}
 
 /** Properties describing a Range specification in terms of attribute that can be added to the `HTML` `<input>` */
-export type InputPropsType = {
+export interface InputPropsType {
   /** Specifies the type of the <input> element */
   type: string;
   /** Specifies the interval between legal numbers in an input field or "any" */
@@ -173,7 +187,7 @@ export type InputPropsType = {
   autoComplete?: HTMLInputElement['autocomplete'];
   /** Specifies a filter for what file types the user can upload. */
   accept?: HTMLInputElement['accept'];
-};
+}
 
 /** The list of path elements that represents where in the schema a field is located. When the item in the field list is
  * a string, then it represents the name of the property within an object. When it is a number, then it represents the
@@ -190,38 +204,39 @@ export type FieldPathList = (string | number)[];
 export type SchemaFieldPath = string | FieldPathList;
 
 /** Type describing an id and path used for a field */
-export type FieldPathId = {
+export interface FieldPathId {
   /** The id for a field */
   $id: string;
   /** The path for a field */
   path: FieldPathList;
   /** The optional HTML name attribute for a field, generated by nameGenerator if provided */
   name?: string;
-};
+}
 
 /** Type describing a name used for a field in the `PathSchema` */
-export type FieldPath = {
+export interface FieldPath {
   /** The name of a field */
   $name: string;
-};
+}
 
 /** Type describing a recursive structure of `FieldPath`s for an object with a non-empty set of keys
  * @deprecated - To be removed as an exported `@rjsf/utils` type in a future release
  */
-export type PathSchema<T = any> =
-  T extends Array<infer U>
+export type PathSchema<T = any> = T extends (infer U)[]
+  ? FieldPath & {
+      // oxlint-disable-next-line typescript/no-deprecated
+      [i: number]: PathSchema<U>;
+    }
+  : T extends GenericObjectType
     ? FieldPath & {
-        [i: number]: PathSchema<U>;
+        /** The set of names for fields in the recursive object structure */
+        // oxlint-disable-next-line typescript/no-deprecated
+        [key in keyof T]?: PathSchema<T[key]>;
       }
-    : T extends GenericObjectType
-      ? FieldPath & {
-          /** The set of names for fields in the recursive object structure */
-          [key in keyof T]?: PathSchema<T[key]>;
-        }
-      : FieldPath;
+    : FieldPath;
 
 /** The type for error produced by RJSF schema validation */
-export type RJSFValidationError = {
+export interface RJSFValidationError {
   /** Name of the error, for example, "required" or "minLength" */
   name?: string;
   /** Message, for example, "is a required property" or "should NOT be shorter than 3 characters" */
@@ -243,16 +258,16 @@ export type RJSFValidationError = {
   stack: string;
   /** The title property for the failing field*/
   title?: string;
-};
+}
 
 /** The type that describes an error in a field */
 export type FieldError = string;
 
 /** The type that describes the list of errors for a field */
-export type FieldErrors = {
+export interface FieldErrors {
   /** The list of errors for the field */
   __errors?: FieldError[];
-};
+}
 
 /** Type describing a recursive structure of `FieldErrors`s for an object with a non-empty set of keys */
 export type ErrorSchema<T = any> = FieldErrors & {
@@ -273,13 +288,26 @@ export type FormValidation<T = any> = FieldValidation & {
 };
 
 /** The base properties passed to various RJSF components. */
-export type RJSFBaseProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> = {
+export interface RJSFBaseProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> {
   /** The schema object for the field being described */
   schema: S;
   /** The uiSchema object for this base component */
   uiSchema?: UiSchema<T, S, F>;
   /** The `registry` object */
   registry: Registry<T, S, F>;
+}
+
+export type CyclicSchemaExpandProps<
+  T = any,
+  S extends StrictRJSFSchema = RJSFSchema,
+  F extends FormContextType = any,
+> = RJSFBaseProps<T, S, F> & {
+  /** The FieldPathId of the field in the hierarchy */
+  fieldPathId: FieldPathId;
+  /** The unique name of the field, usually derived from the name of the property in the JSONSchema */
+  name: string;
+  /** Callback used to mark a cyclic scheme element as expanded */
+  onExpand: (id: string) => void;
 };
 
 /** The properties that are passed to an `ErrorListTemplate` implementation */
@@ -303,7 +331,7 @@ export type FieldErrorProps<
   /** The errorSchema constructed by `Form` */
   errorSchema?: ErrorSchema<T>;
   /** An array of the errors */
-  errors?: Array<string | ReactElement>;
+  errors?: (string | ReactElement)[];
   /** The FieldPathId of the field in the hierarchy */
   fieldPathId: FieldPathId;
 };
@@ -333,16 +361,18 @@ export interface GridTemplateProps extends GenericObjectType {
 }
 
 /** The set of `Fields` stored in the `Registry` */
-export type RegistryFieldsType<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> = {
-  /** A `Field` indexed by `name` */
-  [name: string]: Field<T, S, F>;
-};
+export type RegistryFieldsType<
+  T = any,
+  S extends StrictRJSFSchema = RJSFSchema,
+  F extends FormContextType = any,
+> = Record<string, Field<T, S, F>>;
 
 /** The set of `Widgets` stored in the `Registry` */
-export type RegistryWidgetsType<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> = {
-  /** A `Widget` indexed by `name` */
-  [name: string]: Widget<T, S, F>;
-};
+export type RegistryWidgetsType<
+  T = any,
+  S extends StrictRJSFSchema = RJSFSchema,
+  F extends FormContextType = any,
+> = Record<string, Widget<T, S, F>>;
 
 /** The set of RJSF templates that can be overridden by themes or users */
 export type TemplatesType<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> = {
@@ -358,6 +388,8 @@ export type TemplatesType<T = any, S extends StrictRJSFSchema = RJSFSchema, F ex
   ArrayFieldTitleTemplate: ComponentType<ArrayFieldTitleProps<T, S, F>>;
   /** The template to use while rendering the standard html input */
   BaseInputTemplate: ComponentType<BaseInputTemplateProps<T, S, F>>;
+  /** The template to use while rendering the cyclic schema expand controls */
+  CyclicSchemaExpandTemplate: ComponentType<CyclicSchemaExpandProps<T, S, F>>;
   /** The template to use for rendering the description of a field */
   DescriptionFieldTemplate: ComponentType<DescriptionFieldProps<T, S, F>>;
   /** The template to use while rendering the errors for the whole form */
@@ -401,10 +433,7 @@ export type TemplatesType<T = any, S extends StrictRJSFSchema = RJSFSchema, F ex
     /** The template to use for the Clear button used for input fields */
     ClearButton: ComponentType<IconButtonProps<T, S, F>>;
   };
-} & {
-  /** Allow this to support any named `ComponentType` or an object of named `ComponentType`s */
-  [key: string]: ComponentType<any> | { [key: string]: ComponentType<any> } | undefined;
-};
+} & Record<string, ComponentType<any> | Record<string, ComponentType<any>> | undefined>;
 
 /** The set of UiSchema options that can be set globally and used as fallbacks at an individual template, field or
  * widget level when no field-level value of the option is provided. Extends GenericObjectType to support allowing users
@@ -464,7 +493,7 @@ export type GlobalUISchemaOptions = GenericObjectType & {
 /** The set of options from the `Form` that will be available on the `Registry` for use in everywhere the `registry` is
  * available.
  */
-export type GlobalFormOptions = {
+export interface GlobalFormOptions {
   /** To avoid collisions with existing ids in the DOM, it is possible to change the prefix used for ids;
    * Default is `root`. This prop is passed to the `toFilePathId()` function within the RJSF field implementations.
    */
@@ -485,7 +514,7 @@ export type GlobalFormOptions = {
    * is not supported by RJSF or a custom field. When false, the UnsupportedField error component will be shown instead.
    */
   readonly useFallbackUiForUnsupportedType?: boolean;
-};
+}
 
 /** The object containing the registered core, theme and custom fields and widgets as well as the root schema, form
  * context, schema utils and templates.
@@ -840,7 +869,7 @@ export type ArrayFieldTemplateProps<
 };
 
 /** The properties of each element in the ObjectFieldTemplateProps.properties array */
-export type ObjectFieldTemplatePropertyType = {
+export interface ObjectFieldTemplatePropertyType {
   /** The html for the property's content */
   content: ReactElement;
   /** A string representing the property name */
@@ -851,7 +880,7 @@ export type ObjectFieldTemplatePropertyType = {
   readonly?: boolean;
   /** A boolean value stating if the property should be hidden */
   hidden: boolean;
-};
+}
 
 /** The properties that are passed to an ObjectFieldTemplate implementation */
 export type ObjectFieldTemplateProps<
@@ -1012,12 +1041,12 @@ export interface BaseInputTemplateProps<
 }
 
 /** The type that defines the props used by the Submit button */
-export type SubmitButtonProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> = {
+export interface SubmitButtonProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> {
   /** The uiSchema for this widget */
   uiSchema?: UiSchema<T, S, F>;
   /** The `registry` object */
   registry: Registry<T, S, F>;
-};
+}
 
 /** The type that defines the props for an Icon button, extending from a basic HTML button attributes */
 export type IconButtonProps<
@@ -1033,7 +1062,7 @@ export type IconButtonProps<
   };
 
 /** The type that defines how to change the behavior of the submit button for the form */
-export type UISchemaSubmitButtonOptions = {
+export interface UISchemaSubmitButtonOptions {
   /** The text of the submit button. Set to "Submit" by default */
   submitText?: string;
   /** Flag, if `true`, removes the submit button completely from the form */
@@ -1045,20 +1074,20 @@ export type UISchemaSubmitButtonOptions = {
     /** The class name for the submit button */
     className?: string;
   };
-};
+}
 
 /** Represents a primitive JSON Schema enum value */
 export type EnumValue = string | number | boolean;
 
 /** This type represents an element used to render an enum option */
-export type EnumOptionsType<S extends StrictRJSFSchema = RJSFSchema> = {
+export interface EnumOptionsType<S extends StrictRJSFSchema = RJSFSchema> {
   /** The value for the enum option */
   value: any;
   /** The label for the enum options */
   label: string;
   /** The schema associated with the enum option when the option represents a `oneOf` or `anyOf` choice */
   schema?: S;
-};
+}
 
 /** This type remaps the keys of `Type` to prepend `ui:` onto them. As a result it does not need to be exported */
 type MakeUIType<Type> = {
@@ -1155,10 +1184,7 @@ export type UIOptionsType<
   T = any,
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
-> = UIOptionsBaseType<T, S, F> & {
-  /** Anything else will be one of these types */
-  [key: string]: boolean | number | string | object | any[] | null | undefined;
-};
+> = UIOptionsBaseType<T, S, F> & Record<string, boolean | number | string | object | any[] | null | undefined>;
 
 /**
  * A utility type that extracts the element type from an array type.
@@ -1172,9 +1198,11 @@ export type ArrayElement<A> = A extends readonly (infer E)[] ? E : A;
  * When a schema with a matching `$ref` is resolved, the corresponding uiSchema definition
  * is automatically applied and merged with any local uiSchema overrides.
  */
-export type UiSchemaDefinitions<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any> = {
-  [refPath: string]: UiSchema<T, S, F>;
-};
+export type UiSchemaDefinitions<
+  T = any,
+  S extends StrictRJSFSchema = RJSFSchema,
+  F extends FormContextType = any,
+> = Record<string, UiSchema<T, S, F>>;
 
 /** Type describing the well-known properties of the `UiSchema` while also supporting all user defined properties,
  * starting with `ui:`.
@@ -1238,12 +1266,12 @@ export type ErrorTransformer<T = any, S extends StrictRJSFSchema = RJSFSchema, F
 ) => RJSFValidationError[];
 
 /** The type that describes the data that is returned from the `ValidatorType.validateFormData()` function */
-export type ValidationData<T> = {
+export interface ValidationData<T> {
   /** The validation errors as a list of `RJSFValidationError` objects */
   errors: RJSFValidationError[];
   /** The validation errors in the form of an `ErrorSchema` */
   errorSchema: ErrorSchema<T>;
-};
+}
 
 /** The interface that describes the validation functions that are provided by a Validator implementation used by the
  * schema utilities.
@@ -1477,5 +1505,6 @@ export interface SchemaUtilsType<T = any, S extends StrictRJSFSchema = RJSFSchem
    * @returns - The `PathSchema` object for the `schema`
    * @deprecated - To be removed as an exported `@rjsf/utils` function in a future release
    */
+  // oxlint-disable-next-line typescript/no-deprecated
   toPathSchema(schema: S, name?: string, formData?: T): PathSchema<T>;
 }

package/src/unwrapErrorHandler.ts

@@ -1,6 +1,6 @@
 import isPlainObject from 'lodash/isPlainObject';
 
-import { ErrorSchema, FormValidation, GenericObjectType } from './types';
+import type { ErrorSchema, FormValidation, GenericObjectType } from './types';
 
 /** Unwraps the `errorHandler` structure into the associated `ErrorSchema`, stripping the `addError()` functions from it
  *
@@ -8,18 +8,17 @@ import { ErrorSchema, FormValidation, GenericObjectType } from './types';
  * @returns - The `ErrorSchema` resulting from the stripping of the `addError()` function
  */
 export default function unwrapErrorHandler<T = any>(errorHandler: FormValidation<T>): ErrorSchema<T> {
-  return Object.keys(errorHandler).reduce((acc, key) => {
+  return Object.keys(errorHandler).reduce<ErrorSchema<T>>((acc, key) => {
     if (key === 'addError') {
       return acc;
-    } else {
-      const childSchema = (errorHandler as GenericObjectType)[key];
-      if (isPlainObject(childSchema)) {
-        return {
-          ...acc,
-          [key]: unwrapErrorHandler(childSchema),
-        };
-      }
-      return { ...acc, [key]: childSchema };
     }
-  }, {} as ErrorSchema<T>);
+    const childSchema = (errorHandler as GenericObjectType)[key];
+    if (isPlainObject(childSchema)) {
+      return {
+        ...acc,
+        [key]: unwrapErrorHandler(childSchema),
+      };
+    }
+    return { ...acc, [key]: childSchema };
+  }, {});
 }

package/src/useAltDateWidgetProps.tsx

@@ -1,13 +1,15 @@
 'use client';
 
-import { MouseEvent, useCallback, useEffect, useMemo, useState } from 'react';
+import type { MouseEvent } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import dateRangeOptions from './dateRangeOptions';
-import getDateElementProps, { DateElementFormat, DateElementProp } from './getDateElementProps';
+import type { DateElementFormat, DateElementProp } from './getDateElementProps';
+import getDateElementProps from './getDateElementProps';
 import { ariaDescribedByIds } from './idGenerators';
 import parseDateString from './parseDateString';
 import toDateString from './toDateString';
-import { DateObject, FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from './types';
+import type { DateObject, FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from './types';
 
 /** Function that checks to see if a `DateObject` is ready for the onChange callback to be triggered
  *
@@ -58,7 +60,7 @@ export function DateElement<T = any, S extends StrictRJSFSchema = RJSFSchema, F
   } = props;
   const id = `${rootId}_${type}`;
   const { SelectWidget } = registry.widgets;
-  const onChange = useCallback((value: any) => select(type as keyof DateObject, value), [select, type]);
+  const onChange = useCallback((newValue: any) => select(type as keyof DateObject, newValue), [select, type]);
   return (
     <SelectWidget
       schema={{ type: 'integer' } as S}
@@ -82,7 +84,7 @@ export function DateElement<T = any, S extends StrictRJSFSchema = RJSFSchema, F
 }
 
 /** The result of a call to the `useAltDateWidgetProps()` hook */
-export type UseAltDateWidgetResult = {
+export interface UseAltDateWidgetResult {
   /** The list of `DateElementProp` data to render for the `AltDateWidget` */
   elements: DateElementProp[];
   /** The callback that handles the changing of DateElement components */
@@ -91,7 +93,7 @@ export type UseAltDateWidgetResult = {
   handleClear: (event: MouseEvent) => void;
   /** The callback that will set the `AltDateWidget` to NOW when a button is clicked */
   handleSetNow: (event: MouseEvent) => void;
-};
+}
 
 /** Hook which encapsulates the logic needed to render an `AltDateWidget` with optional `time` elements. It contains
  * the `state` of the current date(/time) selections in the widget. It returns a `UseAltDateWidgetResult` object
@@ -113,10 +115,10 @@ export default function useAltDateWidgetProps<
   }, [time, value]);
 
   const handleChange = useCallback(
-    (property: keyof DateObject, value?: string) => {
+    (property: keyof DateObject, newValue?: string) => {
       const nextState = {
         ...state,
-        [property]: typeof value === 'undefined' ? -1 : value,
+        [property]: typeof newValue === 'undefined' ? -1 : newValue,
       };
 
       if (readyForChange(nextState)) {

package/src/useFileWidgetProps.ts

@@ -5,7 +5,7 @@ import { useCallback, useMemo } from 'react';
 import dataURItoBlob from './dataURItoBlob';
 
 /** The information about files used by a FileWidget */
-export type FileInfoType = {
+export interface FileInfoType {
   /** The url of the data containing the file */
   dataURL?: string | null;
   /** The name of the file */
@@ -14,7 +14,7 @@ export type FileInfoType = {
   size: number;
   /** The type of the file */
   type: string;
-};
+}
 
 export interface UseFileWidgetPropsResult {
   /** The list of FileInfoType contained within the FileWidget */
@@ -40,7 +40,7 @@ function addNameToDataURL(dataURL: string, name: string) {
  * @param file - The `File` information to read
  * @returns - A promise that resolves to the read file.
  */
-function processFile(file: File): Promise<FileInfoType> {
+async function processFile(file: File): Promise<FileInfoType> {
   const { name, size, type } = file;
   return new Promise((resolve, reject) => {
     const reader = new window.FileReader();
@@ -71,7 +71,7 @@ function processFile(file: File): Promise<FileInfoType> {
  * @param files - The list of files to read
  * @returns - The list of read files
  */
-function processFiles(files: FileList) {
+async function processFiles(files: FileList) {
   return Promise.all(Array.from(files).map(processFile));
 }
 
@@ -81,7 +81,7 @@ function processFiles(files: FileList) {
  * @returns - The list of `FileInfoType` objects extracted from the data urls
  */
 function extractFileInfo(dataURLs: string[]): FileInfoType[] {
-  return dataURLs.reduce((acc, dataURL) => {
+  return dataURLs.reduce<FileInfoType[]>((acc, dataURL) => {
     if (!dataURL) {
       return acc;
     }
@@ -91,7 +91,7 @@ function extractFileInfo(dataURLs: string[]): FileInfoType[] {
         ...acc,
         {
           dataURL,
-          name: name,
+          name,
           size: blob.size,
           type: blob.type,
         },
@@ -100,7 +100,7 @@ function extractFileInfo(dataURLs: string[]): FileInfoType[] {
       // Invalid dataURI, so just ignore it.
       return acc;
     }
-  }, [] as FileInfoType[]);
+  }, []);
 }
 
 /** Hook which encapsulates the logic needed to read and convert a `value` of `File` or `File[]` into the

package/src/validationDataMerge.ts

@@ -2,7 +2,7 @@ import isEmpty from 'lodash/isEmpty';
 
 import mergeObjects from './mergeObjects';
 import toErrorList from './toErrorList';
-import { ErrorSchema, ValidationData } from './types';
+import type { ErrorSchema, ValidationData } from './types';
 
 /** Merges the errors in `additionalErrorSchema` into the existing `validationData` by combining the hierarchies in the
  * two `ErrorSchema`s and then appending the error list from the `additionalErrorSchema` obtained by calling