@uiw/react-json-view 2.0.0-alpha.1 → 2.0.0-alpha.11

package/cjs/types/Undefined.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Undefined = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var Undefined = function Undefined(props) {
+var Undefined = exports.Undefined = function Undefined(props) {
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Undefi = _useTypesStore.Undefined,
     Comp = _useTypesStore$Undefi === void 0 ? {} : _useTypesStore$Undefi;
   (0, _useRender.useTypesRender)(Comp, props, 'Undefined');
   return null;
 };
-exports.Undefined = Undefined;
 Undefined.displayName = 'JVR.Undefined';

package/cjs/types/Url.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Url: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "a">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Url.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Url = void 0;
 var _Types = require("../store/Types");
 var _useRender = require("../utils/useRender");
-var Url = function Url(props) {
+var Url = exports.Url = function Url(props) {
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Url = _useTypesStore.Url,
     Comp = _useTypesStore$Url === void 0 ? {} : _useTypesStore$Url;
   (0, _useRender.useTypesRender)(Comp, props, 'Url');
   return null;
 };
-exports.Url = Url;
 Url.displayName = 'JVR.Url';

package/{esm/comps/ReRender/Types.d.ts → cjs/types/index.d.ts}

@@ -1,16 +1,12 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const SetComp: {
-    ({ isSet }: {
-        isSet: boolean;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export declare const MapComp: {
-    ({ isMap }: {
-        isMap: boolean;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const SetComp: FC<PropsWithChildren<{
+    value: unknown;
+    keyName: string | number;
+}>>;
+export declare const MapComp: FC<PropsWithChildren<{
+    value: unknown;
+    keyName: string | number;
+}>>;
 type TypeProps = PropsWithChildren<{
     expandKey: string;
     keyName: string | number;
@@ -32,5 +28,4 @@ export declare const TypeDate: FC<{
 export declare const TypeUndefined: FC<TypeProps>;
 export declare const TypeNull: FC<TypeProps>;
 export declare const TypeNan: FC<TypeProps>;
-export declare const TypeEmptyValue: FC<TypeProps>;
 export {};

package/cjs/{comps/ReRender/Types.js → types/index.js}

@@ -4,15 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TypeUrl = exports.TypeUndefined = exports.TypeTrue = exports.TypeString = exports.TypeNull = exports.TypeNan = exports.TypeInt = exports.TypeFloat = exports.TypeFalse = exports.TypeEmptyValue = exports.TypeDate = exports.TypeBigint = exports.SetComp = exports.MapComp = void 0;
+exports.TypeUrl = exports.TypeUndefined = exports.TypeTrue = exports.TypeString = exports.TypeNull = exports.TypeNan = exports.TypeInt = exports.TypeFloat = exports.TypeFalse = exports.TypeDate = exports.TypeBigint = exports.SetComp = exports.MapComp = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
-var _Types = require("../../store/Types");
-var _store = require("../../store");
-var _Symbols = require("./Symbols");
-var _Copied = require("../Copied");
+var _Types = require("../store/Types");
+var _store = require("../store");
+var _symbol = require("../symbol");
+var _Copied = require("../comps/Copied");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "render"],
   _excluded2 = ["as", "render"],
@@ -26,53 +26,58 @@ var _excluded = ["as", "render"],
   _excluded10 = ["as", "render"],
   _excluded11 = ["as", "render"],
   _excluded12 = ["as", "render"],
-  _excluded13 = ["as", "render"],
-  _excluded14 = ["as", "render"];
-var SetComp = function SetComp(_ref) {
-  var isSet = _ref.isSet;
+  _excluded13 = ["as", "render"];
+var SetComp = exports.SetComp = function SetComp(_ref) {
+  var value = _ref.value,
+    keyName = _ref.keyName;
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Set = _useTypesStore.Set,
-    Set = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
+    Comp = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
     displayDataTypes = _useTypesStore.displayDataTypes;
+  var isSet = value instanceof Set;
   if (!isSet || !displayDataTypes) return null;
-  var as = Set.as,
-    render = Set.render,
-    reset = (0, _objectWithoutProperties2["default"])(Set, _excluded);
+  var as = Comp.as,
+    render = Comp.render,
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
   var isRender = render && typeof render === 'function';
   var type = isRender && render(reset, {
-    type: 'type'
+    type: 'type',
+    value: value,
+    keyName: keyName
   });
   if (type) return type;
-  var Comp = as || 'span';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])({}, reset));
+  var Elm = as || 'span';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
 };
-exports.SetComp = SetComp;
 SetComp.displayName = 'JVR.SetComp';
-var MapComp = function MapComp(_ref2) {
-  var isMap = _ref2.isMap;
+var MapComp = exports.MapComp = function MapComp(_ref2) {
+  var value = _ref2.value,
+    keyName = _ref2.keyName;
   var _useTypesStore2 = (0, _Types.useTypesStore)(),
     _useTypesStore2$Map = _useTypesStore2.Map,
-    Map = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
+    Comp = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
     displayDataTypes = _useTypesStore2.displayDataTypes;
+  var isMap = value instanceof Map;
   if (!isMap || !displayDataTypes) return null;
-  var as = Map.as,
-    render = Map.render,
-    reset = (0, _objectWithoutProperties2["default"])(Map, _excluded2);
+  var as = Comp.as,
+    render = Comp.render,
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
   var isRender = render && typeof render === 'function';
   var type = isRender && render(reset, {
-    type: 'type'
+    type: 'type',
+    value: value,
+    keyName: keyName
   });
   if (type) return type;
-  var Comp = as || 'span';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])({}, reset));
+  var Elm = as || 'span';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
 };
-exports.MapComp = MapComp;
 MapComp.displayName = 'JVR.MapComp';
 var defalutStyle = {
   opacity: 0.75,
   paddingRight: 4
 };
-var TypeString = function TypeString(_ref3) {
+var TypeString = exports.TypeString = function TypeString(_ref3) {
   var _ref3$children = _ref3.children,
     children = _ref3$children === void 0 ? '' : _ref3$children,
     expandKey = _ref3.expandKey,
@@ -83,7 +88,7 @@ var TypeString = function TypeString(_ref3) {
     displayDataTypes = _useTypesStore3.displayDataTypes;
   var _useStore = (0, _store.useStore)(),
     _useStore$shortenText = _useStore.shortenTextAfterLength,
-    length = _useStore$shortenText === void 0 ? 20 : _useStore$shortenText;
+    length = _useStore$shortenText === void 0 ? 30 : _useStore$shortenText;
   var as = Str.as,
     render = Str.render,
     reset = (0, _objectWithoutProperties2["default"])(Str, _excluded3);
@@ -92,6 +97,9 @@ var TypeString = function TypeString(_ref3) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     shorten = _useState2[0],
     setShorten = _useState2[1];
+  (0, _react.useEffect)(function () {
+    return setShorten(length && childrenStr.length >= length);
+  }, [length]);
   var Comp = as || 'span';
   var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Str.style || {});
   if (length > 0) {
@@ -100,7 +108,6 @@ var TypeString = function TypeString(_ref3) {
     });
     if (childrenStr.length > length) {
       reset.onClick = function () {
-        if (length && childrenStr.length <= length) return setShorten(false);
         setShorten(!shorten);
       };
     }
@@ -111,31 +118,34 @@ var TypeString = function TypeString(_ref3) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: text,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       style: style
-    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-      className: "w-rjv-value",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {}), text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {})]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+        className: "w-rjv-value",
+        children: text
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
       keyName: keyName,
       value: children,
       expandKey: expandKey
     })]
   });
 };
