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