Allow Partial Customization Without Losing Built-in Features

[EranAAA]

Hi, thanks for the great work on @uiw/react-json-view!

When customizing the component in v2, important features like:
• Text shortening (ellipsis)
• Expand/collapse for long values
• Copy-to-clipboard

are lost because internal components like StringView or CopyIcon are not exposed.

Feature Request:
Please consider exposing internal components or providing a way to extend rendering without losing the default behavior.
This would allow simple customizations (e.g., styling a specific key) without re-implementing core logic.

Thanks again!

[jaywcjlove]

@EranAAA Regarding the “copy to clipboard” feature, it can already be customized by modifying the onClick method of the Copied component.

      <Copied
        render={({ 'data-copied': copied, style, onClick, ...props }, { value }) => {
          const styl = { whiteSpace: 'nowrap' }
          if (copied) {
            return <span style={{ ...style, ...styl }}>复制成功</span>
          }
          return <span style={{ ...style, ...styl }} onClick={onClick}>复制</span>
        }}
      />

Regarding "Text shortening (ellipsis)", if you want to customize the display of the ellipsis (...), I can provide a props to configure it, similar to the example below:

<JsonView stringEllipsis="..." />

react-json-view/core/src/types/index.tsx

Lines 82 to 84 in 725c4ce

	const text = shorten ? `${childrenStr.slice(0, length)}...` : childrenStr;
	const isRender = render && typeof render === 'function';

[EranAAA]

I will try the Copied 🙏 also i will appreciate an update about the ellipsis.
Thanks :)

[jaywcjlove]

I’ve released v2.0.0-alpha.31 and added a stringEllipsis prop. @EranAAA

<JsonView stringEllipsis="..." />

[EranAAA]

Amazing 🤩