@uiw/react-json-view 2.0.0-alpha.41 → 2.0.0-alpha.43

package/esm/types/index.js

@@ -31,20 +31,16 @@ export var bigIntToString = bi => {
   return bi ? bi.toString() + 'n' : '0n';
 };
 export var SetComp = _ref => {
-  var {
-    value,
-    keyName
-  } = _ref;
-  var {
-    Set: Comp = {},
-    displayDataTypes
-  } = useTypesStore();
+  var value = _ref.value,
+    keyName = _ref.keyName;
+  var _useTypesStore = useTypesStore(),
+    _useTypesStore$Set = _useTypesStore.Set,
+    Comp = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
+    displayDataTypes = _useTypesStore.displayDataTypes;
   var isSet = value instanceof Set;
   if (!isSet || !displayDataTypes) return null;
-  var {
-      as,
-      render
-    } = Comp,
+  var as = Comp.as,
+    render = Comp.render,
     reset = _objectWithoutPropertiesLoose(Comp, _excluded);
   var isRender = render && typeof render === 'function';
   var type = isRender && render(reset, {
@@ -58,20 +54,16 @@ export var SetComp = _ref => {
 };
 SetComp.displayName = 'JVR.SetComp';
 export var MapComp = _ref2 => {
-  var {
-    value,
-    keyName
-  } = _ref2;
-  var {
-    Map: Comp = {},
-    displayDataTypes
-  } = useTypesStore();
+  var value = _ref2.value,
+    keyName = _ref2.keyName;
+  var _useTypesStore2 = useTypesStore(),
+    _useTypesStore2$Map = _useTypesStore2.Map,
+    Comp = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
+    displayDataTypes = _useTypesStore2.displayDataTypes;
   var isMap = value instanceof Map;
   if (!isMap || !displayDataTypes) return null;
-  var {
-      as,
-      render
-    } = Comp,
+  var as = Comp.as,
+    render = Comp.render,
     reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
   var isRender = render && typeof render === 'function';
   var type = isRender && render(reset, {
@@ -89,26 +81,26 @@ var defalutStyle = {
   paddingRight: 4
 };
 export var TypeString = _ref3 => {
-  var {
-    children = '',
-    keyName,
-    keys
-  } = _ref3;
-  var {
-    Str = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-    shortenTextAfterLength: length = 30,
-    stringEllipsis = '...'
-  } = useStore();
-  var {
-      as,
-      render
-    } = Str,
+  var _ref3$children = _ref3.children,
+    children = _ref3$children === void 0 ? '' : _ref3$children,
+    keyName = _ref3.keyName,
+    keys = _ref3.keys;
+  var _useTypesStore3 = useTypesStore(),
+    _useTypesStore3$Str = _useTypesStore3.Str,
+    Str = _useTypesStore3$Str === void 0 ? {} : _useTypesStore3$Str,
+    displayDataTypes = _useTypesStore3.displayDataTypes;
+  var _useStore = useStore(),
+    _useStore$shortenText = _useStore.shortenTextAfterLength,
+    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 = _objectWithoutPropertiesLoose(Str, _excluded3);
   var childrenStr = children;
-  var [shorten, setShorten] = useState(length && childrenStr.length > length);
+  var _useState = useState(length && childrenStr.length > length),
+    shorten = _useState[0],
+    setShorten = _useState[1];
   useEffect(() => setShorten(length && childrenStr.length > length), [length]);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Str.style || {});
@@ -155,19 +147,15 @@ export var TypeString = _ref3 => {
 };
 TypeString.displayName = 'JVR.TypeString';
 export var TypeTrue = _ref4 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref4;
-  var {
-    True = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = True,
+  var children = _ref4.children,
+    keyName = _ref4.keyName,
+    keys = _ref4.keys;
+  var _useTypesStore4 = useTypesStore(),
+    _useTypesStore4$True = _useTypesStore4.True,
+    True = _useTypesStore4$True === void 0 ? {} : _useTypesStore4$True,
+    displayDataTypes = _useTypesStore4.displayDataTypes;
+  var as = True.as,
+    render = True.render,
     reset = _objectWithoutPropertiesLoose(True, _excluded4);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, True.style || {});
@@ -200,19 +188,15 @@ export var TypeTrue = _ref4 => {
 };
 TypeTrue.displayName = 'JVR.TypeTrue';
 export var TypeFalse = _ref5 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref5;
-  var {
-    False = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = False,
+  var children = _ref5.children,
+    keyName = _ref5.keyName,
+    keys = _ref5.keys;
+  var _useTypesStore5 = useTypesStore(),
+    _useTypesStore5$False = _useTypesStore5.False,
+    False = _useTypesStore5$False === void 0 ? {} : _useTypesStore5$False,
+    displayDataTypes = _useTypesStore5.displayDataTypes;
+  var as = False.as,
+    render = False.render,
     reset = _objectWithoutPropertiesLoose(False, _excluded5);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, False.style || {});
@@ -245,19 +229,15 @@ export var TypeFalse = _ref5 => {
 };
 TypeFalse.displayName = 'JVR.TypeFalse';
 export var TypeFloat = _ref6 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref6;
-  var {
-    Float = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Float,
+  var children = _ref6.children,
+    keyName = _ref6.keyName,
+    keys = _ref6.keys;
+  var _useTypesStore6 = useTypesStore(),
+    _useTypesStore6$Float = _useTypesStore6.Float,
+    Float = _useTypesStore6$Float === void 0 ? {} : _useTypesStore6$Float,
+    displayDataTypes = _useTypesStore6.displayDataTypes;
+  var as = Float.as,
+    render = Float.render,
     reset = _objectWithoutPropertiesLoose(Float, _excluded6);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Float.style || {});
@@ -290,19 +270,15 @@ export var TypeFloat = _ref6 => {
 };
 TypeFloat.displayName = 'JVR.TypeFloat';
 export var TypeInt = _ref7 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref7;
-  var {
-    Int = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Int,
+  var children = _ref7.children,
+    keyName = _ref7.keyName,
+    keys = _ref7.keys;
+  var _useTypesStore7 = useTypesStore(),
+    _useTypesStore7$Int = _useTypesStore7.Int,
+    Int = _useTypesStore7$Int === void 0 ? {} : _useTypesStore7$Int,
+    displayDataTypes = _useTypesStore7.displayDataTypes;
+  var as = Int.as,
+    render = Int.render,
     reset = _objectWithoutPropertiesLoose(Int, _excluded7);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Int.style || {});
@@ -335,19 +311,15 @@ export var TypeInt = _ref7 => {
 };
 TypeInt.displayName = 'JVR.TypeInt';
 export var TypeBigint = _ref8 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref8;
-  var {
-    Bigint: CompBigint = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = CompBigint,
+  var children = _ref8.children,
+    keyName = _ref8.keyName,
+    keys = _ref8.keys;
+  var _useTypesStore8 = useTypesStore(),
+    _useTypesStore8$Bigin = _useTypesStore8.Bigint,
+    CompBigint = _useTypesStore8$Bigin === void 0 ? {} : _useTypesStore8$Bigin,
+    displayDataTypes = _useTypesStore8.displayDataTypes;
+  var as = CompBigint.as,
+    render = CompBigint.render,
     reset = _objectWithoutPropertiesLoose(CompBigint, _excluded8);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, CompBigint.style || {});
@@ -380,19 +352,15 @@ export var TypeBigint = _ref8 => {
 };
 TypeBigint.displayName = 'JVR.TypeFloat';
 export var TypeUrl = _ref9 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref9;
-  var {
-    Url = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Url,
+  var children = _ref9.children,
+    keyName = _ref9.keyName,
+    keys = _ref9.keys;
+  var _useTypesStore9 = useTypesStore(),
+    _useTypesStore9$Url = _useTypesStore9.Url,
+    Url = _useTypesStore9$Url === void 0 ? {} : _useTypesStore9$Url,
+    displayDataTypes = _useTypesStore9.displayDataTypes;
+  var as = Url.as,
+    render = Url.render,
     reset = _objectWithoutPropertiesLoose(Url, _excluded9);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Url.style);
@@ -428,19 +396,15 @@ export var TypeUrl = _ref9 => {
 };
 TypeUrl.displayName = 'JVR.TypeUrl';
 export var TypeDate = _ref0 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref0;
-  var {
-    Date: CompData = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = CompData,
+  var children = _ref0.children,
+    keyName = _ref0.keyName,
+    keys = _ref0.keys;
+  var _useTypesStore0 = useTypesStore(),
+    _useTypesStore0$Date = _useTypesStore0.Date,
+    CompData = _useTypesStore0$Date === void 0 ? {} : _useTypesStore0$Date,
+    displayDataTypes = _useTypesStore0.displayDataTypes;
+  var as = CompData.as,
+    render = CompData.render,
     reset = _objectWithoutPropertiesLoose(CompData, _excluded0);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, CompData.style || {});
@@ -474,19 +438,15 @@ export var TypeDate = _ref0 => {
 };
 TypeDate.displayName = 'JVR.TypeDate';
 export var TypeUndefined = _ref1 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref1;
-  var {
-    Undefined = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Undefined,
+  var children = _ref1.children,
+    keyName = _ref1.keyName,
+    keys = _ref1.keys;
+  var _useTypesStore1 = useTypesStore(),
+    _useTypesStore1$Undef = _useTypesStore1.Undefined,
+    Undefined = _useTypesStore1$Undef === void 0 ? {} : _useTypesStore1$Undef,
+    displayDataTypes = _useTypesStore1.displayDataTypes;
+  var as = Undefined.as,
+    render = Undefined.render,
     reset = _objectWithoutPropertiesLoose(Undefined, _excluded1);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Undefined.style || {});
@@ -511,24 +471,23 @@ export var TypeUndefined = _ref1 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child]
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: "undefined"
+    }))]
   });
 };
 TypeUndefined.displayName = 'JVR.TypeUndefined';
 export var TypeNull = _ref10 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref10;
