@rjsf/mui 6.5.3 → 6.6.1

package/dist/mui.esm.js

@@ -215,15 +215,15 @@ function ArrayFieldTemplate(props) {
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 import { useCallback } from "react";
-import TextField from "@mui/material/TextField";
 import InputAdornment from "@mui/material/InputAdornment";
+import TextField from "@mui/material/TextField";
+import { SchemaExamples } from "@rjsf/core";
 import {
   ariaDescribedByIds,
   examplesId,
   getInputProps,
   labelValue
 } from "@rjsf/utils";
-import { SchemaExamples } from "@rjsf/core";
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var TYPES_THAT_SHRINK_LABEL = ["date", "datetime-local", "file", "time"];
 function BaseInputTemplate(props) {
@@ -324,10 +324,10 @@ function BaseInputTemplate(props) {
 
 // src/DescriptionField/DescriptionField.tsx
 import Typography from "@mui/material/Typography";
+import { RichDescription } from "@rjsf/core";
 import {
   getUiOptions as getUiOptions4
 } from "@rjsf/utils";
-import { RichDescription } from "@rjsf/core";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function DescriptionField(props) {
   const { id, description, registry, uiSchema } = props;
@@ -391,146 +391,52 @@ function ErrorList({
   ] }) });
 }
 
-// src/IconButton/IconButton.tsx
-import IconButton2 from "@mui/material/IconButton";
-import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
-import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
-import CopyIcon from "@mui/icons-material/ContentCopy";
-import RemoveIcon from "@mui/icons-material/Remove";
-import ClearIcon from "@mui/icons-material/Clear";
-import {
-  TranslatableString as TranslatableString3,
-  getUiOptions as getUiOptions6
-} from "@rjsf/utils";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function MuiIconButton(props) {
-  const { icon, color, uiSchema, registry, ...otherProps } = props;
-  const uiOptions = getUiOptions6(uiSchema);
-  const muiProps = getMuiProps(uiOptions, [
-    "color",
-    "disableFocusRipple",
-    "disableRipple",
-    "edge",
-    "size",
-    "sx"
-  ]);
-  return /* @__PURE__ */ jsx7(IconButton2, { ...muiProps, ...otherProps, size: "small", color, children: icon });
-}
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(
-    MuiIconButton,
-    {
-      title: translateString(TranslatableString3.CopyButton),
-      ...props,
-      icon: /* @__PURE__ */ jsx7(CopyIcon, { fontSize: "small" })
-    }
-  );
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(
-    MuiIconButton,
-    {
-      title: translateString(TranslatableString3.MoveDownButton),
-      ...props,
-      icon: /* @__PURE__ */ jsx7(ArrowDownwardIcon, { fontSize: "small" })
-    }
-  );
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(
-    MuiIconButton,
-    {
-      title: translateString(TranslatableString3.MoveUpButton),
-      ...props,
-      icon: /* @__PURE__ */ jsx7(ArrowUpwardIcon, { fontSize: "small" })
-    }
-  );
-}
-function RemoveButton(props) {
-  const { iconType, ...otherProps } = props;
-  const {
-    registry: { translateString }
-  } = otherProps;
-  return /* @__PURE__ */ jsx7(
-    MuiIconButton,
-    {
-      title: translateString(TranslatableString3.RemoveButton),
-      ...otherProps,
-      color: "error",
-      icon: /* @__PURE__ */ jsx7(RemoveIcon, { fontSize: iconType === "default" ? void 0 : "small" })
-    }
-  );
-}
-function ClearButton(props) {
-  const { iconType, ...otherProps } = props;
-  const {
-    registry: { translateString }
-  } = otherProps;
-  return /* @__PURE__ */ jsx7(
-    MuiIconButton,
-    {
-      title: translateString(TranslatableString3.ClearButton),
-      ...otherProps,
-      icon: /* @__PURE__ */ jsx7(ClearIcon, { fontSize: iconType === "default" ? void 0 : "small" })
-    }
-  );
-}
-
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
-import ListItem2 from "@mui/material/ListItem";
 import FormHelperText from "@mui/material/FormHelperText";
 import List2 from "@mui/material/List";
+import ListItem2 from "@mui/material/ListItem";
 import {
   errorId,
-  getUiOptions as getUiOptions7
+  getUiOptions as getUiOptions6
 } from "@rjsf/utils";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
   const { errors = [], fieldPathId, uiSchema } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = errorId(fieldPathId);
-  const uiOptions = getUiOptions7(uiSchema);
+  const uiOptions = getUiOptions6(uiSchema);
   const muiProps = getMuiProps(uiOptions);
   const { rjsfSlotProps: muiSlotProps } = muiProps;
