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.

Card.js 2.9KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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 _ThemeProvider = require("./ThemeProvider");
  11. var _createWithBsPrefix = _interopRequireDefault(require("./utils/createWithBsPrefix"));
  12. var _divWithClassName = _interopRequireDefault(require("./utils/divWithClassName"));
  13. var _CardContext = _interopRequireDefault(require("./CardContext"));
  14. var _CardImg = _interopRequireDefault(require("./CardImg"));
  15. var DivStyledAsH5 = (0, _divWithClassName.default)('h5');
  16. var DivStyledAsH6 = (0, _divWithClassName.default)('h6');
  17. var CardBody = (0, _createWithBsPrefix.default)('card-body');
  18. var defaultProps = {
  19. body: false
  20. };
  21. var Card = _react.default.forwardRef(function (_ref, ref) {
  22. var bsPrefix = _ref.bsPrefix,
  23. className = _ref.className,
  24. bg = _ref.bg,
  25. text = _ref.text,
  26. border = _ref.border,
  27. body = _ref.body,
  28. children = _ref.children,
  29. _ref$as = _ref.as,
  30. Component = _ref$as === void 0 ? 'div' : _ref$as,
  31. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
  32. var prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card');
  33. var cardContext = (0, _react.useMemo)(function () {
  34. return {
  35. cardHeaderBsPrefix: prefix + "-header"
  36. };
  37. }, [prefix]);
  38. return _react.default.createElement(_CardContext.default.Provider, {
  39. value: cardContext
  40. }, _react.default.createElement(Component, (0, _extends2.default)({
  41. ref: ref
  42. }, props, {
  43. className: (0, _classnames.default)(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
  44. }), body ? _react.default.createElement(CardBody, null, children) : children));
  45. });
  46. Card.displayName = 'Card';
  47. Card.defaultProps = defaultProps;
  48. Card.Img = _CardImg.default;
  49. Card.Title = (0, _createWithBsPrefix.default)('card-title', {
  50. Component: DivStyledAsH5
  51. });
  52. Card.Subtitle = (0, _createWithBsPrefix.default)('card-subtitle', {
  53. Component: DivStyledAsH6
  54. });
  55. Card.Body = CardBody;
  56. Card.Link = (0, _createWithBsPrefix.default)('card-link', {
  57. Component: 'a'
  58. });
  59. Card.Text = (0, _createWithBsPrefix.default)('card-text', {
  60. Component: 'p'
  61. });
  62. Card.Header = (0, _createWithBsPrefix.default)('card-header');
  63. Card.Footer = (0, _createWithBsPrefix.default)('card-footer');
  64. Card.ImgOverlay = (0, _createWithBsPrefix.default)('card-img-overlay');
  65. var _default = Card;
  66. exports.default = _default;
  67. module.exports = exports["default"];