@uiw/react-json-view 1.8.3 → 1.8.5

package/cjs/arrow/TriangleArrow.d.ts

@@ -2,3 +2,6 @@ import React from 'react';
 export interface TriangleArrowProps extends React.SVGProps<SVGSVGElement> {
 }
 export declare function TriangleArrow(props: TriangleArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TriangleArrow {
+    var displayName: string;
+}

package/cjs/arrow/TriangleArrow.js

@@ -27,4 +27,5 @@ function TriangleArrow(props) {
       d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
     })
   }));
-}
+}
+TriangleArrow.displayName = 'JVR.TriangleArrow';

package/cjs/arrow/TriangleSolidArrow.d.ts

@@ -2,3 +2,6 @@ import React from 'react';
 export interface TriangleSolidArrowProps extends React.SVGProps<SVGSVGElement> {
 }
 export declare function TriangleSolidArrow(props: TriangleSolidArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TriangleSolidArrow {
+    var displayName: string;
+}

package/cjs/arrow/TriangleSolidArrow.js

@@ -27,4 +27,5 @@ function TriangleSolidArrow(props) {
       d: "M0 5l6 6 6-6z"
     })
   }));
-}
+}
+TriangleSolidArrow.displayName = 'JVR.TriangleSolidArrow';

package/cjs/comps/ellipsis.js

@@ -33,4 +33,5 @@ var Ellipsis = function Ellipsis(_ref) {
     children: "..."
   }));
 };
-exports.Ellipsis = Ellipsis;
+exports.Ellipsis = Ellipsis;
+Ellipsis.displayName = 'JVR.Ellipsis';

package/cjs/comps/meta.d.ts

@@ -7,3 +7,6 @@ export interface MetaProps extends LabelProps {
     render?: (props: Pick<MetaProps, 'start' | 'level' | 'isArray' | 'className' | 'children'>) => JSX.Element;
 }
 export declare function Meta(props: MetaProps): JSX.Element;
+export declare namespace Meta {
+    var displayName: string;
+}

package/cjs/comps/meta.js

@@ -42,4 +42,5 @@ function Meta(props) {
   }, reset), {}, {
     children: start ? mark.charAt(0) : mark.charAt(1)
   }));
-}
+}
+Meta.displayName = 'JVR.Meta';

package/cjs/copied.d.ts

@@ -6,3 +6,6 @@ export interface CopiedProps<T = object> extends React.SVGProps<SVGSVGElement> {
     render?: (props: Omit<CopiedProps<T>, 'render'>) => JSX.Element;
 }
 export declare function Copied<T>(props: CopiedProps<T>): JSX.Element | null;
+export declare namespace Copied {
+    var displayName: string;
+}

package/cjs/copied.js

@@ -74,4 +74,5 @@ function Copied(props) {
       d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,20 L30,20 L30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,29 L27.5,29 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M22.5,21.5 L22.5,16.5 L12.5,24 L22.5,31.5 L22.5,26.5 L32,26.5 L32,21.5 L22.5,21.5 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"
     })
   }));
-}
+}
+Copied.displayName = 'JVR.Copied';

package/cjs/editor/countInfoExtra.d.ts

@@ -23,3 +23,6 @@ export interface CountInfoExtraProps<T> extends Partial<CountInfoProps> {
     }) => boolean;
 }
 export declare function CountInfoExtra<T extends object>(props: CountInfoExtraProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace CountInfoExtra {
+    var displayName: string;
+}

package/cjs/editor/countInfoExtra.js

@@ -102,4 +102,5 @@ function CountInfoExtra(props) {
       onClick: deleteHandle
     })]
   });
-}
+}
+CountInfoExtra.displayName = 'JVR.CountInfoExtra';

package/cjs/editor/index.js

@@ -54,6 +54,7 @@ var JsonViewEditor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: ref
   }));
 });
+JsonViewEditor.displayName = 'JVR.JsonViewEditor';
 var _default = JsonViewEditor;
 exports["default"] = _default;
 module.exports = exports.default;

package/cjs/editor/objectKey.js

