@6thquake/react-material/esm/Table/TreeTable/ExSwitch.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));

var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));

var _styles = require("../../styles");

var styles = function styles(theme) {
  return {
    // root: {},
    root: {
      border: "1px solid ".concat(theme.palette.divider),
      width: 13,
      height: 13,
      display: 'flex',
      // marginLeft: theme.spacing(1) ,
      marginRight: theme.spacing(1),
      justifyContent: 'center',
      alignItems: 'center',
      cursor: 'pointer',
      fontSize: '0.8125rem'
    },
    exIcon: {
      // margin: 5,
      fontSize: '0.8125rem'
    }
  };
};
/**
 * @ignore - internal component.
 */


var ExSwitch =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2.default)(ExSwitch, _React$Component);

  function ExSwitch() {
    var _getPrototypeOf2;

    var _this;

    (0, _classCallCheck2.default)(this, ExSwitch);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(ExSwitch)).call.apply(_getPrototypeOf2, [this].concat(args)));
    _this.state = {
      close: true
    };

    _this.handleClick = function (e) {
      var _this$props = _this.props,
          onChange = _this$props.onChange,
          data = _this$props.data; // const { close }

      e.stopPropagation();

      _this.setState({
        close: !_this.state.close
      }, function () {
        onChange && onChange({
          close: _this.state.close,
          data: data
        });
      });
    };

    return _this;
  }

  (0, _createClass2.default)(ExSwitch, [{
    key: "render",
    value: function render() {
      var classes = this.props.classes;
      var close = this.state.close;
      return _react.default.createElement("span", {
        className: classes.root,
        onClick: this.handleClick
      }, close ? _react.default.createElement(_Add.default, {
        className: classes.exIcon
      }) : _react.default.createElement(_Remove.default, {
        className: classes.exIcon
      }));
    }
  }]);
  return ExSwitch;
}(_react.default.Component);

var _default = (0, _styles.withStyles)(styles)(ExSwitch);

exports.default = _default;