@rjsf/mui 5.3.1 → 5.5.0

package/dist/mui.cjs.development.js

@@ -260,7 +260,7 @@ function ArrayFieldTemplate(props) {
   });
 }
 
-var _excluded$2 = ["id", "name", "placeholder", "required", "readonly", "disabled", "type", "label", "value", "onChange", "onChangeOverride", "onBlur", "onFocus", "autofocus", "options", "schema", "uiSchema", "rawErrors", "formContext", "registry", "InputLabelProps"],
+var _excluded$2 = ["id", "name", "placeholder", "required", "readonly", "disabled", "type", "label", "hideLabel", "value", "onChange", "onChangeOverride", "onBlur", "onFocus", "autofocus", "options", "schema", "uiSchema", "rawErrors", "formContext", "registry", "InputLabelProps"],
   _excluded2$1 = ["step", "min", "max"];
 var TYPES_THAT_SHRINK_LABEL = ['date', 'datetime-local', 'file', 'time'];
 /** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
@@ -277,6 +277,7 @@ function BaseInputTemplate(props) {
     disabled = props.disabled,
     type = props.type,
     label = props.label,
+    hideLabel = props.hideLabel,
     value = props.value,
     onChange = props.onChange,
     onChangeOverride = props.onChangeOverride,
@@ -285,10 +286,8 @@ function BaseInputTemplate(props) {
     autofocus = props.autofocus,
     options = props.options,
     schema = props.schema,
-    uiSchema = props.uiSchema,
     _props$rawErrors = props.rawErrors,
     rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors,
-    registry = props.registry,
     InputLabelProps = props.InputLabelProps,
     textFieldProps = _objectWithoutPropertiesLoose(props, _excluded$2);
   var inputProps = utils.getInputProps(schema, type, options);
@@ -318,8 +317,6 @@ function BaseInputTemplate(props) {
     var value = _ref3.target.value;
     return onFocus(id, value);
   };
-  var schemaUtils = registry.schemaUtils;
-  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   var DisplayInputLabelProps = TYPES_THAT_SHRINK_LABEL.includes(type) ? _extends({}, InputLabelProps, {
     shrink: true
   }) : InputLabelProps;
@@ -328,7 +325,7 @@ function BaseInputTemplate(props) {
       id: id,
       name: id,
       placeholder: placeholder,
-      label: displayLabel ? label || schema.title : false,
+      label: utils.labelValue(label || undefined, hideLabel, false),
       autoFocus: autofocus,
       required: required,
       disabled: disabled || readonly
@@ -593,16 +590,16 @@ function ObjectFieldTemplate(props) {
   // Button templates are not overridden in the uiSchema
   var AddButton = registry.templates.ButtonTemplates.AddButton;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [(uiOptions.title || title) && jsxRuntime.jsx(TitleFieldTemplate, {
+    children: [title && jsxRuntime.jsx(TitleFieldTemplate, {
       id: utils.titleId(idSchema),
       title: title,
       required: required,
       schema: schema,
       uiSchema: uiSchema,
       registry: registry
-    }), (uiOptions.description || description) && jsxRuntime.jsx(DescriptionFieldTemplate, {
+    }), description && jsxRuntime.jsx(DescriptionFieldTemplate, {
       id: utils.descriptionId(idSchema),
-      description: uiOptions.description || description,
+      description: description,
       schema: schema,
       uiSchema: uiSchema,
       registry: registry
@@ -799,16 +796,23 @@ var Templates = /*#__PURE__*/generateTemplates();
  * @param props - The `WidgetProps` for this component
  */
 function CheckboxWidget(props) {
+  var _options$description;
   var schema = props.schema,
     id = props.id,
     value = props.value,
     disabled = props.disabled,
     readonly = props.readonly,
-    label = props.label,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    hideLabel = props.hideLabel,
     autofocus = props.autofocus,
     onChange = props.onChange,
     onBlur = props.onBlur,
-    onFocus = props.onFocus;
+    onFocus = props.onFocus,
+    registry = props.registry,
+    options = props.options,
+    uiSchema = props.uiSchema;
+  var DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, options);
   // Because an unchecked checkbox will cause html5 validation to fail, only add
   // the "required" attribute if the field value must be "true", due to the
   // "const" or "enum" keywords
@@ -824,20 +828,29 @@ function CheckboxWidget(props) {
     var value = _ref2.target.value;
     return onFocus(id, value);
   };
-  return jsxRuntime.jsx(FormControlLabel__default["default"], {
-    control: jsxRuntime.jsx(Checkbox__default["default"], {
-      id: id,
-      name: id,
-      checked: typeof value === 'undefined' ? false : Boolean(value),
-      required: required,
-      disabled: disabled || readonly,
-      autoFocus: autofocus,
-      onChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
-      "aria-describedby": utils.ariaDescribedByIds(id)
-    }),
-    label: label || ''
+  var description = (_options$description = options.description) != null ? _options$description : schema.description;
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [!hideLabel && !!description && jsxRuntime.jsx(DescriptionFieldTemplate, {
+      id: utils.descriptionId(id),
+      description: description,
+      schema: schema,
+      uiSchema: uiSchema,
+      registry: registry
+    }), jsxRuntime.jsx(FormControlLabel__default["default"], {
+      control: jsxRuntime.jsx(Checkbox__default["default"], {
+        id: id,
+        name: id,
+        checked: typeof value === 'undefined' ? false : Boolean(value),
+        required: required,
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": utils.ariaDescribedByIds(id)
+      }),
+      label: utils.labelValue(label, hideLabel, false)
+    })]
   });
 }
 
