@uiw/react-json-view 2.0.0-alpha.7 → 2.0.0-alpha.8

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 (58) hide show
  1. package/README.md +3 -3
  2. package/cjs/Container.js +1 -2
  3. package/cjs/comps/Copied.js +1 -2
  4. package/cjs/comps/KeyValues.js +3 -6
  5. package/cjs/comps/NestedClose.js +1 -2
  6. package/cjs/comps/NestedOpen.js +5 -4
  7. package/cjs/comps/Value.js +2 -4
  8. package/cjs/index.js +1 -2
  9. package/cjs/section/Copied.js +1 -2
  10. package/cjs/section/CountInfo.js +2 -4
  11. package/cjs/section/CountInfoExtra.js +2 -4
  12. package/cjs/section/Ellipsis.js +2 -4
  13. package/cjs/section/KeyName.js +2 -4
  14. package/cjs/store/Expands.js +2 -4
  15. package/cjs/store/Section.js +2 -4
  16. package/cjs/store/ShowTools.js +2 -4
  17. package/cjs/store/Symbols.js +2 -4
  18. package/cjs/store/Types.d.ts +1 -0
  19. package/cjs/store/Types.js +1 -2
  20. package/cjs/store.js +5 -10
  21. package/cjs/symbol/Arrow.js +1 -2
  22. package/cjs/symbol/BraceLeft.js +1 -2
  23. package/cjs/symbol/BraceRight.js +1 -2
  24. package/cjs/symbol/BracketsLeft.js +1 -2
  25. package/cjs/symbol/BracketsRight.js +1 -2
  26. package/cjs/symbol/Colon.js +1 -2
  27. package/cjs/symbol/Quote.js +1 -2
  28. package/cjs/symbol/ValueQuote.js +1 -2
  29. package/cjs/symbol/index.js +6 -12
  30. package/cjs/theme/basic.js +2 -3
  31. package/cjs/theme/dark.js +2 -3
  32. package/cjs/theme/github.dark.js +2 -3
  33. package/cjs/theme/github.light.js +2 -3
  34. package/cjs/theme/gruvbox.js +2 -3
  35. package/cjs/theme/light.js +2 -3
  36. package/cjs/theme/monokai.js +2 -3
  37. package/cjs/theme/nord.js +2 -3
  38. package/cjs/theme/vscode.js +2 -3
  39. package/cjs/types/Bigint.js +1 -2
  40. package/cjs/types/Date.js +1 -2
  41. package/cjs/types/False.js +1 -2
  42. package/cjs/types/Float.js +1 -2
  43. package/cjs/types/Int.js +1 -2
  44. package/cjs/types/Map.js +1 -2
  45. package/cjs/types/Nan.js +1 -2
  46. package/cjs/types/Null.js +1 -2
  47. package/cjs/types/Set.js +1 -2
  48. package/cjs/types/String.js +1 -2
  49. package/cjs/types/True.js +1 -2
  50. package/cjs/types/Undefined.js +1 -2
  51. package/cjs/types/Url.js +1 -2
  52. package/cjs/types/index.d.ts +2 -0
  53. package/cjs/types/index.js +65 -52
  54. package/esm/comps/NestedOpen.js +4 -2
  55. package/esm/store/Types.d.ts +1 -0
  56. package/esm/types/index.d.ts +2 -0
  57. package/esm/types/index.js +52 -26
  58. package/package.json +1 -1
@@ -27,8 +27,9 @@ var _excluded = ["as", "render"],
27
27
  _excluded11 = ["as", "render"],
28
28
  _excluded12 = ["as", "render"],
29
29
  _excluded13 = ["as", "render"];
