@uiw/react-json-view 2.0.0-alpha.32 → 2.0.0-alpha.34

package/README.md

@@ -1,3 +1,35 @@
+<div markdown="1">
+  <sup>Using <a href="https://wangchujiang.com/#/app" target="_blank">my app</a> is also a way to <a href="https://wangchujiang.com/#/sponsor" target="_blank">support</a> me:</sup>
+  <br>
+    <a target="_blank" href="https://apps.apple.com/app/Vidwall/6747587746" title="Vidwall for macOS"><img align="center" alt="Vidwall" height="52" width="52" src="https://github.com/user-attachments/assets/7b5df70a-ed91-4d4b-85be-f00e60a09ce9"></a>
+    <a target="_blank" href="https://wangchujiang.com/mousio-hint/" title="Mousio Hint for macOS"><img align="center" alt="Mousio Hint" height="52" width="52" src="https://github.com/user-attachments/assets/3c0af128-0cef-44e5-a8db-4741dc5a6690"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6746747327" title="Mousio for macOS"><img align="center" alt="Mousio" height="52" width="52" src="https://github.com/user-attachments/assets/9edf61ff-5a6c-4676-9cc2-8fd3c1ad0dfb"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6745227444" title="Musicer for macOS"><img align="center" alt="Musicer" height="52" width="52" src="https://github.com/user-attachments/assets/b7abfba8-88ff-4c86-a125-43073d5aef22"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6743841447" title="Audioer for macOS"><img align="center" alt="Audioer" height="52" width="52" src="https://github.com/user-attachments/assets/7a836865-8c90-4119-87bc-19e06a76c957"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6744690194" title="FileSentinel for macOS"><img align="center" alt="FileSentinel" height="52" width="52" src="https://github.com/user-attachments/assets/28bce2cc-290e-45bf-9068-585ff6ecafe9"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6743495172" title="FocusCursor for macOS"><img align="center" alt="FocusCursor" height="52" width="52" src="https://github.com/user-attachments/assets/d543668a-737b-4853-a6bb-eaa269e69836"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6742680573" title="Videoer for macOS"><img align="center" alt="Videoer" height="52" width="52" src="https://github.com/user-attachments/assets/10ffb0f1-0625-40d6-93f1-2c2496592595"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6740425504" title="KeyClicker for macOS"><img align="center" alt="KeyClicker" height="52" width="52" src="https://github.com/user-attachments/assets/5a19fcb9-cb81-4855-b4ea-31c604d9612a"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6739052447" title="DayBar for macOS"><img align="center" alt="DayBar" height="52" width="52" src="https://github.com/user-attachments/assets/771b608d-594c-492d-8532-d9231e383f5b"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6739444407" title="Iconed for macOS"><img align="center" alt="Iconed" height="52" width="52" src="https://github.com/user-attachments/assets/8a35dc7b-4faf-4e2a-9311-f66d6844a896"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6737160756" title="RightMenu Master for macOS"><img align="center" alt="RightMenu Master" height="52" width="52" src="https://github.com/user-attachments/assets/39a76541-71bf-4de7-a01c-c62f0557dff5"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6723903021" title="Paste Quick for macOS"><img align="center" alt="Quick RSS" height="52" width="52" src="https://github.com/user-attachments/assets/bdaad5b7-9810-44ce-8f17-8410864465d2"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6670696072" title="Quick RSS for macOS/iOS"><img align="center" alt="Quick RSS" height="52" width="52" src="https://github.com/user-attachments/assets/374106b5-a448-4d1d-9ccb-b04b6bc681ed"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6670167443" title="Web Serve for macOS"><img align="center" alt="Web Serve" height="52" width="52" src="https://github.com/user-attachments/assets/e1d9f76f-0f3d-4ba5-8a15-253ee173bb1c"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6503953628" title="Copybook Generator for macOS/iOS"><img align="center" alt="Copybook Generator" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/b90e42ff-158b-4534-82ca-5898fd0e8d73"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6471227008" title="DevTutor for macOS/iOS"><img align="center" alt="DevTutor for SwiftUI" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/f15c154d-0192-48eb-8e0e-9e245ffd974a"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6479819388" title="RegexMate for macOS/iOS"><img align="center" alt="RegexMate" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/aabe5aa9-9a96-4390-8bed-c3e4023d0dea"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6479194014" title="Time Passage for macOS/iOS"><img align="center" alt="Time Passage" height="52" width="52" src="https://github.com/jaywcjlove/time-passage/assets/1680273/6f30e429-e6f3-4dbe-9921-a5effe2a05e9"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6478772538" title="IconizeFolder for macOS"><img align="center" alt="Iconize Folder" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/fa9d8b9c-1e51-4ded-877c-fa5b21c47220"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6478511402" title="Textsound Saver for macOS/iOS"><img align="center" alt="Textsound Saver" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/0595e842-980b-4574-8891-a8ba853a08be"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6476924627" title="Create Custom Symbols for macOS"><img align="center" alt="Create Custom Symbols" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/8cd022ce-a3f1-4e89-b7c6-6fbd0d4db77c"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6476452351" title="DevHub for macOS"><img align="center" alt="DevHub" height="52" width="52" src="https://github.com/user-attachments/assets/4a44a4fd-67ce-430b-af0a-72f18feaa47d"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6476400184" title="Resume Revise for macOS"><img align="center" alt="Resume Revise" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/c9954a20-1905-48de-bdf8-d71837974aa2"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6472593276" title="Palette Genius for macOS"><img align="center" alt="Palette Genius" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/27340413-d355-45b2-8f6f-6ac37682d957"></a>
+    <a target="_blank" href="https://apps.apple.com/app/6470879005" title="Symbol Scribe for macOS"><img align="center" alt="Symbol Scribe" height="52" width="52" src="https://github.com/jaywcjlove/jaywcjlove/assets/1680273/c7249f05-fa70-4def-a1e9-571d5f171fc9"></a>
+</div>
+<hr>
+
 react-json-view
 ===
 
