diff --git a/packages/react-json-tree/examples/src/App.tsx b/packages/react-json-tree/examples/src/App.tsx index 67b7d1c3..8d8f6e9f 100644 --- a/packages/react-json-tree/examples/src/App.tsx +++ b/packages/react-json-tree/examples/src/App.tsx @@ -190,7 +190,12 @@ const App = () => ( Sort object keys with sortObjectKeys prop.

- +

Collapsed root node

diff --git a/packages/react-json-tree/src/JSONNestedNode.tsx b/packages/react-json-tree/src/JSONNestedNode.tsx index 2ff408a2..30f6c464 100644 --- a/packages/react-json-tree/src/JSONNestedNode.tsx +++ b/packages/react-json-tree/src/JSONNestedNode.tsx @@ -177,7 +177,7 @@ export default function JSONNestedNode(props: Props) { itemType, createItemString(data, collectionLimit), keyPath, - expandedRef.current, + expandedRef.current ); const stylingArgs = [ keyPath, diff --git a/packages/react-json-tree/src/expandCollapseButtons.tsx b/packages/react-json-tree/src/expandCollapseButtons.tsx index eff07219..e60b9c27 100644 --- a/packages/react-json-tree/src/expandCollapseButtons.tsx +++ b/packages/react-json-tree/src/expandCollapseButtons.tsx @@ -123,30 +123,37 @@ function CollapseButton({ return <>; } -function CopyToClipboardButton({copyToClipboardIcon, copiedToClipboardIcon, value}:CopyToClipboardButtonProps) { +function CopyToClipboardButton({ + copyToClipboardIcon, + copiedToClipboardIcon, + value, +}: CopyToClipboardButtonProps) { const [isCopied, setIsCopied] = useState(false); const handleOnCopyToClipboard = async () => { await navigator.clipboard.writeText(JSON.stringify(value, null, 2)); - setIsCopied(true) - } + setIsCopied(true); + }; useEffect(() => { - if(isCopied){ - setTimeout(() => setIsCopied(false), 6000) + if (isCopied) { + setTimeout(() => setIsCopied(false), 6000); } - }, [isCopied]) + }, [isCopied]); - if(isCopied){ - return (
- {copiedToClipboardIcon || } -
); + if (isCopied) { + return ( +
+ {copiedToClipboardIcon || } +
+ ); } return (
{copyToClipboardIcon || } -
) +
+ ); } function DefaultButton({ defaultIcon }: DefaultButtonProps) { diff --git a/packages/react-json-tree/src/types.ts b/packages/react-json-tree/src/types.ts index 357979ec..26894388 100644 --- a/packages/react-json-tree/src/types.ts +++ b/packages/react-json-tree/src/types.ts @@ -11,7 +11,7 @@ export type GetItemString = ( itemType: React.ReactNode, itemString: string, keyPath: KeyPath, - isExpanded: boolean, + isExpanded: boolean ) => React.ReactNode; export type LabelRenderer = (