@rjsf/mantine 6.6.0 → 6.6.2

package/dist/mantine.esm.js

@@ -3,10 +3,7 @@ import { withTheme } from "@rjsf/core";
 
 // src/templates/ArrayFieldItemTemplate.tsx
 import { Box, Flex, Group } from "@mantine/core";
-import {
-  getTemplate,
-  getUiOptions
-} from "@rjsf/utils";
+import { getTemplate, getUiOptions } from "@rjsf/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const { buttonsProps, className, hasToolbar, index, uiSchema, registry, children } = props;
@@ -24,11 +21,7 @@ function ArrayFieldItemTemplate(props) {
 
 // src/templates/ArrayFieldTemplate.tsx
 import { Fieldset, Box as Box2, Group as Group2 } from "@mantine/core";
-import {
-  getTemplate as getTemplate2,
-  getUiOptions as getUiOptions2,
-  buttonId
-} from "@rjsf/utils";
+import { getTemplate as getTemplate2, getUiOptions as getUiOptions2, buttonId } from "@rjsf/utils";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
   const {
@@ -105,10 +98,7 @@ function ArrayFieldTemplate(props) {
 
 // src/templates/ArrayFieldTitleTemplate.tsx
 import { Grid, Title } from "@mantine/core";
-import {
-  getUiOptions as getUiOptions3,
-  titleId
-} from "@rjsf/utils";
+import { getUiOptions as getUiOptions3, titleId } from "@rjsf/utils";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldTitleTemplate(props) {
   const { fieldPathId, title, uiSchema, registry, optionalDataControl } = props;
@@ -131,12 +121,7 @@ function ArrayFieldTitleTemplate(props) {
 import { useCallback } from "react";
 import { TextInput, NumberInput } from "@mantine/core";
 import { SchemaExamples } from "@rjsf/core";
-import {
-  ariaDescribedByIds,
-  examplesId,
-  getInputProps,
-  labelValue
-} from "@rjsf/utils";
+import { ariaDescribedByIds, examplesId, getInputProps, labelValue } from "@rjsf/utils";
 
 // src/utils.ts
 var uiOptionsKeys = [
@@ -206,12 +191,12 @@ function BaseInputTemplate(props) {
   const inputProps = getInputProps(schema, type, options, false);
   const description = hideLabel ? void 0 : options.description || schema.description;
   const themeProps = cleanupOptions(options);
-  const handleNumberChange = useCallback((value2) => onChange(value2), [onChange]);
+  const handleNumberChange = useCallback((newValue) => onChange(newValue), [onChange]);
   const handleChange = 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]
   );
@@ -433,10 +418,11 @@ function ExclamationCircle({ size, style, ...others }) {
 }
 
 // src/templates/ButtonTemplates/IconButton.tsx
+import { memo } from "react";
 import { ActionIcon } from "@mantine/core";
 import { TranslatableString } from "@rjsf/utils";
 import { jsx as jsx6 } from "react/jsx-runtime";
-function IconButton(props) {
+function IconButtonFn(props) {
   const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
   return /* @__PURE__ */ jsx6(
     ActionIcon,
@@ -449,13 +435,16 @@ function IconButton(props) {
     }
   );
 }
-function CopyButton(props) {
+var IconButton = memo(IconButtonFn);
+var IconButton_default = IconButton;
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx6(Copy, {}) });
 }
-function MoveDownButton(props) {
+var CopyButton = memo(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -469,7 +458,8 @@ function MoveDownButton(props) {
     }
   );
 }
-function MoveUpButton(props) {
+var MoveDownButton = memo(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -483,7 +473,8 @@ function MoveUpButton(props) {
     }
   );
 }
-function RemoveButton(props) {
+var MoveUpButton = memo(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -498,12 +489,14 @@ function RemoveButton(props) {
     }
   );
 }
-function ClearButton(props) {
+var RemoveButton = memo(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx6(X, {}) });
 }
+var ClearButton = memo(ClearButtonFn);
 
 // src/templates/ButtonTemplates/AddButton.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -511,7 +504,7 @@ function AddButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString2.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx7(Plus, {}) });
+  return /* @__PURE__ */ jsx7(IconButton_default, { title: translateString(TranslatableString2.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx7(Plus, {}) });
 }
 
 // src/templates/ButtonTemplates/SubmitButton.tsx
@@ -568,7 +561,10 @@ function ErrorList({
       variant: "transparent",
       title: /* @__PURE__ */ jsx10(Title2, { order: 5, fw: "normal", children: translateString(TranslatableString3.ErrorsLabel) }),
       icon: /* @__PURE__ */ jsx10(ExclamationCircle, {}),
-      children: /* @__PURE__ */ jsx10(List, { children: errors.map((error, index) => /* @__PURE__ */ jsx10(List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+      children: /* @__PURE__ */ jsx10(List, { children: errors.map((error, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsx10(List.Item, { c: "red", children: error.stack }, `error-${index}`)
+      )) })
     }
   );
 }
@@ -582,7 +578,10 @@ function FieldErrorTemplate({ errors, fieldPathId }) {
     return null;
   }
   const id = errorId(fieldPathId);
-  return /* @__PURE__ */ jsx11(Box3, { id, c: "red", display: "none", children: /* @__PURE__ */ jsx11(List2, { children: errors.map((error, index) => /* @__PURE__ */ jsx11(List2.Item, { children: error }, `field-error-${index}`)) }) });
+  return /* @__PURE__ */ jsx11(Box3, { id, c: "red", display: "none", children: /* @__PURE__ */ jsx11(List2, { children: errors.map((error, index) => (
+    // oxlint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ jsx11(List2.Item, { children: error }, `field-error-${index}`)
+  )) }) });
 }
 
 // src/templates/FieldHelpTemplate.tsx
@@ -600,10 +599,7 @@ function FieldHelpTemplate(props) {
 
 // src/templates/FieldTemplate.tsx
 import { Box as Box4 } from "@mantine/core";
-import {
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions4
-} from "@rjsf/utils";
+import { getTemplate as getTemplate3, getUiOptions as getUiOptions4 } from "@rjsf/utils";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
@@ -680,14 +676,7 @@ function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
 
 // src/templates/ObjectFieldTemplate.tsx
 import { Box as Box5, Container as Container2, Group as Group3, SimpleGrid } from "@mantine/core";
-import {
-  buttonId as buttonId2,
-  canExpand,
-  descriptionId,
-  getTemplate as getTemplate4,
-  getUiOptions as getUiOptions5,
-  titleId as titleId2
-} from "@rjsf/utils";
+import { buttonId as buttonId2, canExpand, descriptionId, getTemplate as getTemplate4, getUiOptions as getUiOptions5, titleId as titleId2 } from "@rjsf/utils";
 import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
@@ -785,7 +774,8 @@ function OptionalDataControlsTemplate(props) {
         title: label
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ jsx16(
       RemoveButton,
       {
@@ -818,12 +808,7 @@ function TitleField(props) {
 
 // src/templates/WrapIfAdditionalTemplate.tsx
 import { Flex as Flex2, Grid as Grid4, TextInput as TextInput2 } from "@mantine/core";
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  UI_OPTIONS_KEY,
-  buttonId as buttonId3,
-  TranslatableString as TranslatableString4
-} from "@rjsf/utils";
+import { ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, buttonId as buttonId3, TranslatableString as TranslatableString4 } from "@rjsf/utils";
 import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
@@ -994,12 +979,12 @@ function CheckboxesWidget(props) {
             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
           },
-          i
+          String(option.value)
         )) }) : null
       }
     )
@@ -1009,12 +994,7 @@ function CheckboxesWidget(props) {
 // src/widgets/CheckboxWidget.tsx
 import { useCallback as useCallback3 } from "react";
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import {
-  descriptionId as descriptionId2,
-  getTemplate as getTemplate5,
-  labelValue as labelValue2,
-  ariaDescribedByIds as ariaDescribedByIds3
-} from "@rjsf/utils";
+import { descriptionId as descriptionId2, getTemplate as getTemplate5, labelValue as labelValue2, ariaDescribedByIds as ariaDescribedByIds3 } from "@rjsf/utils";
 import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
@@ -1101,10 +1081,7 @@ function CheckboxWidget(props) {
 // src/widgets/ColorWidget.tsx
 import { useCallback as useCallback4 } from "react";
 import { ColorInput } from "@mantine/core";
-import {
-  labelValue as labelValue3,
-  ariaDescribedByIds as ariaDescribedByIds4
-} from "@rjsf/utils";
+import { labelValue as labelValue3, ariaDescribedByIds as ariaDescribedByIds4 } from "@rjsf/utils";
 import { jsx as jsx21 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const {
@@ -1178,13 +1155,7 @@ function AltDateTimeWidget(props) {
 
 // src/widgets/DateTime/AltDateWidget.tsx
 import { Flex as Flex4, Box as Box6, Group as Group4, Button as Button2, Select, Input as Input2 } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds5,
-  dateRangeOptions,
-  titleId as titleId4,
-  TranslatableString as TranslatableString5,
-  useAltDateWidgetProps
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds5, dateRangeOptions, titleId as titleId4, TranslatableString as TranslatableString5, useAltDateWidgetProps } from "@rjsf/utils";
 import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function AltDateWidget(props) {
   const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
@@ -1195,39 +1166,42 @@ function AltDateWidget(props) {
     /* @__PURE__ */ jsxs13(Flex4, { gap: "xs", align: "center", wrap: "nowrap", children: [
       elements.map((elemProps, i) => {
         const elemId = `${id}_${elemProps.type}`;
-        return /* @__PURE__ */ jsx23(Box6, { children: /* @__PURE__ */ jsx23(
-          Select,
-          {
-            id: elemId,
-            name: elemId,
-            placeholder: elemProps.type,
-            disabled: disabled || readonly,
-            data: 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": ariaDescribedByIds5(elemId)
-          }
-        ) }, i);
+        return (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsx23(Box6, { children: /* @__PURE__ */ jsx23(
+            Select,
+            {
+              id: elemId,
+              name: elemId,
+              placeholder: elemProps.type,
+              disabled: disabled || readonly,
+              data: 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": ariaDescribedByIds5(elemId)
+            }
+          ) }, i)
+        );
       }),
       /* @__PURE__ */ jsxs13(Group4, { wrap: "nowrap", gap: 3, children: [
         (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx23(Button2, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString5.NowLabel) }),
         (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx23(Button2, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString5.ClearLabel) })
       ] })
     ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx23(Input2.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__ */ jsx23(Input2.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+    ))
   ] });
 }
 
 // src/widgets/DateTime/DateTimeInput.tsx
 import { useCallback as useCallback5 } from "react";
 import { DateInput } from "@mantine/dates";
-import {
-  ariaDescribedByIds as ariaDescribedByIds6,
-  labelValue as labelValue4
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds6, labelValue as labelValue4 } from "@rjsf/utils";
 import dayjs from "dayjs";
 import { jsx as jsx24 } from "react/jsx-runtime";
 var dateParser = (input, format) => {
@@ -1337,10 +1311,7 @@ function DateTimeWidget(props) {
 // src/widgets/DateTime/TimeWidget.tsx
 import { useCallback as useCallback6 } from "react";
 import { TimeInput } from "@mantine/dates";
-import {
-  labelValue as labelValue5,
-  ariaDescribedByIds as ariaDescribedByIds7
-} from "@rjsf/utils";
+import { labelValue as labelValue5, ariaDescribedByIds as ariaDescribedByIds7 } from "@rjsf/utils";
 import { jsx as jsx27 } from "react/jsx-runtime";
 function TimeWidget(props) {
   const {
@@ -1408,11 +1379,7 @@ function TimeWidget(props) {
 // src/widgets/FileWidget.tsx
 import { useCallback as useCallback7 } from "react";
 import { FileInput, Pill } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds8,
-  labelValue as labelValue6,
-  useFileWidgetProps
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds8, labelValue as labelValue6, useFileWidgetProps } from "@rjsf/utils";
 import { jsx as jsx28 } from "react/jsx-runtime";
 function FileWidget(props) {
   const {
@@ -1443,7 +1410,10 @@ function FileWidget(props) {
   );
   const ValueComponent = useCallback7(() => {
     if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-      return /* @__PURE__ */ jsx28(Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ jsx28(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+      return /* @__PURE__ */ jsx28(Pill.Group, { children: filesInfo.map((file, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsx28(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)
+      )) });
     }
     return null;
   }, [handleRemove, filesInfo]);
@@ -1471,10 +1441,7 @@ function FileWidget(props) {
 // src/widgets/PasswordWidget.tsx
 import { useCallback as useCallback8 } from "react";
 import { PasswordInput } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds9,
-  labelValue as labelValue7
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds9, labelValue as labelValue7 } from "@rjsf/utils";
 import { jsx as jsx29 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const {
@@ -1494,7 +1461,7 @@ function PasswordWidget(props) {
     onBlur,
     onFocus
   } = props;
-  const emptyValue = options.emptyValue;
+  const { emptyValue } = options;
   const themeProps = cleanupOptions(options);
   const handleChange = useCallback8(
     (e) => {
@@ -1615,12 +1582,12 @@ function RadioWidget(props) {
           id: optionId2(id, i),
           value: enumOptionValueEncoder2(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
     }
   );
@@ -1629,11 +1596,7 @@ function RadioWidget(props) {
 // src/widgets/RangeWidget.tsx
 import { useCallback as useCallback10 } from "react";
 import { Slider, Input as Input3 } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds11,
-  rangeSpec,
-  titleId as titleId5
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds11, rangeSpec, titleId as titleId5 } from "@rjsf/utils";
 import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
@@ -1694,7 +1657,10 @@ function RangeWidget(props) {
         "aria-describedby": ariaDescribedByIds11(id)
       }
     ),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx31(Input3.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__ */ jsx31(Input3.Error, { children: error }, `range-widget-input-errors-${index}`)
+    ))
   ] });
 }
 
@@ -1762,7 +1728,7 @@ function SelectWidget(props) {
         key: String(index),
         value: enumOptionValueEncoder3(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 [];
@@ -1803,10 +1769,7 @@ function SelectWidget(props) {
 // src/widgets/TextareaWidget.tsx
 import { useCallback as useCallback12 } from "react";
 import { Textarea } from "@mantine/core";
-import {
-  labelValue as labelValue9,
-  ariaDescribedByIds as ariaDescribedByIds13
-} from "@rjsf/utils";
+import { labelValue as labelValue9, ariaDescribedByIds as ariaDescribedByIds13 } from "@rjsf/utils";
 import { jsx as jsx33 } from "react/jsx-runtime";
 function TextareaWidget(props) {
   const {