1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports.default = void 0;
|
7 |
|
8 | var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/extends"));
|
9 |
|
10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/objectWithoutPropertiesLoose"));
|
11 |
|
12 | var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/inheritsLoose"));
|
13 |
|
14 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
15 |
|
16 | var _react = _interopRequireDefault(require("react"));
|
17 |
|
18 | var _invariant = _interopRequireDefault(require("invariant"));
|
19 |
|
20 | var _uncontrollable = _interopRequireDefault(require("uncontrollable"));
|
21 |
|
22 | var _createChainedFunction = _interopRequireDefault(require("./utils/createChainedFunction"));
|
23 |
|
24 | var _ValidComponentChildren = _interopRequireDefault(require("./utils/ValidComponentChildren"));
|
25 |
|
26 | var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
|
27 |
|
28 | var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
|
29 |
|
30 | var propTypes = {
|
31 | |
32 |
|
33 |
|
34 |
|
35 |
|
36 | name: _propTypes.default.string,
|
37 |
|
38 | |
39 |
|
40 |
|
41 |
|
42 |
|
43 | value: _propTypes.default.any,
|
44 |
|
45 | |
46 |
|
47 |
|
48 |
|
49 |
|
50 |
|
51 |
|
52 | onChange: _propTypes.default.func,
|
53 |
|
54 | |
55 |
|
56 |
|
57 |
|
58 | type: _propTypes.default.oneOf(['checkbox', 'radio']).isRequired
|
59 | };
|
60 | var defaultProps = {
|
61 | type: 'radio'
|
62 | };
|
63 |
|
64 | var ToggleButtonGroup =
|
65 |
|
66 | function (_React$Component) {
|
67 | (0, _inheritsLoose2.default)(ToggleButtonGroup, _React$Component);
|
68 |
|
69 | function ToggleButtonGroup() {
|
70 | return _React$Component.apply(this, arguments) || this;
|
71 | }
|
72 |
|
73 | var _proto = ToggleButtonGroup.prototype;
|
74 |
|
75 | _proto.getValues = function getValues() {
|
76 | var value = this.props.value;
|
77 | return value == null ? [] : [].concat(value);
|
78 | };
|
79 |
|
80 | _proto.handleToggle = function handleToggle(value) {
|
81 | var _this$props = this.props,
|
82 | type = _this$props.type,
|
83 | onChange = _this$props.onChange;
|
84 | var values = this.getValues();
|
85 | var isActive = values.indexOf(value) !== -1;
|
86 |
|
87 | if (type === 'radio') {
|
88 | if (!isActive) {
|
89 | onChange(value);
|
90 | }
|
91 |
|
92 | return;
|
93 | }
|
94 |
|
95 | if (isActive) {
|
96 | onChange(values.filter(function (n) {
|
97 | return n !== value;
|
98 | }));
|
99 | } else {
|
100 | onChange(values.concat([value]));
|
101 | }
|
102 | };
|
103 |
|
104 | _proto.render = function render() {
|
105 | var _this = this;
|
106 |
|
107 | var _this$props2 = this.props,
|
108 | children = _this$props2.children,
|
109 | type = _this$props2.type,
|
110 | name = _this$props2.name,
|
111 | props = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, ["children", "type", "name"]);
|
112 | var values = this.getValues();
|
113 | !(type !== 'radio' || !!name) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, 'A `name` is required to group the toggle buttons when the `type` ' + 'is set to "radio"') : invariant(false) : void 0;
|
114 | delete props.onChange;
|
115 | delete props.value;
|
116 |
|
117 | return _react.default.createElement(_ButtonGroup.default, (0, _extends2.default)({}, props, {
|
118 | "data-toggle": "buttons"
|
119 | }), _ValidComponentChildren.default.map(children, function (child) {
|
120 | var _child$props = child.props,
|
121 | value = _child$props.value,
|
122 | onChange = _child$props.onChange;
|
123 |
|
124 | var handler = function handler() {
|
125 | return _this.handleToggle(value);
|
126 | };
|
127 |
|
128 | return _react.default.cloneElement(child, {
|
129 | type: type,
|
130 | name: child.name || name,
|
131 | checked: values.indexOf(value) !== -1,
|
132 | onChange: (0, _createChainedFunction.default)(onChange, handler)
|
133 | });
|
134 | }));
|
135 | };
|
136 |
|
137 | return ToggleButtonGroup;
|
138 | }(_react.default.Component);
|
139 |
|
140 | ToggleButtonGroup.propTypes = propTypes;
|
141 | ToggleButtonGroup.defaultProps = defaultProps;
|
142 | var UncontrolledToggleButtonGroup = (0, _uncontrollable.default)(ToggleButtonGroup, {
|
143 | value: 'onChange'
|
144 | });
|
145 | UncontrolledToggleButtonGroup.Button = _ToggleButton.default;
|
146 | var _default = UncontrolledToggleButtonGroup;
|
147 | exports.default = _default;
|
148 | module.exports = exports["default"]; |
\ | No newline at end of file |