@redux-devtools/rtk-query-monitor/lib/esm/components/QueryPreviewData.js

rtk-query monitor for Redux DevTools

import React, { PureComponent } from 'react';
import { QueryPreviewTabs } from '../types';
import { renderTabPanelButtonId, renderTabPanelId } from '../utils/a11y';
import { TreeView } from './TreeView';
import { jsx as ___EmotionJSX } from "@emotion/react";
const rootProps = {
  'aria-labelledby': renderTabPanelButtonId(QueryPreviewTabs.data),
  id: renderTabPanelId(QueryPreviewTabs.data),
  role: 'tabpanel'
};
export class QueryPreviewData extends PureComponent {
  shouldExpandNodeInitially = (keyPath, value, layer) => {
    return layer <= 1;
  };
  render() {
    const {
      data,
      isWideLayout
    } = this.props;
    return ___EmotionJSX(TreeView, {
      rootProps: rootProps,
      data: data,
      isWideLayout: isWideLayout,
      shouldExpandNodeInitially: this.shouldExpandNodeInitially
    });
  }
}