@uiw/react-json-view 1.12.0 → 2.0.0-alpha.0

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 (261) hide show
  1. package/README.md +249 -265
  2. package/cjs/Container.d.ts +10 -0
  3. package/cjs/Container.js +67 -0
  4. package/cjs/arrow/TriangleArrow.js +3 -1
  5. package/cjs/arrow/TriangleSolidArrow.js +7 -3
  6. package/cjs/comps/Copied.d.ts +16 -0
  7. package/cjs/{copied.js → comps/Copied.js} +44 -32
  8. package/cjs/comps/CountInfo.d.ts +19 -0
  9. package/cjs/comps/CountInfo.js +72 -0
  10. package/cjs/comps/Ellipsis.d.ts +10 -0
  11. package/cjs/comps/Ellipsis.js +35 -0
  12. package/cjs/comps/Key.d.ts +7 -0
  13. package/cjs/comps/Key.js +39 -0
  14. package/cjs/comps/KeyValues.d.ts +22 -0
  15. package/cjs/comps/KeyValues.js +156 -0
  16. package/cjs/comps/NestedClose.d.ts +10 -0
  17. package/cjs/comps/NestedClose.js +38 -0
  18. package/cjs/comps/NestedOpen.d.ts +11 -0
  19. package/cjs/comps/NestedOpen.js +95 -0
  20. package/cjs/comps/ReRender/Symbols.d.ts +44 -0
  21. package/cjs/comps/ReRender/Symbols.js +144 -0
  22. package/cjs/comps/ReRender/Types.d.ts +36 -0
  23. package/cjs/comps/ReRender/Types.js +590 -0
  24. package/cjs/comps/Value.d.ts +11 -0
  25. package/cjs/comps/Value.js +78 -0
  26. package/cjs/index.d.ts +72 -52
  27. package/cjs/index.js +147 -27
  28. package/cjs/section/Copied.d.ts +6 -0
  29. package/cjs/section/Copied.js +17 -0
  30. package/cjs/section/CountInfo.d.ts +6 -0
  31. package/cjs/section/CountInfo.js +17 -0
  32. package/cjs/section/CountInfoExtra.d.ts +6 -0
  33. package/cjs/section/CountInfoExtra.js +17 -0
  34. package/cjs/section/Ellipsis.d.ts +6 -0
  35. package/cjs/section/Ellipsis.js +17 -0
  36. package/cjs/section/KeyName.d.ts +6 -0
  37. package/cjs/section/KeyName.js +17 -0
  38. package/cjs/store/Expands.d.ts +16 -0
  39. package/cjs/store/Expands.js +44 -0
  40. package/cjs/store/Section.d.ts +33 -0
  41. package/cjs/store/Section.js +86 -0
  42. package/cjs/store/ShowTools.d.ts +14 -0
  43. package/cjs/store/ShowTools.js +44 -0
  44. package/cjs/store/Symbols.d.ts +37 -0
  45. package/cjs/store/Symbols.js +112 -0
  46. package/cjs/store/Types.d.ts +52 -0
  47. package/cjs/store/Types.js +162 -0
  48. package/cjs/store.d.ts +29 -5
  49. package/cjs/store.js +96 -46
  50. package/cjs/symbol/Arrow.d.ts +6 -0
  51. package/cjs/symbol/Arrow.js +17 -0
  52. package/cjs/symbol/BraceLeft.d.ts +6 -0
  53. package/cjs/symbol/BraceLeft.js +17 -0
  54. package/cjs/symbol/BraceRight.d.ts +6 -0
  55. package/cjs/symbol/BraceRight.js +17 -0
  56. package/cjs/symbol/BracketsLeft.d.ts +6 -0
  57. package/cjs/symbol/BracketsLeft.js +17 -0
  58. package/cjs/symbol/BracketsRight.d.ts +6 -0
  59. package/cjs/symbol/BracketsRight.js +17 -0
  60. package/cjs/symbol/Colon.d.ts +6 -0
  61. package/cjs/symbol/Colon.js +17 -0
  62. package/cjs/symbol/Quote.d.ts +6 -0
  63. package/cjs/symbol/Quote.js +17 -0
  64. package/cjs/symbol/ValueQuote.d.ts +6 -0
  65. package/cjs/symbol/ValueQuote.js +17 -0
  66. package/cjs/theme/basic.js +3 -0
  67. package/cjs/theme/dark.js +3 -0
  68. package/cjs/theme/github.dark.js +3 -0
  69. package/cjs/theme/github.light.js +3 -0
  70. package/cjs/theme/gruvbox.js +3 -0
  71. package/cjs/theme/light.js +3 -0
  72. package/cjs/theme/monokai.js +3 -0
  73. package/cjs/theme/nord.js +3 -0
  74. package/cjs/theme/vscode.js +3 -0
  75. package/cjs/type.d.ts +50 -0
  76. package/cjs/type.js +57 -0
  77. package/cjs/types/Bigint.d.ts +5 -0
  78. package/cjs/types/Bigint.js +17 -0
  79. package/cjs/types/Date.d.ts +5 -0
  80. package/cjs/types/Date.js +17 -0
  81. package/cjs/types/False.d.ts +5 -0
  82. package/cjs/types/False.js +17 -0
  83. package/cjs/types/Float.d.ts +5 -0
  84. package/cjs/types/Float.js +17 -0
  85. package/cjs/types/Int.d.ts +5 -0
  86. package/cjs/types/Int.js +17 -0
  87. package/cjs/types/Map.d.ts +5 -0
  88. package/cjs/types/Map.js +17 -0
  89. package/cjs/types/Nan.d.ts +5 -0
  90. package/cjs/types/Nan.js +17 -0
  91. package/cjs/types/Null.d.ts +5 -0
  92. package/cjs/types/Null.js +17 -0
  93. package/cjs/types/Set.d.ts +5 -0
  94. package/cjs/types/Set.js +17 -0
  95. package/cjs/types/String.d.ts +5 -0
  96. package/cjs/types/String.js +17 -0
  97. package/cjs/types/True.d.ts +5 -0
  98. package/cjs/types/True.js +17 -0
  99. package/cjs/types/Undefined.d.ts +5 -0
  100. package/cjs/types/Undefined.js +17 -0
  101. package/cjs/types/Url.d.ts +5 -0
  102. package/cjs/types/Url.js +17 -0
  103. package/cjs/utils/useHighlight.d.ts +9 -0
  104. package/cjs/utils/useHighlight.js +62 -0
  105. package/cjs/utils/useRender.d.ts +6 -0
  106. package/cjs/utils/useRender.js +51 -0
  107. package/esm/Container.d.ts +10 -0
  108. package/esm/Container.js +53 -0
  109. package/esm/arrow/TriangleArrow.js +3 -1
  110. package/esm/arrow/TriangleSolidArrow.js +7 -3
  111. package/esm/comps/Copied.d.ts +16 -0
  112. package/esm/{copied.js → comps/Copied.js} +44 -29
  113. package/esm/comps/CountInfo.d.ts +19 -0
  114. package/esm/comps/CountInfo.js +70 -0
  115. package/esm/comps/Ellipsis.d.ts +10 -0
  116. package/esm/comps/Ellipsis.js +31 -0
  117. package/esm/comps/Key.d.ts +7 -0
  118. package/esm/comps/Key.js +35 -0
  119. package/esm/comps/KeyValues.d.ts +22 -0
  120. package/esm/comps/KeyValues.js +142 -0
  121. package/esm/comps/NestedClose.d.ts +10 -0
  122. package/esm/comps/NestedClose.js +34 -0
  123. package/esm/comps/NestedOpen.d.ts +11 -0
  124. package/esm/comps/NestedOpen.js +91 -0
  125. package/esm/comps/ReRender/Symbols.d.ts +44 -0
  126. package/esm/comps/ReRender/Symbols.js +155 -0
  127. package/esm/comps/ReRender/Types.d.ts +36 -0
  128. package/esm/comps/ReRender/Types.js +621 -0
  129. package/esm/comps/Value.d.ts +11 -0
  130. package/esm/comps/Value.js +69 -0
  131. package/esm/index.d.ts +72 -52
  132. package/esm/index.js +98 -18
  133. package/esm/section/Copied.d.ts +6 -0
  134. package/esm/section/Copied.js +10 -0
  135. package/esm/section/CountInfo.d.ts +6 -0
  136. package/esm/section/CountInfo.js +10 -0
  137. package/esm/section/CountInfoExtra.d.ts +6 -0
  138. package/esm/section/CountInfoExtra.js +10 -0
  139. package/esm/section/Ellipsis.d.ts +6 -0
  140. package/esm/section/Ellipsis.js +10 -0
  141. package/esm/section/KeyName.d.ts +6 -0
  142. package/esm/section/KeyName.js +10 -0
  143. package/esm/store/Expands.d.ts +16 -0
  144. package/esm/store/Expands.js +32 -0
  145. package/esm/store/Section.d.ts +33 -0
  146. package/esm/store/Section.js +73 -0
  147. package/esm/store/ShowTools.d.ts +14 -0
  148. package/esm/store/ShowTools.js +32 -0
  149. package/esm/store/Symbols.d.ts +37 -0
  150. package/esm/store/Symbols.js +100 -0
  151. package/esm/store/Types.d.ts +52 -0
  152. package/esm/store/Types.js +150 -0
  153. package/esm/store.d.ts +29 -5
  154. package/esm/store.js +66 -32
  155. package/esm/symbol/Arrow.d.ts +6 -0
  156. package/esm/symbol/Arrow.js +10 -0
  157. package/esm/symbol/BraceLeft.d.ts +6 -0
  158. package/esm/symbol/BraceLeft.js +10 -0
  159. package/esm/symbol/BraceRight.d.ts +6 -0
  160. package/esm/symbol/BraceRight.js +10 -0
  161. package/esm/symbol/BracketsLeft.d.ts +6 -0
  162. package/esm/symbol/BracketsLeft.js +10 -0
  163. package/esm/symbol/BracketsRight.d.ts +6 -0
  164. package/esm/symbol/BracketsRight.js +10 -0
  165. package/esm/symbol/Colon.d.ts +6 -0
  166. package/esm/symbol/Colon.js +10 -0
  167. package/esm/symbol/Quote.d.ts +6 -0
  168. package/esm/symbol/Quote.js +10 -0
  169. package/esm/symbol/ValueQuote.d.ts +6 -0
  170. package/esm/symbol/ValueQuote.js +10 -0
  171. package/esm/theme/basic.js +3 -0
  172. package/esm/theme/dark.js +3 -0
  173. package/esm/theme/github.dark.js +3 -0
  174. package/esm/theme/github.light.js +3 -0
  175. package/esm/theme/gruvbox.js +3 -0
  176. package/esm/theme/light.js +3 -0
  177. package/esm/theme/monokai.js +3 -0
  178. package/esm/theme/nord.js +3 -0
  179. package/esm/theme/vscode.js +3 -0
  180. package/esm/type.d.ts +50 -0
  181. package/esm/type.js +50 -0
  182. package/esm/types/Bigint.d.ts +5 -0
  183. package/esm/types/Bigint.js +10 -0
  184. package/esm/types/Date.d.ts +5 -0
  185. package/esm/types/Date.js +10 -0
  186. package/esm/types/False.d.ts +5 -0
  187. package/esm/types/False.js +10 -0
  188. package/esm/types/Float.d.ts +5 -0
  189. package/esm/types/Float.js +10 -0
  190. package/esm/types/Int.d.ts +5 -0
  191. package/esm/types/Int.js +10 -0
  192. package/esm/types/Map.d.ts +5 -0
  193. package/esm/types/Map.js +10 -0
  194. package/esm/types/Nan.d.ts +5 -0
  195. package/esm/types/Nan.js +10 -0
  196. package/esm/types/Null.d.ts +5 -0
  197. package/esm/types/Null.js +10 -0
  198. package/esm/types/Set.d.ts +5 -0
  199. package/esm/types/Set.js +10 -0
  200. package/esm/types/String.d.ts +5 -0
  201. package/esm/types/String.js +10 -0
  202. package/esm/types/True.d.ts +5 -0
  203. package/esm/types/True.js +10 -0
  204. package/esm/types/Undefined.d.ts +5 -0
  205. package/esm/types/Undefined.js +10 -0
  206. package/esm/types/Url.d.ts +5 -0
  207. package/esm/types/Url.js +10 -0
  208. package/esm/utils/useHighlight.d.ts +9 -0
  209. package/esm/{semicolon.js → utils/useHighlight.js} +1 -52
  210. package/esm/utils/useRender.d.ts +6 -0
  211. package/esm/utils/useRender.js +41 -0
  212. package/package.json +1 -1
  213. package/cjs/comps/ellipsis.d.ts +0 -7
  214. package/cjs/comps/ellipsis.js +0 -37
  215. package/cjs/comps/meta.d.ts +0 -12
  216. package/cjs/comps/meta.js +0 -46
  217. package/cjs/copied.d.ts +0 -11
  218. package/cjs/editor/countInfoExtra.d.ts +0 -28
  219. package/cjs/editor/countInfoExtra.js +0 -101
  220. package/cjs/editor/icon/add.d.ts +0 -4
  221. package/cjs/editor/icon/add.js +0 -30
  222. package/cjs/editor/icon/delete.d.ts +0 -4
  223. package/cjs/editor/icon/delete.js +0 -30
  224. package/cjs/editor/icon/edit.d.ts +0 -4
  225. package/cjs/editor/icon/edit.js +0 -30
  226. package/cjs/editor/index.d.ts +0 -31
  227. package/cjs/editor/index.js +0 -60
  228. package/cjs/editor/objectKey.d.ts +0 -11
  229. package/cjs/editor/objectKey.js +0 -169
  230. package/cjs/editor/value.d.ts +0 -22
  231. package/cjs/editor/value.js +0 -240
  232. package/cjs/node.d.ts +0 -15
  233. package/cjs/node.js +0 -343
  234. package/cjs/semicolon.d.ts +0 -22
  235. package/cjs/semicolon.js +0 -115
  236. package/cjs/value.d.ts +0 -93
  237. package/cjs/value.js +0 -356
  238. package/esm/comps/ellipsis.d.ts +0 -7
  239. package/esm/comps/ellipsis.js +0 -31
  240. package/esm/comps/meta.d.ts +0 -12
  241. package/esm/comps/meta.js +0 -39
  242. package/esm/copied.d.ts +0 -11
  243. package/esm/editor/countInfoExtra.d.ts +0 -28
  244. package/esm/editor/countInfoExtra.js +0 -68
  245. package/esm/editor/icon/add.d.ts +0 -4
  246. package/esm/editor/icon/add.js +0 -24
  247. package/esm/editor/icon/delete.d.ts +0 -4
  248. package/esm/editor/icon/delete.js +0 -24
  249. package/esm/editor/icon/edit.d.ts +0 -4
  250. package/esm/editor/icon/edit.js +0 -24
  251. package/esm/editor/index.d.ts +0 -31
  252. package/esm/editor/index.js +0 -47
  253. package/esm/editor/objectKey.d.ts +0 -11
  254. package/esm/editor/objectKey.js +0 -135
  255. package/esm/editor/value.d.ts +0 -22
  256. package/esm/editor/value.js +0 -192
  257. package/esm/node.d.ts +0 -15
  258. package/esm/node.js +0 -299
  259. package/esm/semicolon.d.ts +0 -22
  260. package/esm/value.d.ts +0 -93
  261. package/esm/value.js +0 -331