@@ -55,7 +55,7 @@ var ObjectKey = function ObjectKey(props) {
     if ($edit.current) {
       var _$edit$current;
       $edit.current.contentEditable = 'true';
-      (_$edit$current = $edit.current) === null || _$edit$current === void 0 ? void 0 : _$edit$current.focus();
+      (_$edit$current = $edit.current) === null || _$edit$current === void 0 || _$edit$current.focus();
     }
   };
   var blur = /*#__PURE__*/function () {
@@ -90,7 +90,7 @@ var ObjectKey = function ObjectKey(props) {
             }
           case 6:
             $edit.current.contentEditable = 'false';
-            (_$edit$current2 = $edit.current) === null || _$edit$current2 === void 0 ? void 0 : _$edit$current2.focus();
+            (_$edit$current2 = $edit.current) === null || _$edit$current2 === void 0 || _$edit$current2.focus();
           case 8:
             setEditable(false);
           case 9:
@@ -107,7 +107,7 @@ var ObjectKey = function ObjectKey(props) {
     if ($edit.current) {
       var _$edit$current3;
       $edit.current.contentEditable = 'true';
-      (_$edit$current3 = $edit.current) === null || _$edit$current3 === void 0 ? void 0 : _$edit$current3.focus();
+      (_$edit$current3 = $edit.current) === null || _$edit$current3 === void 0 || _$edit$current3.focus();
     }
   };
   var keyDown = function keyDown(evn) {
@@ -167,4 +167,5 @@ var ObjectKey = function ObjectKey(props) {
     ref: $edit
   }));
 };
-exports.ObjectKey = ObjectKey;
+exports.ObjectKey = ObjectKey;
+ObjectKey.displayName = 'JVR.ObjectKey';

package/cjs/editor/value.d.ts

@@ -17,3 +17,6 @@ export interface ReValueProps<T extends object> extends React.HTMLAttributes<HTM
     onDelete?: JsonViewEditorProps<T>['onDelete'];
 }
 export declare function ReValue<T extends object>(props: ReValueProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ReValue {
+    var displayName: string;
+}

package/cjs/editor/value.js

@@ -67,7 +67,7 @@ function ReValue(props) {
       var _$edit$current;
       setEditable(true);
       $edit.current.setAttribute('contentEditable', 'true');
-      (_$edit$current = $edit.current) === null || _$edit$current === void 0 ? void 0 : _$edit$current.focus();
+      (_$edit$current = $edit.current) === null || _$edit$current === void 0 || _$edit$current.focus();
     }
   };
   var keyDown = function keyDown(evn) {
@@ -239,4 +239,5 @@ function ReValue(props) {
       onClick: deleteHandle
     })]
   });
-}
+}
+ReValue.displayName = 'JVR.ReValue';

package/cjs/index.js

@@ -49,7 +49,7 @@ var JsonView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, style);
   var cls = "w-json-view-container w-rjv ".concat(className || '');
   var keyid = (0, _react.useId)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_node.RooNode, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_node.RootNode, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     className: cls,
     value: value
   }, reset), {}, {
@@ -58,5 +58,6 @@ var JsonView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     style: defaultStyle
   }));
 });
+JsonView.displayName = 'JVR.JsonView';
 var _default = JsonView;
 exports["default"] = _default;

package/cjs/node.d.ts

@@ -2,7 +2,7 @@ import { FC, PropsWithChildren } from 'react';
 import { LabelProps } from './value';
 import { JsonViewProps } from './';
 export declare const CountInfo: FC<PropsWithChildren<LabelProps>>;
