@uiw/react-json-view 2.0.0-alpha.42 → 2.0.0-alpha.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/README.md +48 -30
  2. package/cjs/arrow/TriangleArrow.d.ts +1 -1
  3. package/cjs/arrow/TriangleSolidArrow.d.ts +1 -1
  4. package/cjs/comps/Copied.d.ts +1 -1
  5. package/cjs/comps/KeyValues.d.ts +3 -3
  6. package/cjs/comps/NestedClose.d.ts +1 -1
  7. package/cjs/comps/NestedOpen.d.ts +1 -1
  8. package/cjs/comps/Value.d.ts +1 -1
  9. package/cjs/index.d.ts +2 -0
  10. package/cjs/section/CountInfo.d.ts +1 -1
  11. package/cjs/section/CountInfoExtra.d.ts +1 -1
  12. package/cjs/section/Ellipsis.d.ts +1 -1
  13. package/cjs/section/KeyName.d.ts +1 -1
  14. package/cjs/section/Row.d.ts +1 -1
  15. package/cjs/store/Types.d.ts +1 -1
  16. package/cjs/store.d.ts +1 -1
  17. package/cjs/symbol/index.d.ts +6 -6
  18. package/esm/Container.js +11 -9
  19. package/esm/arrow/TriangleArrow.d.ts +1 -1
  20. package/esm/arrow/TriangleArrow.js +1 -3
  21. package/esm/arrow/TriangleSolidArrow.d.ts +1 -1
  22. package/esm/arrow/TriangleSolidArrow.js +1 -3
  23. package/esm/comps/Copied.d.ts +1 -1
  24. package/esm/comps/Copied.js +18 -20
  25. package/esm/comps/KeyValues.d.ts +3 -3
  26. package/esm/comps/KeyValues.js +34 -35
  27. package/esm/comps/NestedClose.d.ts +1 -1
  28. package/esm/comps/NestedClose.js +10 -12
  29. package/esm/comps/NestedOpen.d.ts +1 -1
  30. package/esm/comps/NestedOpen.js +12 -14
  31. package/esm/comps/Value.d.ts +1 -1
  32. package/esm/comps/Value.js +3 -5
  33. package/esm/editor/KeyName.js +12 -16
  34. package/esm/editor/index.js +9 -8
  35. package/esm/index.d.ts +2 -0
  36. package/esm/index.js +26 -19
  37. package/esm/section/Copied.js +3 -3
  38. package/esm/section/CountInfo.d.ts +1 -1
  39. package/esm/section/CountInfo.js +13 -17
  40. package/esm/section/CountInfoExtra.d.ts +1 -1
  41. package/esm/section/CountInfoExtra.js +11 -14
  42. package/esm/section/Ellipsis.d.ts +1 -1
  43. package/esm/section/Ellipsis.js +11 -15
  44. package/esm/section/KeyName.d.ts +1 -1
  45. package/esm/section/KeyName.js +13 -17
  46. package/esm/section/Row.d.ts +1 -1
  47. package/esm/section/Row.js +14 -17
  48. package/esm/store/Expands.js +3 -5
  49. package/esm/store/Section.js +3 -5
  50. package/esm/store/ShowTools.js +3 -5
  51. package/esm/store/Symbols.js +3 -5
  52. package/esm/store/Types.d.ts +1 -1
  53. package/esm/store/Types.js +3 -5
  54. package/esm/store.d.ts +1 -1
  55. package/esm/store.js +21 -11
  56. package/esm/symbol/Arrow.js +3 -3
  57. package/esm/symbol/BraceLeft.js +3 -3
  58. package/esm/symbol/BraceRight.js +3 -3
  59. package/esm/symbol/BracketsLeft.js +3 -3
  60. package/esm/symbol/BracketsRight.js +3 -3
  61. package/esm/symbol/Colon.js +3 -3
  62. package/esm/symbol/Quote.js +3 -3
  63. package/esm/symbol/ValueQuote.js +3 -3
  64. package/esm/symbol/index.d.ts +6 -6
  65. package/esm/symbol/index.js +65 -89
  66. package/esm/types/Bigint.js +3 -3
  67. package/esm/types/Date.js +3 -3
  68. package/esm/types/False.js +3 -3
  69. package/esm/types/Float.js +3 -3
  70. package/esm/types/Int.js +3 -3
  71. package/esm/types/Map.js +3 -3
  72. package/esm/types/Nan.js +3 -3
  73. package/esm/types/Null.js +3 -3
  74. package/esm/types/Set.js +3 -3
  75. package/esm/types/String.js +3 -3
  76. package/esm/types/True.js +3 -3
  77. package/esm/types/Undefined.js +3 -3
  78. package/esm/types/Url.js +3 -3
  79. package/esm/types/index.js +124 -172
  80. package/esm/utils/useHighlight.js +3 -5
  81. package/package.json +1 -1
