@rjsf/mantine 6.6.0 → 6.6.2

package/src/templates/BaseInputTemplate.tsx

@@ -1,16 +1,9 @@
-import { ChangeEvent, FocusEvent, MouseEvent, useCallback } from 'react';
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { useCallback } from 'react';
 import { TextInput, NumberInput } from '@mantine/core';
 import { SchemaExamples } from '@rjsf/core';
-import {
-  ariaDescribedByIds,
-  BaseInputTemplateProps,
-  examplesId,
-  getInputProps,
-  labelValue,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-} from '@rjsf/utils';
+import type { BaseInputTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { ariaDescribedByIds, examplesId, getInputProps, labelValue } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
 
@@ -53,13 +46,13 @@ export default function BaseInputTemplate<
   const description = hideLabel ? undefined : options.description || schema.description;
   const themeProps = cleanupOptions(options);
 
-  const handleNumberChange = useCallback((value: number | string) => onChange(value), [onChange]);
+  const handleNumberChange = useCallback((newValue: number | string) => onChange(newValue), [onChange]);
 
   const handleChange = useCallback(
     (e: ChangeEvent<HTMLInputElement>) => {
-      const handler = onChangeOverride ? onChangeOverride : onChange;
-      const value = e.target.value === '' ? options.emptyValue : e.target.value;
-      handler(value);
+      const handler = onChangeOverride || onChange;
+      const newValue = e.target.value === '' ? options.emptyValue : e.target.value;
+      handler(newValue);
     },
     [onChange, onChangeOverride, options],
   );

package/src/templates/ButtonTemplates/AddButton.tsx

@@ -1,4 +1,5 @@
-import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
+import type { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { TranslatableString } from '@rjsf/utils';
 
 import { Plus } from '../icons';
 import IconButton from './IconButton';

package/src/templates/ButtonTemplates/IconButton.tsx

@@ -1,6 +1,9 @@
-import { MouseEventHandler } from 'react';
-import { ActionIcon, ActionIconProps } from '@mantine/core';
-import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
+import type { MouseEventHandler } from 'react';
+import { memo } from 'react';
+import type { ActionIconProps } from '@mantine/core';
+import { ActionIcon } from '@mantine/core';
+import type { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { TranslatableString } from '@rjsf/utils';
 
 import { Copy, ChevronDown, ChevronUp, X } from '../icons';
 
@@ -10,7 +13,7 @@ export type MantineIconButtonProps<
   F extends FormContextType = any,
 > = IconButtonProps<T, S, F> & Omit<ActionIconProps, 'onClick'>;
 
-export default function IconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+function IconButtonFn<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: MantineIconButtonProps<T, S, F>,
 ) {
   const { icon, iconType = 'sm', color, onClick, uiSchema, registry, ...otherProps } = props;
@@ -25,8 +28,10 @@ export default function IconButton<T = any, S extends StrictRJSFSchema = RJSFSch
     </ActionIcon>
   );
 }
+const IconButton = memo(IconButtonFn) as typeof IconButtonFn;
+export default IconButton;
 
-export function CopyButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+function CopyButtonFn<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: MantineIconButtonProps<T, S, F>,
 ) {
   const {
@@ -36,8 +41,9 @@ export function CopyButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
     <IconButton title={translateString(TranslatableString.CopyButton)} variant='subtle' {...props} icon={<Copy />} />
   );
 }
+export const CopyButton = memo(CopyButtonFn) as typeof CopyButtonFn;
 
-export function MoveDownButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+function MoveDownButtonFn<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: MantineIconButtonProps<T, S, F>,
 ) {
   const {
@@ -52,8 +58,9 @@ export function MoveDownButton<T = any, S extends StrictRJSFSchema = RJSFSchema,
     />
   );
 }
+export const MoveDownButton = memo(MoveDownButtonFn) as typeof MoveDownButtonFn;
 
-export function MoveUpButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+function MoveUpButtonFn<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: MantineIconButtonProps<T, S, F>,
 ) {
   const {
@@ -68,8 +75,9 @@ export function MoveUpButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F
     />
   );
 }
+export const MoveUpButton = memo(MoveUpButtonFn) as typeof MoveUpButtonFn;
 
-export function RemoveButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+function RemoveButtonFn<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: MantineIconButtonProps<T, S, F>,
 ) {
   const {
@@ -85,15 +93,16 @@ export function RemoveButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F
     />
   );
 }
