redux-devtools-log-monitor
Version:
The default tree view monitor for Redux DevTools
154 lines (115 loc) • 12.9 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _brighten = _interopRequireDefault(require("./brighten"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var styles = {
base: {
cursor: 'pointer',
fontWeight: 'bold',
borderRadius: 3,
padding: 4,
marginLeft: 3,
marginRight: 3,
marginTop: 5,
marginBottom: 5,
flexGrow: 1,
display: 'inline-block',
fontSize: '0.8em',
color: 'white',
textDecoration: 'none'
}
};
var LogMonitorButton = /*#__PURE__*/function (_React$PureComponent) {
_inherits(LogMonitorButton, _React$PureComponent);
var _super = _createSuper(LogMonitorButton);
function LogMonitorButton() {
var _this;
_classCallCheck(this, LogMonitorButton);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
_defineProperty(_assertThisInitialized(_this), "state", {
hovered: false,
active: false
});
_defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function () {
_this.setState({
hovered: true
});
});
_defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function () {
_this.setState({
hovered: false
});
});
_defineProperty(_assertThisInitialized(_this), "handleMouseDown", function () {
_this.setState({
active: true
});
});
_defineProperty(_assertThisInitialized(_this), "handleMouseUp", function () {
_this.setState({
active: false
});
});
_defineProperty(_assertThisInitialized(_this), "onClick", function () {
if (!_this.props.enabled) {
return;
}
if (_this.props.onClick) {
_this.props.onClick();
}
});
return _this;
}
_createClass(LogMonitorButton, [{
key: "render",
value: function render() {
var style = _objectSpread(_objectSpread({}, styles.base), {}, {
backgroundColor: this.props.theme.base02
});
if (this.props.enabled && this.state.hovered) {
style = _objectSpread(_objectSpread({}, style), {}, {
backgroundColor: (0, _brighten["default"])(this.props.theme.base02, 0.2)
});
}
if (!this.props.enabled) {
style = _objectSpread(_objectSpread({}, style), {}, {
opacity: 0.2,
cursor: 'text',
backgroundColor: 'transparent'
});
}
return /*#__PURE__*/_react["default"].createElement("a", {
onMouseEnter: this.handleMouseEnter,
onMouseLeave: this.handleMouseLeave,
onMouseDown: this.handleMouseDown,
onMouseUp: this.handleMouseUp,
onClick: this.onClick,
style: style
}, this.props.children);
}
}]);
return LogMonitorButton;
}(_react["default"].PureComponent);
exports["default"] = LogMonitorButton;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dNb25pdG9yQnV0dG9uLnRzeCJdLCJuYW1lcyI6WyJzdHlsZXMiLCJiYXNlIiwiY3Vyc29yIiwiZm9udFdlaWdodCIsImJvcmRlclJhZGl1cyIsInBhZGRpbmciLCJtYXJnaW5MZWZ0IiwibWFyZ2luUmlnaHQiLCJtYXJnaW5Ub3AiLCJtYXJnaW5Cb3R0b20iLCJmbGV4R3JvdyIsImRpc3BsYXkiLCJmb250U2l6ZSIsImNvbG9yIiwidGV4dERlY29yYXRpb24iLCJMb2dNb25pdG9yQnV0dG9uIiwiaG92ZXJlZCIsImFjdGl2ZSIsInNldFN0YXRlIiwicHJvcHMiLCJlbmFibGVkIiwib25DbGljayIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwidGhlbWUiLCJiYXNlMDIiLCJzdGF0ZSIsIm9wYWNpdHkiLCJoYW5kbGVNb3VzZUVudGVyIiwiaGFuZGxlTW91c2VMZWF2ZSIsImhhbmRsZU1vdXNlRG93biIsImhhbmRsZU1vdXNlVXAiLCJjaGlsZHJlbiIsIlJlYWN0IiwiUHVyZUNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLElBQU1BLE1BQStCLEdBQUc7QUFDdENDLEVBQUFBLElBQUksRUFBRTtBQUNKQyxJQUFBQSxNQUFNLEVBQUUsU0FESjtBQUVKQyxJQUFBQSxVQUFVLEVBQUUsTUFGUjtBQUdKQyxJQUFBQSxZQUFZLEVBQUUsQ0FIVjtBQUlKQyxJQUFBQSxPQUFPLEVBQUUsQ0FKTDtBQUtKQyxJQUFBQSxVQUFVLEVBQUUsQ0FMUjtBQU1KQyxJQUFBQSxXQUFXLEVBQUUsQ0FOVDtBQU9KQyxJQUFBQSxTQUFTLEVBQUUsQ0FQUDtBQVFKQyxJQUFBQSxZQUFZLEVBQUUsQ0FSVjtBQVNKQyxJQUFBQSxRQUFRLEVBQUUsQ0FUTjtBQVVKQyxJQUFBQSxPQUFPLEVBQUUsY0FWTDtBQVdKQyxJQUFBQSxRQUFRLEVBQUUsT0FYTjtBQVlKQyxJQUFBQSxLQUFLLEVBQUUsT0FaSDtBQWFKQyxJQUFBQSxjQUFjLEVBQUU7QUFiWjtBQURnQyxDQUF4Qzs7SUE2QnFCQyxnQjs7Ozs7Ozs7Ozs7Ozs7Ozs0REFJSjtBQUNiQyxNQUFBQSxPQUFPLEVBQUUsS0FESTtBQUViQyxNQUFBQSxNQUFNLEVBQUU7QUFGSyxLOzt1RUFLSSxZQUFNO0FBQ3ZCLFlBQUtDLFFBQUwsQ0FBYztBQUFFRixRQUFBQSxPQUFPLEVBQUU7QUFBWCxPQUFkO0FBQ0QsSzs7dUVBRWtCLFlBQU07QUFDdkIsWUFBS0UsUUFBTCxDQUFjO0FBQUVGLFFBQUFBLE9BQU8sRUFBRTtBQUFYLE9BQWQ7QUFDRCxLOztzRUFFaUIsWUFBTTtBQUN0QixZQUFLRSxRQUFMLENBQWM7QUFBRUQsUUFBQUEsTUFBTSxFQUFFO0FBQVYsT0FBZDtBQUNELEs7O29FQUVlLFlBQU07QUFDcEIsWUFBS0MsUUFBTCxDQUFjO0FBQUVELFFBQUFBLE1BQU0sRUFBRTtBQUFWLE9BQWQ7QUFDRCxLOzs4REFFUyxZQUFNO0FBQ2QsVUFBSSxDQUFDLE1BQUtFLEtBQUwsQ0FBV0MsT0FBaEIsRUFBeUI7QUFDdkI7QUFDRDs7QUFDRCxVQUFJLE1BQUtELEtBQUwsQ0FBV0UsT0FBZixFQUF3QjtBQUN0QixjQUFLRixLQUFMLENBQVdFLE9BQVg7QUFDRDtBQUNGLEs7Ozs7Ozs7NkJBRVE7QUFDUCxVQUFJQyxLQUFLLG1DQUNKdEIsTUFBTSxDQUFDQyxJQURIO0FBRVBzQixRQUFBQSxlQUFlLEVBQUUsS0FBS0osS0FBTCxDQUFXSyxLQUFYLENBQWlCQztBQUYzQixRQUFUOztBQUlBLFVBQUksS0FBS04sS0FBTCxDQUFXQyxPQUFYLElBQXNCLEtBQUtNLEtBQUwsQ0FBV1YsT0FBckMsRUFBOEM7QUFDNUNNLFFBQUFBLEtBQUssbUNBQ0FBLEtBREE7QUFFSEMsVUFBQUEsZUFBZSxFQUFFLDBCQUFTLEtBQUtKLEtBQUwsQ0FBV0ssS0FBWCxDQUFpQkMsTUFBMUIsRUFBa0MsR0FBbEM7QUFGZCxVQUFMO0FBSUQ7O0FBQ0QsVUFBSSxDQUFDLEtBQUtOLEtBQUwsQ0FBV0MsT0FBaEIsRUFBeUI7QUFDdkJFLFFBQUFBLEtBQUssbUNBQ0FBLEtBREE7QUFFSEssVUFBQUEsT0FBTyxFQUFFLEdBRk47QUFHSHpCLFVBQUFBLE1BQU0sRUFBRSxNQUhMO0FBSUhxQixVQUFBQSxlQUFlLEVBQUU7QUFKZCxVQUFMO0FBTUQ7O0FBQ0QsMEJBQ0U7QUFDRSxRQUFBLFlBQVksRUFBRSxLQUFLSyxnQkFEckI7QUFFRSxRQUFBLFlBQVksRUFBRSxLQUFLQyxnQkFGckI7QUFHRSxRQUFBLFdBQVcsRUFBRSxLQUFLQyxlQUhwQjtBQUlFLFFBQUEsU0FBUyxFQUFFLEtBQUtDLGFBSmxCO0FBS0UsUUFBQSxPQUFPLEVBQUUsS0FBS1YsT0FMaEI7QUFNRSxRQUFBLEtBQUssRUFBRUM7QUFOVCxTQVFHLEtBQUtILEtBQUwsQ0FBV2EsUUFSZCxDQURGO0FBWUQ7Ozs7RUFqRTJDQyxrQkFBTUMsYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFzZTE2VGhlbWUgfSBmcm9tICdyZWR1eC1kZXZ0b29scy10aGVtZXMnO1xuaW1wb3J0IGJyaWdodGVuIGZyb20gJy4vYnJpZ2h0ZW4nO1xuXG5jb25zdCBzdHlsZXM6IHsgYmFzZTogQ1NTUHJvcGVydGllcyB9ID0ge1xuICBiYXNlOiB7XG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgIGJvcmRlclJhZGl1czogMyxcbiAgICBwYWRkaW5nOiA0LFxuICAgIG1hcmdpbkxlZnQ6IDMsXG4gICAgbWFyZ2luUmlnaHQ6IDMsXG4gICAgbWFyZ2luVG9wOiA1LFxuICAgIG1hcmdpbkJvdHRvbTogNSxcbiAgICBmbGV4R3JvdzogMSxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBmb250U2l6ZTogJzAuOGVtJyxcbiAgICBjb2xvcjogJ3doaXRlJyxcbiAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB9LFxufTtcblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgaG92ZXJlZDogYm9vbGVhbjtcbiAgYWN0aXZlOiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aGVtZTogQmFzZTE2VGhlbWU7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIGVuYWJsZWQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIExvZ01vbml0b3JCdXR0b24gZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PFxuICBQcm9wcyxcbiAgU3RhdGVcbj4ge1xuICBzdGF0ZTogU3RhdGUgPSB7XG4gICAgaG92ZXJlZDogZmFsc2UsXG4gICAgYWN0aXZlOiBmYWxzZSxcbiAgfTtcblxuICBoYW5kbGVNb3VzZUVudGVyID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBob3ZlcmVkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGhvdmVyZWQ6IGZhbHNlIH0pO1xuICB9O1xuXG4gIGhhbmRsZU1vdXNlRG93biA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgYWN0aXZlOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZU1vdXNlVXAgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGFjdGl2ZTogZmFsc2UgfSk7XG4gIH07XG5cbiAgb25DbGljayA9ICgpID0+IHtcbiAgICBpZiAoIXRoaXMucHJvcHMuZW5hYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAodGhpcy5wcm9wcy5vbkNsaWNrKSB7XG4gICAgICB0aGlzLnByb3BzLm9uQ2xpY2soKTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGxldCBzdHlsZSA9IHtcbiAgICAgIC4uLnN0eWxlcy5iYXNlLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGlzLnByb3BzLnRoZW1lLmJhc2UwMixcbiAgICB9O1xuICAgIGlmICh0aGlzLnByb3BzLmVuYWJsZWQgJiYgdGhpcy5zdGF0ZS5ob3ZlcmVkKSB7XG4gICAgICBzdHlsZSA9IHtcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYnJpZ2h0ZW4odGhpcy5wcm9wcy50aGVtZS5iYXNlMDIsIDAuMiksXG4gICAgICB9O1xuICAgIH1cbiAgICBpZiAoIXRoaXMucHJvcHMuZW5hYmxlZCkge1xuICAgICAgc3R5bGUgPSB7XG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgICBvcGFjaXR5OiAwLjIsXG4gICAgICAgIGN1cnNvcjogJ3RleHQnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICB9O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPGFcbiAgICAgICAgb25Nb3VzZUVudGVyPXt0aGlzLmhhbmRsZU1vdXNlRW50ZXJ9XG4gICAgICAgIG9uTW91c2VMZWF2ZT17dGhpcy5oYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgICBvbk1vdXNlRG93bj17dGhpcy5oYW5kbGVNb3VzZURvd259XG4gICAgICAgIG9uTW91c2VVcD17dGhpcy5oYW5kbGVNb3VzZVVwfVxuICAgICAgICBvbkNsaWNrPXt0aGlzLm9uQ2xpY2t9XG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgID5cbiAgICAgICAge3RoaXMucHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2E+XG4gICAgKTtcbiAgfVxufVxuIl19