react-json-tree/lib/JSONObjectNode.js

React JSON Viewer Component, Extracted from redux-devtools

import React from 'react';
import JSONNestedNode from './JSONNestedNode.js';
// Returns the "n Items" string for this node,
// generating and caching it if it hasn't been created yet.
function createItemString(data) {
    const len = Object.getOwnPropertyNames(data).length;
    return `${len} ${len !== 1 ? 'keys' : 'key'}`;
}
// Configures <JSONNestedNode> to render an Object
export default function JSONObjectNode({ data, ...props }) {
    return (React.createElement(JSONNestedNode, { ...props, data: data, nodeType: "Object", nodeTypeIndicator: props.nodeType === 'Error' ? 'Error()' : '{}', createItemString: createItemString, expandable: Object.getOwnPropertyNames(data).length > 0 }));
}