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

package/cjs/comps/Copied.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SectionElementResult } from '../store/Section';
 import { type TagType } from '../store/Types';
 export type CopiedOption<T extends object> = {

package/cjs/editor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type JsonViewProps } from '../';
 export interface JsonViewEditorProps<T extends object> extends Omit<JsonViewProps<T>, 'shortenTextAfterLength'> {
     /**

package/cjs/editor/store.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InitialState = {
     /**
      * When a callback function is passed in, edit functionality is enabled. The callback is invoked before edits are completed.
@@ -17,12 +16,12 @@ export declare const Context: import("react").Context<InitialState>;
 export declare const Dispatch: import("react").Context<Dispatch>;
 export declare const useStore: () => InitialState;
 export declare function useStoreReducer(initialState: InitialState): [{
-    onEdit?: ((option: {
+    onEdit?: (option: {
         value: unknown;
         oldValue: unknown;
-        keyName?: string | number | undefined;
-        parentName?: string | number | undefined;
-        type?: "value" | "key" | undefined;
-    }) => boolean) | undefined;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: "value" | "key";
+    }) => boolean;
 }, import("react").Dispatch<InitialState>];
 export {};

package/cjs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BraceLeft } from './symbol/BraceLeft';
 import { BraceRight } from './symbol/BraceRight';
 import { BracketsLeft } from './symbol/BracketsLeft';

package/cjs/section/CountInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement, type SectionElementProps } from '../store/Section';
 export declare const CountInfo: {

package/cjs/section/CountInfoExtra.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement, type SectionElementProps } from '../store/Section';
 export declare const CountInfoExtra: {

package/cjs/section/Ellipsis.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 export declare const Ellipsis: {

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/section/Row.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 import { type SectionElementResult } from '../store/Section';

package/cjs/store/Types.d.ts

@@ -29,7 +29,7 @@ export type InitialTypesState<T extends TagType = 'span'> = {
 type Dispatch<T extends TagType> = React.Dispatch<InitialTypesState<T>>;
 export declare const useTypesStore: () => InitialTypesState<TagType>;
 export declare function useTypes(): [{
-    displayDataTypes?: boolean | undefined;
+    displayDataTypes?: boolean;
     Url?: TypesElement<TagType> | undefined;
     Str?: TypesElement<TagType> | undefined;
     Undefined?: TypesElement<TagType> | undefined;

package/cjs/symbol/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {

package/cjs/theme/basic.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const basicTheme: import("react").CSSProperties;
+export declare const basicTheme: React.CSSProperties;

package/cjs/theme/dark.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const darkTheme: import("react").CSSProperties;
+export declare const darkTheme: React.CSSProperties;

package/cjs/theme/github.dark.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const githubDarkTheme: import("react").CSSProperties;
+export declare const githubDarkTheme: React.CSSProperties;

package/cjs/theme/github.light.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const githubLightTheme: import("react").CSSProperties;
+export declare const githubLightTheme: React.CSSProperties;

package/cjs/theme/gruvbox.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const gruvboxTheme: import("react").CSSProperties;
+export declare const gruvboxTheme: React.CSSProperties;

package/cjs/theme/light.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const lightTheme: import("react").CSSProperties;
+export declare const lightTheme: React.CSSProperties;

package/cjs/theme/monokai.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const monokaiTheme: import("react").CSSProperties;
+export declare const monokaiTheme: React.CSSProperties;

package/cjs/theme/nord.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const nordTheme: import("react").CSSProperties;
+export declare const nordTheme: React.CSSProperties;

package/cjs/theme/vscode.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const vscodeTheme: import("react").CSSProperties;
+export declare const vscodeTheme: React.CSSProperties;

package/cjs/types/index.js

@@ -103,12 +103,12 @@ var TypeString = exports.TypeString = function TypeString(_ref3) {
     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);
+    return setShorten(length && childrenStr.length > length);
   }, [length]);
   var Comp = as || 'span';
   var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Str.style || {});

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/esm/comps/Copied.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SectionElementResult } from '../store/Section';
 import { type TagType } from '../store/Types';
 export type CopiedOption<T extends object> = {

package/esm/editor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type JsonViewProps } from '../';
 export interface JsonViewEditorProps<T extends object> extends Omit<JsonViewProps<T>, 'shortenTextAfterLength'> {
     /**

package/esm/editor/store.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InitialState = {
     /**
      * When a callback function is passed in, edit functionality is enabled. The callback is invoked before edits are completed.
@@ -17,12 +16,12 @@ export declare const Context: import("react").Context<InitialState>;
 export declare const Dispatch: import("react").Context<Dispatch>;
 export declare const useStore: () => InitialState;
 export declare function useStoreReducer(initialState: InitialState): [{
-    onEdit?: ((option: {
+    onEdit?: (option: {
         value: unknown;
         oldValue: unknown;
-        keyName?: string | number | undefined;
-        parentName?: string | number | undefined;
-        type?: "value" | "key" | undefined;
-    }) => boolean) | undefined;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: "value" | "key";
+    }) => boolean;
 }, import("react").Dispatch<InitialState>];
 export {};

package/esm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BraceLeft } from './symbol/BraceLeft';
 import { BraceRight } from './symbol/BraceRight';
 import { BracketsLeft } from './symbol/BracketsLeft';

package/esm/section/CountInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement, type SectionElementProps } from '../store/Section';
 export declare const CountInfo: {

package/esm/section/CountInfoExtra.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement, type SectionElementProps } from '../store/Section';
 export declare const CountInfoExtra: {

package/esm/section/Ellipsis.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 export declare const Ellipsis: {

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/section/Row.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 import { type SectionElementResult } from '../store/Section';

package/esm/store/Types.d.ts

@@ -29,7 +29,7 @@ export type InitialTypesState<T extends TagType = 'span'> = {
 type Dispatch<T extends TagType> = React.Dispatch<InitialTypesState<T>>;
 export declare const useTypesStore: () => InitialTypesState<TagType>;
 export declare function useTypes(): [{
-    displayDataTypes?: boolean | undefined;
+    displayDataTypes?: boolean;
     Url?: TypesElement<TagType> | undefined;
     Str?: TypesElement<TagType> | undefined;
     Undefined?: TypesElement<TagType> | undefined;

package/esm/symbol/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {

package/esm/theme/basic.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const basicTheme: import("react").CSSProperties;
+export declare const basicTheme: React.CSSProperties;

package/esm/theme/dark.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const darkTheme: import("react").CSSProperties;
+export declare const darkTheme: React.CSSProperties;

package/esm/theme/github.dark.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const githubDarkTheme: import("react").CSSProperties;
+export declare const githubDarkTheme: React.CSSProperties;

package/esm/theme/github.light.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const githubLightTheme: import("react").CSSProperties;
+export declare const githubLightTheme: React.CSSProperties;

package/esm/theme/gruvbox.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const gruvboxTheme: import("react").CSSProperties;
+export declare const gruvboxTheme: React.CSSProperties;

package/esm/theme/light.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const lightTheme: import("react").CSSProperties;
+export declare const lightTheme: React.CSSProperties;

package/esm/theme/monokai.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const monokaiTheme: import("react").CSSProperties;
+export declare const monokaiTheme: React.CSSProperties;

package/esm/theme/nord.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const nordTheme: import("react").CSSProperties;
+export declare const nordTheme: React.CSSProperties;

package/esm/theme/vscode.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const vscodeTheme: import("react").CSSProperties;
+export declare const vscodeTheme: React.CSSProperties;

package/esm/types/index.js

@@ -106,8 +106,8 @@ export var TypeString = _ref3 => {
     } = Str,
     reset = _objectWithoutPropertiesLoose(Str, _excluded3);
   var childrenStr = children;
-  var [shorten, setShorten] = useState(length && childrenStr.length >= length);
-  useEffect(() => setShorten(length && childrenStr.length >= length), [length]);
+  var [shorten, setShorten] = useState(length && childrenStr.length > length);
+  useEffect(() => setShorten(length && childrenStr.length > length), [length]);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Str.style || {});
   if (length > 0) {

package/esm/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/package.json

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