-export interface RooNodeProps<T extends object> extends JsonViewProps<T> {
+export interface RootNodeProps<T extends object> extends JsonViewProps<T> {
     keyName?: string | number;
     keyid?: string;
     level?: number;
@@ -10,4 +10,4 @@ export interface RooNodeProps<T extends object> extends JsonViewProps<T> {
     namespace?: Array<string | number>;
     setParentValue?: React.Dispatch<React.SetStateAction<T>>;
 }
-export declare function RooNode<T extends object>(props: RooNodeProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const RootNode: import("react").ForwardRefExoticComponent<Omit<RootNodeProps<object>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/node.js

@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CountInfo = void 0;
-exports.RooNode = RooNode;
+exports.RootNode = exports.CountInfo = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -41,7 +40,8 @@ var CountInfo = function CountInfo(_ref) {
   });
 };
 exports.CountInfo = CountInfo;
-function RooNode(props) {
+CountInfo.displayName = 'JVR.CountInfo';
+var RootNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _expands$keyid;
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
@@ -195,7 +195,9 @@ function RooNode(props) {
     setParentValue: setParentValue,
     setValue: setValueData
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    ref: ref
+  }, reset), {}, {
     className: "".concat(className, " w-rjv-inner")
   }, eventProps), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_value.Line, {
@@ -250,7 +252,7 @@ function RooNode(props) {
           var label = isArray ? idx : key;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
             className: "w-rjv-wrap",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RooNode, (0, _objectSpread2["default"])({
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RootNode, (0, _objectSpread2["default"])({
               value: item,
               namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [label]),
               keyName: label,
@@ -261,7 +263,7 @@ function RooNode(props) {
         if ((0, _typeof2["default"])(item) === 'object' && item && !(item instanceof Date) && !isEmpty) {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
             className: "w-rjv-wrap",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RooNode, (0, _objectSpread2["default"])({
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RootNode, (0, _objectSpread2["default"])({
               value: item,
               namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [key]),
               keyName: key,
@@ -294,26 +296,6 @@ function RooNode(props) {
             visible: expand
           }) || countInfo;
         }
-        // if (length > -1) {
-        //   countInfo = (
-        //     <Fragment>
-        //       {countInfo}
-        //       {components.countInfoExtra &&
-        //         components.countInfoExtra({
-        //           count: length,
-        //           level,
-        //           showTools,
-        //           keyName,
-        //           visible: expand,
-        //           value: valueData,
-        //           namespace: [...namespace],
-        //           parentValue,
-        //           setParentValue,
-        //           setValue: setValueData,
-        //         })}
-        //     </Fragment>
-        //   )
-        // }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.ValueView, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
           components: components,
           namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [key])
@@ -339,4 +321,6 @@ function RooNode(props) {
       })
     })]
   }));
-}
+});
+exports.RootNode = RootNode;
+RootNode.displayName = 'JVR.RootNode';

package/cjs/semicolon.js

@@ -111,4 +111,5 @@ var Semicolon = function Semicolon(_ref2) {
     children: content
   }));
 };
-exports.Semicolon = Semicolon;
+exports.Semicolon = Semicolon;
+Semicolon.displayName = 'JSR.Semicolon';

package/cjs/value.d.ts

@@ -67,6 +67,9 @@ export declare function getValueString<T>(value: T): {
     content: string;
 };
 export declare function ValueView<T extends object>(props: ValueViewProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ValueView {
+    var displayName: string;
+}
 export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     color?: string;
     fontSize?: number;

package/cjs/value.js

@@ -23,6 +23,7 @@ var Line = function Line(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])({}, props));
 };
 exports.Line = Line;
+Line.displayName = 'JVR.Line';
 var isFloat = function isFloat(n) {
   return Number(n) === n && n % 1 !== 0 || isNaN(n);
 };
@@ -85,6 +86,7 @@ var Colon = function Colon(_ref) {
   }));
 };
 exports.Colon = Colon;
+Colon.displayName = 'JVR.Colon';
 function getValueString(value) {
   var type = (0, _typeof2["default"])(value);
   var content = '';
@@ -247,6 +249,7 @@ function ValueView(props) {
     }))
   }));
 }
+ValueView.displayName = 'JVR.ValueView';
 var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children,
     color = _ref2.color,
@@ -268,6 +271,7 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   }));
 });
 exports.Label = Label;
+Label.displayName = 'JVR.Label';
 var Type = function Type(props) {
   var _typeMap$type2, _typeMap$type3;
   var type = props.type;
@@ -285,4 +289,5 @@ var Type = function Type(props) {
     });
   }
 };
-exports.Type = Type;
+exports.Type = Type;
+Type.displayName = 'JVR.Type';

package/esm/arrow/TriangleArrow.d.ts

@@ -2,3 +2,6 @@ import React from 'react';
 export interface TriangleArrowProps extends React.SVGProps<SVGSVGElement> {
 }
 export declare function TriangleArrow(props: TriangleArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TriangleArrow {
+    var displayName: string;
+}

package/esm/arrow/TriangleArrow.js

@@ -22,4 +22,5 @@ export function TriangleArrow(props) {
       d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
     })
   }));