-exports.TypeString = TypeString;
 TypeString.displayName = 'JVR.TypeString';
-var TypeTrue = function TypeTrue(_ref4) {
+var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
   var children = _ref4.children,
     expandKey = _ref4.expandKey,
     keyName = _ref4.keyName;
@@ -153,14 +163,16 @@ var TypeTrue = function TypeTrue(_ref4) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -175,9 +187,8 @@ var TypeTrue = function TypeTrue(_ref4) {
     })]
   });
 };
-exports.TypeTrue = TypeTrue;
 TypeTrue.displayName = 'JVR.TypeTrue';
-var TypeFalse = function TypeFalse(_ref5) {
+var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
   var children = _ref5.children,
     expandKey = _ref5.expandKey,
     keyName = _ref5.keyName;
@@ -195,14 +206,16 @@ var TypeFalse = function TypeFalse(_ref5) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -217,9 +230,8 @@ var TypeFalse = function TypeFalse(_ref5) {
     })]
   });
 };
-exports.TypeFalse = TypeFalse;
 TypeFalse.displayName = 'JVR.TypeFalse';
-var TypeFloat = function TypeFloat(_ref6) {
+var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
   var children = _ref6.children,
     expandKey = _ref6.expandKey,
     keyName = _ref6.keyName;
@@ -237,14 +249,16 @@ var TypeFloat = function TypeFloat(_ref6) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -259,9 +273,8 @@ var TypeFloat = function TypeFloat(_ref6) {
     })]
   });
 };
-exports.TypeFloat = TypeFloat;
 TypeFloat.displayName = 'JVR.TypeFloat';
