@salesforce/design-system-react/module/components/forms/private/label.js

Salesforce Lightning Design System for React

/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */

/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
var propTypes = {
  /*
   * Assistive Text to use instead of a visible label
   */
  assistiveText: PropTypes.object,

  /*
   * Id of the input associated with this label
   */
  htmlFor: PropTypes.string,

  /*
   * Input Label or inner node for formatting purposes
   */
  label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),

  /*
   * Applies label styling for a required form element
   */
  required: PropTypes.bool,

  /**
   * Changes markup of label.
   */
  variant: PropTypes.oneOf(['base', 'static'])
};
var defaultProps = {
  variant: 'base'
};
/*
 * Form label. This returns null if there is no label text (hidden or shown)
 */

var Label = function Label(props) {
  var labelText = props.label || props.assistiveText && props.assistiveText.label; // One of these is required to pass accessibility tests

  var subRenders = {
    base: React.createElement("label", {
      className: classNames('slds-form-element__label', {
        'slds-assistive-text': props.assistiveText && !props.label
      }),
      htmlFor: props.htmlFor
    }, props.required && React.createElement("abbr", {
      className: "slds-required",
      title: "required"
    }, '*'), labelText),
    static: React.createElement("span", {
      className: "slds-form-element__label"
    }, labelText)
  };
  return labelText ? subRenders[props.variant] : null;
};

Label.displayName = 'Label';
Label.propTypes = propTypes;
Label.defaultProps = defaultProps;
export default Label;
//# sourceMappingURL=label.js.map