@redux-devtools/rtk-query-monitor
Version:
rtk-query monitor for Redux DevTools
59 lines • 5.72 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
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)."; }
import { createSelector } from '@reduxjs/toolkit';
import React from 'react';
import { JSONTree } from 'react-json-tree';
import { getJsonTreeTheme, StyleUtilsContext } from '../styles/themes';
import { getItemString, labelRenderer } from '../styles/tree';
import { identity } from '../utils/object';
import { jsx as ___EmotionJSX } from "@emotion/react";
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__
};
export class TreeView extends React.PureComponent {
static defaultProps = {
hideRoot: true,
shouldExpandNodeInitially: (keyPath, value, layer) => {
return layer < 2;
}
};
selectTheme = (() => createSelector(identity, getJsonTreeTheme))();
constructor(props) {
super(props);
}
render() {
const {
data,
before,
after,
children,
keyPath,
shouldExpandNodeInitially,
hideRoot,
rootProps
} = this.props;
return ___EmotionJSX(StyleUtilsContext.Consumer, null, _ref => {
let {
invertTheme,
base16Theme
} = _ref;
return ___EmotionJSX("div", _extends({}, rootProps, {
css: _ref2
}), before, ___EmotionJSX(JSONTree, {
keyPath: keyPath,
shouldExpandNodeInitially: shouldExpandNodeInitially,
data: data,
labelRenderer: labelRenderer,
theme: this.selectTheme(base16Theme),
invertTheme: invertTheme,
getItemString: getItemString,
hideRoot: hideRoot
}), after, children);
});
}
}