@redux-devtools/rtk-query-monitor/lib/cjs/components/TreeView.js

rtk-query monitor for Redux DevTools

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TreeView = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _toolkit = require("@reduxjs/toolkit");
var _react = _interopRequireDefault(require("react"));
var _reactJsonTree = require("react-json-tree");
var _themes = require("../styles/themes");
var _tree = require("../styles/tree");
var _object = require("../utils/object");
var _react2 = require("@emotion/react");
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
var _ref2 = process.env.NODE_ENV === "production" ? {
  name: "ycj07v",
  styles: "overflow-x:auto;overflow-y:auto;padding:0.5em 1em"
} : {
  name: "porpsd-TreeView",
  styles: "overflow-x:auto;overflow-y:auto;padding:0.5em 1em;label:TreeView;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RyZWVWaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVHJlZVZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3JlYXRlU2VsZWN0b3IsIFNlbGVjdG9yIH0gZnJvbSAnQHJlZHV4anMvdG9vbGtpdCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEpTT05UcmVlIH0gZnJvbSAncmVhY3QtanNvbi10cmVlJztcbmltcG9ydCB7IEJhc2UxNlRoZW1lIH0gZnJvbSAncmVhY3QtYmFzZTE2LXN0eWxpbmcnO1xuaW1wb3J0IHsgZ2V0SnNvblRyZWVUaGVtZSwgU3R5bGVVdGlsc0NvbnRleHQgfSBmcm9tICcuLi9zdHlsZXMvdGhlbWVzJztcbmltcG9ydCB7IGdldEl0ZW1TdHJpbmcsIGxhYmVsUmVuZGVyZXIgfSBmcm9tICcuLi9zdHlsZXMvdHJlZSc7XG5pbXBvcnQgeyBpZGVudGl0eSB9IGZyb20gJy4uL3V0aWxzL29iamVjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJlZVZpZXdQcm9wc1xuICBleHRlbmRzIFBhcnRpYWw8XG4gICAgUGljazxcbiAgICAgIENvbXBvbmVudFByb3BzPHR5cGVvZiBKU09OVHJlZT4sXG4gICAgICAna2V5UGF0aCcgfCAnc2hvdWxkRXhwYW5kTm9kZUluaXRpYWxseScgfCAnaGlkZVJvb3QnXG4gICAgPlxuICA+IHtcbiAgZGF0YTogdW5rbm93bjtcbiAgaXNXaWRlTGF5b3V0OiBib29sZWFuO1xuICBiZWZvcmU/OiBSZWFjdE5vZGU7XG4gIGFmdGVyPzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgcm9vdFByb3BzPzogUGFydGlhbDxcbiAgICBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgJ2NsYXNzTmFtZScgfCAnc3R5bGUnPlxuICA+O1xufVxuXG5leHBvcnQgY2xhc3MgVHJlZVZpZXcgZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PFRyZWVWaWV3UHJvcHM+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBoaWRlUm9vdDogdHJ1ZSxcbiAgICBzaG91bGRFeHBhbmROb2RlSW5pdGlhbGx5OiAoXG4gICAgICBrZXlQYXRoOiAoc3RyaW5nIHwgbnVtYmVyKVtdLFxuICAgICAgdmFsdWU6IHVua25vd24sXG4gICAgICBsYXllcjogbnVtYmVyLFxuICAgICk6IGJvb2xlYW4gPT4ge1xuICAgICAgcmV0dXJuIGxheWVyIDwgMjtcbiAgICB9LFxuICB9O1xuXG4gIHJlYWRvbmx5IHNlbGVjdFRoZW1lOiBTZWxlY3RvcjxcbiAgICBCYXNlMTZUaGVtZSxcbiAgICBSZXR1cm5UeXBlPHR5cGVvZiBnZXRKc29uVHJlZVRoZW1lPixcbiAgICBuZXZlclxuICA+ID0gY3JlYXRlU2VsZWN0b3I8XG4gICAgWyhiYXNlMTZUaGVtZTogQmFzZTE2VGhlbWUpID0+IEJhc2UxNlRoZW1lXSxcbiAgICBSZXR1cm5UeXBlPHR5cGVvZiBnZXRKc29uVHJlZVRoZW1lPlxuICA+KGlkZW50aXR5LCBnZXRKc29uVHJlZVRoZW1lKTtcblxuICBjb25zdHJ1Y3Rvcihwcm9wczogVHJlZVZpZXdQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgfVxuXG4gIHJlbmRlcigpOiBSZWFjdE5vZGUge1xuICAgIGNvbnN0IHtcbiAgICAgIGRhdGEsXG4gICAgICBiZWZvcmUsXG4gICAgICBhZnRlcixcbiAgICAgIGNoaWxkcmVuLFxuICAgICAga2V5UGF0aCxcbiAgICAgIHNob3VsZEV4cGFuZE5vZGVJbml0aWFsbHksXG4gICAgICBoaWRlUm9vdCxcbiAgICAgIHJvb3RQcm9wcyxcbiAgICB9ID0gdGhpcy5wcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVVdGlsc0NvbnRleHQuQ29uc3VtZXI+XG4gICAgICAgIHsoeyBpbnZlcnRUaGVtZSwgYmFzZTE2VGhlbWUgfSkgPT4ge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIHsuLi5yb290UHJvcHN9XG4gICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgIG92ZXJmbG93WDogJ2F1dG8nLFxuICAgICAgICAgICAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgICAgICAgICAgIHBhZGRpbmc6ICcwLjVlbSAxZW0nLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YmVmb3JlfVxuICAgICAgICAgICAgICA8SlNPTlRyZWVcbiAgICAgICAgICAgICAgICBrZXlQYXRoPXtrZXlQYXRofVxuICAgICAgICAgICAgICAgIHNob3VsZEV4cGFuZE5vZGVJbml0aWFsbHk9e3Nob3VsZEV4cGFuZE5vZGVJbml0aWFsbHl9XG4gICAgICAgICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICAgICAgICBsYWJlbFJlbmRlcmVyPXtsYWJlbFJlbmRlcmVyfVxuICAgICAgICAgICAgICAgIHRoZW1lPXt0aGlzLnNlbGVjdFRoZW1lKGJhc2UxNlRoZW1lKX1cbiAgICAgICAgICAgICAgICBpbnZlcnRUaGVtZT17aW52ZXJ0VGhlbWV9XG4gICAgICAgICAgICAgICAgZ2V0SXRlbVN0cmluZz17Z2V0SXRlbVN0cmluZ31cbiAgICAgICAgICAgICAgICBoaWRlUm9vdD17aGlkZVJvb3R9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIHthZnRlcn1cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKTtcbiAgICAgICAgfX1cbiAgICAgIDwvU3R5bGVVdGlsc0NvbnRleHQuQ29uc3VtZXI+XG4gICAgKTtcbiAgfVxufVxuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
class TreeView extends _react.default.PureComponent {
  static defaultProps = {
    hideRoot: true,
    shouldExpandNodeInitially: (keyPath, value, layer) => {
      return layer < 2;
    }
  };
  selectTheme = (() => (0, _toolkit.createSelector)(_object.identity, _themes.getJsonTreeTheme))();
  constructor(props) {
    super(props);
  }
  render() {
    const {
      data,
      before,
      after,
      children,
      keyPath,
      shouldExpandNodeInitially,
      hideRoot,
      rootProps
    } = this.props;
    return (0, _react2.jsx)(_themes.StyleUtilsContext.Consumer, null, _ref => {
      let {
        invertTheme,
        base16Theme
      } = _ref;
      return (0, _react2.jsx)("div", (0, _extends2.default)({}, rootProps, {
        css: _ref2
      }), before, (0, _react2.jsx)(_reactJsonTree.JSONTree, {
        keyPath: keyPath,
        shouldExpandNodeInitially: shouldExpandNodeInitially,
        data: data,
        labelRenderer: _tree.labelRenderer,
        theme: this.selectTheme(base16Theme),
        invertTheme: invertTheme,
        getItemString: _tree.getItemString,
        hideRoot: hideRoot
      }), after, children);
    });
  }
}
exports.TreeView = TreeView;