@@ -0,0 +1,155 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
+ var _excluded = ["as", "render"],
4
+ _excluded2 = ["as", "render"],
5
+ _excluded3 = ["as", "render"],
6
+ _excluded4 = ["as", "style", "render"],
7
+ _excluded5 = ["as", "render"],
8
+ _excluded6 = ["as", "render"],
9
+ _excluded7 = ["as", "render"],
10
+ _excluded8 = ["as", "render"];
11
+ import { useSymbolsStore } from '../../store/Symbols';
12
+ import { useExpandsStore } from '../../store/Expands';
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ export var Quote = props => {
15
+ var {
16
+ Quote: Comp = {}
17
+ } = useSymbolsStore();
18
+ var {
19
+ isNumber
20
+ } = props;
21
+ if (isNumber) return null;
22
+ var {
23
+ as,
24
+ render
25
+ } = Comp,
26
+ reset = _objectWithoutPropertiesLoose(Comp, _excluded);
27
+ var Elm = as || 'span';
28
+ var child = render && typeof render === 'function' && render(reset);
29
+ if (child) return child;
30
+ return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
31
+ };
32
+ Quote.displayName = 'JVR.Quote';
33
+ export var ValueQuote = props => {
34
+ var {
35
+ ValueQuote: Comp = {}
36
+ } = useSymbolsStore();
37
+ var {
38
+ isNumber
39
+ } = props;
40
+ if (isNumber) return null;
41
+ var {
42
+ as,
43
+ render
44
+ } = Comp,
45
+ reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
46
+ var Elm = as || 'span';
47
+ var child = render && typeof render === 'function' && render(reset);
48
+ if (child) return child;
49
+ return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
50
+ };
51
+ ValueQuote.displayName = 'JVR.ValueQuote';
52
+ export var Colon = () => {
53
+ var {
54
+ Colon: Comp = {}
55
+ } = useSymbolsStore();
56
+ var {
57
+ as,
58
+ render
59
+ } = Comp,
60
+ reset = _objectWithoutPropertiesLoose(Comp, _excluded3);
61
+ var Elm = as || 'span';
62
+ var child = render && typeof render === 'function' && render(reset);
63
+ if (child) return child;
64
+ return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
65
+ };
66
+ Colon.displayName = 'JVR.Colon';
67
+ export var Arrow = props => {
68
+ var {
69
+ Arrow: Comp = {}
70
+ } = useSymbolsStore();
71
+ var expands = useExpandsStore();
72
+ var {
73
+ expandKey
74
+ } = props;
75
+ var isExpanded = !!expands[expandKey];
76
+ var {
77
+ as,
78
+ style,
79
+ render
80
+ } = Comp,
81
+ reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
82
+ var Elm = as || 'span';
83
+ var isRender = render && typeof render === 'function';
84
+ var child = isRender && render(_extends({}, reset, {
85
+ 'data-expanded': isExpanded,
86
+ style: _extends({}, style, props.style)
87
+ }));
88
+ if (child) return child;
89
+ return /*#__PURE__*/_jsx(Elm, _extends({}, reset, {
90
+ style: _extends({}, style, props.style)
91
+ }));
92
+ };
93
+ Arrow.displayName = 'JVR.Arrow';
94
+ export var BracketsOpen = _ref => {
95
+ var {
96
+ isBrackets
97
+ } = _ref;
98
+ var {
99
+ BracketsLeft = {},
100
+ BraceLeft = {}
101
+ } = useSymbolsStore();
102
+ if (isBrackets) {
103
+ var {
104
+ as,
105
+ render: _render
106
+ } = BracketsLeft,
107
+ reset = _objectWithoutPropertiesLoose(BracketsLeft, _excluded5);
108
+ var BracketsLeftComp = as || 'span';
109
+ var _child = _render && typeof _render === 'function' && _render(reset);
110
+ if (_child) return _child;
111
+ return /*#__PURE__*/_jsx(BracketsLeftComp, _extends({}, reset));
112
+ }
113
+ var {
114
+ as: elm,
115
+ render
116
+ } = BraceLeft,
117
+ props = _objectWithoutPropertiesLoose(BraceLeft, _excluded6);
118
+ var BraceLeftComp = elm || 'span';
119
+ var child = render && typeof render === 'function' && render(props);
120
+ if (child) return child;
121
+ return /*#__PURE__*/_jsx(BraceLeftComp, _extends({}, props));
122
+ };
123
+ BracketsOpen.displayName = 'JVR.BracketsOpen';
124
+ export var BracketsClose = _ref2 => {
125
+ var {
126
+ isBrackets,
127
+ isVisiable
128
+ } = _ref2;
129
+ if (!isVisiable) return null;
130
+ var {
131
+ BracketsRight = {},
132
+ BraceRight = {}
133
+ } = useSymbolsStore();
134
+ if (isBrackets) {
135
+ var {
136
+ as,
137
+ render: _render2
138
+ } = BracketsRight,
139
+ _reset = _objectWithoutPropertiesLoose(BracketsRight, _excluded7);
140
+ var BracketsRightComp = as || 'span';
141
+ var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset);
142
+ if (_child2) return _child2;
143
+ return /*#__PURE__*/_jsx(BracketsRightComp, _extends({}, _reset));
144
+ }
145
+ var {
146
+ as: elm,
147
+ render
148
+ } = BraceRight,
149
+ reset = _objectWithoutPropertiesLoose(BraceRight, _excluded8);
150
+ var BraceRightComp = elm || 'span';
151
+ var child = render && typeof render === 'function' && render(reset);
152
+ if (child) return child;
153
+ return /*#__PURE__*/_jsx(BraceRightComp, _extends({}, reset));
154
+ };
155
+ BracketsClose.displayName = 'JVR.BracketsClose';
@@ -0,0 +1,36 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ export declare const SetComp: {
3
+ ({ isSet }: {
4
+ isSet: boolean;
5
+ }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
6
+ displayName: string;
7
+ };
8
+ export declare const MapComp: {
9
+ ({ isMap }: {
10
+ isMap: boolean;
11
+ }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
12
+ displayName: string;
13
+ };
14
+ type TypeProps = PropsWithChildren<{
15
+ expandKey: string;
16
+ keyName: string | number;
17
+ }>;
18
+ export declare const TypeString: FC<TypeProps>;
19
+ export declare const TypeTrue: FC<TypeProps>;
20
+ export declare const TypeFalse: FC<TypeProps>;
21
+ export declare const TypeFloat: FC<TypeProps>;
22
+ export declare const TypeInt: FC<TypeProps>;
23
+ export declare const TypeBigint: FC<{
24
+ children?: BigInt;
25
+ } & Omit<TypeProps, 'children'>>;
26
+ export declare const TypeUrl: FC<{
27
+ children?: URL;
28
+ } & Omit<TypeProps, 'children'>>;
29
+ export declare const TypeDate: FC<{
30
+ children?: Date;
31
+ } & Omit<TypeProps, 'children'>>;
32
+ export declare const TypeUndefined: FC<TypeProps>;
33
+ export declare const TypeNull: FC<TypeProps>;
34
+ export declare const TypeNan: FC<TypeProps>;
35
+ export declare const TypeEmptyValue: FC<TypeProps>;
36
+ export {};