@uiw/react-json-view 2.0.0-alpha.2 → 2.0.0-alpha.21

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 (186) hide show
  1. package/README.md +146 -21
  2. package/basic.d.ts +3 -0
  3. package/cjs/Container.d.ts +2 -0
  4. package/cjs/Container.js +9 -4
  5. package/cjs/arrow/TriangleArrow.js +1 -1
  6. package/cjs/comps/Copied.d.ts +2 -3
  7. package/cjs/comps/Copied.js +29 -16
  8. package/cjs/comps/KeyValues.d.ts +2 -4
  9. package/cjs/comps/KeyValues.js +49 -24
  10. package/cjs/comps/NestedClose.js +3 -4
  11. package/cjs/comps/NestedOpen.d.ts +2 -3
  12. package/cjs/comps/NestedOpen.js +23 -17
  13. package/cjs/comps/Value.d.ts +1 -2
  14. package/cjs/comps/Value.js +16 -20
  15. package/cjs/editor/KeyName.d.ts +2 -0
  16. package/cjs/editor/KeyName.js +82 -0
  17. package/cjs/editor/index.d.ts +19 -0
  18. package/cjs/editor/index.js +44 -0
  19. package/cjs/editor/store.d.ts +28 -0
  20. package/cjs/editor/store.js +23 -0
  21. package/cjs/index.d.ts +5 -3
  22. package/cjs/index.js +11 -8
  23. package/cjs/section/Copied.d.ts +1 -1
  24. package/cjs/section/Copied.js +1 -2
  25. package/cjs/section/CountInfo.d.ts +10 -1
  26. package/cjs/section/CountInfo.js +42 -4
  27. package/cjs/section/CountInfoExtra.d.ts +10 -1
  28. package/cjs/section/CountInfoExtra.js +32 -4
  29. package/cjs/section/Ellipsis.d.ts +10 -0
  30. package/cjs/section/Ellipsis.js +30 -4
  31. package/cjs/section/KeyName.d.ts +8 -0
  32. package/cjs/section/KeyName.js +40 -4
  33. package/cjs/section/Row.d.ts +14 -0
  34. package/cjs/section/Row.js +51 -0
  35. package/cjs/store/Expands.js +2 -4
  36. package/cjs/store/Section.d.ts +12 -6
  37. package/cjs/store/Section.js +6 -4
  38. package/cjs/store/ShowTools.js +2 -4
  39. package/cjs/store/Symbols.d.ts +2 -2
  40. package/cjs/store/Symbols.js +2 -4
  41. package/cjs/store/Types.d.ts +28 -24
  42. package/cjs/store/Types.js +8 -8
  43. package/cjs/store.d.ts +7 -4
  44. package/cjs/store.js +5 -10
  45. package/cjs/symbol/Arrow.d.ts +1 -1
  46. package/cjs/symbol/Arrow.js +1 -2
  47. package/cjs/symbol/BraceLeft.d.ts +1 -1
  48. package/cjs/symbol/BraceLeft.js +1 -2
  49. package/cjs/symbol/BraceRight.d.ts +1 -1
  50. package/cjs/symbol/BraceRight.js +1 -2
  51. package/cjs/symbol/BracketsLeft.d.ts +1 -1
  52. package/cjs/symbol/BracketsLeft.js +1 -2
  53. package/cjs/symbol/BracketsRight.d.ts +1 -1
  54. package/cjs/symbol/BracketsRight.js +1 -2
  55. package/cjs/symbol/Colon.d.ts +1 -1
  56. package/cjs/symbol/Colon.js +1 -2
  57. package/cjs/symbol/Quote.d.ts +1 -1
  58. package/cjs/symbol/Quote.js +1 -2
  59. package/cjs/symbol/ValueQuote.d.ts +1 -1
  60. package/cjs/symbol/ValueQuote.js +1 -2
  61. package/{esm/comps/ReRender/Symbols.d.ts → cjs/symbol/index.d.ts} +4 -6
  62. package/cjs/{comps/ReRender/Symbols.js → symbol/index.js} +32 -33
  63. package/cjs/theme/basic.js +4 -3
  64. package/cjs/theme/dark.js +2 -3
  65. package/cjs/theme/github.dark.js +2 -3
  66. package/cjs/theme/github.light.js +2 -3
  67. package/cjs/theme/gruvbox.js +2 -3
  68. package/cjs/theme/light.js +2 -3
  69. package/cjs/theme/monokai.js +2 -3
  70. package/cjs/theme/nord.js +2 -3
  71. package/cjs/theme/vscode.js +2 -3
  72. package/cjs/types/Bigint.d.ts +1 -1
  73. package/cjs/types/Bigint.js +1 -2
  74. package/cjs/types/Date.d.ts +1 -1
  75. package/cjs/types/Date.js +1 -2
  76. package/cjs/types/False.d.ts +1 -1
  77. package/cjs/types/False.js +1 -2
  78. package/cjs/types/Float.d.ts +1 -1
  79. package/cjs/types/Float.js +1 -2
  80. package/cjs/types/Int.d.ts +1 -1
  81. package/cjs/types/Int.js +1 -2
  82. package/cjs/types/Map.d.ts +1 -1
  83. package/cjs/types/Map.js +1 -2
  84. package/cjs/types/Nan.d.ts +1 -1
  85. package/cjs/types/Nan.js +1 -2
  86. package/cjs/types/Null.d.ts +1 -1
  87. package/cjs/types/Null.js +1 -2
  88. package/cjs/types/Set.d.ts +1 -1
  89. package/cjs/types/Set.js +1 -2
  90. package/cjs/types/String.d.ts +1 -1
  91. package/cjs/types/String.js +1 -2
  92. package/cjs/types/True.d.ts +1 -1
  93. package/cjs/types/True.js +1 -2
  94. package/cjs/types/Undefined.d.ts +1 -1
  95. package/cjs/types/Undefined.js +1 -2
  96. package/cjs/types/Url.d.ts +1 -1
  97. package/cjs/types/Url.js +1 -2
  98. package/{esm/comps/ReRender/Types.d.ts → cjs/types/index.d.ts} +2 -2
  99. package/cjs/{comps/ReRender/Types.js → types/index.js} +92 -171
  100. package/cjs/utils/useHighlight.js +0 -1
  101. package/cjs/utils/useRender.d.ts +1 -1
  102. package/editor.d.ts +22 -20
  103. package/esm/Container.d.ts +2 -0
  104. package/esm/Container.js +10 -4
  105. package/esm/arrow/TriangleArrow.js +1 -1
  106. package/esm/comps/Copied.d.ts +2 -3
  107. package/esm/comps/Copied.js +27 -15
  108. package/esm/comps/KeyValues.d.ts +2 -4
  109. package/esm/comps/KeyValues.js +37 -15
  110. package/esm/comps/NestedClose.js +1 -1
  111. package/esm/comps/NestedOpen.d.ts +2 -3
  112. package/esm/comps/NestedOpen.js +18 -12
  113. package/esm/comps/Value.d.ts +1 -2
  114. package/esm/comps/Value.js +3 -5
  115. package/esm/editor/KeyName.d.ts +2 -0
  116. package/esm/editor/KeyName.js +77 -0
  117. package/esm/editor/index.d.ts +19 -0
  118. package/esm/editor/index.js +33 -0
  119. package/esm/editor/store.d.ts +28 -0
  120. package/esm/editor/store.js +13 -0
  121. package/esm/index.d.ts +5 -3
  122. package/esm/index.js +9 -6
  123. package/esm/section/Copied.d.ts +1 -1
  124. package/esm/section/CountInfo.d.ts +10 -1
  125. package/esm/section/CountInfo.js +43 -1
  126. package/esm/section/CountInfoExtra.d.ts +10 -1
  127. package/esm/section/CountInfoExtra.js +32 -1
  128. package/esm/section/Ellipsis.d.ts +10 -0
  129. package/esm/section/Ellipsis.js +31 -1
  130. package/esm/section/KeyName.d.ts +8 -0
  131. package/esm/section/KeyName.js +41 -1
  132. package/esm/section/Row.d.ts +14 -0
  133. package/esm/section/Row.js +47 -0
  134. package/esm/store/Section.d.ts +12 -6
  135. package/esm/store/Section.js +4 -0
  136. package/esm/store/Symbols.d.ts +2 -2
  137. package/esm/store/Types.d.ts +28 -24
  138. package/esm/store/Types.js +6 -4
  139. package/esm/store.d.ts +7 -4
  140. package/esm/symbol/Arrow.d.ts +1 -1
  141. package/esm/symbol/BraceLeft.d.ts +1 -1
  142. package/esm/symbol/BraceRight.d.ts +1 -1
  143. package/esm/symbol/BracketsLeft.d.ts +1 -1
  144. package/esm/symbol/BracketsRight.d.ts +1 -1
  145. package/esm/symbol/Colon.d.ts +1 -1
  146. package/esm/symbol/Quote.d.ts +1 -1
  147. package/esm/symbol/ValueQuote.d.ts +1 -1
  148. package/{cjs/comps/ReRender/Symbols.d.ts → esm/symbol/index.d.ts} +4 -6
  149. package/esm/{comps/ReRender/Symbols.js → symbol/index.js} +26 -24
  150. package/esm/theme/basic.js +2 -0
  151. package/esm/types/Bigint.d.ts +1 -1
  152. package/esm/types/Date.d.ts +1 -1
  153. package/esm/types/False.d.ts +1 -1
  154. package/esm/types/Float.d.ts +1 -1
  155. package/esm/types/Int.d.ts +1 -1
  156. package/esm/types/Map.d.ts +1 -1
  157. package/esm/types/Nan.d.ts +1 -1
  158. package/esm/types/Null.d.ts +1 -1
  159. package/esm/types/Set.d.ts +1 -1
  160. package/esm/types/String.d.ts +1 -1
  161. package/esm/types/True.d.ts +1 -1
  162. package/esm/types/Undefined.d.ts +1 -1
  163. package/esm/types/Url.d.ts +1 -1
  164. package/{cjs/comps/ReRender/Types.d.ts → esm/types/index.d.ts} +2 -2
  165. package/esm/{comps/ReRender/Types.js → types/index.js} +76 -148
  166. package/esm/utils/useHighlight.js +0 -1
  167. package/esm/utils/useRender.d.ts +1 -1
  168. package/githubDark.d.ts +3 -0
  169. package/githubLight.d.ts +3 -0
  170. package/gruvbox.d.ts +3 -0
  171. package/monokai.d.ts +3 -0
  172. package/nord.d.ts +3 -0
  173. package/package.json +11 -5
  174. package/vscode.d.ts +3 -0
  175. package/cjs/comps/CountInfo.d.ts +0 -19
  176. package/cjs/comps/CountInfo.js +0 -72
  177. package/cjs/comps/Ellipsis.d.ts +0 -10
  178. package/cjs/comps/Ellipsis.js +0 -35
  179. package/cjs/comps/Key.d.ts +0 -7
  180. package/cjs/comps/Key.js +0 -41
  181. package/esm/comps/CountInfo.d.ts +0 -19
  182. package/esm/comps/CountInfo.js +0 -70
  183. package/esm/comps/Ellipsis.d.ts +0 -10
  184. package/esm/comps/Ellipsis.js +0 -31
  185. package/esm/comps/Key.d.ts +0 -7
  186. package/esm/comps/Key.js +0 -37
