@rjsf/mui 5.3.1 → 5.4.0

package/dist/mui.umd.development.js

@@ -228,7 +228,7 @@
     });
   }
 
-  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.
@@ -245,6 +245,7 @@
       disabled = props.disabled,
       type = props.type,
       label = props.label,
+      hideLabel = props.hideLabel,
       value = props.value,
       onChange = props.onChange,
       onChangeOverride = props.onChangeOverride,
@@ -253,10 +254,8 @@
       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);
@@ -286,8 +285,6 @@
       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;
@@ -296,7 +293,7 @@
         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
@@ -561,16 +558,16 @@
     // 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
@@ -767,16 +764,23 @@
    * @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
@@ -792,20 +796,29 @@
       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)
+      })]
     });
   }
 
@@ -815,8 +828,8 @@
    * @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,
@@ -851,11 +864,11 @@
       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) {
@@ -887,14 +900,15 @@
    * @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;
@@ -913,13 +927,13 @@
       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,
@@ -962,6 +976,7 @@
       onChange = props.onChange,
       required = props.required,
       label = props.label,
+      hideLabel = props.hideLabel,
       id = props.id;
     var sliderProps = _extends({
       value: value,
@@ -981,11 +996,11 @@
       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,
@@ -997,17 +1012,17 @@
     });
   }
 
-  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,
@@ -1043,7 +1058,7 @@
     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,