@uiw/react-json-view 2.0.0-alpha.4 → 2.0.0-alpha.40

package/cjs/types/index.js

@@ -4,15 +4,14 @@ 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.TypeDate = exports.TypeBigint = exports.SetComp = exports.MapComp = void 0;
+exports.bigIntToString = 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 _symbol = require("../symbol");
-var _Copied = require("../comps/Copied");
+var _Types = require("../store/Types");
+var _symbol = require("../symbol/");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "render"],
   _excluded2 = ["as", "render"],
@@ -23,12 +22,25 @@ var _excluded = ["as", "render"],
   _excluded7 = ["as", "render"],
   _excluded8 = ["as", "render"],
   _excluded9 = ["as", "render"],
+  _excluded0 = ["as", "render"],
+  _excluded1 = ["as", "render"],
   _excluded10 = ["as", "render"],
-  _excluded11 = ["as", "render"],
-  _excluded12 = ["as", "render"],
-  _excluded13 = ["as", "render"];
-var SetComp = function SetComp(_ref) {
-  var value = _ref.value;
+  _excluded11 = ["as", "render"];
+var bigIntToString = exports.bigIntToString = function bigIntToString(bi) {
+  if (bi === undefined) {
+    return '0n';
+  } else if (typeof bi === 'string') {
+    try {
+      bi = BigInt(bi);
+    } catch (e) {
+      return '0n';
+    }
+  }
+  return bi ? bi.toString() + 'n' : '0n';
+};
+var SetComp = exports.SetComp = function SetComp(_ref) {
+  var value = _ref.value,
+    keyName = _ref.keyName;
   var _useTypesStore = (0, _Types.useTypesStore)(),
     _useTypesStore$Set = _useTypesStore.Set,
     Comp = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
@@ -41,16 +53,17 @@ var SetComp = function SetComp(_ref) {
   var isRender = render && typeof render === 'function';
   var type = isRender && render(reset, {
     type: 'type',
-    value: value
+    value: value,
+    keyName: keyName
   });
   if (type) return type;
   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 value = _ref2.value;
+var MapComp = exports.MapComp = function MapComp(_ref2) {
+  var value = _ref2.value,
+    keyName = _ref2.keyName;
   var _useTypesStore2 = (0, _Types.useTypesStore)(),
     _useTypesStore2$Map = _useTypesStore2.Map,
     Comp = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
@@ -63,38 +76,43 @@ var MapComp = function MapComp(_ref2) {
   var isRender = render && typeof render === 'function';
   var type = isRender && render(reset, {
     type: 'type',
-    value: value
+    value: value,
+    keyName: keyName
   });
   if (type) return type;
   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,
-    keyName = _ref3.keyName;
+    keyName = _ref3.keyName,
+    keys = _ref3.keys;
   var _useTypesStore3 = (0, _Types.useTypesStore)(),
     _useTypesStore3$Str = _useTypesStore3.Str,
     Str = _useTypesStore3$Str === void 0 ? {} : _useTypesStore3$Str,
     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,
+    _useStore$stringEllip = _useStore.stringEllipsis,
+    stringEllipsis = _useStore$stringEllip === void 0 ? '...' : _useStore$stringEllip;
   var as = Str.as,
     render = Str.render,
     reset = (0, _objectWithoutProperties2["default"])(Str, _excluded3);
   var childrenStr = children;
-  var _useState = (0, _react.useState)(length && childrenStr.length >= length),
+  var _useState = (0, _react.useState)(length && childrenStr.length > length),
     _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) {
@@ -107,42 +125,42 @@ var TypeString = function TypeString(_ref3) {
       };
     }
   }
-  var text = shorten ? "".concat(childrenStr.slice(0, length), "...") : childrenStr;
+  var text = shorten ? "".concat(childrenStr.slice(0, length)).concat(stringEllipsis) : childrenStr;
   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,
+    keys: keys
   });
+  var cls = shorten ? 'w-rjv-value w-rjv-value-short' : 'w-rjv-value';
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: text,
-    className: 'w-rjv-value'
+    className: cls
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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)(_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",
+        className: cls,
         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;
+    keyName = _ref4.keyName,
+    keys = _ref4.keys;
   var _useTypesStore4 = (0, _Types.useTypesStore)(),
     _useTypesStore4$True = _useTypesStore4.True,
     True = _useTypesStore4$True === void 0 ? {} : _useTypesStore4$True,
@@ -157,14 +175,18 @@ var TypeTrue = function TypeTrue(_ref4) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -172,19 +194,14 @@ var TypeTrue = function TypeTrue(_ref4) {
     }))), 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()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
-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;
+    keyName = _ref5.keyName,
+    keys = _ref5.keys;
   var _useTypesStore5 = (0, _Types.useTypesStore)(),
     _useTypesStore5$False = _useTypesStore5.False,
     False = _useTypesStore5$False === void 0 ? {} : _useTypesStore5$False,