+export const RemoveButton = memo(RemoveButtonFn) as typeof RemoveButtonFn;
 
-export function ClearButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+function ClearButtonFn<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: MantineIconButtonProps<T, S, F>,
 ) {
   const {
     registry: { translateString },
   } = props;
-
   return (
     <IconButton title={translateString(TranslatableString.ClearButton)} variant='subtle' {...props} icon={<X />} />
   );
 }
+export const ClearButton = memo(ClearButtonFn) as typeof ClearButtonFn;

package/src/templates/ButtonTemplates/SubmitButton.tsx

@@ -1,5 +1,6 @@
 import { Button } from '@mantine/core';
-import { getSubmitButtonOptions, FormContextType, RJSFSchema, StrictRJSFSchema, SubmitButtonProps } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, SubmitButtonProps } from '@rjsf/utils';
+import { getSubmitButtonOptions } from '@rjsf/utils';
 
 /** The `SubmitButton` renders a button that represent the `Submit` action on a form
  */

package/src/templates/ButtonTemplates/index.ts

@@ -1,4 +1,4 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
 
 import AddButton from './AddButton';
 import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton, ClearButton } from './IconButton';

package/src/templates/DescriptionField.tsx

@@ -1,6 +1,6 @@
 import { Text } from '@mantine/core';
 import { RichDescription } from '@rjsf/core';
