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.

Table.js 1.6 KiB

3 years ago
123456789101112131415161718192021222324252627282930313233343536373839
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. import { useBootstrapPrefix } from './ThemeProvider';
  6. var Table = React.forwardRef(function (_ref, ref) {
  7. var bsPrefix = _ref.bsPrefix,
  8. className = _ref.className,
  9. striped = _ref.striped,
  10. bordered = _ref.bordered,
  11. borderless = _ref.borderless,
  12. hover = _ref.hover,
  13. size = _ref.size,
  14. variant = _ref.variant,
  15. responsive = _ref.responsive,
  16. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
  17. var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
  18. var classes = classNames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
  19. var table = /*#__PURE__*/React.createElement("table", _extends({}, props, {
  20. className: classes,
  21. ref: ref
  22. }));
  23. if (responsive) {
  24. var responsiveClass = decoratedBsPrefix + "-responsive";
  25. if (typeof responsive === 'string') {
  26. responsiveClass = responsiveClass + "-" + responsive;
  27. }
  28. return /*#__PURE__*/React.createElement("div", {
  29. className: responsiveClass
  30. }, table);
  31. }
  32. return table;
  33. });
  34. export default Table;