@uiw/react-json-view 2.0.0-alpha.21 → 2.0.0-alpha.23

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/KeyName.js

@@ -43,7 +43,7 @@ var KeyNameComp = exports.KeyNameComp = function KeyNameComp(props) {
     value: value,
     parentValue: parentValue,
     keyName: keyName,
-    keys: keys
+    keys: keys || (keyName ? [keyName] : [])
   });
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {

package/cjs/symbol/index.d.ts

@@ -3,8 +3,8 @@ import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {
     (props: {
-        isNumber?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+        isNumber?: boolean;
+    } & React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export declare const ValueQuote: {
@@ -16,18 +16,14 @@ export declare const Colon: {
     displayName: string;
 };
 export declare const Arrow: {
-    <T extends TagType>(props: {
-        as?: T | undefined;
-        render?: ((props: SymbolsElement<T>) => import("react").ReactNode) | undefined;
-        'data-type'?: string | undefined;
-    } & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    <T extends TagType>(props: SymbolsElement<T> & {
         expandKey: string;
     }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const BracketsOpen: {
     ({ isBrackets }: {
-        isBrackets?: boolean | undefined;
+        isBrackets?: boolean;
     }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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/KeyName.js

@@ -40,7 +40,7 @@ export var KeyNameComp = props => {
     value,
     parentValue,
     keyName,
-    keys
+    keys: keys || (keyName ? [keyName] : [])
   });
   if (child) return child;
   return /*#__PURE__*/_jsx(Elm, _extends({}, reset, {

package/esm/symbol/index.d.ts

@@ -3,8 +3,8 @@ import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {
     (props: {
-        isNumber?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+        isNumber?: boolean;
+    } & React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export declare const ValueQuote: {
@@ -16,18 +16,14 @@ export declare const Colon: {
     displayName: string;
 };
 export declare const Arrow: {
-    <T extends TagType>(props: {
-        as?: T | undefined;
-        render?: ((props: SymbolsElement<T>) => import("react").ReactNode) | undefined;
-        'data-type'?: string | undefined;
-    } & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    <T extends TagType>(props: SymbolsElement<T> & {
         expandKey: string;
     }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const BracketsOpen: {
     ({ isBrackets }: {
-        isBrackets?: boolean | undefined;
+        isBrackets?: boolean;
     }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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.21",
+  "version": "2.0.0-alpha.23",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",