<commit_before>import React from 'react';

import { InspectElementAnimation as InspectElement } from '../../src/index';
import ExampleChild from './ExampleChild';
import '../../src/react-chayns-animations/index.scss';

export default class Example extends React.Component {
    render() {
        return(
            <div>
                <div className="accordion accordion--open" data-group="acc">
                    <div className="accordion__head">Test</div>
                    <div className="accordion__body">
                        <div className="accordion__content">
                            <span style={{ margin: '15px' }}>
                                <InspectElement component={ExampleChild} name="Test1" expandedWidth="500px">
                                    test
                                </InspectElement>
                            </span>

                            <span style={{ margin: '15px' }}>
                                <InspectElement component={ExampleChild} name="Test2" expandedWidth={400}>
                                </InspectElement>
                            </span>
                        </div>
                    </div>
                </div>

                <div className="accordion accordion--open" data-group="acc">
                    <div className="accordion__head">Test</div>
                    <div className="accordion__body">
                        <div className="accordion__content">
                            <span style={{ margin: '15px' }}>
                                <InspectElement component={ExampleChild} name="Test3" />
                            </span>

                            <span style={{ margin: '15px' }}>
                                <InspectElement component={ExampleChild} name="Test4" /><commit_msg>Added code to test expanded-flag<commit_after>import React from 'react';

import { InspectElementAnimation as InspectElement } from '../../src/index';
import ExampleChild from './ExampleChild';
import '../../src/react-chayns-animations/index.scss';

export default class Example extends React.Component {

    state = {
        open: false
    };

    componentDidMount() {
        window.setTimeout(() => {
            this.setState({
                open: true
            });
        }, 1000);
    }

    render() {
        const { open } = this.state;

        return(
            <div>
                <div className="accordion accordion--open" data-group="acc">
                    <div className="accordion__head">Test</div>
                    <div className="accordion__body">
                        <div className="accordion__content">
                            <span style={{ margin: '15px' }}>
                                <InspectElement
                                    component={ExampleChild}
                                    name="Test1"
                                    // expanded={open}
                                    expandedWidth={500}
                                >
                                    test
                                </InspectElement>
                            </span>

                            <span style={{ margin: '15px' }}>
                                <InspectElement
                                    component={ExampleChild}
                                    name="Test2"
                                    expandedWidth={400}
                                />
                            </span>
                        </div>
                    </div>
                </div>

                <div className="accordion accordion--open" data-group="acc">
                    <div className="accordion__head">Test</div>
                    <div className="accordion__body">
                        <div className="accordion__content">
                            <span style={{ margin: '15px' }}>
                                <InspectElement
                                    component={ExampleChild}
                                    name="Test3"
                                />
                            </span>

                            <span style={{ margin: '15px' }}>
                                <InspectElement
                                    component={ExampleChild}
                                    name="Test4"
                                />
{'fraction_non_alphanumeric': 0.10245901639344263, 'fraction_numerical': 0.009107468123861567, 'mean_word_length': 0.9681899641577061, 'pattern_counts': {'":': 0, '<': 56, '<?xml version=': 0, '>': 57, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 13, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1680723', 'n_tokens_mistral': 993, 'n_tokens_neox': 909, 'n_words': 184}