@rjsf/mantine 6.6.0 → 6.6.2

package/dist/index.cjs

@@ -235,12 +235,12 @@ function BaseInputTemplate(props) {
   const inputProps = (0, import_utils4.getInputProps)(schema, type, options, false);
   const description = hideLabel ? void 0 : options.description || schema.description;
   const themeProps = cleanupOptions(options);
-  const handleNumberChange = (0, import_react.useCallback)((value2) => onChange(value2), [onChange]);
+  const handleNumberChange = (0, import_react.useCallback)((newValue) => onChange(newValue), [onChange]);
   const handleChange = (0, import_react.useCallback)(
     (e) => {
-      const handler = onChangeOverride ? onChangeOverride : onChange;
-      const value2 = e.target.value === "" ? options.emptyValue : e.target.value;
-      handler(value2);
+      const handler = onChangeOverride || onChange;
+      const newValue = e.target.value === "" ? options.emptyValue : e.target.value;
+      handler(newValue);
     },
     [onChange, onChangeOverride, options]
   );
@@ -462,10 +462,11 @@ function ExclamationCircle({ size, style, ...others }) {
 }
 
 // src/templates/ButtonTemplates/IconButton.tsx
+var import_react2 = require("react");
 var import_core6 = require("@mantine/core");
 var import_utils6 = require("@rjsf/utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-function IconButton(props) {
+function IconButtonFn(props) {
   const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_core6.ActionIcon,
@@ -478,13 +479,16 @@ function IconButton(props) {
     }
   );
 }
-function CopyButton(props) {
+var IconButton = (0, import_react2.memo)(IconButtonFn);
+var IconButton_default = IconButton;
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Copy, {}) });
 }
-function MoveDownButton(props) {
+var CopyButton = (0, import_react2.memo)(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -498,7 +502,8 @@ function MoveDownButton(props) {
     }
   );
 }
-function MoveUpButton(props) {
+var MoveDownButton = (0, import_react2.memo)(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -512,7 +517,8 @@ function MoveUpButton(props) {
     }
   );
 }
-function RemoveButton(props) {
+var MoveUpButton = (0, import_react2.memo)(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -527,12 +533,14 @@ function RemoveButton(props) {
     }
   );
 }
-function ClearButton(props) {
+var RemoveButton = (0, import_react2.memo)(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(X, {}) });
 }
+var ClearButton = (0, import_react2.memo)(ClearButtonFn);
 
 // src/templates/ButtonTemplates/AddButton.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -540,7 +548,7 @@ function AddButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Plus, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton_default, { title: translateString(import_utils7.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Plus, {}) });
 }
 
 // src/templates/ButtonTemplates/SubmitButton.tsx
@@ -597,7 +605,10 @@ function ErrorList({
       variant: "transparent",
       title: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.Title, { order: 5, fw: "normal", children: translateString(import_utils9.TranslatableString.ErrorsLabel) }),
       icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExclamationCircle, {}),
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List, { children: errors.map((error, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List.Item, { c: "red", children: error.stack }, `error-${index}`)
+      )) })
     }
   );
 }
