#988

Build # #988

Build Type

push

Committed by

Commit Message

<a href="https://github.com/mac-s-g/react-json-view/commit/<a class=hub.com/mac-s-g/react-json-view/commit/fc000762c7a31727f3318acbdf7445cf8b1db98f">fc000762c<a href="https://github.com/mac-s-g/react-json-view/commit/fc000762c7a31727f3318acbdf7445cf8b1db98f">">Merge </a><a class="double-link" href="https://github.com/mac-s-g/react-json-view/commit/<a class="double-link" href="https://github.com/mac-s-g/react-json-view/commit/8947beab5c678981a84cb4cb920f9264e98cf584">8947beab5</a>">8947beab5</a><a href="https://github.com/mac-s-g/react-json-view/commit/fc000762c7a31727f3318acbdf7445cf8b1db98f"> into e27fabc21">e27fabc21</a>

Run Details

287 of 352 branches covered (81.53%)

Branch coverage included in aggregate %.

11 of 11 new or added lines in 3 files covered. (100.0%)

513 of 608 relevant lines covered (84.38%)

45.32 hits per line

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

74.47

/src/js/components/VariableMeta.js

import React from 'react';
import dispatcher from './../helpers/dispatcher';

import CopyToClipboard from './CopyToClipboard';
import { toType } from './../helpers/util';

//icons
import {
    RemoveCircle as Remove, AddCircle as Add, SelectCircle as Select
} from './icons';

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

export default class extends React.PureComponent {
    getObjectSize = () => {
        const { size, theme, displayObjectSize } = this.props;
        if (displayObjectSize) {
            return (
                <span class="object-size" {...Theme(theme, 'object-size')}>
                    {size} item{size === 1 ? '' : 's'}
                </span>
            );
        }
    };

    getAddAttribute = rowHovered => {
        const { theme, namespace, name, src, rjvId, depth } = this.props;

        return (
            <span
                class="click-to-add"
                style={{
                    verticalAlign: 'top',
                    display: rowHovered ? 'inline-block' : 'none'
                }}
            >
                <Add
                    class="click-to-add-icon"
                    {...Theme(theme, 'addVarIcon')}
                    onClick={() => {
                        const request = {
                            name: depth > 0 ? name : null,
                            namespace: namespace.splice(
                                0,
                                namespace.length - 1
                            ),
                            existing_value: src,
                            variable_removed: false,
                            key_name: null
                        };
                        if (toType(src) === 'object') {
                            dispatcher.dispatch({
                                name: 'ADD_VARIABLE_KEY_REQUEST',
                                rjvId: rjvId,
                                data: request
                            });
                        } else {
                            dispatcher.dispatch({
                                name: 'VARIABLE_ADDED',
                                rjvId: rjvId,
                                data: {
                                    ...request,
                                    new_value: [...src, null]
                                }
                            });
                        }
                    }}
                />
            </span>
        );
    };

    getRemoveObject = rowHovered => {
        const { theme, hover, namespace, name, src, rjvId } = this.props;

        //don't allow deleting of root node
        if (namespace.length === 1) {
            return;
        }
        return (
            <span
                class="click-to-remove"
                style={{
                    display: rowHovered ? 'inline-block' : 'none'
                }}
            >
                <Remove
                    class="click-to-remove-icon"
                    {...Theme(theme, 'removeVarIcon')}
                    onClick={() => {
                        dispatcher.dispatch({
                            name: 'VARIABLE_REMOVED',
                            rjvId: rjvId,
                            data: {
                                name: name,
                                namespace: namespace.splice(
                                    0,
                                    namespace.length - 1
                                ),
                                existing_value: src,
                                variable_removed: true
                            }
                        });
                    }}
                />
            </span>
        );
    };

    getSelectObject = () => {
        const {
            theme, namespace, name, src, onSelect
        } = this.props;

        return (
            <span class="click-to-select" title="Select Object">
                <Select
                    class="click-to-select-icon"
                    {...Theme(theme, 'selectVarIcon')}
                    onClick={() => {
                        onSelect({
                            name,
                            type: typeof src,
                            namespace,
                            value: src
                        });
                    }}
                />
            </span>
        );
    }

    render = () => {
        const {
            theme,
            onDelete,
            onAdd,
            onSelect,
            enableClipboard,
            src,
            namespace,
            rowHovered
        } = this.props;
        return (
            <div
                {...Theme(theme, 'object-meta-data')}
                class="object-meta-data"
                onClick={e => {
                    e.stopPropagation();
                }}
            >
                {/* size badge display */}
                {this.getObjectSize()}
                {/* copy to clipboard icon */}
                {enableClipboard ? (
                    <CopyToClipboard
                        rowHovered={rowHovered}
                        clickCallback={enableClipboard}
                        {...{ src, theme, namespace }}
                    />
                ) : null}
                {/* copy add/remove icons */}
                {onAdd !== false ? this.getAddAttribute() : null}
                {onDelete !== false ? this.getRemoveObject() : null}
                {onSelect !== false ? this.getSelectObject() : null}
            </div>
        );
    };
}