@@ -199,14 +216,18 @@ var TypeFalse = function TypeFalse(_ref5) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -214,19 +235,14 @@ var TypeFalse = function TypeFalse(_ref5) {
     }))), 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()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
-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;
+    keyName = _ref6.keyName,
+    keys = _ref6.keys;
   var _useTypesStore6 = (0, _Types.useTypesStore)(),
     _useTypesStore6$Float = _useTypesStore6.Float,
     Float = _useTypesStore6$Float === void 0 ? {} : _useTypesStore6$Float,
@@ -241,14 +257,18 @@ var TypeFloat = function TypeFloat(_ref6) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -256,19 +276,14 @@ var TypeFloat = function TypeFloat(_ref6) {
     }))), 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()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
-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;
+    keyName = _ref7.keyName,
+    keys = _ref7.keys;
   var _useTypesStore7 = (0, _Types.useTypesStore)(),
     _useTypesStore7$Int = _useTypesStore7.Int,
     Int = _useTypesStore7$Int === void 0 ? {} : _useTypesStore7$Int,
@@ -283,14 +298,18 @@ var TypeInt = function TypeInt(_ref7) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -298,19 +317,14 @@ var TypeInt = function TypeInt(_ref7) {
     }))), 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()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
-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;
+    keyName = _ref8.keyName,
+    keys = _ref8.keys;
   var _useTypesStore8 = (0, _Types.useTypesStore)(),
     _useTypesStore8$Bigin = _useTypesStore8.Bigint,
     CompBigint = _useTypesStore8$Bigin === void 0 ? {} : _useTypesStore8$Bigin,
@@ -325,34 +339,33 @@ var TypeBigint = function TypeBigint(_ref8) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   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()) + 'n'
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+      children: bigIntToString(children === null || children === void 0 ? void 0 : children.toString())
+    }))]
   });
 };
-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;
+    keyName = _ref9.keyName,
+    keys = _ref9.keys;
   var _useTypesStore9 = (0, _Types.useTypesStore)(),
     _useTypesStore9$Url = _useTypesStore9.Url,
     Url = _useTypesStore9$Url === void 0 ? {} : _useTypesStore9$Url,
@@ -367,14 +380,18 @@ var TypeUrl = function TypeUrl(_ref9) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children === null || children === void 0 ? void 0 : children.href,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -385,26 +402,21 @@ var TypeUrl = function TypeUrl(_ref9) {
     }, reset), {}, {
       className: "w-rjv-value",
       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,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
-exports.TypeUrl = TypeUrl;
 TypeUrl.displayName = 'JVR.TypeUrl';
-var TypeDate = function TypeDate(_ref10) {
-  var children = _ref10.children,
-    expandKey = _ref10.expandKey,
-    keyName = _ref10.keyName;
-  var _useTypesStore10 = (0, _Types.useTypesStore)(),
-    _useTypesStore10$Date = _useTypesStore10.Date,
-    CompData = _useTypesStore10$Date === void 0 ? {} : _useTypesStore10$Date,
-    displayDataTypes = _useTypesStore10.displayDataTypes;
+var TypeDate = exports.TypeDate = function TypeDate(_ref0) {
+  var children = _ref0.children,
+    keyName = _ref0.keyName,
+    keys = _ref0.keys;
+  var _useTypesStore0 = (0, _Types.useTypesStore)(),
+    _useTypesStore0$Date = _useTypesStore0.Date,
+    CompData = _useTypesStore0$Date === void 0 ? {} : _useTypesStore0$Date,
+    displayDataTypes = _useTypesStore0.displayDataTypes;
   var as = CompData.as,
     render = CompData.render,
-    reset = (0, _objectWithoutProperties2["default"])(CompData, _excluded10);
+    reset = (0, _objectWithoutProperties2["default"])(CompData, _excluded0);
   var Comp = as || 'span';
   var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), CompData.style || {});
   var isRender = render && typeof render === 'function';
@@ -412,15 +424,19 @@ var TypeDate = function TypeDate(_ref10) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
-  var childStr = children === null || children === void 0 ? void 0 : children.toString();
+  var childStr = children instanceof Date ? children.toLocaleString() : children;
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: childStr,
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -428,26 +444,21 @@ var TypeDate = function TypeDate(_ref10) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: childStr
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
-exports.TypeDate = TypeDate;
 TypeDate.displayName = 'JVR.TypeDate';
-var TypeUndefined = function TypeUndefined(_ref11) {
-  var children = _ref11.children,
-    expandKey = _ref11.expandKey,
-    keyName = _ref11.keyName;
-  var _useTypesStore11 = (0, _Types.useTypesStore)(),
-    _useTypesStore11$Unde = _useTypesStore11.Undefined,
-    Undefined = _useTypesStore11$Unde === void 0 ? {} : _useTypesStore11$Unde,
-    displayDataTypes = _useTypesStore11.displayDataTypes;
+var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref1) {
+  var children = _ref1.children,
+    keyName = _ref1.keyName,
+    keys = _ref1.keys;
+  var _useTypesStore1 = (0, _Types.useTypesStore)(),
+    _useTypesStore1$Undef = _useTypesStore1.Undefined,
+    Undefined = _useTypesStore1$Undef === void 0 ? {} : _useTypesStore1$Undef,
+    displayDataTypes = _useTypesStore1.displayDataTypes;
   var as = Undefined.as,
     render = Undefined.render,
-    reset = (0, _objectWithoutProperties2["default"])(Undefined, _excluded11);
+    reset = (0, _objectWithoutProperties2["default"])(Undefined, _excluded1);
   var Comp = as || 'span';
   var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Undefined.style || {});
   var isRender = render && typeof render === 'function';
@@ -455,38 +466,37 @@ var TypeUndefined = function TypeUndefined(_ref11) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   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
-    })]
+    }))), child]
   });
 };
