@rjsf/semantic-ui 5.3.0 → 5.4.0

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

@@ -338,6 +338,7 @@
     var id = props.id,
       placeholder = props.placeholder,
       label = props.label,
+      hideLabel = props.hideLabel,
       value = props.value,
       required = props.required,
       readonly = props.readonly,
@@ -352,7 +353,6 @@
       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);
@@ -361,7 +361,6 @@
       formContext: formContext,
       options: options
     });
-    var schemaUtils = registry.schemaUtils;
     var _onChange = function _onChange(_ref) {
       var value = _ref.target.value;
       return onChange(value === '' ? options.emptyValue : value);
@@ -372,14 +371,13 @@
     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,
@@ -641,19 +639,17 @@
     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
@@ -845,11 +841,14 @@
    * @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,
@@ -859,7 +858,8 @@
       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,
@@ -868,6 +868,7 @@
         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
@@ -882,21 +883,30 @@
       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.
@@ -911,6 +921,8 @@
       value = props.value,
       autofocus = props.autofocus,
       readonly = props.readonly,
+      label = props.label,
+      hideLabel = props.hideLabel,
       onChange = props.onChange,
       onBlur = props.onBlur,
       onFocus = props.onFocus,
@@ -925,7 +937,6 @@
       enumDisabled = options.enumDisabled,
       inline = options.inline;
     var checkboxesValues = Array.isArray(value) ? value : [value];
-    var title = schema.title;
     var semanticProps = getSemanticProps({
       options: options,
       formContext: formContext,
@@ -957,9 +968,9 @@
       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
@@ -1141,12 +1152,12 @@
    * @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,
@@ -1193,7 +1204,7 @@
     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,
@@ -1223,15 +1234,13 @@
       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({
@@ -1241,7 +1250,6 @@
         inverted: 'false'
       }
     });
-    var schemaUtils = registry.schemaUtils;
     // eslint-disable-next-line no-shadow
     var _onChange = function _onChange(_ref) {
       var value = _ref.target.value;
@@ -1253,11 +1261,10 @@
     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,