-}
+}
+TriangleArrow.displayName = 'JVR.TriangleArrow';

package/esm/arrow/TriangleSolidArrow.d.ts

@@ -2,3 +2,6 @@ import React from 'react';
 export interface TriangleSolidArrowProps extends React.SVGProps<SVGSVGElement> {
 }
 export declare function TriangleSolidArrow(props: TriangleSolidArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TriangleSolidArrow {
+    var displayName: string;
+}

package/esm/arrow/TriangleSolidArrow.js

@@ -22,4 +22,5 @@ export function TriangleSolidArrow(props) {
       d: "M0 5l6 6 6-6z"
     })
   }));
-}
+}
+TriangleSolidArrow.displayName = 'JVR.TriangleSolidArrow';

package/esm/comps/ellipsis.js

@@ -27,4 +27,5 @@ export var Ellipsis = _ref => {
   }, props, {
     children: "..."
   }));
-};
+};
+Ellipsis.displayName = 'JVR.Ellipsis';

package/esm/comps/meta.d.ts

@@ -7,3 +7,6 @@ export interface MetaProps extends LabelProps {
     render?: (props: Pick<MetaProps, 'start' | 'level' | 'isArray' | 'className' | 'children'>) => JSX.Element;
 }
 export declare function Meta(props: MetaProps): JSX.Element;
+export declare namespace Meta {
+    var displayName: string;
+}

package/esm/comps/meta.js

@@ -35,4 +35,5 @@ export function Meta(props) {
   }, reset, {
     children: start ? mark.charAt(0) : mark.charAt(1)
   }));
-}
+}
+Meta.displayName = 'JVR.Meta';

package/esm/copied.d.ts

@@ -6,3 +6,6 @@ export interface CopiedProps<T = object> extends React.SVGProps<SVGSVGElement> {
     render?: (props: Omit<CopiedProps<T>, 'render'>) => JSX.Element;
 }
 export declare function Copied<T>(props: CopiedProps<T>): JSX.Element | null;
+export declare namespace Copied {
+    var displayName: string;
+}

package/esm/copied.js

@@ -63,4 +63,5 @@ export function Copied(props) {
       d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,20 L30,20 L30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,29 L27.5,29 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M22.5,21.5 L22.5,16.5 L12.5,24 L22.5,31.5 L22.5,26.5 L32,26.5 L32,21.5 L22.5,21.5 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"
     })
   }));
-}
+}
+Copied.displayName = 'JVR.Copied';

package/esm/editor/countInfoExtra.d.ts

@@ -23,3 +23,6 @@ export interface CountInfoExtraProps<T> extends Partial<CountInfoProps> {
     }) => boolean;
 }
 export declare function CountInfoExtra<T extends object>(props: CountInfoExtraProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace CountInfoExtra {
+    var displayName: string;
+}

package/esm/editor/countInfoExtra.js

@@ -69,4 +69,5 @@ export function CountInfoExtra(props) {
       onClick: deleteHandle
     })]
   });
-}
+}
+CountInfoExtra.displayName = 'JVR.CountInfoExtra';

package/esm/editor/index.js

@@ -43,4 +43,5 @@ var JsonViewEditor = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }));
 });
+JsonViewEditor.displayName = 'JVR.JsonViewEditor';
 export default JsonViewEditor;

package/esm/editor/objectKey.js

@@ -39,7 +39,7 @@ export var ObjectKey = props => {
     if ($edit.current) {
       var _$edit$current;
       $edit.current.contentEditable = 'true';
-      (_$edit$current = $edit.current) == null ? void 0 : _$edit$current.focus();
+      (_$edit$current = $edit.current) == null || _$edit$current.focus();
     }
   };
   var blur = /*#__PURE__*/function () {
@@ -62,7 +62,7 @@ export var ObjectKey = props => {
           }
         }
         $edit.current.contentEditable = 'false';
-        (_$edit$current2 = $edit.current) == null ? void 0 : _$edit$current2.focus();
+        (_$edit$current2 = $edit.current) == null || _$edit$current2.focus();
       }
       setEditable(false);
     });
