You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

90 lines
2.6 KiB

  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  4. exports.__esModule = true;
  5. exports.default = void 0;
  6. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  7. var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
  8. var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
  9. var _react = _interopRequireWildcard(require("react"));
  10. var _propTypes = _interopRequireDefault(require("prop-types"));
  11. var _Collapse = _interopRequireDefault(require("./Collapse"));
  12. var _utils = require("./utils");
  13. var omitKeys = ['toggleEvents', 'defaultOpen'];
  14. var propTypes = {
  15. defaultOpen: _propTypes.default.bool,
  16. toggler: _propTypes.default.string.isRequired,
  17. toggleEvents: _propTypes.default.arrayOf(_propTypes.default.string)
  18. };
  19. var defaultProps = {
  20. toggleEvents: _utils.defaultToggleEvents
  21. };
  22. var UncontrolledCollapse =
  23. /*#__PURE__*/
  24. function (_Component) {
  25. (0, _inheritsLoose2.default)(UncontrolledCollapse, _Component);
  26. function UncontrolledCollapse(props) {
  27. var _this;
  28. _this = _Component.call(this, props) || this;
  29. _this.togglers = null;
  30. _this.removeEventListeners = null;
  31. _this.toggle = _this.toggle.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
  32. _this.state = {
  33. isOpen: props.defaultOpen || false
  34. };
  35. return _this;
  36. }
  37. var _proto = UncontrolledCollapse.prototype;
  38. _proto.componentDidMount = function componentDidMount() {
  39. this.togglers = (0, _utils.findDOMElements)(this.props.toggler);
  40. if (this.togglers.length) {
  41. this.removeEventListeners = (0, _utils.addMultipleEventListeners)(this.togglers, this.toggle, this.props.toggleEvents);
  42. }
  43. };
  44. _proto.componentWillUnmount = function componentWillUnmount() {
  45. if (this.togglers.length && this.removeEventListeners) {
  46. this.removeEventListeners();
  47. }
  48. };
  49. _proto.toggle = function toggle(e) {
  50. this.setState(function (_ref) {
  51. var isOpen = _ref.isOpen;
  52. return {
  53. isOpen: !isOpen
  54. };
  55. });
  56. e.preventDefault();
  57. };
  58. _proto.render = function render() {
  59. return _react.default.createElement(_Collapse.default, (0, _extends2.default)({
  60. isOpen: this.state.isOpen
  61. }, (0, _utils.omit)(this.props, omitKeys)));
  62. };
  63. return UncontrolledCollapse;
  64. }(_react.Component);
  65. UncontrolledCollapse.propTypes = propTypes;
  66. UncontrolledCollapse.defaultProps = defaultProps;
  67. var _default = UncontrolledCollapse;
  68. exports.default = _default;