@@ -847,8 +860,8 @@ function CheckboxWidget(props) {
  * @param props - The `WidgetProps` for this component
  */
 function CheckboxesWidget(_ref) {
-  var schema = _ref.schema,
-    label = _ref.label,
+  var label = _ref.label,
+    hideLabel = _ref.hideLabel,
     id = _ref.id,
     disabled = _ref.disabled,
     options = _ref.options,
@@ -883,11 +896,11 @@ function CheckboxesWidget(_ref) {
     return onFocus(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
   };
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(FormLabel__default["default"], {
+    children: [utils.labelValue(jsxRuntime.jsx(FormLabel__default["default"], {
       required: required,
       htmlFor: id,
-      children: label || schema.title
-    }), jsxRuntime.jsx(FormGroup__default["default"], {
+      children: label || undefined
+    }), hideLabel), jsxRuntime.jsx(FormGroup__default["default"], {
       id: id,
       row: !!inline,
       children: Array.isArray(enumOptions) && enumOptions.map(function (option, index) {
@@ -919,14 +932,15 @@ function CheckboxesWidget(_ref) {
  * @param props - The `WidgetProps` for this component
  */
 function RadioWidget(_ref) {
+  var _enumOptionsIndexForV;
   var id = _ref.id,
-    schema = _ref.schema,
     options = _ref.options,
     value = _ref.value,
     required = _ref.required,
     disabled = _ref.disabled,
     readonly = _ref.readonly,
     label = _ref.label,
+    hideLabel = _ref.hideLabel,
     onChange = _ref.onChange,
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus;
@@ -945,13 +959,13 @@ function RadioWidget(_ref) {
     return onFocus(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
   };
   var row = options ? options.inline : false;
-  var selectedIndex = utils.enumOptionsIndexForValue(value, enumOptions);
+  var selectedIndex = (_enumOptionsIndexForV = utils.enumOptionsIndexForValue(value, enumOptions)) != null ? _enumOptionsIndexForV : null;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(FormLabel__default["default"], {
+    children: [utils.labelValue(jsxRuntime.jsx(FormLabel__default["default"], {
       required: required,
       htmlFor: id,
-      children: label || schema.title
-    }), jsxRuntime.jsx(RadioGroup__default["default"], {
+      children: label || undefined
+    }), hideLabel), jsxRuntime.jsx(RadioGroup__default["default"], {
       id: id,
       name: id,
       value: selectedIndex,
@@ -994,6 +1008,7 @@ function RangeWidget(props) {
     onChange = props.onChange,
     required = props.required,
     label = props.label,
+    hideLabel = props.hideLabel,
     id = props.id;
   var sliderProps = _extends({
     value: value,
@@ -1013,11 +1028,11 @@ function RangeWidget(props) {
     return onFocus(id, value);
   };
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(FormLabel__default["default"], {
+    children: [utils.labelValue(jsxRuntime.jsx(FormLabel__default["default"], {
       required: required,
       htmlFor: id,
-      children: label || schema.title
-    }), jsxRuntime.jsx(Slider__default["default"], _extends({
+      children: label || undefined
+    }), hideLabel), jsxRuntime.jsx(Slider__default["default"], _extends({
       disabled: disabled || readonly,
       onChange: _onChange,
       onBlur: _onBlur,
@@ -1029,17 +1044,17 @@ function RangeWidget(props) {
   });
 }
 
-var _excluded = ["schema", "id", "name", "options", "label", "required", "disabled", "placeholder", "readonly", "value", "multiple", "autofocus", "onChange", "onBlur", "onFocus", "rawErrors", "registry", "uiSchema", "hideError", "formContext"];
+var _excluded = ["schema", "id", "name", "options", "label", "hideLabel", "required", "disabled", "placeholder", "readonly", "value", "multiple", "autofocus", "onChange", "onBlur", "onFocus", "rawErrors", "registry", "uiSchema", "hideError", "formContext"];
 /** The `SelectWidget` is a widget for rendering dropdowns.
  *  It is typically used with string properties constrained with enum options.
  *
  * @param props - The `WidgetProps` for this component
  */
 function SelectWidget(_ref) {
-  var schema = _ref.schema,
-    id = _ref.id,
+  var id = _ref.id,
     options = _ref.options,
     label = _ref.label,
+    hideLabel = _ref.hideLabel,
     required = _ref.required,
     disabled = _ref.disabled,
     placeholder = _ref.placeholder,
@@ -1075,7 +1090,7 @@ function SelectWidget(_ref) {
   return jsxRuntime.jsx(TextField__default["default"], _extends({
     id: id,
     name: id,
-    label: label || schema.title,
+    label: utils.labelValue(label || undefined, hideLabel, false),
     value: isEmpty ? emptyValue : selectedIndexes,
     required: required,
     disabled: disabled || readonly,