-  return /* @__PURE__ */ jsx8(List2, { id, dense: true, disablePadding: true, ...muiSlotProps?.fieldErrorList, children: errors.map((error, i) => {
-    return /* @__PURE__ */ jsx8(ListItem2, { disableGutters: true, ...muiSlotProps?.fieldErrorListItem, children: /* @__PURE__ */ jsx8(FormHelperText, { component: "div", id: `${id}-${i}`, ...muiSlotProps?.fieldErrorFormHelperText, children: error }) }, i);
+  return /* @__PURE__ */ jsx7(List2, { id, dense: true, disablePadding: true, ...muiSlotProps?.fieldErrorList, children: errors.map((error, i) => {
+    return /* @__PURE__ */ jsx7(ListItem2, { disableGutters: true, ...muiSlotProps?.fieldErrorListItem, children: /* @__PURE__ */ jsx7(FormHelperText, { component: "div", id: `${id}-${i}`, ...muiSlotProps?.fieldErrorFormHelperText, children: error }) }, i);
   }) });
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
+import FormHelperText2 from "@mui/material/FormHelperText";
 import { RichHelp } from "@rjsf/core";
 import {
   helpId,
-  getUiOptions as getUiOptions8
+  getUiOptions as getUiOptions7
 } from "@rjsf/utils";
-import FormHelperText2 from "@mui/material/FormHelperText";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  const uiOptions = getUiOptions8(uiSchema);
+  const uiOptions = getUiOptions7(uiSchema);
   const { rjsfSlotProps: { helpFormHelperText } = {} } = getMuiProps(uiOptions);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     FormHelperText2,
     {
       component: "div",
       id: helpId(fieldPathId),
       ...helpFormHelperText,
       sx: computeSxProps({ mt: 0.625 }, helpFormHelperText),
-      children: /* @__PURE__ */ jsx9(RichHelp, { help, registry, uiSchema })
+      children: /* @__PURE__ */ jsx8(RichHelp, { help, registry, uiSchema })
     }
   );
 }
@@ -540,9 +446,9 @@ import FormControl from "@mui/material/FormControl";
 import Typography3 from "@mui/material/Typography";
 import {
   getTemplate as getTemplate3,
-  getUiOptions as getUiOptions9
+  getUiOptions as getUiOptions8
 } from "@rjsf/utils";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
     id,
@@ -567,18 +473,18 @@ function FieldTemplate(props) {
     uiSchema,
     registry
   } = props;
-  const uiOptions = getUiOptions9(uiSchema);
+  const uiOptions = getUiOptions8(uiSchema);
   const WrapIfAdditionalTemplate2 = getTemplate3(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ jsx10("div", { style: { display: "none" }, children });
+    return /* @__PURE__ */ jsx9("div", { style: { display: "none" }, children });
   }
   const isCheckbox = uiOptions.widget === "checkbox";
   const { rjsfSlotProps: muiSlotProps, ...otherMuiProps } = getMuiProps(uiOptions);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     WrapIfAdditionalTemplate2,
     {
       classNames,
@@ -607,7 +513,7 @@ function FieldTemplate(props) {
           className: otherMuiProps.className,
           children: [
             children,
-            displayLabel && !isCheckbox && rawDescription ? /* @__PURE__ */ jsx10(Typography3, { variant: "caption", color: "textSecondary", ...muiSlotProps?.fieldTypography, children: description }) : null,
+            displayLabel && !isCheckbox && rawDescription ? /* @__PURE__ */ jsx9(Typography3, { variant: "caption", color: "textSecondary", ...muiSlotProps?.fieldTypography, children: description }) : null,
             errors,
             help
           ]
@@ -619,10 +525,104 @@ function FieldTemplate(props) {
 
 // src/GridTemplate/GridTemplate.tsx
 import Grid3 from "@mui/material/Grid";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function GridTemplate(props) {
   const { children, column, ...rest } = props;
-  return /* @__PURE__ */ jsx11(Grid3, { container: !column, ...rest, children });
+  return /* @__PURE__ */ jsx10(Grid3, { container: !column, ...rest, children });
+}
+
+// src/IconButton/IconButton.tsx
+import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
+import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
+import ClearIcon from "@mui/icons-material/Clear";
+import CopyIcon from "@mui/icons-material/ContentCopy";
+import RemoveIcon from "@mui/icons-material/Remove";
+import IconButton2 from "@mui/material/IconButton";
+import {
+  TranslatableString as TranslatableString3,
+  getUiOptions as getUiOptions9
+} from "@rjsf/utils";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function MuiIconButton(props) {
+  const { icon, color, uiSchema, registry, ...otherProps } = props;
+  const uiOptions = getUiOptions9(uiSchema);
+  const muiProps = getMuiProps(uiOptions, [
+    "color",
+    "disableFocusRipple",
+    "disableRipple",
+    "edge",
+    "size",
+    "sx"
+  ]);
+  return /* @__PURE__ */ jsx11(IconButton2, { ...muiProps, ...otherProps, size: "small", color, children: icon });
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.CopyButton),
+      ...props,
+      icon: /* @__PURE__ */ jsx11(CopyIcon, { fontSize: "small" })
+    }
+  );
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.MoveDownButton),
+      ...props,
+      icon: /* @__PURE__ */ jsx11(ArrowDownwardIcon, { fontSize: "small" })
+    }
+  );
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.MoveUpButton),
+      ...props,
+      icon: /* @__PURE__ */ jsx11(ArrowUpwardIcon, { fontSize: "small" })
+    }
+  );
+}
+function RemoveButton(props) {
+  const { iconType, ...otherProps } = props;
+  const {
+    registry: { translateString }
+  } = otherProps;
+  return /* @__PURE__ */ jsx11(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.RemoveButton),
+      ...otherProps,
+      color: "error",
+      icon: /* @__PURE__ */ jsx11(RemoveIcon, { fontSize: iconType === "default" ? void 0 : "small" })
+    }
+  );
+}
+function ClearButton(props) {
+  const { iconType, ...otherProps } = props;
+  const {
+    registry: { translateString }
+  } = otherProps;
+  return /* @__PURE__ */ jsx11(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.ClearButton),
+      ...otherProps,
+      icon: /* @__PURE__ */ jsx11(ClearIcon, { fontSize: iconType === "default" ? void 0 : "small" })
+    }
+  );
 }
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
@@ -978,100 +978,22 @@ function generateTemplates() {
 }
 var Templates_default = generateTemplates();
 
