@uiw/react-json-view 2.0.0-alpha.22 → 2.0.0-alpha.24

package/cjs/comps/Copied.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type TagType } from '../store/Types';
 import { type SectionElementResult } from '../store/Section';
+import { type TagType } from '../store/Types';
 export type CopiedOption<T extends object> = {
     value?: T;
     copied: boolean;

package/cjs/comps/Copied.js

@@ -10,8 +10,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _store = require("../store");
-var _ShowTools = require("../store/ShowTools");
 var _Section = require("../store/Section");
+var _ShowTools = require("../store/ShowTools");
+var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
   _excluded2 = ["as", "render"];
@@ -43,12 +44,12 @@ var Copied = exports.Copied = function Copied(props) {
     } else if (typeof value === 'number' && isNaN(value)) {
       copyText = 'NaN';
     } else if (typeof value === 'bigint') {
-      copyText = value + 'n';
+      copyText = (0, _types.bigIntToString)(value);
     } else if (value instanceof Date) {
       copyText = value.toLocaleString();
     } else {
       copyText = JSON.stringify(value, function (_, v) {
-        return typeof v === 'bigint' ? v + 'n' : v;
+        return typeof v === 'bigint' ? (0, _types.bigIntToString)(v) : v;
       }, 2);
     }
     onCopied && onCopied(copyText, value);

package/cjs/section/Ellipsis.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EllipsisComp = exports.Ellipsis = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _Section = require("../store/Section");
@@ -37,7 +38,7 @@ var EllipsisComp = exports.EllipsisComp = function EllipsisComp(_ref) {
     keyName: keyName
   });
   if (child) return child;
-  if (!isExpanded) return null;
+  if (!isExpanded || (0, _typeof2["default"])(value) === 'object' && Object.keys(value).length == 0) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
 };
 EllipsisComp.displayName = 'JVR.EllipsisComp';

package/cjs/types/index.d.ts

@@ -1,4 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
+export declare const bigIntToString: (bi?: BigInt | string) => string;
 export declare const SetComp: FC<PropsWithChildren<{
     value: unknown;
     keyName: string | number;

package/cjs/types/index.js

@@ -4,13 +4,13 @@ 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 _Types = require("../store/Types");
 var _symbol = require("../symbol");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "render"],
@@ -26,6 +26,18 @@ var _excluded = ["as", "render"],
   _excluded11 = ["as", "render"],
   _excluded12 = ["as", "render"],
   _excluded13 = ["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;
@@ -324,7 +336,7 @@ var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
       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'
+      children: bigIntToString(children === null || children === void 0 ? void 0 : children.toString())
     }))]
   });
 };

package/esm/comps/Copied.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type TagType } from '../store/Types';
 import { type SectionElementResult } from '../store/Section';
+import { type TagType } from '../store/Types';
 export type CopiedOption<T extends object> = {
     value?: T;
     copied: boolean;

package/esm/comps/Copied.js

@@ -4,8 +4,9 @@ var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
   _excluded2 = ["as", "render"];
 import { useState } from 'react';
 import { useStore } from '../store';
-import { useShowToolsStore } from '../store/ShowTools';
 import { useSectionStore } from '../store/Section';
+import { useShowToolsStore } from '../store/ShowTools';
+import { bigIntToString } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Copied = props => {
   var {
@@ -35,11 +36,11 @@ export var Copied = props => {
     } else if (typeof value === 'number' && isNaN(value)) {
       copyText = 'NaN';
     } else if (typeof value === 'bigint') {
-      copyText = value + 'n';
+      copyText = bigIntToString(value);
     } else if (value instanceof Date) {
       copyText = value.toLocaleString();
     } else {
-      copyText = JSON.stringify(value, (_, v) => typeof v === 'bigint' ? v + 'n' : v, 2);
+      copyText = JSON.stringify(value, (_, v) => typeof v === 'bigint' ? bigIntToString(v) : v, 2);
     }
     onCopied && onCopied(copyText, value);
     setCopied(true);

package/esm/section/Ellipsis.js

@@ -34,7 +34,7 @@ export var EllipsisComp = _ref => {
     keyName
   });
   if (child) return child;
-  if (!isExpanded) return null;
+  if (!isExpanded || typeof value === 'object' && Object.keys(value).length == 0) return null;
   return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
 };
 EllipsisComp.displayName = 'JVR.EllipsisComp';

package/esm/types/index.d.ts

@@ -1,4 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
+export declare const bigIntToString: (bi?: BigInt | string) => string;
 export declare const SetComp: FC<PropsWithChildren<{
     value: unknown;
     keyName: string | number;

package/esm/types/index.js

@@ -14,10 +14,22 @@ var _excluded = ["as", "render"],
   _excluded12 = ["as", "render"],
   _excluded13 = ["as", "render"];
 import { Fragment, useEffect, useState } from 'react';
-import { useTypesStore } from '../store/Types';
 import { useStore } from '../store';
+import { useTypesStore } from '../store/Types';
 import { ValueQuote } from '../symbol';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var 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';
+};
 export var SetComp = _ref => {
   var {
     value,
@@ -342,7 +354,7 @@ export var TypeBigint = _ref8 => {
       style: style
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
-      children: (children == null ? void 0 : children.toString()) + 'n'
+      children: bigIntToString(children == null ? void 0 : children.toString())
     }))]
   });
 };

package/package.json

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