-exports.TypeUndefined = TypeUndefined;
 TypeUndefined.displayName = 'JVR.TypeUndefined';
-var TypeNull = function TypeNull(_ref12) {
-  var children = _ref12.children,
-    expandKey = _ref12.expandKey,
-    keyName = _ref12.keyName;
-  var _useTypesStore12 = (0, _Types.useTypesStore)(),
-    _useTypesStore12$Null = _useTypesStore12.Null,
-    Null = _useTypesStore12$Null === void 0 ? {} : _useTypesStore12$Null,
-    displayDataTypes = _useTypesStore12.displayDataTypes;
+var TypeNull = exports.TypeNull = function TypeNull(_ref10) {
+  var children = _ref10.children,
+    keyName = _ref10.keyName,
+    keys = _ref10.keys;
+  var _useTypesStore10 = (0, _Types.useTypesStore)(),
+    _useTypesStore10$Null = _useTypesStore10.Null,
+    Null = _useTypesStore10$Null === void 0 ? {} : _useTypesStore10$Null,
+    displayDataTypes = _useTypesStore10.displayDataTypes;
   var as = Null.as,
     render = Null.render,
-    reset = (0, _objectWithoutProperties2["default"])(Null, _excluded12);
+    reset = (0, _objectWithoutProperties2["default"])(Null, _excluded10);
   var Comp = as || 'span';
   var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Null.style || {});
   var isRender = render && typeof render === 'function';
@@ -494,38 +504,37 @@ var TypeNull = function TypeNull(_ref12) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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,
+    keys: keys
   });
   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
-    })]
+    }))), child]
   });
 };
-exports.TypeNull = TypeNull;
 TypeNull.displayName = 'JVR.TypeNull';
-var TypeNan = function TypeNan(_ref13) {
-  var children = _ref13.children,
-    expandKey = _ref13.expandKey,
-    keyName = _ref13.keyName;
-  var _useTypesStore13 = (0, _Types.useTypesStore)(),
-    _useTypesStore13$Nan = _useTypesStore13.Nan,
-    Nan = _useTypesStore13$Nan === void 0 ? {} : _useTypesStore13$Nan,
-    displayDataTypes = _useTypesStore13.displayDataTypes;
+var TypeNan = exports.TypeNan = function TypeNan(_ref11) {
+  var children = _ref11.children,
+    keyName = _ref11.keyName,
+    keys = _ref11.keys;
+  var _useTypesStore11 = (0, _Types.useTypesStore)(),
+    _useTypesStore11$Nan = _useTypesStore11.Nan,
+    Nan = _useTypesStore11$Nan === void 0 ? {} : _useTypesStore11$Nan,
+    displayDataTypes = _useTypesStore11.displayDataTypes;
   var as = Nan.as,
     render = Nan.render,
-    reset = (0, _objectWithoutProperties2["default"])(Nan, _excluded13);
+    reset = (0, _objectWithoutProperties2["default"])(Nan, _excluded11);
   var Comp = as || 'span';
   var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Nan.style || {});
   var isRender = render && typeof render === 'function';
@@ -533,24 +542,23 @@ var TypeNan = function TypeNan(_ref13) {
     style: style
   }), {
     type: 'type',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children === null || children === void 0 ? void 0 : children.toString(),
     className: 'w-rjv-value'
   }), {
     type: 'value',
-    value: children
+    value: children,
+    keyName: keyName,
+    keys: keys
   });
   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
-    })]
+    }))), child]
   });
 };
-exports.TypeNan = TypeNan;
 TypeNan.displayName = 'JVR.TypeNan';

package/cjs/utils/useHighlight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function usePrevious<T>(value: T): T | undefined;
 interface UseHighlight {
     value: any;

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;