-import { DescriptionFieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { DescriptionFieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 /** The `DescriptionField` is the template to use to render the description of a field
  *

package/src/templates/ErrorList.tsx

@@ -1,5 +1,6 @@
 import { Alert, Title, List } from '@mantine/core';
-import { ErrorListProps, FormContextType, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils';
+import type { ErrorListProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { TranslatableString } from '@rjsf/utils';
 
 import { ExclamationCircle } from './icons';
 
@@ -26,6 +27,7 @@ export default function ErrorList<T = any, S extends StrictRJSFSchema = RJSFSche
     >
       <List>
         {errors.map((error, index) => (
+          // oxlint-disable-next-line react/no-array-index-key
           <List.Item key={`error-${index}`} c='red'>
             {error.stack}
           </List.Item>

package/src/templates/FieldErrorTemplate.tsx

@@ -1,5 +1,6 @@
 import { Box, List } from '@mantine/core';
-import { errorId, FieldErrorProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { FieldErrorProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { errorId } from '@rjsf/utils';
 
 /** The `FieldErrorTemplate` component renders the errors local to the particular field
  *
@@ -19,6 +20,7 @@ export default function FieldErrorTemplate<
     <Box id={id} c='red' display='none'>
       <List>
         {errors.map((error, index) => (
+          // oxlint-disable-next-line react/no-array-index-key
           <List.Item key={`field-error-${index}`}>{error}</List.Item>
         ))}
       </List>

package/src/templates/FieldHelpTemplate.tsx

@@ -1,6 +1,7 @@
 import { Text } from '@mantine/core';
 import { RichHelp } from '@rjsf/core';
-import { helpId, FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { helpId } from '@rjsf/utils';
 
 /** The `FieldHelpTemplate` component renders any help desired for a field
  *

package/src/templates/FieldTemplate.tsx

@@ -1,12 +1,6 @@
 import { Box } from '@mantine/core';
-import {
-  FieldTemplateProps,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  getTemplate,
-  getUiOptions,
-} from '@rjsf/utils';
+import type { FieldTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { getTemplate, getUiOptions } from '@rjsf/utils';
 
 /** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
  * content, (label, description, children, errors and help) inside a `WrapIfAdditional` component.

package/src/templates/GridTemplate.tsx

@@ -1,5 +1,5 @@
 import { Container, Grid } from '@mantine/core';
-import { GridTemplateProps } from '@rjsf/utils';
+import type { GridTemplateProps } from '@rjsf/utils';
 
 /** Renders a `GridTemplate` for mantine, which is expecting the column sizing information coming in via the
  * extra props provided by the caller, which are spread directly on the `Grid`/`Grid.Col`.

package/src/templates/MultiSchemaFieldTemplate.tsx

@@ -1,5 +1,5 @@
 import { Stack } from '@mantine/core';
-import { FormContextType, MultiSchemaFieldTemplateProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { FormContextType, MultiSchemaFieldTemplateProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 export default function MultiSchemaFieldTemplate<
   T = any,

package/src/templates/ObjectFieldTemplate.tsx

@@ -1,17 +1,13 @@
-import { Box, Container, Group, MantineSpacing, SimpleGrid } from '@mantine/core';
-import {
-  buttonId,
-  canExpand,
-  descriptionId,
+import type { MantineSpacing } from '@mantine/core';
+import { Box, Container, Group, SimpleGrid } from '@mantine/core';
+import type {
   FormContextType,
-  getTemplate,
-  getUiOptions,
   ObjectFieldTemplatePropertyType,
   ObjectFieldTemplateProps,
   RJSFSchema,
   StrictRJSFSchema,
-  titleId,
 } from '@rjsf/utils';
+import { buttonId, canExpand, descriptionId, getTemplate, getUiOptions, titleId } from '@rjsf/utils';
 
 /** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
  * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all

package/src/templates/OptionalDataControlsTemplate.tsx

@@ -1,4 +1,4 @@
-import { FormContextType, OptionalDataControlsTemplateProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { FormContextType, OptionalDataControlsTemplateProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 import AddButton from './ButtonTemplates/AddButton';
 import { RemoveButton } from './ButtonTemplates/IconButton';
@@ -28,7 +28,8 @@ export default function OptionalDataControlsTemplate<
         title={label}
       />
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return (
       <RemoveButton
         id={id}

package/src/templates/TitleField.tsx

@@ -1,5 +1,5 @@
 import { Grid, Title } from '@mantine/core';
-import { FormContextType, TitleFieldProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { FormContextType, TitleFieldProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 
 /** The `TitleField` is the template to use to render the title of a field
  *

package/src/templates/WrapIfAdditionalTemplate.tsx

@@ -1,14 +1,6 @@
 import { Flex, Grid, TextInput } from '@mantine/core';
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  UI_OPTIONS_KEY,
-  buttonId,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  TranslatableString,
-  WrapIfAdditionalTemplateProps,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WrapIfAdditionalTemplateProps } from '@rjsf/utils';
+import { ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, buttonId, TranslatableString } from '@rjsf/utils';
 
 /** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
  * part of an `additionalProperties` part of a schema.

package/src/templates/icons.tsx

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef } from 'react';
 
 interface IconProps extends ComponentPropsWithoutRef<'svg'> {
   size?: number | string;

package/src/templates/index.ts

@@ -1,4 +1,4 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
 
 import ArrayFieldItemTemplate from './ArrayFieldItemTemplate';
 import ArrayFieldTemplate from './ArrayFieldTemplate';

package/src/utils.ts

@@ -1,6 +1,6 @@
-import { UIOptionsType } from '@rjsf/utils';
+import type { UIOptionsType } from '@rjsf/utils';
 
-const uiOptionsKeys: Array<keyof UIOptionsType> = [
+const uiOptionsKeys: (keyof UIOptionsType)[] = [
   'emptyValue',
   'classNames',
   'title',

package/src/widgets/CheckboxWidget.tsx

@@ -1,15 +1,8 @@
-import { ReactElement, ChangeEvent, FocusEvent, useCallback } from 'react';
+import type { ReactElement, ChangeEvent, FocusEvent } from 'react';
+import { useCallback } from 'react';
 import { Checkbox } from '@mantine/core';
-import {
-  descriptionId,
-  getTemplate,
-  StrictRJSFSchema,
-  RJSFSchema,
-  FormContextType,
-  WidgetProps,
-  labelValue,
-  ariaDescribedByIds,
-} from '@rjsf/utils';
+import type { StrictRJSFSchema, RJSFSchema, FormContextType, WidgetProps } from '@rjsf/utils';
+import { descriptionId, getTemplate, labelValue, ariaDescribedByIds } from '@rjsf/utils';
 
 /** The `CheckBoxWidget` is a widget for rendering boolean properties.
  *  It is typically used to represent a boolean.

package/src/widgets/CheckboxesWidget.tsx

@@ -1,5 +1,7 @@
-import { FocusEvent, useCallback } from 'react';
+import type { FocusEvent } from 'react';
+import { useCallback } from 'react';
 import { Checkbox, Flex, Input } from '@mantine/core';
+import type { FormContextType, WidgetProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 import {
   ariaDescribedByIds,
   enumOptionValueDecoder,
@@ -8,10 +10,6 @@ import {
   getOptionValueFormat,
   optionId,
   titleId,
-  FormContextType,
-  WidgetProps,
-  RJSFSchema,
-  StrictRJSFSchema,
 } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
@@ -97,12 +95,12 @@ export default function CheckboxesWidget<
           <Flex mt='xs' direction={inline ? 'row' : 'column'} gap='xs' wrap='wrap'>
             {enumOptions.map((option, i) => (
               <Checkbox
-                key={i}
+                key={String(option.value)}
                 id={optionId(id, i)}
                 name={htmlName || id}
                 value={enumOptionValueEncoder(option.value, i, optionValueFormat)}
                 label={option.label}
-                disabled={Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1}
+                disabled={Array.isArray(enumDisabled) && enumDisabled.includes(option.value)}
                 autoFocus={i === 0 && autofocus}
                 onBlur={handleBlur}
                 onFocus={handleFocus}

package/src/widgets/ColorWidget.tsx

@@ -1,13 +1,8 @@
-import { FocusEvent, useCallback } from 'react';
+import type { FocusEvent } from 'react';
+import { useCallback } from 'react';
 import { ColorInput } from '@mantine/core';
-import {
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
-  labelValue,
-  ariaDescribedByIds,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { labelValue, ariaDescribedByIds } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
 

package/src/widgets/DateTime/AltDateTimeWidget.tsx

@@ -1,4 +1,4 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 
 /** The `AltDateTimeWidget` is an alternative widget for rendering datetime properties.
  *  It uses the AltDateWidget for rendering, with the `time` prop set to true by default.

package/src/widgets/DateTime/AltDateWidget.tsx

@@ -1,16 +1,6 @@
 import { Flex, Box, Group, Button, Select, Input } from '@mantine/core';
-import {
-  ariaDescribedByIds,
-  dateRangeOptions,
-  titleId,
-  DateObject,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  TranslatableString,
-  useAltDateWidgetProps,
-  WidgetProps,
-} from '@rjsf/utils';
+import type { DateObject, FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { ariaDescribedByIds, dateRangeOptions, titleId, TranslatableString, useAltDateWidgetProps } from '@rjsf/utils';
 
 /** The `AltDateWidget` is an alternative widget for rendering date properties.
  * @param props - The `WidgetProps` for this component
@@ -34,6 +24,7 @@ export default function AltDateWidget<
         {elements.map((elemProps, i) => {
           const elemId = `${id}_${elemProps.type}`;
           return (
+            // oxlint-disable-next-line react/no-array-index-key
             <Box key={i}>
               <Select
                 id={elemId}
@@ -67,6 +58,7 @@ export default function AltDateWidget<
       {rawErrors &&
         rawErrors?.length > 0 &&
         rawErrors.map((error: string, index: number) => (
+          // oxlint-disable-next-line react/no-array-index-key
           <Input.Error key={`alt-date-widget-input-errors-${index}`}>{error}</Input.Error>
         ))}
     </>

package/src/widgets/DateTime/DateTimeInput.tsx

@@ -1,13 +1,7 @@
 import { useCallback } from 'react';
 import { DateInput } from '@mantine/dates';
-import {
-  ariaDescribedByIds,
-  FormContextType,
-  labelValue,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { ariaDescribedByIds, labelValue } from '@rjsf/utils';
 import dayjs from 'dayjs';
 
 const dateParser = (input: string, format: string) => {

package/src/widgets/DateTime/DateTimeWidget.tsx

@@ -1,4 +1,4 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 
 import DateTimeInput from './DateTimeInput';
 

package/src/widgets/DateTime/DateWidget.tsx

@@ -1,4 +1,4 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 
 import DateTimeInput from './DateTimeInput';
 

package/src/widgets/DateTime/TimeWidget.tsx

@@ -1,13 +1,8 @@
-import { ChangeEvent, FocusEvent, useCallback } from 'react';
+import type { ChangeEvent, FocusEvent } from 'react';
+import { useCallback } from 'react';
 import { TimeInput } from '@mantine/dates';
-import {
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
-  labelValue,
-  ariaDescribedByIds,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { labelValue, ariaDescribedByIds } from '@rjsf/utils';
 
 /** The `TimeWidget` component uses the `TimeInput` component from `@mantine/dates` for rendering.
  *

package/src/widgets/FileWidget.tsx

@@ -1,14 +1,7 @@
 import { useCallback } from 'react';
 import { FileInput, Pill } from '@mantine/core';
-import {
-  ariaDescribedByIds,
-  FormContextType,
-  labelValue,
-  RJSFSchema,
-  StrictRJSFSchema,
-  useFileWidgetProps,
-  WidgetProps,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { ariaDescribedByIds, labelValue, useFileWidgetProps } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
 
@@ -43,6 +36,7 @@ export default function FileWidget<T = any, S extends StrictRJSFSchema = RJSFSch
     (files: any) => {
       if (typeof files === 'object') {
         // handleChange is async; DOM event handlers are void-returning, so we intentionally don't await
+        // oxlint-disable-next-line no-floating-promises, no-void
         void handleChange(files);
       }
     },
@@ -54,6 +48,7 @@ export default function FileWidget<T = any, S extends StrictRJSFSchema = RJSFSch
       return (
         <Pill.Group>
           {filesInfo.map((file, index) => (
+            // oxlint-disable-next-line react/no-array-index-key
             <Pill key={index} withRemoveButton onRemove={() => handleRemove(index)}>
               {file.name}
             </Pill>

package/src/widgets/PasswordWidget.tsx

@@ -1,13 +1,8 @@
-import { ChangeEvent, FocusEvent, useCallback } from 'react';
+import type { ChangeEvent, FocusEvent } from 'react';
+import { useCallback } from 'react';
 import { PasswordInput } from '@mantine/core';
-import {
-  ariaDescribedByIds,
-  FormContextType,
-  labelValue,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { ariaDescribedByIds, labelValue } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
 
@@ -39,7 +34,7 @@ export default function PasswordWidget<
     onFocus,
   } = props;
 
-  const emptyValue = options.emptyValue;
+  const { emptyValue } = options;
   const themeProps = cleanupOptions(options);
 
   const handleChange = useCallback(

package/src/widgets/RadioWidget.tsx

@@ -1,5 +1,7 @@
-import { FocusEvent, useCallback } from 'react';
+import type { FocusEvent } from 'react';
+import { useCallback } from 'react';
 import { Radio, Flex } from '@mantine/core';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 import {
   ariaDescribedByIds,
   enumOptionValueDecoder,
@@ -7,10 +9,6 @@ import {
   enumOptionsIndexForValue,
   getOptionValueFormat,
   optionId,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
 } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
@@ -90,11 +88,11 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
         <Flex mt='xs' direction={inline ? 'row' : 'column'} gap='xs' wrap='wrap'>
           {enumOptions.map((option, i) => (
             <Radio
-              key={i}
+              key={String(option.value)}
               id={optionId(id, i)}
               value={enumOptionValueEncoder(option.value, i, optionValueFormat)}
               label={option.label}
-              disabled={Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1}
+              disabled={Array.isArray(enumDisabled) && enumDisabled.includes(option.value)}
               autoFocus={i === 0 && autofocus}
               onBlur={handleBlur}
               onFocus={handleFocus}

package/src/widgets/RangeWidget.tsx

@@ -1,14 +1,7 @@
 import { useCallback } from 'react';
 import { Slider, Input } from '@mantine/core';
-import {
-  ariaDescribedByIds,
-  rangeSpec,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
-  titleId,
-} from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import { ariaDescribedByIds, rangeSpec, titleId } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
 
@@ -88,6 +81,7 @@ export default function RangeWidget<T = any, S extends StrictRJSFSchema = RJSFSc
       {rawErrors &&
         rawErrors?.length > 0 &&
         rawErrors.map((error: string, index: number) => (
+          // oxlint-disable-next-line react/no-array-index-key
           <Input.Error key={`range-widget-input-errors-${index}`}>{error}</Input.Error>
         ))}
     </>

package/src/widgets/SelectWidget.tsx

@@ -1,5 +1,7 @@
-import { FocusEvent, useCallback, useMemo } from 'react';
+import type { FocusEvent } from 'react';
+import { useCallback, useMemo } from 'react';
 import { Select, MultiSelect } from '@mantine/core';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 import {
   ariaDescribedByIds,
   enumOptionSelectedValue,
@@ -7,10 +9,6 @@ import {
   enumOptionValueEncoder,
   getOptionValueFormat,
   labelValue,
-  FormContextType,
-  RJSFSchema,
-  StrictRJSFSchema,
-  WidgetProps,
 } from '@rjsf/utils';
 
 import { cleanupOptions } from '../utils';
@@ -79,7 +77,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
         key: String(index),
         value: enumOptionValueEncoder(option.value, index, optionValueFormat),
         label: option.label,
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+        disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
       }));
     }
     return [];