1 | import _extends from "@babel/runtime/helpers/esm/extends";
|
2 | import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
3 | var _excluded = ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"];
|
4 | import React from 'react';
|
5 | import PropTypes from 'prop-types';
|
6 | import Button from './Button';
|
7 | import ButtonGroup from './ButtonGroup';
|
8 | import Dropdown from './Dropdown';
|
9 | import { alignPropType } from './DropdownMenu';
|
10 | var propTypes = {
|
11 | |
12 |
|
13 |
|
14 |
|
15 |
|
16 | id: PropTypes.any,
|
17 |
|
18 | |
19 |
|
20 |
|
21 | toggleLabel: PropTypes.string,
|
22 |
|
23 |
|
24 | href: PropTypes.string,
|
25 |
|
26 |
|
27 | target: PropTypes.string,
|
28 |
|
29 |
|
30 | onClick: PropTypes.func,
|
31 |
|
32 |
|
33 | title: PropTypes.node.isRequired,
|
34 |
|
35 |
|
36 | type: PropTypes.string,
|
37 |
|
38 |
|
39 | disabled: PropTypes.bool,
|
40 |
|
41 | |
42 |
|
43 |
|
44 |
|
45 |
|
46 |
|
47 |
|
48 | menuAlign: alignPropType,
|
49 |
|
50 |
|
51 | menuRole: PropTypes.string,
|
52 |
|
53 |
|
54 | renderMenuOnMount: PropTypes.bool,
|
55 |
|
56 | |
57 |
|
58 |
|
59 |
|
60 |
|
61 | rootCloseEvent: PropTypes.string,
|
62 |
|
63 |
|
64 | bsPrefix: PropTypes.string,
|
65 |
|
66 |
|
67 | variant: PropTypes.string,
|
68 |
|
69 |
|
70 | size: PropTypes.string
|
71 | };
|
72 | var defaultProps = {
|
73 | toggleLabel: 'Toggle dropdown',
|
74 | type: 'button'
|
75 | };
|
76 |
|
77 |
|
78 |
|
79 |
|
80 |
|
81 |
|
82 |
|
83 |
|
84 |
|
85 |
|
86 |
|
87 | var SplitButton = React.forwardRef(function (_ref, ref) {
|
88 | var id = _ref.id,
|
89 | bsPrefix = _ref.bsPrefix,
|
90 | size = _ref.size,
|
91 | variant = _ref.variant,
|
92 | title = _ref.title,
|
93 | type = _ref.type,
|
94 | toggleLabel = _ref.toggleLabel,
|
95 | children = _ref.children,
|
96 | onClick = _ref.onClick,
|
97 | href = _ref.href,
|
98 | target = _ref.target,
|
99 | menuAlign = _ref.menuAlign,
|
100 | menuRole = _ref.menuRole,
|
101 | renderMenuOnMount = _ref.renderMenuOnMount,
|
102 | rootCloseEvent = _ref.rootCloseEvent,
|
103 | props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
104 |
|
105 | return React.createElement(Dropdown, _extends({
|
106 | ref: ref
|
107 | }, props, {
|
108 | as: ButtonGroup
|
109 | }), React.createElement(Button, {
|
110 | size: size,
|
111 | variant: variant,
|
112 | disabled: props.disabled,
|
113 | bsPrefix: bsPrefix,
|
114 | href: href,
|
115 | target: target,
|
116 | onClick: onClick,
|
117 | type: type
|
118 | }, title), React.createElement(Dropdown.Toggle, {
|
119 | split: true,
|
120 | id: id ? id.toString() : undefined,
|
121 | size: size,
|
122 | variant: variant,
|
123 | disabled: props.disabled,
|
124 | childBsPrefix: bsPrefix
|
125 | }, React.createElement("span", {
|
126 | className: "sr-only"
|
127 | }, toggleLabel)), React.createElement(Dropdown.Menu, {
|
128 | align: menuAlign,
|
129 | role: menuRole,
|
130 | renderOnMount: renderMenuOnMount,
|
131 | rootCloseEvent: rootCloseEvent
|
132 | }, children));
|
133 | });
|
134 | SplitButton.propTypes = propTypes;
|
135 | SplitButton.defaultProps = defaultProps;
|
136 | SplitButton.displayName = 'SplitButton';
|
137 | export default SplitButton; |
\ | No newline at end of file |