@@ -74,7 +74,7 @@ export var ObjectKey = props => {
     if ($edit.current) {
       var _$edit$current3;
       $edit.current.contentEditable = 'true';
-      (_$edit$current3 = $edit.current) == null ? void 0 : _$edit$current3.focus();
+      (_$edit$current3 = $edit.current) == null || _$edit$current3.focus();
     }
   };
   var keyDown = evn => {
@@ -133,4 +133,5 @@ export var ObjectKey = props => {
   }, spanProps, {
     ref: $edit
   }));
-};
+};
+ObjectKey.displayName = 'JVR.ObjectKey';

package/esm/editor/value.d.ts

@@ -17,3 +17,6 @@ export interface ReValueProps<T extends object> extends React.HTMLAttributes<HTM
     onDelete?: JsonViewEditorProps<T>['onDelete'];
 }
 export declare function ReValue<T extends object>(props: ReValueProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ReValue {
+    var displayName: string;
+}

package/esm/editor/value.js

@@ -51,7 +51,7 @@ export function ReValue(props) {
       var _$edit$current;
       setEditable(true);
       $edit.current.setAttribute('contentEditable', 'true');
-      (_$edit$current = $edit.current) == null ? void 0 : _$edit$current.focus();
+      (_$edit$current = $edit.current) == null || _$edit$current.focus();
     }
   };
   var keyDown = evn => {
@@ -191,4 +191,5 @@ export function ReValue(props) {
       onClick: deleteHandle
     })]
   });
-}
+}
+ReValue.displayName = 'JVR.ReValue';

package/esm/index.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["value", "style", "className"];
 import React, { useId } from 'react';
 import { forwardRef } from 'react';
-import { RooNode } from './node';
+import { RootNode } from './node';
 import { jsx as _jsx } from "react/jsx-runtime";
 export * from './node';
 export * from './value';
@@ -22,7 +22,7 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
   }, style);
   var cls = "w-json-view-container w-rjv " + (className || '');
   var keyid = useId();
