UNPKG

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