#1215

Build # #1215

Build Type

push

Committed by

Commit Message

Merge pull request #342 from mac-s-g/bump-patch

bump patch version

Run Details

284 of 349 branches covered (81.38%)

Branch coverage included in aggregate %.

504 of 597 relevant lines covered (84.42%)

90.19 hits per line

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

73.17

/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 } 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>
        );
    };

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

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

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