-var TypeInt = function TypeInt(_ref7) {
+var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
   var children = _ref7.children,
     expandKey = _ref7.expandKey,
     keyName = _ref7.keyName;
@@ -279,14 +292,16 @@ var TypeInt = function TypeInt(_ref7) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -301,9 +316,8 @@ var TypeInt = function TypeInt(_ref7) {
     })]
   });
 };
-exports.TypeInt = TypeInt;
 TypeInt.displayName = 'JVR.TypeInt';
-var TypeBigint = function TypeBigint(_ref8) {
+var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
   var children = _ref8.children,
     expandKey = _ref8.expandKey,
     keyName = _ref8.keyName;
@@ -321,14 +335,16 @@ var TypeBigint = function TypeBigint(_ref8) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -343,9 +359,8 @@ var TypeBigint = function TypeBigint(_ref8) {
     })]
   });
 };
-exports.TypeBigint = TypeBigint;
 TypeBigint.displayName = 'JVR.TypeFloat';
-var TypeUrl = function TypeUrl(_ref9) {
+var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
   var children = _ref9.children,
     expandKey = _ref9.expandKey,
     keyName = _ref9.keyName;
@@ -363,14 +378,16 @@ var TypeUrl = function TypeUrl(_ref9) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    children: children,
+    children: children === null || children === void 0 ? void 0 : children.href,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -380,7 +397,7 @@ var TypeUrl = function TypeUrl(_ref9) {
       target: "_blank"
     }, reset), {}, {
       className: "w-rjv-value",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {}), children === null || children === void 0 ? void 0 : children.href, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {})]
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {}), children === null || children === void 0 ? void 0 : children.href, /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {})]
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
       keyName: keyName,
       value: children,
@@ -388,9 +405,8 @@ var TypeUrl = function TypeUrl(_ref9) {
     })]
   });
 };
-exports.TypeUrl = TypeUrl;
 TypeUrl.displayName = 'JVR.TypeUrl';
-var TypeDate = function TypeDate(_ref10) {
+var TypeDate = exports.TypeDate = function TypeDate(_ref10) {
   var children = _ref10.children,
     expandKey = _ref10.expandKey,
     keyName = _ref10.keyName;
@@ -408,21 +424,24 @@ var TypeDate = function TypeDate(_ref10) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
+  var childStr = children instanceof Date ? children.toLocaleString() : children;
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    children: children,
+    children: childStr,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       style: style
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
-      children: children === null || children === void 0 ? void 0 : children.toString()
+      children: childStr
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
       keyName: keyName,
       value: children,
@@ -430,9 +449,8 @@ var TypeDate = function TypeDate(_ref10) {
     })]
   });
 };
-exports.TypeDate = TypeDate;
 TypeDate.displayName = 'JVR.TypeDate';
-var TypeUndefined = function TypeUndefined(_ref11) {
+var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref11) {
   var children = _ref11.children,
     expandKey = _ref11.expandKey,
     keyName = _ref11.keyName;
@@ -450,14 +468,16 @@ var TypeUndefined = function TypeUndefined(_ref11) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -469,9 +489,8 @@ var TypeUndefined = function TypeUndefined(_ref11) {
     })]
   });
 };
-exports.TypeUndefined = TypeUndefined;
 TypeUndefined.displayName = 'JVR.TypeUndefined';
-var TypeNull = function TypeNull(_ref12) {
+var TypeNull = exports.TypeNull = function TypeNull(_ref12) {
   var children = _ref12.children,
     expandKey = _ref12.expandKey,
     keyName = _ref12.keyName;
@@ -489,14 +508,16 @@ var TypeNull = function TypeNull(_ref12) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -508,9 +529,8 @@ var TypeNull = function TypeNull(_ref12) {
     })]
   });
 };
-exports.TypeNull = TypeNull;
 TypeNull.displayName = 'JVR.TypeNull';
