Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

FormLabel.js 2.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  4. exports.__esModule = true;
  5. exports.default = void 0;
  6. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  7. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  8. var _classnames = _interopRequireDefault(require("classnames"));
  9. var _react = _interopRequireWildcard(require("react"));
  10. var _warning = _interopRequireDefault(require("warning"));
  11. var _Col = _interopRequireDefault(require("./Col"));
  12. var _FormContext = _interopRequireDefault(require("./FormContext"));
  13. var _ThemeProvider = require("./ThemeProvider");
  14. var defaultProps = {
  15. column: false,
  16. srOnly: false
  17. };
  18. var FormLabel = _react.default.forwardRef(function (_ref, ref) {
  19. var bsPrefix = _ref.bsPrefix,
  20. column = _ref.column,
  21. srOnly = _ref.srOnly,
  22. className = _ref.className,
  23. htmlFor = _ref.htmlFor,
  24. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "column", "srOnly", "className", "htmlFor"]);
  25. var _useContext = (0, _react.useContext)(_FormContext.default),
  26. controlId = _useContext.controlId;
  27. bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'form-label');
  28. var classes = (0, _classnames.default)(className, bsPrefix, srOnly && 'sr-only', column && 'col-form-label');
  29. process.env.NODE_ENV !== "production" ? (0, _warning.default)(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;
  30. htmlFor = htmlFor || controlId;
  31. if (column) return _react.default.createElement(_Col.default, (0, _extends2.default)({
  32. as: "label",
  33. className: classes,
  34. htmlFor: htmlFor
  35. }, props));
  36. return (// eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control
  37. _react.default.createElement("label", (0, _extends2.default)({
  38. ref: ref,
  39. className: classes,
  40. htmlFor: htmlFor
  41. }, props))
  42. );
  43. });
  44. FormLabel.displayName = 'FormLabel';
  45. FormLabel.defaultProps = defaultProps;
  46. var _default = FormLabel;
  47. exports.default = _default;
  48. module.exports = exports["default"];