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

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 (166) hide show
  1. package/README.md +121 -54
  2. package/cjs/Container.js +4 -8
  3. package/cjs/comps/Copied.js +15 -13
  4. package/cjs/comps/KeyValues.js +24 -20
  5. package/cjs/comps/NestedClose.js +3 -4
  6. package/cjs/comps/NestedOpen.js +18 -16
  7. package/cjs/comps/Value.js +14 -16
  8. package/cjs/editor/KeyName.d.ts +2 -0
  9. package/cjs/editor/KeyName.js +82 -0
  10. package/cjs/editor/index.d.ts +19 -0
  11. package/cjs/editor/index.js +44 -0
  12. package/cjs/editor/store.d.ts +28 -0
  13. package/cjs/editor/store.js +23 -0
  14. package/cjs/index.d.ts +5 -3
  15. package/cjs/index.js +7 -8
  16. package/cjs/section/Copied.d.ts +1 -1
  17. package/cjs/section/Copied.js +1 -2
  18. package/cjs/section/CountInfo.d.ts +10 -1
  19. package/cjs/section/CountInfo.js +42 -4
  20. package/cjs/section/CountInfoExtra.d.ts +10 -1
  21. package/cjs/section/CountInfoExtra.js +32 -4
  22. package/cjs/section/Ellipsis.d.ts +10 -0
  23. package/cjs/section/Ellipsis.js +30 -4
  24. package/cjs/section/KeyName.d.ts +8 -0
  25. package/cjs/section/KeyName.js +38 -4
  26. package/cjs/store/Expands.js +2 -4
  27. package/cjs/store/Section.d.ts +3 -2
  28. package/cjs/store/Section.js +2 -4
  29. package/cjs/store/ShowTools.js +2 -4
  30. package/cjs/store/Symbols.d.ts +2 -2
  31. package/cjs/store/Symbols.js +3 -4
  32. package/cjs/store/Types.d.ts +28 -24
  33. package/cjs/store/Types.js +8 -8
  34. package/cjs/store.d.ts +7 -4
  35. package/cjs/store.js +5 -10
  36. package/cjs/symbol/Arrow.d.ts +1 -1
  37. package/cjs/symbol/Arrow.js +1 -2
  38. package/cjs/symbol/BraceLeft.d.ts +1 -1
  39. package/cjs/symbol/BraceLeft.js +1 -2
  40. package/cjs/symbol/BraceRight.d.ts +1 -1
  41. package/cjs/symbol/BraceRight.js +1 -2
  42. package/cjs/symbol/BracketsLeft.d.ts +1 -1
  43. package/cjs/symbol/BracketsLeft.js +1 -2
  44. package/cjs/symbol/BracketsRight.d.ts +1 -1
  45. package/cjs/symbol/BracketsRight.js +1 -2
  46. package/cjs/symbol/Colon.d.ts +1 -1
  47. package/cjs/symbol/Colon.js +1 -2
  48. package/cjs/symbol/Quote.d.ts +1 -1
  49. package/cjs/symbol/Quote.js +1 -2
  50. package/cjs/symbol/ValueQuote.d.ts +1 -1
  51. package/cjs/symbol/ValueQuote.js +1 -2
  52. package/{esm/comps/ReRender/Symbols.d.ts → cjs/symbol/index.d.ts} +4 -6
  53. package/cjs/{comps/ReRender/Symbols.js → symbol/index.js} +32 -33
  54. package/cjs/theme/basic.js +2 -3
  55. package/cjs/theme/dark.js +2 -3
  56. package/cjs/theme/github.dark.js +2 -3
  57. package/cjs/theme/github.light.js +2 -3
  58. package/cjs/theme/gruvbox.js +2 -3
  59. package/cjs/theme/light.js +2 -3
  60. package/cjs/theme/monokai.js +2 -3
  61. package/cjs/theme/nord.js +2 -3
  62. package/cjs/theme/vscode.js +2 -3
  63. package/cjs/types/Bigint.d.ts +1 -1
  64. package/cjs/types/Bigint.js +1 -2
  65. package/cjs/types/Date.d.ts +1 -1
  66. package/cjs/types/Date.js +1 -2
  67. package/cjs/types/False.d.ts +1 -1
  68. package/cjs/types/False.js +1 -2
  69. package/cjs/types/Float.d.ts +1 -1
  70. package/cjs/types/Float.js +1 -2
  71. package/cjs/types/Int.d.ts +1 -1
  72. package/cjs/types/Int.js +1 -2
  73. package/cjs/types/Map.d.ts +1 -1
  74. package/cjs/types/Map.js +1 -2
  75. package/cjs/types/Nan.d.ts +1 -1
  76. package/cjs/types/Nan.js +1 -2
  77. package/cjs/types/Null.d.ts +1 -1
  78. package/cjs/types/Null.js +1 -2
  79. package/cjs/types/Set.d.ts +1 -1
  80. package/cjs/types/Set.js +1 -2
  81. package/cjs/types/String.d.ts +1 -1
  82. package/cjs/types/String.js +1 -2
  83. package/cjs/types/True.d.ts +1 -1
  84. package/cjs/types/True.js +1 -2
  85. package/cjs/types/Undefined.d.ts +1 -1
  86. package/cjs/types/Undefined.js +1 -2
  87. package/cjs/types/Url.d.ts +1 -1
  88. package/cjs/types/Url.js +1 -2
  89. package/{esm/comps/ReRender/Types.d.ts → cjs/types/index.d.ts} +8 -13
  90. package/cjs/{comps/ReRender/Types.js → types/index.js} +103 -121
  91. package/cjs/utils/useHighlight.js +0 -1
  92. package/cjs/utils/useRender.d.ts +1 -1
  93. package/editor.d.ts +22 -20
  94. package/esm/Container.js +4 -5
  95. package/esm/comps/Copied.js +14 -11
  96. package/esm/comps/KeyValues.js +14 -9
  97. package/esm/comps/NestedClose.js +1 -1
  98. package/esm/comps/NestedOpen.js +12 -9
  99. package/esm/comps/Value.js +1 -1
  100. package/esm/editor/KeyName.d.ts +2 -0
  101. package/esm/editor/KeyName.js +77 -0
  102. package/esm/editor/index.d.ts +19 -0
  103. package/esm/editor/index.js +34 -0
  104. package/esm/editor/store.d.ts +28 -0
  105. package/esm/editor/store.js +13 -0
  106. package/esm/index.d.ts +5 -3
  107. package/esm/index.js +3 -3
  108. package/esm/section/Copied.d.ts +1 -1
  109. package/esm/section/CountInfo.d.ts +10 -1
  110. package/esm/section/CountInfo.js +43 -1
  111. package/esm/section/CountInfoExtra.d.ts +10 -1
  112. package/esm/section/CountInfoExtra.js +32 -1
  113. package/esm/section/Ellipsis.d.ts +10 -0
  114. package/esm/section/Ellipsis.js +31 -1
  115. package/esm/section/KeyName.d.ts +8 -0
  116. package/esm/section/KeyName.js +39 -1
  117. package/esm/store/Section.d.ts +3 -2
  118. package/esm/store/Symbols.d.ts +2 -2
  119. package/esm/store/Symbols.js +1 -0
  120. package/esm/store/Types.d.ts +28 -24
  121. package/esm/store/Types.js +6 -4
  122. package/esm/store.d.ts +7 -4
  123. package/esm/symbol/Arrow.d.ts +1 -1
  124. package/esm/symbol/BraceLeft.d.ts +1 -1
  125. package/esm/symbol/BraceRight.d.ts +1 -1
  126. package/esm/symbol/BracketsLeft.d.ts +1 -1
  127. package/esm/symbol/BracketsRight.d.ts +1 -1
  128. package/esm/symbol/Colon.d.ts +1 -1
  129. package/esm/symbol/Quote.d.ts +1 -1
  130. package/esm/symbol/ValueQuote.d.ts +1 -1
  131. package/{cjs/comps/ReRender/Symbols.d.ts → esm/symbol/index.d.ts} +4 -6
  132. package/esm/{comps/ReRender/Symbols.js → symbol/index.js} +26 -24
  133. package/esm/types/Bigint.d.ts +1 -1
  134. package/esm/types/Date.d.ts +1 -1
  135. package/esm/types/False.d.ts +1 -1
  136. package/esm/types/Float.d.ts +1 -1
  137. package/esm/types/Int.d.ts +1 -1
  138. package/esm/types/Map.d.ts +1 -1
  139. package/esm/types/Nan.d.ts +1 -1
  140. package/esm/types/Null.d.ts +1 -1
  141. package/esm/types/Set.d.ts +1 -1
  142. package/esm/types/String.d.ts +1 -1
  143. package/esm/types/True.d.ts +1 -1
  144. package/esm/types/Undefined.d.ts +1 -1
  145. package/esm/types/Url.d.ts +1 -1
  146. package/{cjs/comps/ReRender/Types.d.ts → esm/types/index.d.ts} +8 -13
  147. package/esm/{comps/ReRender/Types.js → types/index.js} +84 -94
  148. package/esm/utils/useHighlight.js +0 -1
  149. package/esm/utils/useRender.d.ts +1 -1
  150. package/package.json +3 -4
  151. package/cjs/comps/CountInfo.d.ts +0 -19
  152. package/cjs/comps/CountInfo.js +0 -72
  153. package/cjs/comps/Ellipsis.d.ts +0 -10
  154. package/cjs/comps/Ellipsis.js +0 -35
  155. package/cjs/comps/Key.d.ts +0 -7
  156. package/cjs/comps/Key.js +0 -39
  157. package/cjs/type.d.ts +0 -50
  158. package/cjs/type.js +0 -57
  159. package/esm/comps/CountInfo.d.ts +0 -19
  160. package/esm/comps/CountInfo.js +0 -70
  161. package/esm/comps/Ellipsis.d.ts +0 -10
  162. package/esm/comps/Ellipsis.js +0 -31
  163. package/esm/comps/Key.d.ts +0 -7
  164. package/esm/comps/Key.js +0 -35
  165. package/esm/type.d.ts +0 -50
  166. package/esm/type.js +0 -50
