UNPKG

1.95 kBJavaScriptView Raw
1import _extends from "@babel/runtime/helpers/esm/extends";
2import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3var _excluded = ["className", "bsPrefix", "variant", "horizontal", "as"];
4import classNames from 'classnames';
5import React from 'react';
6import warning from 'warning';
7import { useUncontrolled } from 'uncontrollable';
8import { useBootstrapPrefix } from './ThemeProvider';
9import AbstractNav from './AbstractNav';
10import ListGroupItem from './ListGroupItem';
11var defaultProps = {
12 variant: undefined,
13 horizontal: undefined
14};
15var ListGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
16 var _useUncontrolled = useUncontrolled(props, {
17 activeKey: 'onSelect'
18 }),
19 className = _useUncontrolled.className,
20 initialBsPrefix = _useUncontrolled.bsPrefix,
21 variant = _useUncontrolled.variant,
22 horizontal = _useUncontrolled.horizontal,
23 _useUncontrolled$as = _useUncontrolled.as,
24 as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
25 controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, _excluded);
26
27 var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'list-group');
28 var horizontalVariant;
29
30 if (horizontal) {
31 horizontalVariant = horizontal === true ? 'horizontal' : "horizontal-" + horizontal;
32 } else {
33 horizontalVariant = null;
34 }
35
36 process.env.NODE_ENV !== "production" ? warning(!(horizontal && variant === 'flush'), '`variant="flush"` and `horizontal` should not be used together.') : void 0;
37 return /*#__PURE__*/React.createElement(AbstractNav, _extends({
38 ref: ref
39 }, controlledProps, {
40 as: as,
41 className: classNames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
42 }));
43});
44ListGroup.defaultProps = defaultProps;
45ListGroup.displayName = 'ListGroup';
46ListGroup.Item = ListGroupItem;
47export default ListGroup;
\No newline at end of file