@@ -1,72 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.CountInfoExtra = exports.CountInfo = void 0;
8
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _store = require("../store");
11
- var _Section = require("../store/Section");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- var _excluded = ["value", "keyName"],
14
- _excluded2 = ["as", "render"],
15
- _excluded3 = ["value", "keyName"],
16
- _excluded4 = ["as", "render"];
17
- var CountInfo = function CountInfo(props) {
18
- var _props$value = props.value,
19
- value = _props$value === void 0 ? {} : _props$value,
20
- keyName = props.keyName,
21
- other = (0, _objectWithoutProperties2["default"])(props, _excluded);
22
- var _useStore = (0, _store.useStore)(),
23
- displayObjectSize = _useStore.displayObjectSize;
24
- var _useSectionStore = (0, _Section.useSectionStore)(),
25
- _useSectionStore$Coun = _useSectionStore.CountInfo,
26
- Comp = _useSectionStore$Coun === void 0 ? {} : _useSectionStore$Coun;
27
- if (!displayObjectSize) return null;
28
- var as = Comp.as,
29
- render = Comp.render,
30
- reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
31
- var Elm = as || 'span';
32
- reset.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset.style), props.style);
33
- var len = Object.keys(value).length;
34
- if (!reset.children) {
35
- reset.children = "".concat(len, " items");
36
- }
37
- var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), other);
38
- var isRender = render && typeof render === 'function';
39
- var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, elmProps), {}, {
40
- 'data-length': len
41
- }), {
42
- value: value,
43
- keyName: keyName
44
- });
45
- if (child) return child;
46
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
47
- };
48
- exports.CountInfo = CountInfo;
49
- CountInfo.displayName = 'JVR.CountInfo';
50
- var CountInfoExtra = function CountInfoExtra(props) {
51
- var _props$value2 = props.value,
52
- value = _props$value2 === void 0 ? {} : _props$value2,
53
- keyName = props.keyName,
54
- other = (0, _objectWithoutProperties2["default"])(props, _excluded3);
55
- var _useSectionStore2 = (0, _Section.useSectionStore)(),
56
- _useSectionStore2$Cou = _useSectionStore2.CountInfoExtra,
57
- Comp = _useSectionStore2$Cou === void 0 ? {} : _useSectionStore2$Cou;
58
- var as = Comp.as,
59
- render = Comp.render,
60
- reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded4);
61
- var Elm = as || 'span';
62
- var isRender = render && typeof render === 'function';
63
- var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), other);
64
- var child = isRender && render(elmProps, {
65
- value: value,
66
- keyName: keyName
67
- });
68
- if (child) return child;
69
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
70
- };
71
- exports.CountInfoExtra = CountInfoExtra;
72
- 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,35 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Ellipsis = void 0;
8
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _Section = require("../store/Section");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _excluded = ["as", "render"];
13
- var Ellipsis = function Ellipsis(_ref) {
14
- var isExpanded = _ref.isExpanded,
15
- value = _ref.value,
16
- keyName = _ref.keyName;
17
- var _useSectionStore = (0, _Section.useSectionStore)(),
18
- _useSectionStore$Elli = _useSectionStore.Ellipsis,
19
- Comp = _useSectionStore$Elli === void 0 ? {} : _useSectionStore$Elli;
20
- var as = Comp.as,
21
- render = Comp.render,
22
- reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
23
- var Elm = as || 'span';
24
- var child = render && typeof render === 'function' && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
25
- 'data-expanded': isExpanded
26
- }), {
27
- value: value,
28
- keyName: keyName
29
- });
30
- if (child) return child;
31
- if (!isExpanded) return null;
32
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
33
- };
34
- exports.Ellipsis = Ellipsis;
35
- 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/cjs/comps/Key.js DELETED
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Key = void 0;
8
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _Section = require("../store/Section");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _excluded = ["as", "render"];
13
- var Key = function Key(props) {
14
- var children = props.children,
15
- value = props.value,
16
- keyName = props.keyName;
17
- var isNumber = typeof children === 'number';
18
- var style = {
19
- color: isNumber ? 'var(--w-rjv-key-number, #268bd2)' : 'var(--w-rjv-key-string, #002b36)'
20
- };
21
- var _useSectionStore = (0, _Section.useSectionStore)(),
22
- _useSectionStore$KeyN = _useSectionStore.KeyName,
23
- Comp = _useSectionStore$KeyN === void 0 ? {} : _useSectionStore$KeyN;
24
- var as = Comp.as,
25
- render = Comp.render,
26
- reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
27
- reset.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset.style), style);
28
- var Elm = as || 'span';
29
- var child = render && typeof render === 'function' && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
30
- children: children
31
- }), {
32
- value: value,
33
- keyName: keyName
34
- });
35
- if (child) return child;
36
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
37
- children: children
38
- }));
39
- };
40
- exports.Key = Key;
41
- Key.displayName = 'JVR.Key';
@@ -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,37 +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(_extends({}, reset, {
27
- children
28
- }), {
29
- value,
30
- keyName
31
- });
32
- if (child) return child;
33
- return /*#__PURE__*/_jsx(Elm, _extends({}, reset, {
34
- children: children
35
- }));
36
- };
37
- Key.displayName = 'JVR.Key';