UNPKG

3.47 kBJavaScriptView Raw
1'use strict';
2
3function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
5var uniqueId = require('./uniqueId.js');
6var PropTypes = require('prop-types');
7var __chunk_1 = require('./chunk-c300b528.js');
8var Box = _interopDefault(require('reakit/Box'));
9require('reakit/Block');
10require('reakit/Inline');
11require('reakit/InlineBlock');
12var Flex = _interopDefault(require('reakit/Flex'));
13require('reakit/InlineFlex');
14require('reakit/Grid');
15var React = require('react');
16var React__default = _interopDefault(React);
17var CardCard = require('./Card/CardCard.js');
18var styled$6 = require('./Callout/styled.js');
19var CalloutClose = require('./Callout/CalloutClose.js');
20
21var Callout = function Callout(_ref) {
22 var a11yDescriptionId = _ref.a11yDescriptionId,
23 a11yTitleId = _ref.a11yTitleId,
24 children = _ref.children,
25 closeButtonProps = _ref.closeButtonProps,
26 footer = _ref.footer,
27 hasTint = _ref.hasTint,
28 icon = _ref.icon,
29 onClickClose = _ref.onClickClose,
30 showCloseButton = _ref.showCloseButton,
31 title = _ref.title,
32 type = _ref.type,
33 props = __chunk_1._objectWithoutPropertiesLoose(_ref, ["a11yDescriptionId", "a11yTitleId", "children", "closeButtonProps", "footer", "hasTint", "icon", "onClickClose", "showCloseButton", "title", "type"]);
34
35 return React.createElement(styled$6.default, __chunk_1._extends({
36 a11yDescriptionId: a11yDescriptionId,
37 a11yTitleId: a11yTitleId,
38 hasTint: hasTint,
39 type: type
40 }, props), React.createElement(Flex, null, (type || icon) && React.createElement(styled$6.CalloutTitle, null, React.createElement(styled$6.CalloutIcon, {
41 icon: type || icon,
42 color: type
43 })), React.createElement(Box, null, title && React.createElement(styled$6.CalloutHeader, null, typeof title === 'string' ? React.createElement(styled$6.CalloutTitle, {
44 id: a11yTitleId
45 }, title) : title), React.createElement(styled$6.CalloutContent, {
46 id: a11yDescriptionId
47 }, children), footer && React.createElement(styled$6.CalloutFooter, null, footer))), showCloseButton && React.createElement(CalloutClose.default, __chunk_1._extends({
48 onClickClose: onClickClose
49 }, closeButtonProps)));
50};
51var calloutPropTypes = __chunk_1._objectSpread({
52 a11yDescriptionId: PropTypes.string,
53 a11yTitleId: PropTypes.string,
54 children: PropTypes.node.isRequired,
55 className: PropTypes.string,
56 closeButtonProps: PropTypes.shape(CalloutClose.calloutClosePropTypes),
57 footer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
58 hasTint: PropTypes.bool,
59 icon: PropTypes.string,
60 onClickClose: PropTypes.func,
61 showCloseButton: PropTypes.bool,
62 title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
63 type: PropTypes.string
64}, CardCard.cardCardPropTypes);
65Callout.propTypes = calloutPropTypes;
66var calloutDefaultProps = __chunk_1._objectSpread({}, CardCard.cardCardDefaultProps, {
67 a11yDescriptionId: uniqueId.getUniqueId('Callout'),
68 a11yTitleId: uniqueId.getUniqueId('Callout'),
69 children: undefined,
70 className: undefined,
71 closeButtonProps: {},
72 footer: undefined,
73 hasTint: false,
74 icon: undefined,
75 onClickClose: undefined,
76 showCloseButton: false,
77 title: undefined,
78 type: undefined
79});
80Callout.defaultProps = calloutDefaultProps; // @ts-ignore
81
82var C = Callout;
83
84exports.Callout = C;
85exports.calloutDefaultProps = calloutDefaultProps;
86exports.calloutPropTypes = calloutPropTypes;