30
- var SetComp = function SetComp(_ref) {
31
- var value = _ref.value;
30
+ var SetComp = exports.SetComp = function SetComp(_ref) {
31
+ var value = _ref.value,
32
+ keyName = _ref.keyName;
32
33
  var _useTypesStore = (0, _Types.useTypesStore)(),
33
34
  _useTypesStore$Set = _useTypesStore.Set,
34
35
  Comp = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
@@ -41,16 +42,17 @@ var SetComp = function SetComp(_ref) {
41
42
  var isRender = render && typeof render === 'function';
42
43
  var type = isRender && render(reset, {
43
44
  type: 'type',
44
- value: value
45
+ value: value,
46
+ keyName: keyName
45
47
  });
46
48
  if (type) return type;
47
49
  var Elm = as || 'span';
48
50
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
49
51
  };
50
- exports.SetComp = SetComp;
51
52
  SetComp.displayName = 'JVR.SetComp';
52
- var MapComp = function MapComp(_ref2) {
53
- var value = _ref2.value;
53
+ var MapComp = exports.MapComp = function MapComp(_ref2) {
54
+ var value = _ref2.value,
55
+ keyName = _ref2.keyName;
54
56
  var _useTypesStore2 = (0, _Types.useTypesStore)(),
55
57
  _useTypesStore2$Map = _useTypesStore2.Map,
56
58
  Comp = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
@@ -63,19 +65,19 @@ var MapComp = function MapComp(_ref2) {
63
65
  var isRender = render && typeof render === 'function';
64
66
  var type = isRender && render(reset, {
65
67
  type: 'type',
66
- value: value
68
+ value: value,
69
+ keyName: keyName
67
70
  });
68
71
  if (type) return type;
69
72
  var Elm = as || 'span';
70
73
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
71
74
  };
72
- exports.MapComp = MapComp;
73
75
  MapComp.displayName = 'JVR.MapComp';
74
76
  var defalutStyle = {
75
77
  opacity: 0.75,
76
78
  paddingRight: 4
77
79
  };
78
- var TypeString = function TypeString(_ref3) {
80
+ var TypeString = exports.TypeString = function TypeString(_ref3) {
79
81
  var _ref3$children = _ref3.children,
80
82
  children = _ref3$children === void 0 ? '' : _ref3$children,
81
83
  expandKey = _ref3.expandKey,
@@ -116,14 +118,16 @@ var TypeString = function TypeString(_ref3) {
116
118
  style: style
117
119
  }), {
118
120
  type: 'type',
119
- value: children
121
+ value: children,
122
+ keyName: keyName
120
123
  });
121
124
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
122
125
  children: text,
123
126
  className: 'w-rjv-value'
124
127
  }), {
125
128
  type: 'value',
126
- value: children
129
+ value: children,
130
+ keyName: keyName
127
131
  });
128
132
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
129
133
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -140,9 +144,8 @@ var TypeString = function TypeString(_ref3) {
140
144
  })]
141
145
  });
142
146
  };
143
- exports.TypeString = TypeString;
144
147
  TypeString.displayName = 'JVR.TypeString';
145
- var TypeTrue = function TypeTrue(_ref4) {
148
+ var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
146
149
  var children = _ref4.children,
147
150
  expandKey = _ref4.expandKey,
148
151
  keyName = _ref4.keyName;
@@ -160,14 +163,16 @@ var TypeTrue = function TypeTrue(_ref4) {
160
163
  style: style
161
164
  }), {
162
165
  type: 'type',
163
- value: children
166
+ value: children,
167
+ keyName: keyName
164
168
  });
165
169
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
166
170
  children: children,
167
171
  className: 'w-rjv-value'
168
172
  }), {
169
173
  type: 'value',
170
- value: children
174
+ value: children,
175
+ keyName: keyName
171
176
  });
172
177
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
173
178
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -182,9 +187,8 @@ var TypeTrue = function TypeTrue(_ref4) {
182
187
  })]
183
188
  });
184
189
  };
185
- exports.TypeTrue = TypeTrue;
186
190
  TypeTrue.displayName = 'JVR.TypeTrue';
187
- var TypeFalse = function TypeFalse(_ref5) {
191
+ var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
188
192
  var children = _ref5.children,
189
193
  expandKey = _ref5.expandKey,
190
194
  keyName = _ref5.keyName;
@@ -202,14 +206,16 @@ var TypeFalse = function TypeFalse(_ref5) {
202
206
  style: style
203
207
  }), {
204
208
  type: 'type',
205
- value: children
209
+ value: children,
210
+ keyName: keyName
206
211
  });
207
212
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
208
213
  children: children,
209
214
  className: 'w-rjv-value'
210
215
  }), {
211
216
  type: 'value',
212
- value: children
217
+ value: children,
218
+ keyName: keyName
213
219
  });
214
220
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
215
221
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -224,9 +230,8 @@ var TypeFalse = function TypeFalse(_ref5) {
224
230
  })]
225
231
  });
226
232
  };
227
- exports.TypeFalse = TypeFalse;
228
233
  TypeFalse.displayName = 'JVR.TypeFalse';