@@ -605,7 +616,10 @@ function ErrorList({
 // src/templates/FieldErrorTemplate.tsx
 var import_core11 = require("@mantine/core");
 var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime11 = (
+  // oxlint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
 function FieldErrorTemplate({ errors, fieldPathId }) {
   if (!errors || !errors.length) {
     return null;
@@ -804,7 +818,8 @@ function OptionalDataControlsTemplate(props) {
         title: label
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       RemoveButton,
       {
@@ -931,7 +946,7 @@ var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"), 1);
 
 // src/widgets/CheckboxesWidget.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_core20 = require("@mantine/core");
 var import_utils15 = require("@rjsf/utils");
 var import_jsx_runtime20 = require("react/jsx-runtime");
@@ -955,7 +970,7 @@ function CheckboxesWidget(props) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const optionValueFormat = (0, import_utils15.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react2.useCallback)(
+  const handleChange = (0, import_react3.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange((0, import_utils15.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
@@ -963,7 +978,7 @@ function CheckboxesWidget(props) {
     },
     [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleBlur = (0, import_react2.useCallback)(
+  const handleBlur = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, (0, import_utils15.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
@@ -971,7 +986,7 @@ function CheckboxesWidget(props) {
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleFocus = (0, import_react2.useCallback)(
+  const handleFocus = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, (0, import_utils15.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
@@ -1000,12 +1015,12 @@ function CheckboxesWidget(props) {
             name: htmlName || id,
             value: (0, import_utils15.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
           },
-          i
+          String(option.value)
         )) }) : null
       }
     )
@@ -1013,7 +1028,7 @@ function CheckboxesWidget(props) {
 }
 
 // src/widgets/CheckboxWidget.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_core21 = require("@mantine/core");
 var import_utils17 = require("@rjsf/utils");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -1043,7 +1058,7 @@ function CheckboxWidget(props) {
     registry,
     options
   );
-  const handleCheckboxChange = (0, import_react3.useCallback)(
+  const handleCheckboxChange = (0, import_react4.useCallback)(
     (e) => {
       if (!disabled && !readonly && onChange) {
         onChange(e.currentTarget.checked);
@@ -1051,7 +1066,7 @@ function CheckboxWidget(props) {
     },
     [onChange, disabled, readonly]
   );
-  const handleBlur = (0, import_react3.useCallback)(
+  const handleBlur = (0, import_react4.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target.checked);
@@ -1059,7 +1074,7 @@ function CheckboxWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react3.useCallback)(
+  const handleFocus = (0, import_react4.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target.checked);
@@ -1100,7 +1115,7 @@ function CheckboxWidget(props) {
 }
 
 // src/widgets/ColorWidget.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_core22 = require("@mantine/core");
 var import_utils18 = require("@rjsf/utils");
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -1123,13 +1138,13 @@ function ColorWidget(props) {
     onFocus
   } = props;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react4.useCallback)(
+  const handleChange = (0, import_react5.useCallback)(
     (nextValue) => {
       onChange(nextValue);
     },
     [onChange]
   );
-  const handleBlur = (0, import_react4.useCallback)(
+  const handleBlur = (0, import_react5.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1137,7 +1152,7 @@ function ColorWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react4.useCallback)(
+  const handleFocus = (0, import_react5.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);
@@ -1187,34 +1202,40 @@ function AltDateWidget(props) {
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
       elements.map((elemProps, i) => {
         const elemId = `${id}_${elemProps.type}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_core23.Select,
-          {
-            id: elemId,
-            name: elemId,
-            placeholder: elemProps.type,
-            disabled: disabled || readonly,
-            data: (0, import_utils20.dateRangeOptions)(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
-            value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
-            onChange: (v) => handleChange(elemProps.type, v || void 0),
-            searchable: false,
-            allowDeselect: false,
-            comboboxProps: { withinPortal: false },
-            "aria-describedby": (0, import_utils20.ariaDescribedByIds)(elemId)
-          }
-        ) }, i);
+        return (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_core23.Select,
+            {
+              id: elemId,
+              name: elemId,
+              placeholder: elemProps.type,
+              disabled: disabled || readonly,
+              data: (0, import_utils20.dateRangeOptions)(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
+              value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
+              onChange: (v) => handleChange(elemProps.type, v || void 0),
+              searchable: false,
+              allowDeselect: false,
+              comboboxProps: { withinPortal: false },
+              "aria-describedby": (0, import_utils20.ariaDescribedByIds)(elemId)
+            }
+          ) }, i)
+        );
       }),
       /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Group, { wrap: "nowrap", gap: 3, children: [
         (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils20.TranslatableString.NowLabel) }),
         (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils20.TranslatableString.ClearLabel) })
       ] })
     ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+    ))
   ] });
 }
 
 // src/widgets/DateTime/DateTimeInput.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_dates = require("@mantine/dates");
 var import_utils21 = require("@rjsf/utils");
 var import_dayjs = __toESM(require("dayjs"), 1);
@@ -1252,18 +1273,18 @@ function DateTimeInput(props) {
     valueFormat,
     displayFormat
   } = props;
-  const handleChange = (0, import_react5.useCallback)(
+  const handleChange = (0, import_react6.useCallback)(
     (nextValue) => {
       onChange(dateFormat(nextValue, valueFormat));
     },
     [onChange, valueFormat]
   );
-  const handleBlur = (0, import_react5.useCallback)(() => {
+  const handleBlur = (0, import_react6.useCallback)(() => {
     if (onBlur) {
       onBlur(id, value);
     }
   }, [onBlur, id, value]);
-  const handleFocus = (0, import_react5.useCallback)(() => {
+  const handleFocus = (0, import_react6.useCallback)(() => {
     if (onFocus) {
       onFocus(id, value);
     }
@@ -1324,7 +1345,7 @@ function DateTimeWidget(props) {
 }
 
 // src/widgets/DateTime/TimeWidget.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_dates2 = require("@mantine/dates");
 var import_utils22 = require("@rjsf/utils");
 var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -1347,13 +1368,13 @@ function TimeWidget(props) {
     onFocus
   } = props;
   const emptyValue = options.emptyValue || "";
-  const handleChange = (0, import_react6.useCallback)(
+  const handleChange = (0, import_react7.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);
     },
     [onChange, emptyValue]
   );
-  const handleBlur = (0, import_react6.useCallback)(
+  const handleBlur = (0, import_react7.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1361,7 +1382,7 @@ function TimeWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react6.useCallback)(
+  const handleFocus = (0, import_react7.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);
@@ -1392,10 +1413,13 @@ function TimeWidget(props) {
 }
 
 // src/widgets/FileWidget.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_core24 = require("@mantine/core");
 var import_utils23 = require("@rjsf/utils");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime29 = (
+  // oxlint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
 function FileWidget(props) {
   const {
     id,
@@ -1415,7 +1439,7 @@ function FileWidget(props) {
   } = props;
   const { filesInfo, handleChange, handleRemove } = (0, import_utils23.useFileWidgetProps)(value, onChange, multiple);
   const themeProps = cleanupOptions(options);
-  const handleOnChange = (0, import_react7.useCallback)(
+  const handleOnChange = (0, import_react8.useCallback)(
     (files) => {
       if (typeof files === "object") {
         void handleChange(files);
@@ -1423,7 +1447,7 @@ function FileWidget(props) {
     },
     [handleChange]
   );
-  const ValueComponent = (0, import_react7.useCallback)(() => {
+  const ValueComponent = (0, import_react8.useCallback)(() => {
     if (Array.isArray(filesInfo) && filesInfo.length > 0) {
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core24.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core24.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
     }
@@ -1451,7 +1475,7 @@ function FileWidget(props) {
 }
 
 // src/widgets/PasswordWidget.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_core25 = require("@mantine/core");
 var import_utils25 = require("@rjsf/utils");
 var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -1473,15 +1497,15 @@ function PasswordWidget(props) {
     onBlur,
     onFocus
   } = props;
-  const emptyValue = options.emptyValue;
+  const { emptyValue } = options;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react8.useCallback)(
+  const handleChange = (0, import_react9.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);
     },
     [onChange, emptyValue]
   );
-  const handleBlur = (0, import_react8.useCallback)(
+  const handleBlur = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1489,7 +1513,7 @@ function PasswordWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react8.useCallback)(
+  const handleFocus = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);
@@ -1519,7 +1543,7 @@ function PasswordWidget(props) {
 }
 
 // src/widgets/RadioWidget.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_core26 = require("@mantine/core");
 var import_utils27 = require("@rjsf/utils");
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -1543,7 +1567,7 @@ function RadioWidget(props) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const optionValueFormat = (0, import_utils27.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react9.useCallback)(
+  const handleChange = (0, import_react10.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange((0, import_utils27.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
@@ -1551,7 +1575,7 @@ function RadioWidget(props) {
     },
     [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleBlur = (0, import_react9.useCallback)(
+  const handleBlur = (0, import_react10.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, (0, import_utils27.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
@@ -1559,7 +1583,7 @@ function RadioWidget(props) {
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleFocus = (0, import_react9.useCallback)(
+  const handleFocus = (0, import_react10.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, (0, import_utils27.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
@@ -1587,19 +1611,19 @@ function RadioWidget(props) {
           id: (0, import_utils27.optionId)(id, i),
           value: (0, import_utils27.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
         },
-        i
+        String(option.value)
       )) }) : null
     }
   );
 }
 
 // src/widgets/RangeWidget.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_core27 = require("@mantine/core");
 var import_utils29 = require("@rjsf/utils");
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -1623,7 +1647,7 @@ function RangeWidget(props) {
   } = props;
   const themeProps = cleanupOptions(options);
   const { min, max, step } = (0, import_utils29.rangeSpec)(schema);
-  const handleChange = (0, import_react10.useCallback)(
+  const handleChange = (0, import_react11.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange(nextValue);
@@ -1631,12 +1655,12 @@ function RangeWidget(props) {
     },
     [onChange, disabled, readonly]
   );
-  const handleBlur = (0, import_react10.useCallback)(() => {
+  const handleBlur = (0, import_react11.useCallback)(() => {
     if (onBlur) {
       onBlur(id, value);
     }
   }, [onBlur, id, value]);
-  const handleFocus = (0, import_react10.useCallback)(() => {
+  const handleFocus = (0, import_react11.useCallback)(() => {
     if (onFocus) {
       onFocus(id, value);
     }
@@ -1662,12 +1686,15 @@ function RangeWidget(props) {
         "aria-describedby": (0, import_utils29.ariaDescribedByIds)(id)
       }
     ),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core27.Input.Error, { children: error }, `range-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core27.Input.Error, { children: error }, `range-widget-input-errors-${index}`)
+    ))
   ] });
 }
 
 // src/widgets/SelectWidget.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_core28 = require("@mantine/core");
 var import_utils31 = require("@rjsf/utils");
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -1693,7 +1720,7 @@ function SelectWidget(props) {
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = (0, import_utils31.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react11.useCallback)(
+  const handleChange = (0, import_react12.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange((0, import_utils31.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
@@ -1701,7 +1728,7 @@ function SelectWidget(props) {
     },
     [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleBlur = (0, import_react11.useCallback)(
+  const handleBlur = (0, import_react12.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, (0, import_utils31.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
@@ -1709,7 +1736,7 @@ function SelectWidget(props) {
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const handleFocus = (0, import_react11.useCallback)(
+  const handleFocus = (0, import_react12.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, (0, import_utils31.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
@@ -1717,13 +1744,13 @@ function SelectWidget(props) {
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const selectOptions = (0, import_react11.useMemo)(() => {
+  const selectOptions = (0, import_react12.useMemo)(() => {
     if (Array.isArray(enumOptions)) {
       return enumOptions.map((option, index) => ({
         key: String(index),
         value: (0, import_utils31.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 [];
@@ -1762,7 +1789,7 @@ function SelectWidget(props) {
 }
 
 // src/widgets/TextareaWidget.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_core29 = require("@mantine/core");
 var import_utils33 = require("@rjsf/utils");
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -1787,13 +1814,13 @@ function TextareaWidget(props) {
   } = props;
   const themeProps = cleanupOptions(options);
   const emptyValue = options?.emptyValue;
-  const handleChange = (0, import_react12.useCallback)(
+  const handleChange = (0, import_react13.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);
     },
     [onChange, emptyValue]
   );
-  const handleBlur = (0, import_react12.useCallback)(
+  const handleBlur = (0, import_react13.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1801,7 +1828,7 @@ function TextareaWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react12.useCallback)(
+  const handleFocus = (0, import_react13.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);