-// src/CheckboxWidget/CheckboxWidget.tsx
+// src/CheckboxesWidget/CheckboxesWidget.tsx
 import Checkbox from "@mui/material/Checkbox";
 import FormControlLabel from "@mui/material/FormControlLabel";
-import {
-  ariaDescribedByIds as ariaDescribedByIds2,
-  descriptionId as descriptionId2,
-  getTemplate as getTemplate5,
-  labelValue as labelValue2,
-  schemaRequiresTrueValue
-} from "@rjsf/utils";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
-function CheckboxWidget(props) {
-  const {
-    schema,
-    id,
-    htmlName,
-    value,
-    disabled,
-    readonly,
-    label = "",
-    hideLabel,
-    autofocus,
-    onChange,
-    onBlur,
-    onFocus,
-    registry,
-    options,
-    uiSchema
-  } = props;
-  const DescriptionFieldTemplate = getTemplate5(
-    "DescriptionFieldTemplate",
-    registry,
-    options
-  );
-  const required = schemaRequiresTrueValue(schema);
-  const _onChange = (_, checked) => onChange(checked);
-  const _onBlur = () => onBlur(id, value);
-  const _onFocus = () => onFocus(id, value);
-  const description = options.description ?? schema.description;
-  const { rjsfSlotProps: muiSlotProps, ...otherMuiProps } = getMuiProps(options);
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    !hideLabel && description && /* @__PURE__ */ jsx18(
-      DescriptionFieldTemplate,
-      {
-        id: descriptionId2(id),
-        description,
-        schema,
-        uiSchema,
-        registry
-      }
-    ),
-    /* @__PURE__ */ jsx18(
-      FormControlLabel,
-      {
-        ...otherMuiProps,
-        ...muiSlotProps?.formControlLabel,
-        control: /* @__PURE__ */ jsx18(
-          Checkbox,
-          {
-            id,
-            name: htmlName || id,
-            checked: typeof value === "undefined" ? false : Boolean(value),
-            required,
-            disabled: disabled || readonly,
-            autoFocus: autofocus,
-            onChange: _onChange,
-            onBlur: _onBlur,
-            onFocus: _onFocus,
-            "aria-describedby": ariaDescribedByIds2(id),
-            ...muiSlotProps?.checkbox
-          }
-        ),
-        label: labelValue2(label, hideLabel, false)
-      }
-    )
-  ] });
-}
-
-// src/CheckboxesWidget/CheckboxesWidget.tsx
-import Checkbox2 from "@mui/material/Checkbox";
-import FormControlLabel2 from "@mui/material/FormControlLabel";
 import FormGroup from "@mui/material/FormGroup";
 import FormLabel from "@mui/material/FormLabel";
 import {
-  ariaDescribedByIds as ariaDescribedByIds3,
+  ariaDescribedByIds as ariaDescribedByIds2,
   enumOptionValueDecoder,
   enumOptionsDeselectValue,
   enumOptionsIsSelected,
   enumOptionsSelectValue,
   getOptionValueFormat,
-  labelValue as labelValue3,
+  labelValue as labelValue2,
   optionId
 } from "@rjsf/utils";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 import { createElement } from "react";
 function CheckboxesWidget(props) {
   const {
@@ -1102,16 +1024,16 @@ function CheckboxesWidget(props) {
   const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
   const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
   const { rjsfSlotProps: muiSlotProps, ...otherMuiProps } = getMuiProps(options);
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    labelValue3(
-      /* @__PURE__ */ jsx19(FormLabel, { required, htmlFor: id, children: label || void 0 }),
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    labelValue2(
+      /* @__PURE__ */ jsx18(FormLabel, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ jsx19(FormGroup, { ...otherMuiProps, ...muiSlotProps?.formGroup, id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+    /* @__PURE__ */ jsx18(FormGroup, { ...otherMuiProps, ...muiSlotProps?.formGroup, id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
       const checked = enumOptionsIsSelected(option.value, checkboxesValues);
       const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      const checkbox = /* @__PURE__ */ jsx19(
-        Checkbox2,
+      const checkbox = /* @__PURE__ */ jsx18(
+        Checkbox,
         {
           ...muiSlotProps?.checkbox,
           id: optionId(id, index),
@@ -1122,11 +1044,11 @@ function CheckboxesWidget(props) {
           onChange: _onChange(index),
           onBlur: _onBlur,
           onFocus: _onFocus,
-          "aria-describedby": ariaDescribedByIds3(id)
+          "aria-describedby": ariaDescribedByIds2(id)
         }
       );
       return /* @__PURE__ */ createElement(
-        FormControlLabel2,
+        FormControlLabel,
         {
           ...muiSlotProps?.formControlLabel,
           control: checkbox,
@@ -1138,6 +1060,84 @@ function CheckboxesWidget(props) {
   ] });
 }
 
+// src/CheckboxWidget/CheckboxWidget.tsx
+import Checkbox2 from "@mui/material/Checkbox";
+import FormControlLabel2 from "@mui/material/FormControlLabel";
+import {
+  ariaDescribedByIds as ariaDescribedByIds3,
+  descriptionId as descriptionId2,
+  getTemplate as getTemplate5,
+  labelValue as labelValue3,
+  schemaRequiresTrueValue
+} from "@rjsf/utils";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+function CheckboxWidget(props) {
+  const {
+    schema,
+    id,
+    htmlName,
+    value,
+    disabled,
+    readonly,
+    label = "",
+    hideLabel,
+    autofocus,
+    onChange,
+    onBlur,
+    onFocus,
+    registry,
+    options,
+    uiSchema
+  } = props;
+  const DescriptionFieldTemplate = getTemplate5(
+    "DescriptionFieldTemplate",
+    registry,
+    options
+  );
+  const required = schemaRequiresTrueValue(schema);
+  const _onChange = (_, checked) => onChange(checked);
+  const _onBlur = () => onBlur(id, value);
+  const _onFocus = () => onFocus(id, value);
+  const description = options.description ?? schema.description;
+  const { rjsfSlotProps: muiSlotProps, ...otherMuiProps } = getMuiProps(options);
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    !hideLabel && description && /* @__PURE__ */ jsx19(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId2(id),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsx19(
+      FormControlLabel2,
+      {
+        ...otherMuiProps,
+        ...muiSlotProps?.formControlLabel,
+        control: /* @__PURE__ */ jsx19(
+          Checkbox2,
+          {
+            id,
+            name: htmlName || id,
+            checked: typeof value === "undefined" ? false : Boolean(value),
+            required,
+            disabled: disabled || readonly,
+            autoFocus: autofocus,
+            onChange: _onChange,
+            onBlur: _onBlur,
+            onFocus: _onFocus,
+            "aria-describedby": ariaDescribedByIds3(id),
+            ...muiSlotProps?.checkbox
+          }
+        ),
+        label: labelValue3(label, hideLabel, false)
+      }
+    )
+  ] });
+}
+
 // src/RadioWidget/RadioWidget.tsx
 import FormControlLabel3 from "@mui/material/FormControlLabel";
 import FormLabel2 from "@mui/material/FormLabel";