-var TypeNan = function TypeNan(_ref13) {
+var TypeNan = exports.TypeNan = function TypeNan(_ref13) {
   var children = _ref13.children,
     expandKey = _ref13.expandKey,
     keyName = _ref13.keyName;
@@ -528,53 +548,16 @@ var TypeNan = function TypeNan(_ref13) {
     style: style
   }), {
     type: 'type',
-    value: children
-  });
-  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    children: children,
-    className: 'w-rjv-value'
-  }), {
-    type: 'value',
-    value: children
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-      style: style
-    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
-  });
-};
-exports.TypeNan = TypeNan;
-TypeNan.displayName = 'JVR.TypeNan';
-var TypeEmptyValue = function TypeEmptyValue(_ref14) {
-  var children = _ref14.children,
-    expandKey = _ref14.expandKey,
-    keyName = _ref14.keyName;
-  var _useTypesStore14 = (0, _Types.useTypesStore)(),
-    _useTypesStore14$Nan = _useTypesStore14.Nan,
-    Nan = _useTypesStore14$Nan === void 0 ? {} : _useTypesStore14$Nan,
-    displayDataTypes = _useTypesStore14.displayDataTypes;
-  var as = Nan.as,
-    render = Nan.render,
-    reset = (0, _objectWithoutProperties2["default"])(Nan, _excluded14);
-  var Comp = as || 'span';
-  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Nan.style || {});
-  var isRender = render && typeof render === 'function';
-  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    style: style
-  }), {
-    type: 'type',
-    value: children
+    value: children,
+    keyName: keyName
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    children: children,
+    children: children === null || children === void 0 ? void 0 : children.toString(),
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -586,5 +569,4 @@ var TypeEmptyValue = function TypeEmptyValue(_ref14) {
     })]
   });
 };
-exports.TypeEmptyValue = TypeEmptyValue;
 TypeNan.displayName = 'JVR.TypeNan';

package/cjs/utils/useHighlight.js

@@ -45,7 +45,6 @@ function useHighlight(_ref) {
     if (value !== prevValue) {
       return true;
     }
-    return false;
   }, [highlightUpdates, value]);
   (0, _react.useEffect)(function () {
     if (highlightContainer && highlightContainer.current && isHighlight && 'animate' in highlightContainer.current) {

package/cjs/utils/useRender.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType, type TypesElement } from '../store/Types';
 import { type SectionElement } from '../store/Section';
-export declare function useSymbolsRender(currentProps: SymbolsElement<TagType>, props: SymbolsElement<TagType>, key: string): void;
+export declare function useSymbolsRender<K extends TagType>(currentProps: SymbolsElement<TagType>, props: SymbolsElement<K>, key: string): void;
 export declare function useTypesRender<K extends TagType>(currentProps: TypesElement<TagType>, props: TypesElement<K>, key: string): void;
 export declare function useSectionRender<K extends TagType>(currentProps: SectionElement<TagType>, props: SectionElement<K>, key: string): void;

package/editor.d.ts

@@ -2,35 +2,37 @@
 
 declare module '@uiw/react-json-view/editor' {
   import { JsonViewProps } from '@uiw/react-json-view';
-  import type { CountInfoExtraProps } from '@uiw/react-json-view/cjs/editor/countInfoExtra';
+  // import type { CountInfoExtraProps } from '@uiw/react-json-view/cjs/editor/countInfoExtra';
   type Option = {
-      value: string;
-      prevValue: string;
-      keyName: string | number;
+    value: string;
+    prevValue: string;
+    keyName: string | number;
   };
 
   export interface JsonViewEditorProps<T extends object> extends JsonViewProps<T> {
     /** Callback when value edit functionality */
     onEdit?: (option: {
-        value: unknown;
-        oldValue: unknown;
-        keyName?: string | number;
-        parentName?: string | number;
-        type?: 'value' | 'key';
+      value: unknown;
+      oldValue: unknown;
+      keyName?: string | number;
+      parentName?: string | number;
+      type?: 'value' | 'key';
     }) => void;
-    /**
-     * When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed.
-     * @returns {boolean} Returning false from onAdd will prevent the change from being made.
-     */
-    onAdd?: CountInfoExtraProps<T>['onAdd'];
-    /**
-     * When a callback function is passed in, delete functionality is enabled. The callback is invoked before deletions are completed. 
-     * @returns Returning false from onDelete will prevent the change from being made. 
-     */
-    onDelete?: CountInfoExtraProps<T>['onDelete'];
+    // /**
+    //  * When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed.
+    //  * @returns {boolean} Returning false from onAdd will prevent the change from being made.
+    //  */
+    // onAdd?: CountInfoExtraProps<T>['onAdd'];
+    // /**
+    //  * When a callback function is passed in, delete functionality is enabled. The callback is invoked before deletions are completed.
+    //  * @returns Returning false from onDelete will prevent the change from being made.
+    //  */
+    // onDelete?: CountInfoExtraProps<T>['onDelete'];
     /** Whether enable edit feature. @default true */
     editable?: boolean;
   }
-  const JsonViewEditor: import("react").ForwardRefExoticComponent<Omit<JsonViewEditorProps<object>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  const JsonViewEditor: import('react').ForwardRefExoticComponent<
+    Omit<JsonViewEditorProps<object>, 'ref'> & import('react').RefAttributes<HTMLDivElement>
+  >;
   export default JsonViewEditor;
 }