@@ -31,20 +31,16 @@ export var bigIntToString = bi => {
31
31
  return bi ? bi.toString() + 'n' : '0n';
32
32
  };
33
33
  export var SetComp = _ref => {
34
- var {
35
- value,
36
- keyName
37
- } = _ref;
38
- var {
39
- Set: Comp = {},
40
- displayDataTypes
41
- } = useTypesStore();
34
+ var value = _ref.value,
35
+ keyName = _ref.keyName;
36
+ var _useTypesStore = useTypesStore(),
37
+ _useTypesStore$Set = _useTypesStore.Set,
38
+ Comp = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
39
+ displayDataTypes = _useTypesStore.displayDataTypes;
42
40
  var isSet = value instanceof Set;
43
41
  if (!isSet || !displayDataTypes) return null;
44
- var {
45
- as,
46
- render
47
- } = Comp,
42
+ var as = Comp.as,
43
+ render = Comp.render,
48
44
  reset = _objectWithoutPropertiesLoose(Comp, _excluded);
49
45
  var isRender = render && typeof render === 'function';
50
46
  var type = isRender && render(reset, {
@@ -58,20 +54,16 @@ export var SetComp = _ref => {
58
54
  };
59
55
  SetComp.displayName = 'JVR.SetComp';
60
56
  export var MapComp = _ref2 => {
61
- var {
62
- value,
63
- keyName
64
- } = _ref2;
65
- var {
66
- Map: Comp = {},
67
- displayDataTypes
68
- } = useTypesStore();
57
+ var value = _ref2.value,
58
+ keyName = _ref2.keyName;
59
+ var _useTypesStore2 = useTypesStore(),
60
+ _useTypesStore2$Map = _useTypesStore2.Map,
61
+ Comp = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
62
+ displayDataTypes = _useTypesStore2.displayDataTypes;
69
63
  var isMap = value instanceof Map;
70
64
  if (!isMap || !displayDataTypes) return null;
71
- var {
72
- as,
73
- render
74
- } = Comp,
65
+ var as = Comp.as,
66
+ render = Comp.render,
75
67
  reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
76
68
  var isRender = render && typeof render === 'function';
77
69
  var type = isRender && render(reset, {
@@ -89,26 +81,26 @@ var defalutStyle = {
89
81
  paddingRight: 4
90
82
  };
91
83
  export var TypeString = _ref3 => {
92
- var {
93
- children = '',
94
- keyName,
95
- keys
96
- } = _ref3;
97
- var {
98
- Str = {},
99
- displayDataTypes
100
- } = useTypesStore();
101
- var {
102
- shortenTextAfterLength: length = 30,
103
- stringEllipsis = '...'
104
- } = useStore();
105
- var {
106
- as,
107
- render
108
- } = Str,
84
+ var _ref3$children = _ref3.children,
85
+ children = _ref3$children === void 0 ? '' : _ref3$children,
86
+ keyName = _ref3.keyName,
87
+ keys = _ref3.keys;
88
+ var _useTypesStore3 = useTypesStore(),
89
+ _useTypesStore3$Str = _useTypesStore3.Str,
90
+ Str = _useTypesStore3$Str === void 0 ? {} : _useTypesStore3$Str,
91
+ displayDataTypes = _useTypesStore3.displayDataTypes;
92
+ var _useStore = useStore(),
93
+ _useStore$shortenText = _useStore.shortenTextAfterLength,
94
+ length = _useStore$shortenText === void 0 ? 30 : _useStore$shortenText,
95
+ _useStore$stringEllip = _useStore.stringEllipsis,
96
+ stringEllipsis = _useStore$stringEllip === void 0 ? '...' : _useStore$stringEllip;
97
+ var as = Str.as,
98
+ render = Str.render,
109
99
  reset = _objectWithoutPropertiesLoose(Str, _excluded3);
110
100
  var childrenStr = children;
111
- var [shorten, setShorten] = useState(length && childrenStr.length > length);
101
+ var _useState = useState(length && childrenStr.length > length),
102
+ shorten = _useState[0],
103
+ setShorten = _useState[1];
112
104
  useEffect(() => setShorten(length && childrenStr.length > length), [length]);
113
105
  var Comp = as || 'span';
114
106
  var style = _extends({}, defalutStyle, Str.style || {});
@@ -155,19 +147,15 @@ export var TypeString = _ref3 => {
155
147
  };
156
148
  TypeString.displayName = 'JVR.TypeString';
157
149
  export var TypeTrue = _ref4 => {
158
- var {
159
- children,
160
- keyName,
161
- keys
162
- } = _ref4;
163
- var {
164
- True = {},
165
- displayDataTypes
166
- } = useTypesStore();
167
- var {
168
- as,
169
- render
170
- } = True,
150
+ var children = _ref4.children,
151
+ keyName = _ref4.keyName,
152
+ keys = _ref4.keys;
153
+ var _useTypesStore4 = useTypesStore(),
154
+ _useTypesStore4$True = _useTypesStore4.True,
155
+ True = _useTypesStore4$True === void 0 ? {} : _useTypesStore4$True,
156
+ displayDataTypes = _useTypesStore4.displayDataTypes;
157
+ var as = True.as,
158
+ render = True.render,
171
159
  reset = _objectWithoutPropertiesLoose(True, _excluded4);
172
160
  var Comp = as || 'span';
173
161
  var style = _extends({}, defalutStyle, True.style || {});
@@ -200,19 +188,15 @@ export var TypeTrue = _ref4 => {
200
188
  };
201
189
  TypeTrue.displayName = 'JVR.TypeTrue';
202
190
  export var TypeFalse = _ref5 => {
203
- var {
204
- children,
205
- keyName,
206
- keys
207
- } = _ref5;
208
- var {
209
- False = {},
210
- displayDataTypes
211
- } = useTypesStore();
212
- var {
213
- as,
214
- render
215
- } = False,
191
+ var children = _ref5.children,
192
+ keyName = _ref5.keyName,
193
+ keys = _ref5.keys;
194
+ var _useTypesStore5 = useTypesStore(),
195
+ _useTypesStore5$False = _useTypesStore5.False,
196
+ False = _useTypesStore5$False === void 0 ? {} : _useTypesStore5$False,
197
+ displayDataTypes = _useTypesStore5.displayDataTypes;
198
+ var as = False.as,
199
+ render = False.render,
216
200
  reset = _objectWithoutPropertiesLoose(False, _excluded5);
217
201
  var Comp = as || 'span';
218
202
  var style = _extends({}, defalutStyle, False.style || {});
@@ -245,19 +229,15 @@ export var TypeFalse = _ref5 => {
245
229
  };
246
230
  TypeFalse.displayName = 'JVR.TypeFalse';
247
231
  export var TypeFloat = _ref6 => {
248
- var {
249
- children,
250
- keyName,
251
- keys
252
- } = _ref6;
253
- var {
254
- Float = {},
255
- displayDataTypes
256
- } = useTypesStore();
257
- var {
258
- as,
259
- render
260
- } = Float,
232
+ var children = _ref6.children,
233
+ keyName = _ref6.keyName,
234
+ keys = _ref6.keys;
235
+ var _useTypesStore6 = useTypesStore(),
236
+ _useTypesStore6$Float = _useTypesStore6.Float,
237
+ Float = _useTypesStore6$Float === void 0 ? {} : _useTypesStore6$Float,
238
+ displayDataTypes = _useTypesStore6.displayDataTypes;
239
+ var as = Float.as,
240
+ render = Float.render,
261
241
  reset = _objectWithoutPropertiesLoose(Float, _excluded6);
262
242
  var Comp = as || 'span';
263
243
  var style = _extends({}, defalutStyle, Float.style || {});
@@ -290,19 +270,15 @@ export var TypeFloat = _ref6 => {
290
270
  };
291
271
  TypeFloat.displayName = 'JVR.TypeFloat';
292
272
  export var TypeInt = _ref7 => {
293
- var {
294
- children,
295
- keyName,
296
- keys
297
- } = _ref7;
298
- var {
299
- Int = {},
300
- displayDataTypes
301
- } = useTypesStore();
302
- var {
303
- as,
304
- render
305
- } = Int,
273
+ var children = _ref7.children,
274
+ keyName = _ref7.keyName,
275
+ keys = _ref7.keys;
276
+ var _useTypesStore7 = useTypesStore(),
277
+ _useTypesStore7$Int = _useTypesStore7.Int,
278
+ Int = _useTypesStore7$Int === void 0 ? {} : _useTypesStore7$Int,
279
+ displayDataTypes = _useTypesStore7.displayDataTypes;
280
+ var as = Int.as,
281
+ render = Int.render,
306
282
  reset = _objectWithoutPropertiesLoose(Int, _excluded7);
307
283
  var Comp = as || 'span';
308
284
  var style = _extends({}, defalutStyle, Int.style || {});
@@ -335,19 +311,15 @@ export var TypeInt = _ref7 => {
335
311
  };
336
312
  TypeInt.displayName = 'JVR.TypeInt';
337
313
  export var TypeBigint = _ref8 => {
338
- var {
339
- children,
340
- keyName,
341
- keys
342
- } = _ref8;
343
- var {
344
- Bigint: CompBigint = {},
345
- displayDataTypes
346
- } = useTypesStore();
347
- var {
348
- as,
349
- render
350
- } = CompBigint,
314
+ var children = _ref8.children,
315
+ keyName = _ref8.keyName,
316
+ keys = _ref8.keys;
317
+ var _useTypesStore8 = useTypesStore(),
318
+ _useTypesStore8$Bigin = _useTypesStore8.Bigint,
319
+ CompBigint = _useTypesStore8$Bigin === void 0 ? {} : _useTypesStore8$Bigin,
320
+ displayDataTypes = _useTypesStore8.displayDataTypes;
321
+ var as = CompBigint.as,
322
+ render = CompBigint.render,
351
323
  reset = _objectWithoutPropertiesLoose(CompBigint, _excluded8);
352
324
  var Comp = as || 'span';
353
325
  var style = _extends({}, defalutStyle, CompBigint.style || {});
@@ -380,19 +352,15 @@ export var TypeBigint = _ref8 => {
380
352
  };
381
353
  TypeBigint.displayName = 'JVR.TypeFloat';
382
354
  export var TypeUrl = _ref9 => {
383
- var {
384
- children,
385
- keyName,
386
- keys
387
- } = _ref9;
388
- var {
389
- Url = {},
390
- displayDataTypes
391
- } = useTypesStore();
392
- var {
393
- as,
394
- render
395
- } = Url,
355
+ var children = _ref9.children,
356
+ keyName = _ref9.keyName,
357
+ keys = _ref9.keys;
358
+ var _useTypesStore9 = useTypesStore(),
359
+ _useTypesStore9$Url = _useTypesStore9.Url,
360
+ Url = _useTypesStore9$Url === void 0 ? {} : _useTypesStore9$Url,
361
+ displayDataTypes = _useTypesStore9.displayDataTypes;
362
+ var as = Url.as,
363
+ render = Url.render,
396
364
  reset = _objectWithoutPropertiesLoose(Url, _excluded9);
397
365
  var Comp = as || 'span';
398
366
  var style = _extends({}, defalutStyle, Url.style);
@@ -428,19 +396,15 @@ export var TypeUrl = _ref9 => {
428
396
  };
429
397
  TypeUrl.displayName = 'JVR.TypeUrl';
430
398
  export var TypeDate = _ref0 => {
431
- var {
432
- children,
433
- keyName,
434
- keys
435
- } = _ref0;
436
- var {
437
- Date: CompData = {},
438
- displayDataTypes
439
- } = useTypesStore();
440
- var {
441
- as,
442
- render
443
- } = CompData,
399
+ var children = _ref0.children,
400
+ keyName = _ref0.keyName,
401
+ keys = _ref0.keys;
402
+ var _useTypesStore0 = useTypesStore(),
403
+ _useTypesStore0$Date = _useTypesStore0.Date,
404
+ CompData = _useTypesStore0$Date === void 0 ? {} : _useTypesStore0$Date,
405
+ displayDataTypes = _useTypesStore0.displayDataTypes;
406
+ var as = CompData.as,
407
+ render = CompData.render,
444
408
  reset = _objectWithoutPropertiesLoose(CompData, _excluded0);
445
409
  var Comp = as || 'span';
446
410
  var style = _extends({}, defalutStyle, CompData.style || {});
@@ -474,19 +438,15 @@ export var TypeDate = _ref0 => {
474
438
  };
475
439
  TypeDate.displayName = 'JVR.TypeDate';
476
440
  export var TypeUndefined = _ref1 => {
477
- var {
478
- children,
479
- keyName,
480
- keys
481
- } = _ref1;
482
- var {
483
- Undefined = {},
484
- displayDataTypes
485
- } = useTypesStore();
486
- var {
487
- as,
488
- render
489
- } = Undefined,
441
+ var children = _ref1.children,
442
+ keyName = _ref1.keyName,
443
+ keys = _ref1.keys;
444
+ var _useTypesStore1 = useTypesStore(),
445
+ _useTypesStore1$Undef = _useTypesStore1.Undefined,
446
+ Undefined = _useTypesStore1$Undef === void 0 ? {} : _useTypesStore1$Undef,
447
+ displayDataTypes = _useTypesStore1.displayDataTypes;
448
+ var as = Undefined.as,
449
+ render = Undefined.render,
490
450
  reset = _objectWithoutPropertiesLoose(Undefined, _excluded1);
491
451
  var Comp = as || 'span';
492
452
  var style = _extends({}, defalutStyle, Undefined.style || {});
@@ -519,19 +479,15 @@ export var TypeUndefined = _ref1 => {
519
479
  };
520
480
  TypeUndefined.displayName = 'JVR.TypeUndefined';
521
481
  export var TypeNull = _ref10 => {
522
- var {
523
- children,
524
- keyName,
525
- keys
526
- } = _ref10;
527
- var {
528
- Null = {},
529
- displayDataTypes
530
- } = useTypesStore();
531
- var {
532
- as,
533
- render
534
- } = Null,
482
+ var children = _ref10.children,
483
+ keyName = _ref10.keyName,
484
+ keys = _ref10.keys;
485
+ var _useTypesStore10 = useTypesStore(),
486
+ _useTypesStore10$Null = _useTypesStore10.Null,
487
+ Null = _useTypesStore10$Null === void 0 ? {} : _useTypesStore10$Null,
488
+ displayDataTypes = _useTypesStore10.displayDataTypes;
489
+ var as = Null.as,
490
+ render = Null.render,
535
491
  reset = _objectWithoutPropertiesLoose(Null, _excluded10);
536
492
  var Comp = as || 'span';
537
493
  var style = _extends({}, defalutStyle, Null.style || {});
@@ -564,19 +520,15 @@ export var TypeNull = _ref10 => {
564
520
  };
565
521
  TypeNull.displayName = 'JVR.TypeNull';
566
522
  export var TypeNan = _ref11 => {
567
- var {
568
- children,
569
- keyName,
570
- keys
571
- } = _ref11;
572
- var {
573
- Nan = {},
574
- displayDataTypes
575
- } = useTypesStore();
576
- var {
577
- as,
578
- render
579
- } = Nan,
523
+ var children = _ref11.children,
524
+ keyName = _ref11.keyName,
525
+ keys = _ref11.keys;
526
+ var _useTypesStore11 = useTypesStore(),
527
+ _useTypesStore11$Nan = _useTypesStore11.Nan,
528
+ Nan = _useTypesStore11$Nan === void 0 ? {} : _useTypesStore11$Nan,
529
+ displayDataTypes = _useTypesStore11.displayDataTypes;
530
+ var as = Nan.as,
531
+ render = Nan.render,
580
532
  reset = _objectWithoutPropertiesLoose(Nan, _excluded11);
581
533
  var Comp = as || 'span';
582
534
  var style = _extends({}, defalutStyle, Nan.style || {});
@@ -7,11 +7,9 @@ export function usePrevious(value) {
7
7
  return ref.current;
8
8
  }
9
9
  export function useHighlight(_ref) {
10
- var {
11
- value,
12
- highlightUpdates,
13
- highlightContainer
14
- } = _ref;
10
+ var value = _ref.value,
11
+ highlightUpdates = _ref.highlightUpdates,
12
+ highlightContainer = _ref.highlightContainer;
15
13
  var prevValue = usePrevious(value);
16
14
  var isHighlight = useMemo(() => {
17
15
  if (!highlightUpdates || prevValue === undefined) return false;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uiw/react-json-view",
3
- "version": "2.0.0-alpha.42",
3
+ "version": "2.0.0-alpha.44",
4
4
  "description": "JSON viewer for react.",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",