react-json-tree/lib/ItemRange.js

React JSON Viewer Component, Extracted from redux-devtools

import React, { useCallback, useState } from 'react';
import JSONArrow from './JSONArrow.js';
export default function ItemRange(props) {
    const { styling, from, to, renderChildNodes, nodeType } = props;
    const [expanded, setExpanded] = useState(false);
    const handleClick = useCallback(() => {
        setExpanded(!expanded);
    }, [expanded]);
    return expanded ? (React.createElement("div", { ...styling('itemRange', expanded) }, renderChildNodes(props, from, to))) : (React.createElement("div", { ...styling('itemRange', expanded), onClick: handleClick },
        React.createElement(JSONArrow, { nodeType: nodeType, styling: styling, expanded: false, onClick: handleClick, arrowStyle: "double" }),
        `${from} ... ${to}`));
}