@rjsf/mantine 6.4.2 → 6.5.0

package/dist/index.cjs

@@ -277,17 +277,20 @@ function BaseInputTemplate(props) {
     error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
     list: schema.examples ? (0, import_utils4.examplesId)(id) : void 0
   };
+  const { min, max, ...restInputProps } = inputProps;
   const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_core4.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": (0, import_utils4.ariaDescribedByIds)(id, !!schema.examples)
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -872,7 +875,8 @@ function WrapIfAdditionalTemplate(props) {
           id: `${id}-key`,
           name: `${id}-key`,
           onBlur: !readonly ? onKeyRenameBlur : void 0
-        }
+        },
+        label
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: 6, className: "form-additional", children })
     ] }),
@@ -1175,30 +1179,31 @@ function CheckboxesWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = (0, import_utils18.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react4.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils18.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+        onChange((0, import_utils18.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onChange, disabled, readonly, enumOptions, emptyValue]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
   const handleBlur = (0, import_react4.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, (0, import_utils18.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
+        onBlur(id, (0, import_utils18.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onBlur, id, enumOptions, emptyValue]
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
   const handleFocus = (0, import_react4.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, (0, import_utils18.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
+        onFocus(id, (0, import_utils18.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onFocus, id, enumOptions, emptyValue]
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
   const selectedIndexes = (0, import_utils18.enumOptionsIndexForValue)(value, enumOptions, true);
   return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
@@ -1219,7 +1224,7 @@ function CheckboxesWidget(props) {
           {
             id: (0, import_utils18.optionId)(id, i),
             name: htmlName || id,
-            value: String(i),
+            value: (0, import_utils18.enumOptionValueEncoder)(option.value, i, optionValueFormat),
             label: option.label,
             disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
             autoFocus: i === 0 && autofocus,
@@ -1538,30 +1543,31 @@ function RadioWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = (0, import_utils27.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react9.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils27.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+        onChange((0, import_utils27.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onChange, disabled, readonly, enumOptions, emptyValue]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
   const handleBlur = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, (0, import_utils27.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+        onBlur(id, (0, import_utils27.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onBlur, id, enumOptions, emptyValue]
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
   const handleFocus = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, (0, import_utils27.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+        onFocus(id, (0, import_utils27.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onFocus, id, enumOptions, emptyValue]
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
   const selected = (0, import_utils27.enumOptionsIndexForValue)(value, enumOptions);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -1581,7 +1587,7 @@ function RadioWidget(props) {
         import_core26.Radio,
         {
           id: (0, import_utils27.optionId)(id, i),
-          value: String(i),
+          value: (0, import_utils27.enumOptionValueEncoder)(option.value, i, optionValueFormat),
           label: option.label,
           disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
           autoFocus: i === 0 && autofocus,
@@ -1687,64 +1693,72 @@ function SelectWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
+  const optionValueFormat = (0, import_utils31.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react11.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils31.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+        onChange((0, import_utils31.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onChange, disabled, readonly, enumOptions, emptyValue]
+    [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
   );
   const handleBlur = (0, import_react11.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, (0, import_utils31.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+        onBlur(id, (0, import_utils31.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onBlur, id, enumOptions, emptyValue]
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
   );
   const handleFocus = (0, import_react11.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, (0, import_utils31.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+        onFocus(id, (0, import_utils31.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
-    [onFocus, id, enumOptions, emptyValue]
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const selectedIndexes = (0, import_utils31.enumOptionsIndexForValue)(value, enumOptions, multiple);
   const selectOptions = (0, import_react11.useMemo)(() => {
     if (Array.isArray(enumOptions)) {
       return enumOptions.map((option, index) => ({
         key: String(index),
-        value: String(index),
+        value: (0, import_utils31.enumOptionValueEncoder)(option.value, index, optionValueFormat),
         label: option.label,
         disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1
       }));
     }
     return [];
-  }, [enumDisabled, enumOptions]);
-  const Component = multiple ? import_core28.MultiSelect : import_core28.Select;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    Component,
+  }, [enumDisabled, enumOptions, optionValueFormat]);
+  const sharedProps = {
+    id,
+    name: htmlName || id,
+    label: (0, import_utils31.labelValue)(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": (0, import_utils31.ariaDescribedByIds)(id),
+    comboboxProps: { withinPortal: false },
+    ...themeProps
+  };
+  return multiple ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_core28.MultiSelect,
     {
-      id,
-      name: htmlName || id,
-      label: (0, import_utils31.labelValue)(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": (0, import_utils31.ariaDescribedByIds)(id),
-      comboboxProps: { withinPortal: false }
+      ...sharedProps,
+      value: (0, import_utils31.enumOptionSelectedValue)(value, enumOptions, true, optionValueFormat, [])
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_core28.Select,
+    {
+      ...sharedProps,
+      value: (0, import_utils31.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, null)
     }
   );
 }