|
419 | 419 | _react2.default.createElement( |
420 | 420 | 'span', |
421 | 421 | { className: 'label-text' }, |
422 | | - 'Diabled, Unchecked' |
| 422 | + 'Disabled, Unchecked' |
423 | 423 | ) |
424 | 424 | ) |
425 | 425 | ), |
|
440 | 440 | _react2.default.createElement( |
441 | 441 | 'pre', |
442 | 442 | null, |
443 | | - '<label>\n <Toggle\n defaultChecked={false}\n disabled={true} />\n <span className=\'label-text\'>Diabled, Unchecked</span>\n</label>\n<label>\n <Toggle\n defaultChecked={true}\n disabled={true} />\n <span className=\'label-text\'>Disabled, Checked</span>\n</label>' |
| 443 | + '<label>\n <Toggle\n defaultChecked={false}\n disabled={true} />\n <span className=\'label-text\'>Disabled, Unchecked</span>\n</label>\n<label>\n <Toggle\n defaultChecked={true}\n disabled={true} />\n <span className=\'label-text\'>Disabled, Checked</span>\n</label>' |
444 | 444 | ) |
445 | 445 | ), |
446 | 446 | _react2.default.createElement( |
@@ -22414,12 +22414,19 @@ |
22414 | 22414 | key: 'componentDidUpdate', |
22415 | 22415 | value: function componentDidUpdate(prevProps) { |
22416 | 22416 | if (prevProps.checked !== this.props.checked) { |
| 22417 | + // Disable linting rule here since this usage of setState inside |
| 22418 | + // componentDidUpdate is OK; see |
| 22419 | + // https://reactjs.org/docs/react-component.html#componentdidupdate |
| 22420 | + // eslint-disable-next-line react/no-did-update-set-state |
22417 | 22421 | this.setState({ checked: !!this.props.checked }); |
22418 | 22422 | } |
22419 | 22423 | } |
22420 | 22424 | }, { |
22421 | 22425 | key: 'handleClick', |
22422 | 22426 | value: function handleClick(event) { |
| 22427 | + if (this.props.disabled) { |
| 22428 | + return; |
| 22429 | + } |
22423 | 22430 | var checkbox = this.input; |
22424 | 22431 | if (event.target !== checkbox && !this.moved) { |
22425 | 22432 | this.previouslyChecked = checkbox.checked; |
|
22436 | 22443 | }, { |
22437 | 22444 | key: 'handleTouchStart', |
22438 | 22445 | value: function handleTouchStart(event) { |
| 22446 | + if (this.props.disabled) { |
| 22447 | + return; |
| 22448 | + } |
22439 | 22449 | this.startX = (0, _util.pointerCoord)(event).x; |
22440 | 22450 | this.activated = true; |
22441 | 22451 | } |
|
22777 | 22787 | return _react2.default.createElement( |
22778 | 22788 | 'svg', |
22779 | 22789 | { width: '14', height: '11', viewBox: '0 0 14 11' }, |
22780 | | - _react2.default.createElement( |
22781 | | - 'title', |
22782 | | - null, |
22783 | | - 'switch-check' |
22784 | | - ), |
22785 | 22790 | _react2.default.createElement('path', { d: 'M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0', fill: '#fff', fillRule: 'evenodd' }) |
22786 | 22791 | ); |
22787 | 22792 | }; |
|
22806 | 22811 | return _react2.default.createElement( |
22807 | 22812 | 'svg', |
22808 | 22813 | { width: '10', height: '10', viewBox: '0 0 10 10' }, |
22809 | | - _react2.default.createElement( |
22810 | | - 'title', |
22811 | | - null, |
22812 | | - 'switch-x' |
22813 | | - ), |
22814 | 22814 | _react2.default.createElement('path', { d: 'M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12', fill: '#fff', fillRule: 'evenodd' }) |
22815 | 22815 | ); |
22816 | 22816 | }; |
|
0 commit comments