#2963

Committed 18 Mar 2024 12:10PM UTC coverage: 15.895% (-67.3%) from 83.209%

Build # #2963

Build Type

push

Committed by

Commit Message

1.21.6

Coverage Stats

57 of 368 branches covered (15.49%)

Branch coverage included in aggregate %.

101 of 626 relevant lines covered (16.13%)

0.85 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/js/components/DataTypes/String.js

import React from 'react';
import DataTypeLabel from './DataTypeLabel';
import { toType } from './../../helpers/util';

//theme
import Theme from './../../themes/getStyle';

//attribute store for storing collapsed state
import AttributeStore from './../../stores/ObjectAttributes';

export default class extends React.PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            collapsed: AttributeStore.get(
                props.rjvId,
                props.namespace,
                'collapsed',
                true
            )
        };
    }

    toggleCollapsed = () => {
        this.setState(
            {
                collapsed: !this.state.collapsed
            },
            () => {
                AttributeStore.set(
                    this.props.rjvId,
                    this.props.namespace,
                    'collapsed',
                    this.state.collapsed
                );
            }
        );
    };

    render() {
        const type_name = 'string';
        const { collapsed } = this.state;
        const { props } = this;
        const { collapseStringsAfterLength, theme } = props;
        let { value } = props;
        let collapsible = toType(collapseStringsAfterLength) === 'integer';
        let style = { style: { cursor: 'default' } };

        if (collapsible && value.length > collapseStringsAfterLength) {
            style.style.cursor = 'pointer';
            if (this.state.collapsed) {
                value = (
                    <span>
                        {value.substring(0, collapseStringsAfterLength)}
                        <span {...Theme(theme, 'ellipsis')}> ...</span>
                    </span>
                );
            }
        }

        return (
            <div {...Theme(theme, 'string')}>
                <DataTypeLabel type_name={type_name} {...props} />
                <span
                    class="string-value"
                    {...style}
                    onClick={this.toggleCollapsed}
                >
                    "{value}"
                </span>
            </div>
        );
    }
}

1	import React from 'react';
2	import DataTypeLabel from './DataTypeLabel';
3	import { toType } from './../../helpers/util';
4
5	//theme
6	import Theme from './../../themes/getStyle';
7
8	//attribute store for storing collapsed state
9	import AttributeStore from './../../stores/ObjectAttributes';
10
11	export default class extends React.PureComponent {
12	constructor(props) {
13	super(props);	×
14	this.state = {	×
15	collapsed: AttributeStore.get(
16	props.rjvId,
17	props.namespace,
18	'collapsed',
19	true
20	)
21	};
22	}
23
24	toggleCollapsed = () => {	×
25	this.setState(	×
26	{
27	collapsed: !this.state.collapsed
28	},
29	() => {
30	AttributeStore.set(	×
31	this.props.rjvId,
32	this.props.namespace,
33	'collapsed',
34	this.state.collapsed
35	);
36	}
37	);
38	};
39
40	render() {
41	const type_name = 'string';	×
42	const { collapsed } = this.state;	×
43	const { props } = this;	×
44	const { collapseStringsAfterLength, theme } = props;	×
45	let { value } = props;	×
46	let collapsible = toType(collapseStringsAfterLength) === 'integer';	×
47	let style = { style: { cursor: 'default' } };	×
48
49	if (collapsible && value.length > collapseStringsAfterLength) {	×
50	style.style.cursor = 'pointer';	×
51	if (this.state.collapsed) {	×
52	value = (	×
53	<span>
54	{value.substring(0, collapseStringsAfterLength)}
55	<span {...Theme(theme, 'ellipsis')}> ...</span>
56	</span>
57	);
58	}
59	}
60
61	return (	×
62	<div {...Theme(theme, 'string')}>
63	<DataTypeLabel type_name={type_name} {...props} />
64	<span
65	class="string-value"
66	{...style}
67	onClick={this.toggleCollapsed}
68	>
69	"{value}"
70	</span>
71	</div>
72	);
73	}
74	}

mac-s-g / react-json-view / #2963

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous