@rjsf/mantine 6.4.1 → 6.5.0

package/dist/mantine.esm.js

@@ -248,17 +248,20 @@ function BaseInputTemplate(props) {
     error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
     list: schema.examples ? examplesId(id) : void 0
   };
+  const { min, max, ...restInputProps } = inputProps;
   const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ jsx4(
     NumberInput,
     {
       onChange: !readonly ? handleNumberChange : void 0,
       ...componentProps,
-      ...inputProps,
+      ...restInputProps,
       ...themeProps,
       step: typeof inputProps.step === "number" ? inputProps.step : 1,
       type: "text",
       description,
       value,
+      min: typeof min === "number" ? min : void 0,
+      max: typeof max === "number" ? max : void 0,
       "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
     }
   ) : /* @__PURE__ */ jsx4(
@@ -858,7 +861,8 @@ function WrapIfAdditionalTemplate(props) {
           id: `${id}-key`,
           name: `${id}-key`,
           onBlur: !readonly ? onKeyRenameBlur : void 0
-        }
+        },
+        label
       ) }),
       /* @__PURE__ */ jsx18(Grid4.Col, { span: 6, className: "form-additional", children })
     ] }),
@@ -1154,8 +1158,10 @@ function TimeWidget(props) {
 import { useCallback as useCallback4 } from "react";
 import {
   ariaDescribedByIds as ariaDescribedByIds5,
-  enumOptionsValueForIndex,
+  enumOptionValueDecoder,
+  enumOptionValueEncoder,
   enumOptionsIndexForValue,
+  getOptionValueFormat,
   optionId,
   titleId as titleId4
 } from "@rjsf/utils";
@@ -1179,30 +1185,31 @@ function CheckboxesWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = getOptionValueFormat(options);
   const themeProps = cleanupOptions(options);
   const handleChange = useCallback4(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+        onChange(enumOptionValueDecoder(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onChange, disabled, readonly, enumOptions, emptyValue]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
   const handleBlur = useCallback4(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+        onBlur(id, enumOptionValueDecoder(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onBlur, id, enumOptions, emptyValue]
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
   const handleFocus = useCallback4(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+        onFocus(id, enumOptionValueDecoder(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onFocus, id, enumOptions, emptyValue]
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
   return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
@@ -1223,7 +1230,7 @@ function CheckboxesWidget(props) {
           {
             id: optionId(id, i),
             name: htmlName || id,
-            value: String(i),
+            value: enumOptionValueEncoder(option.value, i, optionValueFormat),
             label: option.label,
             disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
             autoFocus: i === 0 && autofocus,
@@ -1538,8 +1545,10 @@ function PasswordWidget(props) {
 import { useCallback as useCallback9 } from "react";
 import {
   ariaDescribedByIds as ariaDescribedByIds10,
+  enumOptionValueDecoder as enumOptionValueDecoder2,
+  enumOptionValueEncoder as enumOptionValueEncoder2,
   enumOptionsIndexForValue as enumOptionsIndexForValue2,
-  enumOptionsValueForIndex as enumOptionsValueForIndex2,
+  getOptionValueFormat as getOptionValueFormat2,
   optionId as optionId2
 } from "@rjsf/utils";
 import { Radio, Flex as Flex5 } from "@mantine/core";
@@ -1562,30 +1571,31 @@ function RadioWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = getOptionValueFormat2(options);
   const themeProps = cleanupOptions(options);
   const handleChange = useCallback9(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange(enumOptionsValueForIndex2(nextValue, enumOptions, emptyValue));
+        onChange(enumOptionValueDecoder2(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onChange, disabled, readonly, enumOptions, emptyValue]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
   const handleBlur = useCallback9(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
+        onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onBlur, id, enumOptions, emptyValue]
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
   const handleFocus = useCallback9(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
+        onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onFocus, id, enumOptions, emptyValue]
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
   const selected = enumOptionsIndexForValue2(value, enumOptions);
   return /* @__PURE__ */ jsx30(
@@ -1605,7 +1615,7 @@ function RadioWidget(props) {
         Radio,
         {
           id: optionId2(id, i),
-          value: String(i),
+          value: enumOptionValueEncoder2(option.value, i, optionValueFormat),
           label: option.label,
           disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
           autoFocus: i === 0 && autofocus,
@@ -1694,8 +1704,10 @@ function RangeWidget(props) {
 import { useCallback as useCallback11, useMemo } from "react";
 import {
   ariaDescribedByIds as ariaDescribedByIds12,
-  enumOptionsIndexForValue as enumOptionsIndexForValue3,
-  enumOptionsValueForIndex as enumOptionsValueForIndex3,
+  enumOptionSelectedValue,
+  enumOptionValueDecoder as enumOptionValueDecoder3,
+  enumOptionValueEncoder as enumOptionValueEncoder3,
+  getOptionValueFormat as getOptionValueFormat3,
   labelValue as labelValue8
 } from "@rjsf/utils";
 import { Select as Select2, MultiSelect } from "@mantine/core";
@@ -1720,64 +1732,72 @@ function SelectWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
+  const optionValueFormat = getOptionValueFormat3(options);
   const themeProps = cleanupOptions(options);
   const handleChange = useCallback11(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange(enumOptionsValueForIndex3(nextValue, enumOptions, emptyValue));
+        onChange(enumOptionValueDecoder3(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onChange, disabled, readonly, enumOptions, emptyValue]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
   const handleBlur = useCallback11(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, enumOptionsValueForIndex3(target && target.value, enumOptions, emptyValue));
+        onBlur(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onBlur, id, enumOptions, emptyValue]
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
   const handleFocus = useCallback11(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, enumOptionsValueForIndex3(target && target.value, enumOptions, emptyValue));
+        onFocus(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onFocus, id, enumOptions, emptyValue]
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const selectedIndexes = enumOptionsIndexForValue3(value, enumOptions, multiple);
   const selectOptions = useMemo(() => {
     if (Array.isArray(enumOptions)) {
       return enumOptions.map((option, index) => ({
         key: String(index),
-        value: String(index),
+        value: enumOptionValueEncoder3(option.value, index, optionValueFormat),
         label: option.label,
         disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1
       }));
     }
     return [];
-  }, [enumDisabled, enumOptions]);
-  const Component = multiple ? MultiSelect : Select2;
-  return /* @__PURE__ */ jsx32(
-    Component,
+  }, [enumDisabled, enumOptions, optionValueFormat]);
+  const sharedProps = {
+    id,
+    name: htmlName || id,
+    label: labelValue8(label || void 0, hideLabel, false),
+    data: selectOptions,
+    onChange: !readonly ? handleChange : void 0,
+    onBlur: !readonly ? handleBlur : void 0,
+    onFocus: !readonly ? handleFocus : void 0,
+    autoFocus: autofocus,
+    placeholder,
+    disabled: disabled || readonly,
+    required,
+    error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
+    searchable: true,
+    "aria-describedby": ariaDescribedByIds12(id),
+    comboboxProps: { withinPortal: false },
+    ...themeProps
+  };
+  return multiple ? /* @__PURE__ */ jsx32(
+    MultiSelect,
     {
-      id,
-      name: htmlName || id,
-      label: labelValue8(label || void 0, hideLabel, false),
-      data: selectOptions,
-      value: multiple ? selectedIndexes : selectedIndexes,
-      onChange: !readonly ? handleChange : void 0,
-      onBlur: !readonly ? handleBlur : void 0,
-      onFocus: !readonly ? handleFocus : void 0,
-      autoFocus: autofocus,
-      placeholder,
-      disabled: disabled || readonly,
-      required,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      searchable: true,
-      ...themeProps,
-      "aria-describedby": ariaDescribedByIds12(id),
-      comboboxProps: { withinPortal: false }
+      ...sharedProps,
+      value: enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, [])
+    }
+  ) : /* @__PURE__ */ jsx32(
+    Select2,
+    {
+      ...sharedProps,
+      value: enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null)
     }
   );
 }