229
- var TypeFloat = function TypeFloat(_ref6) {
234
+ var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
230
235
  var children = _ref6.children,
231
236
  expandKey = _ref6.expandKey,
232
237
  keyName = _ref6.keyName;
@@ -244,14 +249,16 @@ var TypeFloat = function TypeFloat(_ref6) {
244
249
  style: style
245
250
  }), {
246
251
  type: 'type',
247
- value: children
252
+ value: children,
253
+ keyName: keyName
248
254
  });
249
255
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
250
256
  children: children,
251
257
  className: 'w-rjv-value'
252
258
  }), {
253
259
  type: 'value',
254
- value: children
260
+ value: children,
261
+ keyName: keyName
255
262
  });
256
263
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
257
264
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -266,9 +273,8 @@ var TypeFloat = function TypeFloat(_ref6) {
266
273
  })]
267
274
  });
268
275
  };
269
- exports.TypeFloat = TypeFloat;
270
276
  TypeFloat.displayName = 'JVR.TypeFloat';
271
- var TypeInt = function TypeInt(_ref7) {
277
+ var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
272
278
  var children = _ref7.children,
273
279
  expandKey = _ref7.expandKey,
274
280
  keyName = _ref7.keyName;
@@ -286,14 +292,16 @@ var TypeInt = function TypeInt(_ref7) {
286
292
  style: style
287
293
  }), {
288
294
  type: 'type',
289
- value: children
295
+ value: children,
296
+ keyName: keyName
290
297
  });
291
298
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
292
299
  children: children,
293
300
  className: 'w-rjv-value'
294
301
  }), {
295
302
  type: 'value',
296
- value: children
303
+ value: children,
304
+ keyName: keyName
297
305
  });
298
306
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
299
307
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -308,9 +316,8 @@ var TypeInt = function TypeInt(_ref7) {
308
316
  })]
309
317
  });
310
318
  };
311
- exports.TypeInt = TypeInt;
312
319
  TypeInt.displayName = 'JVR.TypeInt';
313
- var TypeBigint = function TypeBigint(_ref8) {
320
+ var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
314
321
  var children = _ref8.children,
315
322
  expandKey = _ref8.expandKey,
316
323
  keyName = _ref8.keyName;
@@ -328,14 +335,16 @@ var TypeBigint = function TypeBigint(_ref8) {
328
335
  style: style
329
336
  }), {
330
337
  type: 'type',
331
- value: children
338
+ value: children,
339
+ keyName: keyName
332
340
  });
333
341
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
334
342
  children: children,
335
343
  className: 'w-rjv-value'
336
344
  }), {
337
345
  type: 'value',
338
- value: children
346
+ value: children,
347
+ keyName: keyName
339
348
  });
340
349
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
341
350
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -350,9 +359,8 @@ var TypeBigint = function TypeBigint(_ref8) {
350
359
  })]
351
360
  });
352
361
  };
353
- exports.TypeBigint = TypeBigint;
354
362
  TypeBigint.displayName = 'JVR.TypeFloat';
355
- var TypeUrl = function TypeUrl(_ref9) {
363
+ var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
356
364
  var children = _ref9.children,
357
365
  expandKey = _ref9.expandKey,
358
366
  keyName = _ref9.keyName;
@@ -370,14 +378,16 @@ var TypeUrl = function TypeUrl(_ref9) {
370
378
  style: style
371
379
  }), {
372
380
  type: 'type',
373
- value: children
381
+ value: children,
382
+ keyName: keyName
374
383
  });
375
384
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
376
385
  children: children === null || children === void 0 ? void 0 : children.href,
377
386
  className: 'w-rjv-value'
378
387
  }), {
379
388
  type: 'value',
380
- value: children
389
+ value: children,
390
+ keyName: keyName
381
391
  });
382
392
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
383
393
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -395,9 +405,8 @@ var TypeUrl = function TypeUrl(_ref9) {
395
405
  })]
396
406
  });
397
407
  };
398
- exports.TypeUrl = TypeUrl;
399
408
  TypeUrl.displayName = 'JVR.TypeUrl';
400
- var TypeDate = function TypeDate(_ref10) {
409
+ var TypeDate = exports.TypeDate = function TypeDate(_ref10) {
401
410
  var children = _ref10.children,
402
411
  expandKey = _ref10.expandKey,
403
412
  keyName = _ref10.keyName;
@@ -415,7 +424,8 @@ var TypeDate = function TypeDate(_ref10) {
415
424
  style: style
416
425
  }), {
417
426
  type: 'type',
418
- value: children
427
+ value: children,
428
+ keyName: keyName
419
429
  });
420
430
  var childStr = children instanceof Date ? children.toLocaleString() : children;
