<commit_before>import React, { Component } from 'react';
import { Container, Panel, Button } from '@extjs/reactor/modern';

Ext.require('Ext.Toast');

function toolHandler(owner, tool) {
    Ext.toast(`You clicked ${tool.config.type}`);
}

export default class PanelExample extends Component {

    render() {
        return (
            <Container>
                <Panel 
                    shadow
                    title="Panel" 
                    height={300}
                    width={500}
                    tools={[
                        { type: 'minimize', handler: toolHandler },
                        { type: 'refresh', handler: toolHandler },
                        { type: 'save', handler: toolHandler },
                        { type: 'search', handler: toolHandler },
                        { type: 'close', handler: toolHandler }
                    ]}
                >
                    <p>Panel Body</p>
                </Panel>
                <Button ui="action" handler={() => this.refs.modal.show()} margin="20 0 0 0" text="Show Modal"/>
                <Panel 
                    ref="modal"
                    title="Floated Panel"
                    modal={false}
                    floated
                    centered
                    hideOnMaskTap
                    width={Ext.filterPlatform('ie10') ? '100%' : (Ext.os.deviceType == 'Phone') ? 260 : 400}
                    maxHeight={Ext.filterPlatform('ie10') ? '30%' : (Ext.os.deviceType == 'Phone') ? 220 : 400}
                    showAnimation={{
                        type: 'popIn',
                        duration: 250,
                        easing: 'ease-out'
                    }}
                    hideAnimation={{
                        type: 'popOut',
                        duration: 250,
                        easing: 'ease-out'
                    }}
                >
                    <p>This is a modal, centered and floated panel. hideOnMaskTap is true by default so we can tap anywhere outside the overlay to hide it.</p>
                </Panel>
            </Container>
        )
    }
}<commit_msg>Removed local changes from Panel<commit_after>import React, { Component } from 'react';
import { Container, Panel, Button } from '@extjs/reactor/modern';

Ext.require('Ext.Toast');

function toolHandler(owner, tool) {
    Ext.toast(`You clicked ${tool.config.type}`);
}

export default class PanelExample extends Component {

    render() {
        return (
            <Container>
                <Panel 
                    shadow
                    title="Panel" 
                    height={300}
                    width={500}
                    tools={[
                        { type: 'minimize', handler: toolHandler },
                        { type: 'refresh', handler: toolHandler },
                        { type: 'save', handler: toolHandler },
                        { type: 'search', handler: toolHandler },
                        { type: 'close', handler: toolHandler }
                    ]}
                >
                    <p>Panel Body</p>
                </Panel>
                <Button ui="action" handler={() => this.refs.modal.show()} margin="20 0 0 0" text="Show Modal"/>
                <Panel 
                    ref="modal"
                    title="Floated Panel"
                    modal
                    floated
                    centered
                    hideOnMaskTap
                    width={Ext.filterPlatform('ie10') ? '100%' : (Ext.os.deviceType == 'Phone') ? 260 : 400}
                    maxHeight={Ext.filterPlatform('ie10') ? '30%' : (Ext.os.deviceType == 'Phone') ? 220 : 400}
                    showAnimation={{
                        type: 'popIn',
                        duration: 250,
                        easing: 'ease-out'
                    }}
                    hideAnimation={{
                        type: 'popOut',
                        duration: 250,
                        easing: 'ease-out'
                    }}
                >
                    <p>This is a modal, centered and floated panel. hideOnMaskTap is true by default so we can tap anywhere outside the overlay to hide it.</p>
                </Panel>
            </Container>
        )
    }
}
{'fraction_non_alphanumeric': 0.1111111111111111, 'fraction_numerical': 0.017703237829023992, 'mean_word_length': 1.0915733073550902, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '413350', 'n_tokens_mistral': 1129, 'n_tokens_neox': 979, 'n_words': 256}