1	import React from 'react';
2	import dispatcher from './../helpers/dispatcher';
3
4	import CopyToClipboard from './CopyToClipboard';
5	import { toType } from './../helpers/util';
6
7	//icons
8	import {
9	RemoveCircle as Remove, AddCircle as Add, SelectCircle as Select
10	} from './icons';
11
12	//theme
13	import Theme from './../themes/getStyle';
14
15	export default class extends React.PureComponent {
16	getObjectSize = () => {	48✔
17	const { size, theme, displayObjectSize } = this.props;	56✔
18	if (displayObjectSize) {	56✔
19	return (	23✔
20	<span class="object-size" {...Theme(theme, 'object-size')}>
21	{size} item{size === 1 ? '' : 's'}	23✔
22	</span>
23	);
24	}
25	};
26
27	getAddAttribute = rowHovered => {	48✔
28	const { theme, namespace, name, src, rjvId, depth } = this.props;	22✔
29
30	return (	22✔
31	<span
32	class="click-to-add"
33	style={{
34	verticalAlign: 'top',
35	display: rowHovered ? 'inline-block' : 'none'	22!
36	}}
37	>
38	<Add
39	class="click-to-add-icon"
40	{...Theme(theme, 'addVarIcon')}
41	onClick={() => {
42	const request = {	×
43	name: depth > 0 ? name : null,	×
44	namespace: namespace.splice(
45	0,
46	namespace.length - 1
47	),
48	existing_value: src,
49	variable_removed: false,
50	key_name: null
51	};
52	if (toType(src) === 'object') {	×
53	dispatcher.dispatch({	×
54	name: 'ADD_VARIABLE_KEY_REQUEST',
55	rjvId: rjvId,
56	data: request
57	});
58	} else {
59	dispatcher.dispatch({	×
60	name: 'VARIABLE_ADDED',
61	rjvId: rjvId,
62	data: {
63	...request,
64	new_value: [...src, null]
65	}
66	});
67	}
68	}}
69	/>
70	</span>
71	);
72	};
73
74	getRemoveObject = rowHovered => {	48✔
75	const { theme, hover, namespace, name, src, rjvId } = this.props;	22✔
76
77	//don't allow deleting of root node
78	if (namespace.length === 1) {	22✔
79	return;	16✔
80	}
81	return (	6✔
82	<span
83	class="click-to-remove"
84	style={{
85	display: rowHovered ? 'inline-block' : 'none'	6!
86	}}
87	>
88	<Remove
89	class="click-to-remove-icon"
90	{...Theme(theme, 'removeVarIcon')}
91	onClick={() => {
92	dispatcher.dispatch({	×
93	name: 'VARIABLE_REMOVED',
94	rjvId: rjvId,
95	data: {
96	name: name,
97	namespace: namespace.splice(
98	0,
99	namespace.length - 1
100	),
101	existing_value: src,
102	variable_removed: true
103	}
104	});
105	}}
106	/>
107	</span>
108	);
109	};
110
111	getSelectObject = () => {	48✔
112	const {
113	theme, namespace, name, src, onSelect
114	} = this.props;	27✔
115
116	return (	27✔
117	<span class="click-to-select" title="Select Object">
118	<Select
119	class="click-to-select-icon"
120	{...Theme(theme, 'selectVarIcon')}
121	onClick={() => {
122	onSelect({	×
123	name,
124	type: typeof src,
125	namespace,
126	value: src
127	});
128	}}
129	/>
130	</span>
131	);
132	}
133
134	render = () => {	48✔
135	const {
136	theme,
137	onDelete,
138	onAdd,
139	onSelect,
140	enableClipboard,
141	src,
142	namespace,
143	rowHovered
144	} = this.props;	56✔
145	return (	56✔
146	<div
147	{...Theme(theme, 'object-meta-data')}
148	class="object-meta-data"
149	onClick={e => {
150	e.stopPropagation();	1✔
151	}}
152	>
153	{/* size badge display */}
154	{this.getObjectSize()}
155	{/* copy to clipboard icon */}
156	{enableClipboard ? (	56✔
157	<CopyToClipboard
158	rowHovered={rowHovered}
159	clickCallback={enableClipboard}
160	{...{ src, theme, namespace }}
161	/>
162	) : null}
163	{/* copy add/remove icons */}
164	{onAdd !== false ? this.getAddAttribute() : null}	56✔
165	{onDelete !== false ? this.getRemoveObject() : null}	56✔
166	{onSelect !== false ? this.getSelectObject() : null}	56✔
167	</div>
168	);
169	};
170	}

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

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