@uiw/react-json-view 2.0.0-alpha.36 → 2.0.0-alpha.38

package/cjs/comps/Copied.d.ts

@@ -7,6 +7,7 @@ export type CopiedOption<T extends object> = {
 };
 export interface CopiedProps<T extends object> extends React.SVGProps<SVGSVGElement>, SectionElementResult<T> {
     expandKey: string;
+    beforeCopy?: (copyText: string, keyName?: string | number, value?: T, parentValue?: T, expandKey?: string, keys?: (number | string)[]) => string;
 }
 export declare const Copied: {
     <T extends object, K extends TagType>(props: CopiedProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;

package/cjs/comps/Copied.js

@@ -14,7 +14,7 @@ var _Section = require("../store/Section");
 var _ShowTools = require("../store/ShowTools");
 var _types = require("../types/");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
+var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys", "beforeCopy"],
   _excluded2 = ["as", "render"];
 var Copied = exports.Copied = function Copied(props) {
   var keyName = props.keyName,
@@ -22,10 +22,12 @@ var Copied = exports.Copied = function Copied(props) {
     parentValue = props.parentValue,
     expandKey = props.expandKey,
     keys = props.keys,
+    beforeCopy = props.beforeCopy,
     other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useStore = (0, _store.useStore)(),
     onCopied = _useStore.onCopied,
-    enableClipboard = _useStore.enableClipboard;
+    enableClipboard = _useStore.enableClipboard,
+    globalBeforeCopy = _useStore.beforeCopy;
   var showTools = (0, _ShowTools.useShowToolsStore)();
   var isShowTools = showTools[expandKey];
   var _useState = (0, _react.useState)(false),
@@ -35,6 +37,7 @@ var Copied = exports.Copied = function Copied(props) {
   var _useSectionStore = (0, _Section.useSectionStore)(),
     _useSectionStore$Copi = _useSectionStore.Copied,
     Comp = _useSectionStore$Copi === void 0 ? {} : _useSectionStore$Copi;
+  var sectionBeforeCopy = Comp === null || Comp === void 0 ? void 0 : Comp.beforeCopy;
   if (enableClipboard === false || !isShowTools) return null;
   var click = function click(event) {
     event.stopPropagation();
@@ -52,6 +55,13 @@ var Copied = exports.Copied = function Copied(props) {
         return typeof v === 'bigint' ? (0, _types.bigIntToString)(v) : v;
       }, 2);
     }
+
+    // Apply beforeCopy transformation if provided
+    // Priority: component prop > section prop > global prop
+    var finalBeforeCopy = beforeCopy || sectionBeforeCopy || globalBeforeCopy;
+    if (finalBeforeCopy && typeof finalBeforeCopy === 'function') {
+      copyText = finalBeforeCopy(copyText, keyName, value, parentValue, expandKey, keys);
+    }
     onCopied && onCopied(copyText, value);
     setCopied(true);
     var _clipboard = navigator.clipboard || {

package/cjs/comps/KeyValues.js

@@ -40,15 +40,16 @@ var KeyValues = exports.KeyValues = function KeyValues(props) {
     collapsed = _useStore.collapsed,
     shouldExpandNodeInitially = _useStore.shouldExpandNodeInitially;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value: value,
     keys: keys,
     level: level,
     keyName: keyName,
     parentValue: parentValue
   });
-  if (expands[expandKey] === undefined && !!shouldExpand) {
+  console.log('KeyValues', expands[expandKey], defaultExpanded, !shouldExpand, shouldExpand, isExpanded);
+  if (expands[expandKey] === undefined && !shouldExpand) {
     return null;
   }
   if (isExpanded) {

package/cjs/comps/NestedClose.js

@@ -24,15 +24,16 @@ var NestedClose = exports.NestedClose = function NestedClose(props) {
     collapsed = _useStore.collapsed,
     shouldExpandNodeInitially = _useStore.shouldExpandNodeInitially;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value: value,
     keys: keys,
     level: level,
     keyName: keyName,
     parentValue: parentValue
   });
-  if (expands[expandKey] === undefined && !!shouldExpand) {
+  console.log('NestedClose', expands[expandKey], defaultExpanded, shouldExpand);
+  if (expands[expandKey] === undefined && !shouldExpand) {
     return null;
   }
   var len = Object.keys(value).length;

package/cjs/comps/NestedOpen.js

@@ -35,16 +35,17 @@ var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
     collapsed = _useStore.collapsed,
     shouldExpandNodeInitially = _useStore.shouldExpandNodeInitially;
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value: value,
     keys: keys,
     level: level,
     keyName: keyName,
     parentValue: parentValue
   });
+  console.log('NestedOpen', expands[expandKey], defaultExpanded, shouldExpand, !shouldExpand);
   if (expands[expandKey] === undefined && shouldExpandNodeInitially) {
-    isExpanded = !!shouldExpand;
+    isExpanded = !shouldExpand;
   }
   var click = function click() {
     var opt = {

package/cjs/index.d.ts

@@ -72,6 +72,8 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     }) => void;
     /** Fires event when you copy */
     onCopied?: (text: string, value?: T) => void;
+    /** Transform the text before copying to clipboard */
+    beforeCopy?: (copyText: string, keyName?: string | number, value?: T, parentValue?: T, expandKey?: string, keys?: (number | string)[]) => string;
 }
 type JsonViewComponent = React.FC<React.PropsWithRef<JsonViewProps<object>>> & {
     Bigint: typeof Bigint;

package/cjs/index.js

@@ -110,15 +110,19 @@ Object.keys(_symbol).forEach(function (key) {
     }
   });
 });
-var _excluded = ["className", "style", "value", "children", "collapsed", "shouldExpandNodeInitially", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "stringEllipsis", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied"];
+var _excluded = ["className", "style", "value", "children", "collapsed", "shouldExpandNodeInitially", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "stringEllipsis", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied", "beforeCopy"];
 var JsonView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     style = props.style,
     value = props.value,
     children = props.children,
-    collapsed = props.collapsed,
-    shouldExpandNodeInitially = props.shouldExpandNodeInitially,
+    _props$collapsed = props.collapsed,
+    collapsed = _props$collapsed === void 0 ? false : _props$collapsed,
+    _props$shouldExpandNo = props.shouldExpandNodeInitially,
+    shouldExpandNodeInitially = _props$shouldExpandNo === void 0 ? function () {
+      return true;
+    } : _props$shouldExpandNo,
     _props$indentWidth = props.indentWidth,
     indentWidth = _props$indentWidth === void 0 ? 15 : _props$indentWidth,
     _props$displayObjectS = props.displayObjectSize,
@@ -136,6 +140,7 @@ var JsonView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     objectSortKeys = _props$objectSortKeys === void 0 ? false : _props$objectSortKeys,
     onExpand = props.onExpand,
     onCopied = props.onCopied,
+    beforeCopy = props.beforeCopy,
     elmProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var defaultStyle = (0, _objectSpread2["default"])({
     lineHeight: 1.4,
@@ -150,7 +155,9 @@ var JsonView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       value: value,
       objectSortKeys: objectSortKeys,
       indentWidth: indentWidth,
-      shouldExpandNodeInitially: shouldExpandNodeInitially,
+      shouldExpandNodeInitially: collapsed === false ? shouldExpandNodeInitially : function () {
+        return false;
+      },
       displayObjectSize: displayObjectSize,
       collapsed: collapsed,
       enableClipboard: enableClipboard,
@@ -158,7 +165,8 @@ var JsonView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       stringEllipsis: stringEllipsis,
       highlightUpdates: highlightUpdates,
       onCopied: onCopied,
-      onExpand: onExpand
+      onExpand: onExpand,
+      beforeCopy: beforeCopy
     },
     initialTypes: {
       displayDataTypes: displayDataTypes

package/cjs/section/Copied.d.ts

@@ -1,6 +1,9 @@
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
+export type CopiedSectionElement<T extends TagType = 'svg'> = SectionElement<T> & {
+    beforeCopy?: (copyText: string, keyName?: string | number, value?: object, parentValue?: object, expandKey?: string, keys?: (number | string)[]) => string;
+};
 export declare const Copied: {
-    <K extends TagType = "svg">(props: SectionElement<K>): null;
+    <K extends TagType = "svg">(props: CopiedSectionElement<K>): null;
     displayName: string;
 };

package/cjs/store.d.ts

@@ -6,6 +6,7 @@ export interface InitialState<T extends object> {
     value?: object;
     onExpand?: JsonViewProps<object>['onExpand'];
     onCopied?: JsonViewProps<object>['onCopied'];
+    beforeCopy?: JsonViewProps<T>['beforeCopy'];
     objectSortKeys?: JsonViewProps<T>['objectSortKeys'];
     displayObjectSize?: JsonViewProps<T>['displayObjectSize'];
     shortenTextAfterLength?: JsonViewProps<T>['shortenTextAfterLength'];

package/esm/comps/Copied.d.ts

@@ -7,6 +7,7 @@ export type CopiedOption<T extends object> = {
 };
 export interface CopiedProps<T extends object> extends React.SVGProps<SVGSVGElement>, SectionElementResult<T> {
     expandKey: string;
+    beforeCopy?: (copyText: string, keyName?: string | number, value?: T, parentValue?: T, expandKey?: string, keys?: (number | string)[]) => string;
 }
 export declare const Copied: {
     <T extends object, K extends TagType>(props: CopiedProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;

package/esm/comps/Copied.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
+var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys", "beforeCopy"],
   _excluded2 = ["as", "render"];
 import { useState } from 'react';
 import { useStore } from "../store.js";
@@ -14,12 +14,14 @@ export var Copied = props => {
       value,
       parentValue,
       expandKey,
-      keys
+      keys,
+      beforeCopy
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   var {
     onCopied,
-    enableClipboard
+    enableClipboard,
+    beforeCopy: globalBeforeCopy
   } = useStore();
   var showTools = useShowToolsStore();
   var isShowTools = showTools[expandKey];
@@ -27,6 +29,7 @@ export var Copied = props => {
   var {
     Copied: Comp = {}
   } = useSectionStore();
+  var sectionBeforeCopy = Comp == null ? void 0 : Comp.beforeCopy;
   if (enableClipboard === false || !isShowTools) return null;
   var click = event => {
     event.stopPropagation();
@@ -42,6 +45,13 @@ export var Copied = props => {
     } else {
       copyText = JSON.stringify(value, (_, v) => typeof v === 'bigint' ? bigIntToString(v) : v, 2);
     }
+
+    // Apply beforeCopy transformation if provided
+    // Priority: component prop > section prop > global prop
+    var finalBeforeCopy = beforeCopy || sectionBeforeCopy || globalBeforeCopy;
+    if (finalBeforeCopy && typeof finalBeforeCopy === 'function') {
+      copyText = finalBeforeCopy(copyText, keyName, value, parentValue, expandKey, keys);
+    }
     onCopied && onCopied(copyText, value);
     setCopied(true);
     var _clipboard = navigator.clipboard || {

package/esm/comps/KeyValues.js

@@ -30,15 +30,16 @@ export var KeyValues = props => {
     shouldExpandNodeInitially
   } = useStore();
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value,
     keys,
     level,
     keyName,
     parentValue
   });
-  if (expands[expandKey] === undefined && !!shouldExpand) {
+  console.log('KeyValues', expands[expandKey], defaultExpanded, !shouldExpand, shouldExpand, isExpanded);
+  if (expands[expandKey] === undefined && !shouldExpand) {
     return null;
   }
   if (isExpanded) {

package/esm/comps/NestedClose.js

@@ -19,15 +19,16 @@ export var NestedClose = props => {
     shouldExpandNodeInitially
   } = useStore();
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value,
     keys,
     level,
     keyName,
     parentValue
   });
-  if (expands[expandKey] === undefined && !!shouldExpand) {
+  console.log('NestedClose', expands[expandKey], defaultExpanded, shouldExpand);
+  if (expands[expandKey] === undefined && !shouldExpand) {
     return null;
   }
   var len = Object.keys(value).length;

package/esm/comps/NestedOpen.js

@@ -28,16 +28,17 @@ export var NestedOpen = props => {
     shouldExpandNodeInitially
   } = useStore();
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value,
     keys,
     level,
     keyName,
     parentValue
   });
+  console.log('NestedOpen', expands[expandKey], defaultExpanded, shouldExpand, !shouldExpand);
   if (expands[expandKey] === undefined && shouldExpandNodeInitially) {
-    isExpanded = !!shouldExpand;
+    isExpanded = !shouldExpand;
   }
   var click = () => {
     var opt = {

package/esm/index.d.ts

@@ -72,6 +72,8 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     }) => void;
     /** Fires event when you copy */
     onCopied?: (text: string, value?: T) => void;
+    /** Transform the text before copying to clipboard */
+    beforeCopy?: (copyText: string, keyName?: string | number, value?: T, parentValue?: T, expandKey?: string, keys?: (number | string)[]) => string;
 }
 type JsonViewComponent = React.FC<React.PropsWithRef<JsonViewProps<object>>> & {
     Bigint: typeof Bigint;

package/esm/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "style", "value", "children", "collapsed", "shouldExpandNodeInitially", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "stringEllipsis", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied"];
+var _excluded = ["className", "style", "value", "children", "collapsed", "shouldExpandNodeInitially", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "stringEllipsis", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied", "beforeCopy"];
 import { forwardRef } from 'react';
 import { Provider } from "./store.js";
 import { Container } from "./Container.js";
@@ -44,8 +44,8 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
       style,
       value,
       children,
-      collapsed,
-      shouldExpandNodeInitially,
+      collapsed = false,
+      shouldExpandNodeInitially = () => true,
       indentWidth = 15,
       displayObjectSize = true,
       shortenTextAfterLength = 30,
@@ -55,7 +55,8 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
       displayDataTypes = true,
       objectSortKeys = false,
       onExpand,
-      onCopied
+      onCopied,
+      beforeCopy
     } = props,
     elmProps = _objectWithoutPropertiesLoose(props, _excluded);
   var defaultStyle = _extends({
@@ -71,7 +72,7 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       objectSortKeys,
       indentWidth,
-      shouldExpandNodeInitially,
+      shouldExpandNodeInitially: collapsed === false ? shouldExpandNodeInitially : () => false,
       displayObjectSize,
       collapsed,
       enableClipboard,
@@ -79,7 +80,8 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
       stringEllipsis,
       highlightUpdates,
       onCopied,
-      onExpand
+      onExpand,
+      beforeCopy
     },
     initialTypes: {
       displayDataTypes

package/esm/section/Copied.d.ts

@@ -1,6 +1,9 @@
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
+export type CopiedSectionElement<T extends TagType = 'svg'> = SectionElement<T> & {
+    beforeCopy?: (copyText: string, keyName?: string | number, value?: object, parentValue?: object, expandKey?: string, keys?: (number | string)[]) => string;
+};
 export declare const Copied: {
-    <K extends TagType = "svg">(props: SectionElement<K>): null;
+    <K extends TagType = "svg">(props: CopiedSectionElement<K>): null;
     displayName: string;
 };

package/esm/store.d.ts

@@ -6,6 +6,7 @@ export interface InitialState<T extends object> {
     value?: object;
     onExpand?: JsonViewProps<object>['onExpand'];
     onCopied?: JsonViewProps<object>['onCopied'];
+    beforeCopy?: JsonViewProps<T>['beforeCopy'];
     objectSortKeys?: JsonViewProps<T>['objectSortKeys'];
     displayObjectSize?: JsonViewProps<T>['displayObjectSize'];
     shortenTextAfterLength?: JsonViewProps<T>['shortenTextAfterLength'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.36",
+  "version": "2.0.0-alpha.38",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/triangle-arrow.d.ts

@@ -1,5 +1,5 @@
 declare module '@uiw/react-json-view/triangle-arrow' {
   import React from 'react';
-  export interface TriangleArrowProps extends React.SVGProps<SVGSVGElement> { }
-  export function TriangleArrow(props: TriangleArrowProps): import("react/jsx-runtime").JSX.Element;
+  export interface TriangleArrowProps extends React.SVGProps<SVGSVGElement> {}
+  export function TriangleArrow(props: TriangleArrowProps): import('react/jsx-runtime').JSX.Element;
 }

package/triangle-solid-arrow.d.ts

@@ -1,5 +1,5 @@
 declare module '@uiw/react-json-view/triangle-solid-arrow' {
   import React from 'react';
-  export interface TriangleSolidArrowProps extends React.SVGProps<SVGSVGElement> { }
-  export function TriangleSolidArrow(props: TriangleSolidArrowProps): import("react/jsx-runtime").JSX.Element;
+  export interface TriangleSolidArrowProps extends React.SVGProps<SVGSVGElement> {}
+  export function TriangleSolidArrow(props: TriangleSolidArrowProps): import('react/jsx-runtime').JSX.Element;
 }