@rjsf/semantic-ui 5.3.1 → 5.4.0

package/dist/semantic-ui.cjs.development.js

@@ -344,6 +344,7 @@ function BaseInputTemplate(props) {
   var id = props.id,
     placeholder = props.placeholder,
     label = props.label,
+    hideLabel = props.hideLabel,
     value = props.value,
     required = props.required,
     readonly = props.readonly,
@@ -358,7 +359,6 @@ function BaseInputTemplate(props) {
     uiSchema = props.uiSchema,
     formContext = props.formContext,
     type = props.type,
-    registry = props.registry,
     _props$rawErrors = props.rawErrors,
     rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
   var inputProps = utils.getInputProps(schema, type, options);
@@ -367,7 +367,6 @@ function BaseInputTemplate(props) {
     formContext: formContext,
     options: options
   });
-  var schemaUtils = registry.schemaUtils;
   var _onChange = function _onChange(_ref) {
     var value = _ref.target.value;
     return onChange(value === '' ? options.emptyValue : value);
@@ -378,14 +377,13 @@ function BaseInputTemplate(props) {
   var _onFocus = function _onFocus() {
     return onFocus && onFocus(id, value);
   };
-  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(semanticUiReact.Form.Input, _extends({
       id: id,
       name: id,
       placeholder: placeholder
     }, inputProps, {
-      label: displayLabel ? label || schema.title : false,
+      label: utils.labelValue(label || undefined, hideLabel, false),
       required: required,
       autoFocus: autofocus,
       disabled: disabled || readonly,
@@ -647,19 +645,17 @@ function ObjectFieldTemplate(props) {
   var DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, uiOptions);
   // Button templates are not overridden in the uiSchema
   var AddButton = registry.templates.ButtonTemplates.AddButton;
-  var fieldTitle = uiOptions.title || title;
-  var fieldDescription = uiOptions.description || description;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [fieldTitle && jsxRuntime.jsx(TitleFieldTemplate, {
+    children: [title && jsxRuntime.jsx(TitleFieldTemplate, {
       id: utils.titleId(idSchema),
-      title: fieldTitle,
+      title: title,
       required: required,
       schema: schema,
       uiSchema: uiSchema,
       registry: registry
-    }), fieldDescription && jsxRuntime.jsx(DescriptionFieldTemplate, {
+    }), description && jsxRuntime.jsx(DescriptionFieldTemplate, {
       id: utils.descriptionId(idSchema),
-      description: fieldDescription,
+      description: description,
       schema: schema,
       uiSchema: uiSchema,
       registry: registry
@@ -851,11 +847,14 @@ var Templates = /*#__PURE__*/generateTemplates();
  * @param props - The `WidgetProps` for this component
  */
 function CheckboxWidget(props) {
+  var _options$description;
   var 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,
@@ -865,7 +864,8 @@ function CheckboxWidget(props) {
     schema = props.schema,
     uiSchema = props.uiSchema,
     _props$rawErrors = props.rawErrors,
-    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors,
+    registry = props.registry;
   var semanticProps = getSemanticProps({
     options: options,
     formContext: formContext,
@@ -874,6 +874,7 @@ function CheckboxWidget(props) {
       inverted: 'false'
     }
   });
+  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
@@ -888,21 +889,30 @@ function CheckboxWidget(props) {
     return onFocus && onFocus(id, value);
   };
   var checked = value == 'true' || value == true;
-  return jsxRuntime.jsx(semanticUiReact.Form.Checkbox, _extends({
-    id: id,
-    name: id,
-    disabled: disabled || readonly,
-    autoFocus: autofocus
-  }, semanticProps, {
-    checked: typeof value === 'undefined' ? false : checked,
-    error: rawErrors.length > 0,
-    onChange: _onChange,
-    onBlur: _onBlur,
-    onFocus: _onFocus,
-    required: required,
-    label: label || '',
-    "aria-describedby": utils.ariaDescribedByIds(id)
-  }));
+  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(semanticUiReact.Form.Checkbox, _extends({
+      id: id,
+      name: id,
+      disabled: disabled || readonly,
+      autoFocus: autofocus
+    }, semanticProps, {
+      checked: typeof value === 'undefined' ? false : checked,
+      error: rawErrors.length > 0,
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      required: required,
+      label: utils.labelValue(label, hideLabel, false),
+      "aria-describedby": utils.ariaDescribedByIds(id)
+    }))]
+  });
 }
 
 /** The `CheckboxesWidget` is a widget for rendering checkbox groups.
@@ -917,6 +927,8 @@ function CheckboxesWidget(props) {
     value = props.value,
     autofocus = props.autofocus,
     readonly = props.readonly,
+    label = props.label,
+    hideLabel = props.hideLabel,
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
@@ -931,7 +943,6 @@ function CheckboxesWidget(props) {
     enumDisabled = options.enumDisabled,
     inline = options.inline;
   var checkboxesValues = Array.isArray(value) ? value : [value];
-  var title = schema.title;
   var semanticProps = getSemanticProps({
     options: options,
     formContext: formContext,
@@ -963,9 +974,9 @@ function CheckboxesWidget(props) {
     grouped: true
   };
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [title && jsxRuntime.jsx(TitleFieldTemplate, {
+    children: [!hideLabel && !!label && jsxRuntime.jsx(TitleFieldTemplate, {
       id: utils.titleId(id),
-      title: title,
+      title: label,
       schema: schema,
       uiSchema: uiSchema,
       registry: registry
@@ -1147,12 +1158,12 @@ function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled) {
  * @param props - The `WidgetProps` for this component
  */
 function SelectWidget(props) {
-  var schema = props.schema,
-    uiSchema = props.uiSchema,
+  var uiSchema = props.uiSchema,
     formContext = props.formContext,
     id = props.id,
     options = props.options,
     label = props.label,
+    hideLabel = props.hideLabel,
     required = props.required,
     disabled = props.disabled,
     readonly = props.readonly,
@@ -1199,7 +1210,7 @@ function SelectWidget(props) {
   return jsxRuntime.jsx(semanticUiReact.Form.Dropdown, _extends({
     id: id,
     name: id,
-    label: label || schema.title,
+    label: utils.labelValue(label || undefined, hideLabel, false),
     multiple: typeof multiple === 'undefined' ? false : multiple,
     value: typeof value === 'undefined' ? emptyValue : selectedIndexes,
     error: rawErrors.length > 0,
@@ -1229,15 +1240,13 @@ function TextareaWidget(props) {
     disabled = props.disabled,
     autofocus = props.autofocus,
     label = props.label,
+    hideLabel = props.hideLabel,
     readonly = props.readonly,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     onChange = props.onChange,
     options = props.options,
-    schema = props.schema,
-    uiSchema = props.uiSchema,
     formContext = props.formContext,
-    registry = props.registry,
     _props$rawErrors = props.rawErrors,
     rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
   var semanticProps = getSemanticProps({
@@ -1247,7 +1256,6 @@ function TextareaWidget(props) {
       inverted: 'false'
     }
   });
-  var schemaUtils = registry.schemaUtils;
   // eslint-disable-next-line no-shadow
   var _onChange = function _onChange(_ref) {
     var value = _ref.target.value;
@@ -1259,11 +1267,10 @@ function TextareaWidget(props) {
   var _onFocus = function _onFocus() {
     return onFocus && onFocus(id, value);
   };
-  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   return jsxRuntime.jsx(semanticUiReact.Form.TextArea, _extends({
     id: id,
     name: id,
-    label: displayLabel ? label || schema.title : false,
+    label: utils.labelValue(label || undefined, hideLabel, false),
     placeholder: placeholder,
     autoFocus: autofocus,
     required: required,