package/cjs/type.js DELETED
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.typeMap = void 0;
7
- var typeMap = {
8
- string: {
9
- color: 'var(--w-rjv-type-string-color, #cb4b16)',
10
- label: 'string'
11
- },
12
- number: {
13
- color: 'var(--w-rjv-type-int-color, #268bd2)',
14
- label: 'int'
15
- },
16
- "float": {
17
- color: 'var(--w-rjv-type-float-color, #859900)',
18
- label: 'float'
19
- },
20
- bigint: {
21
- color: 'var(--w-rjv-type-bigint-color, #268bd2)',
22
- label: 'bigint'
23
- },
24
- "boolean": {
25
- color: 'var(--w-rjv-type-boolean-color, #2aa198)',
26
- label: 'bool'
27
- },
28
- date: {
29
- color: 'var(--w-rjv-type-date-color, #586e75)',
30
- label: 'date'
31
- },
32
- url: {
33
- color: 'var(--w-rjv-type-url-color, #0969da)',
34
- label: 'url'
35
- },
36
- "null": {
37
- color: 'var(--w-rjv-type-null-color, #d33682)',
38
- label: 'null'
39
- },
40
- NaN: {
41
- color: 'var(--w-rjv-type-nan-color, #859900)',
42
- label: 'NaN'
43
- },
44
- undefined: {
45
- color: 'var(--w-rjv-type-undefined-color, #586e75)',
46
- label: 'undefined'
47
- },
48
- Set: {
49
- color: 'var(--w-rjv-type-set-color, #268bd2)',
50
- label: 'Set'
51
- },
52
- Map: {
53
- color: 'var(--w-rjv-type-map-color, #268bd2)',
54
- label: 'Map'
55
- }
56
- };
57
- exports.typeMap = typeMap;
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import { type SectionElementProps } from '../store/Section';
3
- import { type TagType } from '../store/Types';
4
- export interface CountInfoProps<T extends object> {
5
- value?: T;
6
- keyName: string | number;
7
- }
8
- export declare const CountInfo: {
9
- <T extends object>(props: SectionElementProps<TagType> & CountInfoProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
10
- displayName: string;
11
- };
12
- export interface CountInfoExtraProps<T extends object> {
13
- value?: T;
14
- keyName: string | number;
15
- }
16
- export declare const CountInfoExtra: {
17
- <T extends object>(props: SectionElementProps<TagType> & CountInfoExtraProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
18
- displayName: string;
19
- };
@@ -1,70 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
- var _excluded = ["value", "keyName"],
4
- _excluded2 = ["as", "render"],
5
- _excluded3 = ["value", "keyName"],
6
- _excluded4 = ["as", "render"];
7
- import { useStore } from '../store';
8
- import { useSectionStore } from '../store/Section';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- export var CountInfo = props => {
11
- var {
12
- value = {},
13
- keyName
14
- } = props,
15
- other = _objectWithoutPropertiesLoose(props, _excluded);
16
- var {
17
- displayObjectSize
18
- } = useStore();
19
- var {
20
- CountInfo: Comp = {}
21
- } = useSectionStore();
22
- if (!displayObjectSize) return null;
23
- var {
24
- as,
25
- render
26
- } = Comp,
27
- reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
28
- var Elm = as || 'span';
29
- reset.style = _extends({}, reset.style, props.style);
30
- var len = Object.keys(value).length;
31
- if (!reset.children) {
32
- reset.children = len + " items";
33
- }
34
- var elmProps = _extends({}, reset, other);
35
- var isRender = render && typeof render === 'function';
36
- var child = isRender && render(_extends({}, elmProps, {
37
- 'data-length': len
38
- }), {
39
- value,
40
- keyName
41
- });
42
- if (child) return child;
43
- return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
44
- };
45
- CountInfo.displayName = 'JVR.CountInfo';
46
- export var CountInfoExtra = props => {
47
- var {
48
- value = {},
49
- keyName
50
- } = props,
51
- other = _objectWithoutPropertiesLoose(props, _excluded3);
52
- var {
53
- CountInfoExtra: Comp = {}
54
- } = useSectionStore();
55
- var {
56
- as,
57
- render
58
- } = Comp,
59
- reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
60
- var Elm = as || 'span';
61
- var isRender = render && typeof render === 'function';
62
- var elmProps = _extends({}, reset, other);
63
- var child = isRender && render(elmProps, {
64
- value,
65
- keyName
66
- });
67
- if (child) return child;
68
- return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
69
- };
70
- CountInfoExtra.displayName = 'JVR.CountInfoExtra';
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export interface CountInfoProps<T extends object> {
3
- value?: T;
4
- keyName: string | number;
5
- isExpanded: boolean;
6
- }
7
- export declare const Ellipsis: {
8
- <T extends object>({ isExpanded, value, keyName }: CountInfoProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
9
- displayName: string;
10
- };
@@ -1,31 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
- var _excluded = ["as", "render"];
4
- import { useSectionStore } from '../store/Section';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- export var Ellipsis = _ref => {
7
- var {
8
- isExpanded,
9
- value,
10
- keyName
11
- } = _ref;
12
- var {
13
- Ellipsis: Comp = {}
14
- } = useSectionStore();
15
- var {
16
- as,
17
- render
18
- } = Comp,
19
- reset = _objectWithoutPropertiesLoose(Comp, _excluded);
20
- var Elm = as || 'span';
21
- var child = render && typeof render === 'function' && render(_extends({}, reset, {
22
- 'data-expanded': isExpanded
23
- }), {
24
- value,
25
- keyName
26
- });
27
- if (child) return child;
28
- if (!isExpanded) return null;
29
- return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
30
- };
31
- Ellipsis.displayName = 'JVR.Ellipsis';
@@ -1,7 +0,0 @@
1
- import { FC, PropsWithChildren } from 'react';
2
- type KeyProps = {
3
- keyName: string | number;
4
- value?: unknown;
5
- };
6
- export declare const Key: FC<PropsWithChildren<KeyProps>>;
7
- export {};
package/esm/comps/Key.js DELETED
@@ -1,35 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
- var _excluded = ["as", "render"];
4
- import { useSectionStore } from '../store/Section';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- export var Key = props => {
7
- var {
8
- children,
9
- value,
10
- keyName
11
- } = props;
12
- var isNumber = typeof children === 'number';
13
- var style = {
14
- color: isNumber ? 'var(--w-rjv-key-number, #268bd2)' : 'var(--w-rjv-key-string, #002b36)'
15
- };
16
- var {
17
- KeyName: Comp = {}
18
- } = useSectionStore();
19
- var {
20
- as,
21
- render
22
- } = Comp,
23
- reset = _objectWithoutPropertiesLoose(Comp, _excluded);
24
- reset.style = _extends({}, reset.style, style);
25
- var Elm = as || 'span';
26
- var child = render && typeof render === 'function' && render(reset, {
27
- value,
28
- keyName
29
- });
30
- if (child) return child;
31
- return /*#__PURE__*/_jsx(Elm, _extends({}, reset, {
32
- children: children
33
- }));
34
- };
35
- Key.displayName = 'JVR.Key';
package/esm/type.d.ts DELETED
@@ -1,50 +0,0 @@
1
- export declare const typeMap: {
2
- string: {
3
- color: string;
4
- label: string;
5
- };
6
- number: {
7
- color: string;
8
- label: string;
9
- };
10
- float: {
11
- color: string;
12
- label: string;
13
- };
14
- bigint: {
15
- color: string;
16
- label: string;
17
- };
18
- boolean: {
19
- color: string;
20
- label: string;
21
- };
22
- date: {
23
- color: string;
24
- label: string;
25
- };
26
- url: {
27
- color: string;
28
- label: string;
29
- };
30
- null: {
31
- color: string;
32
- label: string;
33
- };
34
- NaN: {
35
- color: string;
36
- label: string;
37
- };
38
- undefined: {
39
- color: string;
40
- label: string;
41
- };
42
- Set: {
43
- color: string;
44
- label: string;
45
- };
46
- Map: {
47
- color: string;
48
- label: string;
49
- };
50
- };
package/esm/type.js DELETED
@@ -1,50 +0,0 @@
1
- export var typeMap = {
2
- string: {
3
- color: 'var(--w-rjv-type-string-color, #cb4b16)',
4
- label: 'string'
5
- },
6
- number: {
7
- color: 'var(--w-rjv-type-int-color, #268bd2)',
8
- label: 'int'
9
- },
10
- float: {
11
- color: 'var(--w-rjv-type-float-color, #859900)',
12
- label: 'float'
13
- },
14
- bigint: {
15
- color: 'var(--w-rjv-type-bigint-color, #268bd2)',
16
- label: 'bigint'
17
- },
18
- boolean: {
19
- color: 'var(--w-rjv-type-boolean-color, #2aa198)',
20
- label: 'bool'
21
- },
22
- date: {
23
- color: 'var(--w-rjv-type-date-color, #586e75)',
24
- label: 'date'
25
- },
26
- url: {
27
- color: 'var(--w-rjv-type-url-color, #0969da)',
28
- label: 'url'
29
- },
30
- null: {
31
- color: 'var(--w-rjv-type-null-color, #d33682)',
32
- label: 'null'
33
- },
34
- NaN: {
35
- color: 'var(--w-rjv-type-nan-color, #859900)',
36
- label: 'NaN'
37
- },
38
- undefined: {
39
- color: 'var(--w-rjv-type-undefined-color, #586e75)',
40
- label: 'undefined'
41
- },
42
- Set: {
43
- color: 'var(--w-rjv-type-set-color, #268bd2)',
44
- label: 'Set'
45
- },
46
- Map: {
47
- color: 'var(--w-rjv-type-map-color, #268bd2)',
48
- label: 'Map'
49
- }
50
- };