@rjsf/mantine 6.0.0-beta.22 → 6.0.0

package/README.md

@@ -50,6 +50,8 @@
 
 `Mantine` theme, fields and widgets for `react-jsonschema-form`.
 
+[<img src="./screenshot.png" alt="product-screenshot" width="800" />](https://rjsf-team.github.io/@rjsf/mantine)
+
 ### Built With
 
 - [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form/)

package/dist/index.cjs

@@ -647,8 +647,11 @@ var import_core12 = require("@mantine/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { fieldPathId, help } = props;
+  if (!help) {
+    return null;
+  }
   const id = (0, import_utils12.helpId)(fieldPathId);
-  return !help ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { id, size: "sm", my: "xs", c: "dimmed", children: help });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { id, size: "sm", my: "xs", c: "dimmed", children: help });
 }
 
 // src/templates/GridTemplate.tsx
@@ -897,70 +900,27 @@ var templates_default = generateTemplates();
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"), 1);
 
+// src/widgets/DateTime/AltDateTimeWidget.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function AltDateTimeWidget(props) {
+  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AltDateWidget2, { time: true, ...props });
+}
+
 // src/widgets/DateTime/AltDateWidget.tsx
-var import_react2 = require("react");
 var import_utils15 = require("@rjsf/utils");
 var import_core18 = require("@mantine/core");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function readyForChange(state) {
-  return Object.values(state).every((value) => value !== -1);
-}
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function AltDateWidget(props) {
-  const {
-    id,
-    value,
-    required,
-    disabled,
-    readonly,
-    label,
-    hideLabel,
-    rawErrors,
-    options,
-    onChange,
-    showTime = false,
-    registry
-  } = props;
+  const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
   const { translateString } = registry;
-  const [state, setState] = (0, import_react2.useState)((0, import_utils15.parseDateString)(value, showTime));
-  (0, import_react2.useEffect)(() => {
-    setState((0, import_utils15.parseDateString)(value, showTime));
-  }, [showTime, value]);
-  const handleChange = (0, import_react2.useCallback)(
-    (property, nextValue) => {
-      const nextState = {
-        ...state,
-        [property]: typeof nextValue === "undefined" ? -1 : nextValue
-      };
-      if (readyForChange(nextState)) {
-        onChange((0, import_utils15.toDateString)(nextState, showTime));
-      } else {
-        setState(nextState);
-      }
-    },
-    [state, onChange, showTime]
-  );
-  const handleSetNow = (0, import_react2.useCallback)(() => {
-    if (!disabled && !readonly) {
-      const nextState = (0, import_utils15.parseDateString)((/* @__PURE__ */ new Date()).toJSON(), showTime);
-      onChange((0, import_utils15.toDateString)(nextState, showTime));
-    }
-  }, [disabled, readonly, showTime, onChange]);
-  const handleClear = (0, import_react2.useCallback)(() => {
-    if (!disabled && !readonly) {
-      onChange("");
-    }
-  }, [disabled, readonly, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core18.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
-      (0, import_utils15.getDateElementProps)(
-        state,
-        showTime,
-        options.yearsRange,
-        options.format
-      ).map((elemProps, i) => {
-        const elemId = id + "_" + elemProps.type;
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils15.useAltDateWidgetProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core18.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
+      elements.map((elemProps, i) => {
+        const elemId = `${id}_${elemProps.type}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           import_core18.Select,
           {
             id: elemId,
@@ -969,7 +929,7 @@ function AltDateWidget(props) {
             disabled: disabled || readonly,
             data: (0, import_utils15.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),
+            onChange: (v) => handleChange(elemProps.type, v || void 0),
             searchable: false,
             allowDeselect: false,
             comboboxProps: { withinPortal: false },
@@ -977,31 +937,17 @@ function AltDateWidget(props) {
           }
         ) }, i);
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core18.Group, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils15.TranslatableString.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils15.TranslatableString.ClearLabel) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core18.Group, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils15.TranslatableString.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils15.TranslatableString.ClearLabel) })
       ] })
     ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core18.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
   ] });
 }
-AltDateWidget.defaultProps = {
-  showTime: false
-};
-
-// src/widgets/DateTime/AltDateTimeWidget.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function AltDateTimeWidget(props) {
-  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AltDateWidget2, { showTime: true, ...props });
-}
-AltDateTimeWidget.defaultProps = {
-  ...AltDateWidget?.defaultProps,
-  showTime: true
-};
 
 // src/widgets/DateTime/DateTimeInput.tsx
-var import_react3 = require("react");
+var import_react2 = require("react");
 var import_utils16 = require("@rjsf/utils");
 var import_dayjs = __toESM(require("dayjs"), 1);
 var import_dates = require("@mantine/dates");
@@ -1039,18 +985,18 @@ function DateTimeInput(props) {
     valueFormat,
     displayFormat
   } = props;
-  const handleChange = (0, import_react3.useCallback)(
+  const handleChange = (0, import_react2.useCallback)(
     (nextValue) => {
       onChange(dateFormat(nextValue, valueFormat));
     },
     [onChange, valueFormat]
   );
-  const handleBlur = (0, import_react3.useCallback)(() => {
+  const handleBlur = (0, import_react2.useCallback)(() => {
     if (onBlur) {
       onBlur(id, value);
     }
   }, [onBlur, id, value]);
-  const handleFocus = (0, import_react3.useCallback)(() => {
+  const handleFocus = (0, import_react2.useCallback)(() => {
     if (onFocus) {
       onFocus(id, value);
     }
@@ -1111,7 +1057,7 @@ function DateTimeWidget(props) {
 }
 
 // src/widgets/DateTime/TimeWidget.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_utils17 = require("@rjsf/utils");
 var import_dates2 = require("@mantine/dates");
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -1134,13 +1080,13 @@ function TimeWidget(props) {
     onFocus
   } = props;
   const emptyValue = options.emptyValue || "";
-  const handleChange = (0, import_react4.useCallback)(
+  const handleChange = (0, import_react3.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);
     },
     [onChange, emptyValue]
   );
-  const handleBlur = (0, import_react4.useCallback)(
+  const handleBlur = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1148,7 +1094,7 @@ function TimeWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react4.useCallback)(
+  const handleFocus = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);
@@ -1179,7 +1125,7 @@ function TimeWidget(props) {
 }
 
 // src/widgets/CheckboxesWidget.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_utils18 = require("@rjsf/utils");
 var import_core19 = require("@mantine/core");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -1202,7 +1148,7 @@ function CheckboxesWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react5.useCallback)(
+  const handleChange = (0, import_react4.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange((0, import_utils18.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
@@ -1210,7 +1156,7 @@ function CheckboxesWidget(props) {
     },
     [onChange, disabled, readonly, enumOptions, emptyValue]
   );
-  const handleBlur = (0, import_react5.useCallback)(
+  const handleBlur = (0, import_react4.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, (0, import_utils18.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
@@ -1218,7 +1164,7 @@ function CheckboxesWidget(props) {
     },
     [onBlur, id, enumOptions, emptyValue]
   );
-  const handleFocus = (0, import_react5.useCallback)(
+  const handleFocus = (0, import_react4.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, (0, import_utils18.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
@@ -1260,7 +1206,7 @@ function CheckboxesWidget(props) {
 }
 
 // src/widgets/CheckboxWidget.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_utils20 = require("@rjsf/utils");
 var import_core20 = require("@mantine/core");
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -1291,7 +1237,7 @@ function CheckboxWidget(props) {
     registry,
     options
   );
-  const handleCheckboxChange = (0, import_react6.useCallback)(
+  const handleCheckboxChange = (0, import_react5.useCallback)(
     (e) => {
       if (!disabled && !readonly && onChange) {
         onChange(e.currentTarget.checked);
@@ -1299,7 +1245,7 @@ function CheckboxWidget(props) {
     },
     [onChange, disabled, readonly]
   );
-  const handleBlur = (0, import_react6.useCallback)(
+  const handleBlur = (0, import_react5.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target.checked);
@@ -1307,7 +1253,7 @@ function CheckboxWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react6.useCallback)(
+  const handleFocus = (0, import_react5.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target.checked);
@@ -1349,7 +1295,7 @@ function CheckboxWidget(props) {
 }
 
 // src/widgets/ColorWidget.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_utils22 = require("@rjsf/utils");
 var import_core21 = require("@mantine/core");
 var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -1372,13 +1318,13 @@ function ColorWidget(props) {
     onFocus
   } = props;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react7.useCallback)(
+  const handleChange = (0, import_react6.useCallback)(
     (nextValue) => {
       onChange(nextValue);
     },
     [onChange]
   );
-  const handleBlur = (0, import_react7.useCallback)(
+  const handleBlur = (0, import_react6.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1386,7 +1332,7 @@ function ColorWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react7.useCallback)(
+  const handleFocus = (0, import_react6.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);
@@ -1417,66 +1363,10 @@ function ColorWidget(props) {
 }
 
 // src/widgets/FileWidget.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_utils24 = require("@rjsf/utils");
 var import_core22 = require("@mantine/core");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-function addNameToDataURL(dataURL, name) {
-  if (dataURL === null) {
-    return null;
-  }
-  return dataURL.replace(";base64", `;name=${encodeURIComponent(name)};base64`);
-}
-function processFile(file) {
-  const { name, size, type } = file;
-  return new Promise((resolve, reject) => {
-    const reader = new window.FileReader();
-    reader.onerror = reject;
-    reader.onload = (event) => {
-      if (typeof event.target?.result === "string") {
-        resolve({
-          dataURL: addNameToDataURL(event.target.result, name),
-          name,
-          size,
-          type
-        });
-      } else {
-        resolve({
-          dataURL: null,
-          name,
-          size,
-          type
-        });
-      }
-    };
-    reader.readAsDataURL(file);
-  });
-}
-function processFiles(files) {
-  return Promise.all(Array.from(files).map(processFile));
-}
-function extractFileInfo(dataURLs) {
-  return dataURLs.reduce((acc, dataURL) => {
-    if (!dataURL) {
-      return acc;
-    }
-    try {
-      const { blob, name } = (0, import_utils24.dataURItoBlob)(dataURL);
-      return [
-        ...acc,
-        {
-          dataURL,
-          name,
-          size: blob.size,
-          type: blob.type
-        }
-      ];
-    } catch (e) {
-      console.log(e);
-      return acc;
-    }
-  }, []);
-}
 function FileWidget(props) {
   const {
     id,
@@ -1494,44 +1384,22 @@ function FileWidget(props) {
     multiple,
     onChange
   } = props;
+  const { filesInfo, handleChange, handleRemove } = (0, import_utils24.useFileWidgetProps)(value, onChange, multiple);
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react8.useCallback)(
+  const handleOnChange = (0, import_react7.useCallback)(
     (files) => {
       if (typeof files === "object") {
-        processFiles(multiple ? files : [files]).then((filesInfoEvent) => {
-          const newValue = filesInfoEvent.map((fileInfo) => fileInfo.dataURL);
-          if (multiple) {
-            onChange(value.concat(newValue));
-          } else {
-            onChange(newValue[0]);
-          }
-        });
-      }
-      return;
-    },
-    [multiple, value, onChange]
-  );
-  const handleRemoveFile = (0, import_react8.useCallback)(
-    (index) => {
-      if (multiple) {
-        const newValue = value.filter((_, i) => i !== index);
-        onChange(newValue);
-      } else {
-        onChange(void 0);
-      }
-    },
-    [multiple, value, onChange]
-  );
-  const ValueComponent = (0, import_react8.useCallback)(
-    (props2) => {
-      const filesInfo = props2.value ? extractFileInfo(Array.isArray(props2.value) ? props2.value : [props2.value]) : null;
-      if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core22.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core22.Pill, { withRemoveButton: true, onRemove: () => handleRemoveFile(index), children: file.name }, index)) });
+        handleChange(files);
       }
-      return null;
     },
-    [handleRemoveFile]
+    [handleChange]
   );
+  const ValueComponent = (0, import_react7.useCallback)(() => {
+    if (Array.isArray(filesInfo) && filesInfo.length > 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core22.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core22.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+    }
+    return null;
+  }, [handleRemove, filesInfo]);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_core22.FileInput,
     {
@@ -1545,7 +1413,7 @@ function FileWidget(props) {
       label: (0, import_utils24.labelValue)(label || void 0, hideLabel, false),
       multiple: !!multiple,
       valueComponent: ValueComponent,
-      onChange: handleChange,
+      onChange: handleOnChange,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       ...themeProps,
       "aria-describedby": (0, import_utils24.ariaDescribedByIds)(id)
@@ -1554,7 +1422,7 @@ function FileWidget(props) {
 }
 
 // src/widgets/PasswordWidget.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_utils26 = require("@rjsf/utils");
 var import_core23 = require("@mantine/core");
 var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -1578,13 +1446,13 @@ function PasswordWidget(props) {
   } = props;
   const emptyValue = options.emptyValue || "";
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react9.useCallback)(
+  const handleChange = (0, import_react8.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);
     },
     [onChange, emptyValue]
   );
-  const handleBlur = (0, import_react9.useCallback)(
+  const handleBlur = (0, import_react8.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1592,7 +1460,7 @@ function PasswordWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react9.useCallback)(
+  const handleFocus = (0, import_react8.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);
@@ -1622,7 +1490,7 @@ function PasswordWidget(props) {
 }
 
 // src/widgets/RadioWidget.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_utils28 = require("@rjsf/utils");
 var import_core24 = require("@mantine/core");
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -1645,7 +1513,7 @@ function RadioWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react10.useCallback)(
+  const handleChange = (0, import_react9.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange((0, import_utils28.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
@@ -1653,7 +1521,7 @@ function RadioWidget(props) {
     },
     [onChange, disabled, readonly, enumOptions, emptyValue]
   );
-  const handleBlur = (0, import_react10.useCallback)(
+  const handleBlur = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, (0, import_utils28.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
@@ -1661,7 +1529,7 @@ function RadioWidget(props) {
     },
     [onBlur, id, enumOptions, emptyValue]
   );
-  const handleFocus = (0, import_react10.useCallback)(
+  const handleFocus = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, (0, import_utils28.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
@@ -1701,7 +1569,7 @@ function RadioWidget(props) {
 }
 
 // src/widgets/RangeWidget.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_utils30 = require("@rjsf/utils");
 var import_core25 = require("@mantine/core");
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -1725,7 +1593,7 @@ function RangeWidget(props) {
   } = props;
   const themeProps = cleanupOptions(options);
   const { min, max, step } = (0, import_utils30.rangeSpec)(schema);
-  const handleChange = (0, import_react11.useCallback)(
+  const handleChange = (0, import_react10.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange(nextValue);
@@ -1733,12 +1601,12 @@ function RangeWidget(props) {
     },
     [onChange, disabled, readonly]
   );
-  const handleBlur = (0, import_react11.useCallback)(() => {
+  const handleBlur = (0, import_react10.useCallback)(() => {
     if (onBlur) {
       onBlur(id, value);
     }
   }, [onBlur, id, value]);
-  const handleFocus = (0, import_react11.useCallback)(() => {
+  const handleFocus = (0, import_react10.useCallback)(() => {
     if (onFocus) {
       onFocus(id, value);
     }
@@ -1769,7 +1637,7 @@ function RangeWidget(props) {
 }
 
 // src/widgets/SelectWidget.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_utils32 = require("@rjsf/utils");
 var import_core26 = require("@mantine/core");
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -1794,7 +1662,7 @@ function SelectWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const themeProps = cleanupOptions(options);
-  const handleChange = (0, import_react12.useCallback)(
+  const handleChange = (0, import_react11.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
         onChange((0, import_utils32.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
@@ -1802,7 +1670,7 @@ function SelectWidget(props) {
     },
     [onChange, disabled, readonly, enumOptions, emptyValue]
   );
-  const handleBlur = (0, import_react12.useCallback)(
+  const handleBlur = (0, import_react11.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, (0, import_utils32.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
@@ -1810,7 +1678,7 @@ function SelectWidget(props) {
     },
     [onBlur, id, enumOptions, emptyValue]
   );
-  const handleFocus = (0, import_react12.useCallback)(
+  const handleFocus = (0, import_react11.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, (0, import_utils32.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
@@ -1819,7 +1687,7 @@ function SelectWidget(props) {
     [onFocus, id, enumOptions, emptyValue]
   );
   const selectedIndexes = (0, import_utils32.enumOptionsIndexForValue)(value, enumOptions, multiple);
-  const selectOptions = (0, import_react12.useMemo)(() => {
+  const selectOptions = (0, import_react11.useMemo)(() => {
     if (Array.isArray(enumOptions)) {
       return enumOptions.map((option, index) => ({
         key: String(index),
@@ -1856,7 +1724,7 @@ function SelectWidget(props) {
 }
 
 // src/widgets/TextareaWidget.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_utils34 = require("@rjsf/utils");
 var import_core27 = require("@mantine/core");
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -1881,13 +1749,13 @@ function TextareaWidget(props) {
   } = props;
   const themeProps = cleanupOptions(options);
   const emptyValue = options?.emptyValue ?? "";
-  const handleChange = (0, import_react13.useCallback)(
+  const handleChange = (0, import_react12.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);
     },
     [onChange, emptyValue]
   );
-  const handleBlur = (0, import_react13.useCallback)(
+  const handleBlur = (0, import_react12.useCallback)(
     ({ target }) => {
       if (onBlur) {
         onBlur(id, target && target.value);
@@ -1895,7 +1763,7 @@ function TextareaWidget(props) {
     },
     [onBlur, id]
   );
-  const handleFocus = (0, import_react13.useCallback)(
+  const handleFocus = (0, import_react12.useCallback)(
     ({ target }) => {
       if (onFocus) {
         onFocus(id, target && target.value);