-  var {
-    Null = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Null,
+  var children = _ref10.children,
+    keyName = _ref10.keyName,
+    keys = _ref10.keys;
+  var _useTypesStore10 = useTypesStore(),
+    _useTypesStore10$Null = _useTypesStore10.Null,
+    Null = _useTypesStore10$Null === void 0 ? {} : _useTypesStore10$Null,
+    displayDataTypes = _useTypesStore10.displayDataTypes;
+  var as = Null.as,
+    render = Null.render,
     reset = _objectWithoutPropertiesLoose(Null, _excluded10);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Null.style || {});
@@ -553,24 +512,23 @@ export var TypeNull = _ref10 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child]
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: "null"
+    }))]
   });
 };
 TypeNull.displayName = 'JVR.TypeNull';
 export var TypeNan = _ref11 => {
-  var {
-    children,
-    keyName,
-    keys
-  } = _ref11;
-  var {
-    Nan = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Nan,
+  var children = _ref11.children,
+    keyName = _ref11.keyName,
+    keys = _ref11.keys;
+  var _useTypesStore11 = useTypesStore(),
+    _useTypesStore11$Nan = _useTypesStore11.Nan,
+    Nan = _useTypesStore11$Nan === void 0 ? {} : _useTypesStore11$Nan,
+    displayDataTypes = _useTypesStore11.displayDataTypes;
+  var as = Nan.as,
+    render = Nan.render,
     reset = _objectWithoutPropertiesLoose(Nan, _excluded11);
   var Comp = as || 'span';
   var style = _extends({}, defalutStyle, Nan.style || {});
@@ -595,7 +553,10 @@ export var TypeNan = _ref11 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child]
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: "NaN"
+    }))]
   });
 };
 TypeNan.displayName = 'JVR.TypeNan';

package/esm/utils/useHighlight.js

@@ -7,11 +7,9 @@ export function usePrevious(value) {
   return ref.current;
 }
 export function useHighlight(_ref) {
-  var {
-    value,
-    highlightUpdates,
-    highlightContainer
-  } = _ref;
+  var value = _ref.value,
+    highlightUpdates = _ref.highlightUpdates,
+    highlightContainer = _ref.highlightContainer;
   var prevValue = usePrevious(value);
   var isHighlight = useMemo(() => {
     if (!highlightUpdates || prevValue === undefined) return false;

package/package.json

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