421
431
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -423,7 +433,8 @@ var TypeDate = function TypeDate(_ref10) {
423
433
  className: 'w-rjv-value'
424
434
  }), {
425
435
  type: 'value',
426
- value: children
436
+ value: children,
437
+ keyName: keyName
427
438
  });
428
439
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
429
440
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -438,9 +449,8 @@ var TypeDate = function TypeDate(_ref10) {
438
449
  })]
439
450
  });
440
451
  };
441
- exports.TypeDate = TypeDate;
442
452
  TypeDate.displayName = 'JVR.TypeDate';
443
- var TypeUndefined = function TypeUndefined(_ref11) {
453
+ var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref11) {
444
454
  var children = _ref11.children,
445
455
  expandKey = _ref11.expandKey,
446
456
  keyName = _ref11.keyName;
@@ -458,14 +468,16 @@ var TypeUndefined = function TypeUndefined(_ref11) {
458
468
  style: style
459
469
  }), {
460
470
  type: 'type',
461
- value: children
471
+ value: children,
472
+ keyName: keyName
462
473
  });
463
474
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
464
475
  children: children,
465
476
  className: 'w-rjv-value'
466
477
  }), {
467
478
  type: 'value',
468
- value: children
479
+ value: children,
480
+ keyName: keyName
469
481
  });
470
482
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
471
483
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -477,9 +489,8 @@ var TypeUndefined = function TypeUndefined(_ref11) {
477
489
  })]
478
490
  });
479
491
  };
480
- exports.TypeUndefined = TypeUndefined;
481
492
  TypeUndefined.displayName = 'JVR.TypeUndefined';
482
- var TypeNull = function TypeNull(_ref12) {
493
+ var TypeNull = exports.TypeNull = function TypeNull(_ref12) {
483
494
  var children = _ref12.children,
484
495
  expandKey = _ref12.expandKey,
485
496
  keyName = _ref12.keyName;
@@ -497,14 +508,16 @@ var TypeNull = function TypeNull(_ref12) {
497
508
  style: style
498
509
  }), {
499
510
  type: 'type',
500
- value: children
511
+ value: children,
512
+ keyName: keyName
501
513
  });
502
514
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
503
515
  children: children,
504
516
  className: 'w-rjv-value'
505
517
  }), {
506
518
  type: 'value',
507
- value: children
519
+ value: children,
520
+ keyName: keyName
508
521
  });
509
522
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
510
523
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -516,9 +529,8 @@ var TypeNull = function TypeNull(_ref12) {
516
529
  })]
517
530
  });
518
531
  };
519
- exports.TypeNull = TypeNull;
520
532
  TypeNull.displayName = 'JVR.TypeNull';
521
- var TypeNan = function TypeNan(_ref13) {
533
+ var TypeNan = exports.TypeNan = function TypeNan(_ref13) {
522
534
  var children = _ref13.children,
523
535
  expandKey = _ref13.expandKey,
524
536
  keyName = _ref13.keyName;
@@ -536,14 +548,16 @@ var TypeNan = function TypeNan(_ref13) {
536
548
  style: style
537
549
  }), {
538
550
  type: 'type',
539
- value: children
551
+ value: children,
552
+ keyName: keyName
540
553
  });
541
554
  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
542
555
  children: children === null || children === void 0 ? void 0 : children.toString(),
543
556
  className: 'w-rjv-value'
544
557
  }), {
545
558
  type: 'value',
546
- value: children
559
+ value: children,
560
+ keyName: keyName
547
561
  });
548
562
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
549
563
  children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
@@ -555,5 +569,4 @@ var TypeNan = function TypeNan(_ref13) {
555
569
  })]
556
570
  });
557
571
  };
558
- exports.TypeNan = TypeNan;
559
572
  TypeNan.displayName = 'JVR.TypeNan';