@@ -735,7 +767,7 @@ export default function Demo() {
       collapsed={2}
       shouldExpandNodeInitially={(isExpanded, { value, keys, level }) => {
         if (keys.length > 0 && keys[0] == "object") {
-          return true
+          return false
         }
         return isExpanded
       }}

package/cjs/comps/KeyValues.js

@@ -180,7 +180,8 @@ var KeyValuesItem = exports.KeyValuesItem = function KeyValuesItem(props) {
       parentValue: parentValue
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Value.Value, {
       keyName: keyName,
-      value: value
+      value: value,
+      keys: keys
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
       keyName: keyName,
       value: value,

package/cjs/comps/NestedClose.js

@@ -24,11 +24,12 @@ var NestedClose = exports.NestedClose = function NestedClose(props) {
   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 len = Object.keys(value).length;
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value: value,
     keys: keys,
     level: level
-  })) {
+  });
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
     return null;
   }
   if (isExpanded || len === 0) {

package/cjs/comps/NestedOpen.js

@@ -39,13 +39,13 @@ var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isObject = (0, _typeof2["default"])(value) === 'object';
   var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value: value,
     keys: keys,
     level: level
   });
-  if (expands[expandKey] === undefined && shouldExpand !== undefined) {
-    isExpanded = shouldExpand;
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
+    isExpanded = !shouldExpand;
   }
   var click = function click() {
     var opt = {

package/cjs/comps/Value.d.ts

@@ -2,6 +2,7 @@ export declare const isFloat: (n: number) => boolean;
 interface ValueProps {
     value: unknown;
     keyName: string | number;
+    keys?: (string | number)[];
 }
 export declare const Value: {
     (props: ValueProps): import("react/jsx-runtime").JSX.Element | null;

package/cjs/comps/Value.js

@@ -13,9 +13,11 @@ var isFloat = exports.isFloat = function isFloat(n) {
 };
 var Value = exports.Value = function Value(props) {
   var value = props.value,
-    keyName = props.keyName;
+    keyName = props.keyName,
+    keys = props.keys;
   var reset = {
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   };
   if (value instanceof URL) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_types.TypeUrl, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {

package/cjs/store/Types.d.ts

@@ -6,6 +6,7 @@ type TypesElementProps<T extends TagType = 'span'> = {
         type: 'type' | 'value';
         value?: unknown;
         keyName: string | number;
+        keys?: (string | number)[];
     }) => React.ReactNode;
     'data-type'?: string;
 };

package/cjs/types/index.d.ts

@@ -10,6 +10,7 @@ export declare const MapComp: FC<PropsWithChildren<{
 }>>;
 type TypeProps = PropsWithChildren<{
     keyName: string | number;
+    keys?: (string | number)[];
 }>;
 export declare const TypeString: FC<TypeProps>;
 export declare const TypeTrue: FC<TypeProps>;

package/cjs/types/index.js

@@ -91,7 +91,8 @@ var defalutStyle = {
 var TypeString = exports.TypeString = function TypeString(_ref3) {
   var _ref3$children = _ref3.children,
     children = _ref3$children === void 0 ? '' : _ref3$children,
-    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,
@@ -131,7 +132,8 @@ var TypeString = exports.TypeString = function TypeString(_ref3) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -140,7 +142,8 @@ var TypeString = exports.TypeString = function TypeString(_ref3) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -156,7 +159,8 @@ var TypeString = exports.TypeString = function TypeString(_ref3) {
 TypeString.displayName = 'JVR.TypeString';
 var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
   var children = _ref4.children,
-    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,
@@ -172,7 +176,8 @@ var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -180,7 +185,8 @@ var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -194,7 +200,8 @@ var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
 TypeTrue.displayName = 'JVR.TypeTrue';
 var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
   var children = _ref5.children,
-    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,
@@ -210,7 +217,8 @@ var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -218,7 +226,8 @@ var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -232,7 +241,8 @@ var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
 TypeFalse.displayName = 'JVR.TypeFalse';
 var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
   var children = _ref6.children,
-    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,
@@ -248,7 +258,8 @@ var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -256,7 +267,8 @@ var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -270,7 +282,8 @@ var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
 TypeFloat.displayName = 'JVR.TypeFloat';
 var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
   var children = _ref7.children,
-    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,
@@ -286,7 +299,8 @@ var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -294,7 +308,8 @@ var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -308,7 +323,8 @@ var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
 TypeInt.displayName = 'JVR.TypeInt';
 var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
   var children = _ref8.children,
-    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,
@@ -324,7 +340,8 @@ var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -332,7 +349,8 @@ var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -346,7 +364,8 @@ var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
 TypeBigint.displayName = 'JVR.TypeFloat';
 var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
   var children = _ref9.children,
-    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,
@@ -362,7 +381,8 @@ var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    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,
@@ -370,7 +390,8 @@ var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -387,7 +408,8 @@ var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
 TypeUrl.displayName = 'JVR.TypeUrl';
 var TypeDate = exports.TypeDate = function TypeDate(_ref0) {
   var children = _ref0.children,
-    keyName = _ref0.keyName;
+    keyName = _ref0.keyName,
+    keys = _ref0.keys;
   var _useTypesStore0 = (0, _Types.useTypesStore)(),
     _useTypesStore0$Date = _useTypesStore0.Date,
     CompData = _useTypesStore0$Date === void 0 ? {} : _useTypesStore0$Date,
@@ -403,7 +425,8 @@ var TypeDate = exports.TypeDate = function TypeDate(_ref0) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var childStr = children instanceof Date ? children.toLocaleString() : children;
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -412,7 +435,8 @@ var TypeDate = exports.TypeDate = function TypeDate(_ref0) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -426,7 +450,8 @@ var TypeDate = exports.TypeDate = function TypeDate(_ref0) {
 TypeDate.displayName = 'JVR.TypeDate';
 var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref1) {
   var children = _ref1.children,
-    keyName = _ref1.keyName;
+    keyName = _ref1.keyName,
+    keys = _ref1.keys;
   var _useTypesStore1 = (0, _Types.useTypesStore)(),
     _useTypesStore1$Undef = _useTypesStore1.Undefined,
     Undefined = _useTypesStore1$Undef === void 0 ? {} : _useTypesStore1$Undef,
@@ -442,7 +467,8 @@ var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref1) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -450,7 +476,8 @@ var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref1) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -461,7 +488,8 @@ var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref1) {
 TypeUndefined.displayName = 'JVR.TypeUndefined';
 var TypeNull = exports.TypeNull = function TypeNull(_ref10) {
   var children = _ref10.children,
-    keyName = _ref10.keyName;
+    keyName = _ref10.keyName,
+    keys = _ref10.keys;
   var _useTypesStore10 = (0, _Types.useTypesStore)(),
     _useTypesStore10$Null = _useTypesStore10.Null,
     Null = _useTypesStore10$Null === void 0 ? {} : _useTypesStore10$Null,
@@ -477,7 +505,8 @@ var TypeNull = exports.TypeNull = function TypeNull(_ref10) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys
   });
   var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
     children: children,
@@ -485,7 +514,8 @@ var TypeNull = exports.TypeNull = function TypeNull(_ref10) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {
@@ -496,7 +526,8 @@ var TypeNull = exports.TypeNull = function TypeNull(_ref10) {
 TypeNull.displayName = 'JVR.TypeNull';
 var TypeNan = exports.TypeNan = function TypeNan(_ref11) {
   var children = _ref11.children,
-    keyName = _ref11.keyName;
+    keyName = _ref11.keyName,
+    keys = _ref11.keys;
   var _useTypesStore11 = (0, _Types.useTypesStore)(),
     _useTypesStore11$Nan = _useTypesStore11.Nan,
     Nan = _useTypesStore11$Nan === void 0 ? {} : _useTypesStore11$Nan,
@@ -512,7 +543,8 @@ var TypeNan = exports.TypeNan = function TypeNan(_ref11) {
   }), {
     type: 'type',
     value: children,
-    keyName: keyName
+    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(),
@@ -520,7 +552,8 @@ var TypeNan = exports.TypeNan = function TypeNan(_ref11) {
   }), {
     type: 'value',
     value: children,
-    keyName: keyName
+    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), {}, {

package/esm/comps/KeyValues.js

@@ -163,7 +163,8 @@ export var KeyValuesItem = props => {
       parentValue: parentValue
     }), /*#__PURE__*/_jsx(Value, {
       keyName: keyName,
-      value: value
+      value: value,
+      keys: keys
     }), /*#__PURE__*/_jsx(Copied, {
       keyName: keyName,
       value: value,

package/esm/comps/NestedClose.js

@@ -20,11 +20,12 @@ export var NestedClose = props => {
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
   var len = Object.keys(value).length;
-  if (expands[expandKey] === undefined && shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value,
     keys,
     level
-  })) {
+  });
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
     return null;
   }
   if (isExpanded || len === 0) {

package/esm/comps/NestedOpen.js

@@ -32,13 +32,13 @@ export var NestedOpen = props => {
   var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isObject = typeof value === 'object';
   var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
-  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
     value,
     keys,
     level
   });
-  if (expands[expandKey] === undefined && shouldExpand !== undefined) {
-    isExpanded = shouldExpand;
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially && !shouldExpand) {
+    isExpanded = !shouldExpand;
   }
   var click = () => {
     var opt = {

package/esm/comps/Value.d.ts

@@ -2,6 +2,7 @@ export declare const isFloat: (n: number) => boolean;
 interface ValueProps {
     value: unknown;
     keyName: string | number;
+    keys?: (string | number)[];
 }
 export declare const Value: {
     (props: ValueProps): import("react/jsx-runtime").JSX.Element | null;

package/esm/comps/Value.js

@@ -5,10 +5,12 @@ export var isFloat = n => Number(n) === n && n % 1 !== 0 || isNaN(n);
 export var Value = props => {
   var {
     value,
-    keyName
+    keyName,
+    keys
   } = props;
   var reset = {
-    keyName
+    keyName,
+    keys
   };
   if (value instanceof URL) {
     return /*#__PURE__*/_jsx(TypeUrl, _extends({}, reset, {

package/esm/store/Types.d.ts

@@ -6,6 +6,7 @@ type TypesElementProps<T extends TagType = 'span'> = {
         type: 'type' | 'value';
         value?: unknown;
         keyName: string | number;
+        keys?: (string | number)[];
     }) => React.ReactNode;
     'data-type'?: string;
 };

package/esm/types/index.d.ts

@@ -10,6 +10,7 @@ export declare const MapComp: FC<PropsWithChildren<{
 }>>;
 type TypeProps = PropsWithChildren<{
     keyName: string | number;
+    keys?: (string | number)[];
 }>;
 export declare const TypeString: FC<TypeProps>;
 export declare const TypeTrue: FC<TypeProps>;

package/esm/types/index.js

@@ -91,7 +91,8 @@ var defalutStyle = {
 export var TypeString = _ref3 => {
   var {
     children = '',
-    keyName
+    keyName,
+    keys
   } = _ref3;
   var {
     Str = {},
@@ -128,7 +129,8 @@ export var TypeString = _ref3 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var cls = shorten ? 'w-rjv-value w-rjv-value-short' : 'w-rjv-value';
   var child = isRender && render(_extends({}, reset, {
@@ -137,7 +139,8 @@ export var TypeString = _ref3 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -154,7 +157,8 @@ TypeString.displayName = 'JVR.TypeString';
 export var TypeTrue = _ref4 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref4;
   var {
     True = {},
@@ -173,7 +177,8 @@ export var TypeTrue = _ref4 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -181,7 +186,8 @@ export var TypeTrue = _ref4 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -196,7 +202,8 @@ TypeTrue.displayName = 'JVR.TypeTrue';
 export var TypeFalse = _ref5 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref5;
   var {
     False = {},
@@ -215,7 +222,8 @@ export var TypeFalse = _ref5 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -223,7 +231,8 @@ export var TypeFalse = _ref5 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -238,7 +247,8 @@ TypeFalse.displayName = 'JVR.TypeFalse';
 export var TypeFloat = _ref6 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref6;
   var {
     Float = {},
@@ -257,7 +267,8 @@ export var TypeFloat = _ref6 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -265,7 +276,8 @@ export var TypeFloat = _ref6 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -280,7 +292,8 @@ TypeFloat.displayName = 'JVR.TypeFloat';
 export var TypeInt = _ref7 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref7;
   var {
     Int = {},
@@ -299,7 +312,8 @@ export var TypeInt = _ref7 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -307,7 +321,8 @@ export var TypeInt = _ref7 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -322,7 +337,8 @@ TypeInt.displayName = 'JVR.TypeInt';
 export var TypeBigint = _ref8 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref8;
   var {
     Bigint: CompBigint = {},
@@ -341,7 +357,8 @@ export var TypeBigint = _ref8 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -349,7 +366,8 @@ export var TypeBigint = _ref8 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -364,7 +382,8 @@ TypeBigint.displayName = 'JVR.TypeFloat';
 export var TypeUrl = _ref9 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref9;
   var {
     Url = {},
@@ -383,7 +402,8 @@ export var TypeUrl = _ref9 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children: children == null ? void 0 : children.href,
@@ -391,7 +411,8 @@ export var TypeUrl = _ref9 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -409,7 +430,8 @@ TypeUrl.displayName = 'JVR.TypeUrl';
 export var TypeDate = _ref0 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref0;
   var {
     Date: CompData = {},
@@ -428,7 +450,8 @@ export var TypeDate = _ref0 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var childStr = children instanceof Date ? children.toLocaleString() : children;
   var child = isRender && render(_extends({}, reset, {
@@ -437,7 +460,8 @@ export var TypeDate = _ref0 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -452,7 +476,8 @@ TypeDate.displayName = 'JVR.TypeDate';
 export var TypeUndefined = _ref1 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref1;
   var {
     Undefined = {},
@@ -471,7 +496,8 @@ export var TypeUndefined = _ref1 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -479,7 +505,8 @@ export var TypeUndefined = _ref1 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -491,7 +518,8 @@ TypeUndefined.displayName = 'JVR.TypeUndefined';
 export var TypeNull = _ref10 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref10;
   var {
     Null = {},
@@ -510,7 +538,8 @@ export var TypeNull = _ref10 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children,
@@ -518,7 +547,8 @@ export var TypeNull = _ref10 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -530,7 +560,8 @@ TypeNull.displayName = 'JVR.TypeNull';
 export var TypeNan = _ref11 => {
   var {
     children,
-    keyName
+    keyName,
+    keys
   } = _ref11;
   var {
     Nan = {},
@@ -549,7 +580,8 @@ export var TypeNan = _ref11 => {
   }), {
     type: 'type',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   var child = isRender && render(_extends({}, reset, {
     children: children == null ? void 0 : children.toString(),
@@ -557,7 +589,8 @@ export var TypeNan = _ref11 => {
   }), {
     type: 'value',
     value: children,
-    keyName
+    keyName,
+    keys
   });
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {

package/package.json

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