<commit_before>/*eslint new-cap: [2, {"capIsNewExceptions": ["Map"]}]*/
import React, { Component } from 'react';
import JSONTree from 'react-json-tree';
import { Map } from 'immutable';

export default class App extends Component {
  render() {
    const data = {
      array: [1, 2, 3],
      bool: true,
      date: new Date(),
      object: {
        foo: 'bar'
      },
      immutable: Map({ key: 'value' })
    };

    const theme = {
      scheme: 'monokai',
      author: '<NAME> (http://www.monokai.nl)',
      base00: '#272822',
      base01: '#383830',
      base02: '#49483e',
      base03: '#75715e',
      base04: '#a59f85',
      base05: '#f8f8f2',
      base06: '#f5f4f1',
      base07: '#f9f8f5',
      base08: '#f92672',
      base09: '#fd971f',
      base0A: '#f4bf75',
      base0B: '#a6e22e',
      base0C: '#a1efe4',
      base0D: '#66d9ef',
      base0E: '#ae81ff',
      base0F: '#cc6633'
    };

    const getStyle = (type, expanded) => {};
    const getItemString = (type, data, itemType, itemString) => (<span> // {type}</span>);

    return (
      <div>
        <JSONTree data={ data } />
        <br />
        <h3>Dark Theme</h3>
        <div style={{ backgroundColor: theme.base00 }}>
          <JSONTree data={ data } theme={ theme } />
        </div>
        <br />
        <h3>Style Customization</h3>
        <ul>
          <li>Text changes between uppercase/lowercase based on the expanded state.</li>
          <li>The labels of objects, arrays, and iterables are customized as "// type".</li>
          <li>See code for details.</li><commit_msg>Forgot to update the example<commit_after>/*eslint new-cap: [2, {"capIsNewExceptions": ["Map"]}]*/
import React, { Component } from 'react';
import JSONTree from 'react-json-tree';
import { Map } from 'immutable';

export default class App extends Component {
  render() {
    const data = {
      array: [1, 2, 3],
      bool: true,
      date: new Date(),
      object: {
        foo: 'bar'
      },
      immutable: Map({ key: 'value' })
    };

    const theme = {
      scheme: 'monokai',
      author: '<NAME> (http://www.monokai.nl)',
      base00: '#272822',
      base01: '#383830',
      base02: '#49483e',
      base03: '#75715e',
      base04: '#a59f85',
      base05: '#f8f8f2',
      base06: '#f5f4f1',
      base07: '#f9f8f5',
      base08: '#f92672',
      base09: '#fd971f',
      base0A: '#f4bf75',
      base0B: '#a6e22e',
      base0C: '#a1efe4',
      base0D: '#66d9ef',
      base0E: '#ae81ff',
      base0F: '#cc6633'
    };

    const getStyle = (type, expanded) => (expanded ? { textTransform: 'uppercase' } : { textTransform: 'lowercase' });
    const getItemString = (type, data, itemType, itemString) => (<span> // {type}</span>);

    return (
      <div>
        <JSONTree data={ data } />
        <br />
        <h3>Dark Theme</h3>
        <div style={{ backgroundColor: theme.base00 }}>
          <JSONTree data={ data } theme={ theme } />
        </div>
        <br />
        <h3>Style Customization</h3>
        <ul>
          <li>Text changes between uppercase/lowercase based on the expanded state.</li>
          <li>The labels of objects, arrays, and iterables are customized as "// type".</li>
          <li>See code for details.</li>
{'fraction_non_alphanumeric': 0.1718318502608162, 'fraction_numerical': 0.05891377723227984, 'mean_word_length': 2.243781094527363, 'pattern_counts': {'":': 2, '<': 45, '<?xml version=': 0, '>': 49, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7205854', 'n_tokens_mistral': 1210, 'n_tokens_neox': 1134, 'n_words': 288}