@@ -64,9 +64,11 @@ export var NestedOpen = props => {
64
64
  }), (keyName || typeof keyName === 'number') && /*#__PURE__*/_jsx(KayName, {
65
65
  keyName: keyName
66
66
  }), /*#__PURE__*/_jsx(SetComp, {
67
- value: initialValue
67
+ value: initialValue,
68
+ keyName: keyName
68
69
  }), /*#__PURE__*/_jsx(MapComp, {
69
- value: initialValue
70
+ value: initialValue,
71
+ keyName: keyName
70
72
  }), /*#__PURE__*/_jsx(BracketsOpen, {
71
73
  isBrackets: isArray || isMySet
72
74
  }), /*#__PURE__*/_jsx(EllipsisComp, {
@@ -5,6 +5,7 @@ type TypesElementProps<T extends TagType = 'span'> = {
5
5
  render?: (props: TypesElement<T>, result: {
6
6
  type: 'type' | 'value';
7
7
  value?: unknown;
8
+ keyName: string | number;
8
9
  }) => React.ReactNode;
9
10
  'data-type'?: string;
10
11
  };
@@ -1,9 +1,11 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
2
  export declare const SetComp: FC<PropsWithChildren<{
3
3
  value: unknown;
4
+ keyName: string | number;
4
5
  }>>;
5
6
  export declare const MapComp: FC<PropsWithChildren<{
6
7
  value: unknown;
8
+ keyName: string | number;
7
9
  }>>;
8
10
  type TypeProps = PropsWithChildren<{
9
11
  expandKey: string;
@@ -22,7 +22,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
22
22
  import { jsxs as _jsxs } from "react/jsx-runtime";
23
23
  export var SetComp = _ref => {
24
24
  var {
25
- value
25
+ value,
26
+ keyName
26
27
  } = _ref;
27
28
  var {
28
29
  Set: Comp = {},
@@ -38,7 +39,8 @@ export var SetComp = _ref => {
38
39
  var isRender = render && typeof render === 'function';
39
40
  var type = isRender && render(reset, {
40
41
  type: 'type',
41
- value
42
+ value,
43
+ keyName
42
44
  });
43
45
  if (type) return type;
44
46
  var Elm = as || 'span';
@@ -47,7 +49,8 @@ export var SetComp = _ref => {
47
49
  SetComp.displayName = 'JVR.SetComp';
48
50
  export var MapComp = _ref2 => {
49
51
  var {
50
- value
52
+ value,
53
+ keyName
51
54
  } = _ref2;
52
55
  var {
53
56
  Map: Comp = {},
@@ -63,7 +66,8 @@ export var MapComp = _ref2 => {
63
66
  var isRender = render && typeof render === 'function';
64
67
  var type = isRender && render(reset, {
65
68
  type: 'type',
66
- value
69
+ value,
70
+ keyName
67
71
  });
68
72
  if (type) return type;
69
73
  var Elm = as || 'span';
@@ -113,14 +117,16 @@ export var TypeString = _ref3 => {
113
117
  style
114
118
  }), {
115
119
  type: 'type',
116
- value: children
120
+ value: children,
121
+ keyName
117
122
  });
118
123
  var child = isRender && render(_extends({}, reset, {
119
124
  children: text,
120
125
  className: 'w-rjv-value'
121
126
  }), {
122
127
  type: 'value',
123
- value: children
128
+ value: children,
129
+ keyName
124
130
  });
125
131
  return /*#__PURE__*/_jsxs(Fragment, {
126
132
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -160,14 +166,16 @@ export var TypeTrue = _ref4 => {
160
166
  style
161
167
  }), {
162
168
  type: 'type',
163
- value: children
169
+ value: children,
170
+ keyName
164
171
  });
165
172
  var child = isRender && render(_extends({}, reset, {
166
173
  children,
167
174
  className: 'w-rjv-value'
168
175
  }), {
169
176
  type: 'value',
170
- value: children
177
+ value: children,
178
+ keyName
171
179
  });
172
180
  return /*#__PURE__*/_jsxs(Fragment, {
173
181
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -205,14 +213,16 @@ export var TypeFalse = _ref5 => {
205
213
  style
206
214
  }), {
207
215
  type: 'type',
208
- value: children
216
+ value: children,
217
+ keyName
209
218
  });
210
219
  var child = isRender && render(_extends({}, reset, {
211
220
  children,
212
221
  className: 'w-rjv-value'
213
222
  }), {
214
223
  type: 'value',
215
- value: children
224
+ value: children,
225
+ keyName
216
226
  });
217
227
  return /*#__PURE__*/_jsxs(Fragment, {
218
228
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -250,14 +260,16 @@ export var TypeFloat = _ref6 => {
250
260
  style
251
261
  }), {
252
262
  type: 'type',
253
- value: children
263
+ value: children,
264
+ keyName
254
265
  });
255
266
  var child = isRender && render(_extends({}, reset, {
256
267
  children,
257
268
  className: 'w-rjv-value'
258
269
  }), {
259
270
  type: 'value',
260
- value: children
271
+ value: children,
272
+ keyName
261
273
  });
262
274
  return /*#__PURE__*/_jsxs(Fragment, {
263
275
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -295,14 +307,16 @@ export var TypeInt = _ref7 => {
295
307
  style
296
308
  }), {
297
309
  type: 'type',
298
- value: children
310
+ value: children,
311
+ keyName
299
312
  });
300
313
  var child = isRender && render(_extends({}, reset, {
301
314
  children,
302
315
  className: 'w-rjv-value'
303
316
  }), {
304
317
  type: 'value',
305
- value: children
318
+ value: children,
319
+ keyName
306
320
  });
307
321
  return /*#__PURE__*/_jsxs(Fragment, {
308
322
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -340,14 +354,16 @@ export var TypeBigint = _ref8 => {
340
354
  style
341
355
  }), {
342
356
  type: 'type',
343
- value: children
357
+ value: children,
358
+ keyName
344
359
  });
345
360
  var child = isRender && render(_extends({}, reset, {
346
361
  children,
347
362
  className: 'w-rjv-value'
348
363
  }), {
349
364
  type: 'value',
350
- value: children
365
+ value: children,
366
+ keyName
351
367
  });
352
368
  return /*#__PURE__*/_jsxs(Fragment, {
353
369
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -385,14 +401,16 @@ export var TypeUrl = _ref9 => {
385
401
  style
386
402
  }), {
387
403
  type: 'type',
388
- value: children
404
+ value: children,
405
+ keyName
389
406
  });
390
407
  var child = isRender && render(_extends({}, reset, {
391
408
  children: children == null ? void 0 : children.href,
392
409
  className: 'w-rjv-value'
393
410
  }), {
394
411
  type: 'value',
395
- value: children
412
+ value: children,
413
+ keyName
396
414
  });
397
415
  return /*#__PURE__*/_jsxs(Fragment, {
398
416
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -433,7 +451,8 @@ export var TypeDate = _ref10 => {
433
451
  style
434
452
  }), {
435
453
  type: 'type',
436
- value: children
454
+ value: children,
455
+ keyName
437
456
  });
438
457
  var childStr = children instanceof Date ? children.toLocaleString() : children;
439
458
  var child = isRender && render(_extends({}, reset, {
@@ -441,7 +460,8 @@ export var TypeDate = _ref10 => {
441
460
  className: 'w-rjv-value'
442
461
  }), {
443
462
  type: 'value',
444
- value: children
463
+ value: children,
464
+ keyName
445
465
  });
446
466
  return /*#__PURE__*/_jsxs(Fragment, {
447
467
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -479,14 +499,16 @@ export var TypeUndefined = _ref11 => {
479
499
  style
480
500
  }), {
481
501
  type: 'type',
482
- value: children
502
+ value: children,
503
+ keyName
483
504
  });
484
505
  var child = isRender && render(_extends({}, reset, {
485
506
  children,
486
507
  className: 'w-rjv-value'
487
508
  }), {
488
509
  type: 'value',
489
- value: children
510
+ value: children,
511
+ keyName
490
512
  });
491
513
  return /*#__PURE__*/_jsxs(Fragment, {
492
514
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -521,14 +543,16 @@ export var TypeNull = _ref12 => {
521
543
  style
522
544
  }), {
523
545
  type: 'type',
524
- value: children
546
+ value: children,
547
+ keyName
525
548
  });
526
549
  var child = isRender && render(_extends({}, reset, {
527
550
  children,
528
551
  className: 'w-rjv-value'
529
552
  }), {
530
553
  type: 'value',
531
- value: children
554
+ value: children,
555
+ keyName
532
556
  });
533
557
  return /*#__PURE__*/_jsxs(Fragment, {
534
558
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
@@ -563,14 +587,16 @@ export var TypeNan = _ref13 => {
563
587
  style
564
588
  }), {
565
589
  type: 'type',
566
- value: children
590
+ value: children,
591
+ keyName
567
592
  });
568
593
  var child = isRender && render(_extends({}, reset, {
569
594
  children: children == null ? void 0 : children.toString(),
570
595
  className: 'w-rjv-value'
571
596
  }), {
572
597
  type: 'value',
573
- value: children
598
+ value: children,
599
+ keyName
574
600
  });
575
601
  return /*#__PURE__*/_jsxs(Fragment, {
576
602
  children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uiw/react-json-view",
3
- "version": "2.0.0-alpha.7",
3
+ "version": "2.0.0-alpha.8",
4
4
  "description": "JSON viewer for react.",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",