-  return /*#__PURE__*/_jsx(RooNode, _extends({
+  return /*#__PURE__*/_jsx(RootNode, _extends({
     className: cls,
     value: value
   }, reset, {
@@ -31,4 +31,5 @@ var JsonView = /*#__PURE__*/forwardRef((props, ref) => {
     style: defaultStyle
   }));
 });
+JsonView.displayName = 'JVR.JsonView';
 export default JsonView;

package/esm/node.d.ts

@@ -2,7 +2,7 @@ import { FC, PropsWithChildren } from 'react';
 import { LabelProps } from './value';
 import { JsonViewProps } from './';
 export declare const CountInfo: FC<PropsWithChildren<LabelProps>>;
-export interface RooNodeProps<T extends object> extends JsonViewProps<T> {
+export interface RootNodeProps<T extends object> extends JsonViewProps<T> {
     keyName?: string | number;
     keyid?: string;
     level?: number;
@@ -10,4 +10,4 @@ export interface RooNodeProps<T extends object> extends JsonViewProps<T> {
     namespace?: Array<string | number>;
     setParentValue?: React.Dispatch<React.SetStateAction<T>>;
 }
-export declare function RooNode<T extends object>(props: RooNodeProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const RootNode: import("react").ForwardRefExoticComponent<Omit<RootNodeProps<object>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/esm/node.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["value", "keyName", "className", "displayDataTypes", "components", "displayObjectSize", "enableClipboard", "highlightUpdates", "objectSortKeys", "indentWidth", "collapsed", "level", "keyid", "quotes", "namespace", "onCopied", "onExpand", "parentValue", "setParentValue"];
-import { Fragment, useId, cloneElement, useState, useEffect } from 'react';
+import { Fragment, useId, cloneElement, useState, useEffect, forwardRef } from 'react';
 import { ValueView, Colon, Label, Line, typeMap } from './value';
 import { TriangleArrow } from './arrow/TriangleArrow';
 import { useExpandsStatus, store } from './store';
@@ -32,7 +32,8 @@ export var CountInfo = _ref => {
     children: [children, " items"]
   });
 };
-export function RooNode(props) {
+CountInfo.displayName = 'JVR.CountInfo';
+export var RootNode = /*#__PURE__*/forwardRef((props, ref) => {
   var _expands$keyid;
   var {
       value = {},
@@ -156,7 +157,9 @@ export function RooNode(props) {
     setParentValue,
     setValue: setValueData
   });
-  return /*#__PURE__*/_jsxs("div", _extends({}, reset, {
+  return /*#__PURE__*/_jsxs("div", _extends({
+    ref: ref
+  }, reset, {
     className: className + " w-rjv-inner"
   }, eventProps, {
     children: [/*#__PURE__*/_jsxs(Line, {
@@ -209,7 +212,7 @@ export function RooNode(props) {
           var label = isArray ? idx : key;
           return /*#__PURE__*/_jsx(Line, {
             className: "w-rjv-wrap",
-            children: /*#__PURE__*/_jsx(RooNode, _extends({
+            children: /*#__PURE__*/_jsx(RootNode, _extends({
               value: item,
               namespace: [...namespace, label],
               keyName: label,
@@ -220,7 +223,7 @@ export function RooNode(props) {
         if (typeof item === 'object' && item && !(item instanceof Date) && !isEmpty) {
           return /*#__PURE__*/_jsx(Line, {
             className: "w-rjv-wrap",
-            children: /*#__PURE__*/_jsx(RooNode, _extends({
+            children: /*#__PURE__*/_jsx(RootNode, _extends({
               value: item,
               namespace: [...namespace, key],
               keyName: key,
@@ -253,26 +256,6 @@ export function RooNode(props) {
             visible: expand
           }) || countInfo;
         }
-        // if (length > -1) {
-        //   countInfo = (
-        //     <Fragment>
-        //       {countInfo}
-        //       {components.countInfoExtra &&
-        //         components.countInfoExtra({
-        //           count: length,
-        //           level,
-        //           showTools,
-        //           keyName,
-        //           visible: expand,
-        //           value: valueData,
-        //           namespace: [...namespace],
-        //           parentValue,
-        //           setParentValue,
-        //           setValue: setValueData,
-        //         })}
-        //     </Fragment>
-        //   )
-        // }
         return /*#__PURE__*/_jsx(ValueView, _extends({
           components: components,
           namespace: [...namespace, key]
@@ -298,4 +281,5 @@ export function RooNode(props) {
       })
     })]
   }));
-}
+});
+RootNode.displayName = 'JVR.RootNode';

package/esm/semicolon.js

@@ -102,4 +102,5 @@ export var Semicolon = _ref2 => {
     ref: highlightContainer,
     children: content
   }));
-};
+};
+Semicolon.displayName = 'JSR.Semicolon';

package/esm/value.d.ts

@@ -67,6 +67,9 @@ export declare function getValueString<T>(value: T): {
     content: string;
 };
 export declare function ValueView<T extends object>(props: ValueViewProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ValueView {
+    var displayName: string;
+}
 export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     color?: string;
     fontSize?: number;

package/esm/value.js

@@ -9,6 +9,7 @@ import { Copied } from './copied';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Line = props => /*#__PURE__*/_jsx("div", _extends({}, props));
+Line.displayName = 'JVR.Line';
 export var isFloat = n => Number(n) === n && n % 1 !== 0 || isNaN(n);
 export var typeMap = {
   string: {
@@ -67,6 +68,7 @@ export var Colon = _ref => {
     children: children
   }));
 };
+Colon.displayName = 'JVR.Colon';
 export function getValueString(value) {
   var type = typeof value;
   var content = '';
@@ -220,6 +222,7 @@ export function ValueView(props) {
     }))
   }));
 }
+ValueView.displayName = 'JVR.ValueView';
 export var Label = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var {
       children,
@@ -242,6 +245,7 @@ export var Label = /*#__PURE__*/forwardRef((_ref2, ref) => {
     children: children
   }));
 });
+Label.displayName = 'JVR.Label';
 export var Type = props => {
   var _typeMap$type2, _typeMap$type3;
   var {
@@ -260,4 +264,5 @@ export var Type = props => {
       children: label
     });
   }
-};
+};
+Type.displayName = 'JVR.Type';

package/package.json

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