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

package/esm/{comps/ReRender/Symbols.js → symbol/index.js}

@@ -1,52 +1,54 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["as", "render"],
+var _excluded = ["isNumber"],
   _excluded2 = ["as", "render"],
   _excluded3 = ["as", "render"],
-  _excluded4 = ["as", "style", "render"],
-  _excluded5 = ["as", "render"],
+  _excluded4 = ["as", "render"],
+  _excluded5 = ["as", "style", "render"],
   _excluded6 = ["as", "render"],
   _excluded7 = ["as", "render"],
-  _excluded8 = ["as", "render"];
-import { useSymbolsStore } from '../../store/Symbols';
-import { useExpandsStore } from '../../store/Expands';
+  _excluded8 = ["as", "render"],
+  _excluded9 = ["as", "render"];
+import { useSymbolsStore } from '../store/Symbols';
+import { useExpandsStore } from '../store/Expands';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Quote = props => {
   var {
     Quote: Comp = {}
   } = useSymbolsStore();
   var {
-    isNumber
-  } = props;
+      isNumber
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   if (isNumber) return null;
   var {
       as,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var elmProps = _extends({}, other, reset);
+  var child = render && typeof render === 'function' && render(elmProps);
   if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
+  return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
 };
 Quote.displayName = 'JVR.Quote';
 export var ValueQuote = props => {
   var {
     ValueQuote: Comp = {}
   } = useSymbolsStore();
-  var {
-    isNumber
-  } = props;
-  if (isNumber) return null;
+  var other = _extends({}, (_objectDestructuringEmpty(props), props));
   var {
       as,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded3);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var elmProps = _extends({}, other, reset);
+  var child = render && typeof render === 'function' && render(elmProps);
   if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
+  return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
 };
 ValueQuote.displayName = 'JVR.ValueQuote';
 export var Colon = () => {
@@ -57,7 +59,7 @@ export var Colon = () => {
       as,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded3);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
   var Elm = as || 'span';
   var child = render && typeof render === 'function' && render(reset);
   if (child) return child;
@@ -78,7 +80,7 @@ export var Arrow = props => {
       style,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded5);
   var Elm = as || 'span';
   var isRender = render && typeof render === 'function';
   var child = isRender && render(_extends({}, reset, {
@@ -104,7 +106,7 @@ export var BracketsOpen = _ref => {
         as,
         render: _render
       } = BracketsLeft,
-      reset = _objectWithoutPropertiesLoose(BracketsLeft, _excluded5);
+      reset = _objectWithoutPropertiesLoose(BracketsLeft, _excluded6);
     var BracketsLeftComp = as || 'span';
     var _child = _render && typeof _render === 'function' && _render(reset);
     if (_child) return _child;
@@ -114,7 +116,7 @@ export var BracketsOpen = _ref => {
       as: elm,
       render
     } = BraceLeft,
-    props = _objectWithoutPropertiesLoose(BraceLeft, _excluded6);
+    props = _objectWithoutPropertiesLoose(BraceLeft, _excluded7);
   var BraceLeftComp = elm || 'span';
   var child = render && typeof render === 'function' && render(props);
   if (child) return child;
@@ -136,7 +138,7 @@ export var BracketsClose = _ref2 => {
         as,
         render: _render2
       } = BracketsRight,
-      _reset = _objectWithoutPropertiesLoose(BracketsRight, _excluded7);
+      _reset = _objectWithoutPropertiesLoose(BracketsRight, _excluded8);
     var BracketsRightComp = as || 'span';
     var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset);
     if (_child2) return _child2;
@@ -146,7 +148,7 @@ export var BracketsClose = _ref2 => {
       as: elm,
       render
     } = BraceRight,
-    reset = _objectWithoutPropertiesLoose(BraceRight, _excluded8);
+    reset = _objectWithoutPropertiesLoose(BraceRight, _excluded9);
   var BraceRightComp = elm || 'span';
   var child = render && typeof render === 'function' && render(reset);
   if (child) return child;

package/{cjs/comps/ReRender/Types.d.ts → esm/types/index.d.ts}

@@ -26,5 +26,4 @@ export declare const TypeDate: FC<{
 export declare const TypeUndefined: FC<TypeProps>;
 export declare const TypeNull: FC<TypeProps>;
 export declare const TypeNan: FC<TypeProps>;
-export declare const TypeEmptyValue: FC<TypeProps>;
 export {};

package/esm/{comps/ReRender/Types.js → types/index.js}

@@ -12,13 +12,12 @@ var _excluded = ["as", "render"],
   _excluded10 = ["as", "render"],
   _excluded11 = ["as", "render"],
   _excluded12 = ["as", "render"],
-  _excluded13 = ["as", "render"],
-  _excluded14 = ["as", "render"];
+  _excluded13 = ["as", "render"];
 import { Fragment, useState } from 'react';
-import { useTypesStore } from '../../store/Types';
-import { useStore } from '../../store';
-import { ValueQuote } from './Symbols';
-import { Copied } from '../Copied';
+import { useTypesStore } from '../store/Types';
+import { useStore } from '../store';
+import { ValueQuote } from '../symbol';
+import { Copied } from '../comps/Copied';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SetComp = _ref => {
@@ -103,7 +102,6 @@ export var TypeString = _ref3 => {
     });
     if (childrenStr.length > length) {
       reset.onClick = () => {
-        if (length && childrenStr.length <= length) return setShorten(false);
         setShorten(!shorten);
       };
     }
@@ -126,10 +124,12 @@ export var TypeString = _ref3 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child || /*#__PURE__*/_jsxs(Comp, _extends({}, reset, {
-      className: "w-rjv-value",
-      children: [/*#__PURE__*/_jsx(ValueQuote, {}), text, /*#__PURE__*/_jsx(ValueQuote, {})]
-    })), /*#__PURE__*/_jsx(Copied, {
+    }))), child || /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(ValueQuote, {}), /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+        className: "w-rjv-value",
+        children: text
+      })), /*#__PURE__*/_jsx(ValueQuote, {})]
+    }), /*#__PURE__*/_jsx(Copied, {
       keyName: keyName,
       value: children,
       expandKey: expandKey
@@ -581,46 +581,4 @@ export var TypeNan = _ref13 => {
     })]
   });
 };
-TypeNan.displayName = 'JVR.TypeNan';
-export var TypeEmptyValue = _ref14 => {
-  var {
-    children,
-    expandKey,
-    keyName
-  } = _ref14;
-  var {
-    Nan = {},
-    displayDataTypes
-  } = useTypesStore();
-  var {
-      as,
-      render
-    } = Nan,
-    reset = _objectWithoutPropertiesLoose(Nan, _excluded14);
-  var Comp = as || 'span';
-  var style = _extends({}, defalutStyle, Nan.style || {});
-  var isRender = render && typeof render === 'function';
-  var type = isRender && render(_extends({}, reset, {
-    style
-  }), {
-    type: 'type',
-    value: children
-  });
-  var child = isRender && render(_extends({}, reset, {
-    children,
-    className: 'w-rjv-value'
-  }), {
-    type: 'value',
-    value: children
-  });
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
-      style: style
-    }))), child, /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
-  });
-};
-TypeEmptyValue.displayName = 'JVR.TypeEmptyValue';
+TypeNan.displayName = 'JVR.TypeNan';

package/esm/utils/useHighlight.js

@@ -38,7 +38,6 @@ export function useHighlight(_ref) {
     if (value !== prevValue) {
       return true;
     }
-    return false;
   }, [highlightUpdates, value]);
   useEffect(() => {
     if (highlightContainer && highlightContainer.current && isHighlight && 'animate' in highlightContainer.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/cjs/comps/CountInfo.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { type SectionElementProps } from '../store/Section';
-import { type TagType } from '../store/Types';
-export interface CountInfoProps<T extends object> {
-    value?: T;
-    keyName: string | number;
-}
-export declare const CountInfo: {
-    <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;
-    displayName: string;
-};
-export interface CountInfoExtraProps<T extends object> {
-    value?: T;
-    keyName: string | number;
-}
-export declare const CountInfoExtra: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoExtraProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/cjs/comps/CountInfo.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CountInfoExtra = exports.CountInfo = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _store = require("../store");
-var _Section = require("../store/Section");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["value", "keyName"],
-  _excluded2 = ["as", "render"],
-  _excluded3 = ["value", "keyName"],
-  _excluded4 = ["as", "render"];
-var CountInfo = function CountInfo(props) {
-  var _props$value = props.value,
-    value = _props$value === void 0 ? {} : _props$value,
-    keyName = props.keyName,
-    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useStore = (0, _store.useStore)(),
-    displayObjectSize = _useStore.displayObjectSize;
-  var _useSectionStore = (0, _Section.useSectionStore)(),
-    _useSectionStore$Coun = _useSectionStore.CountInfo,
-    Comp = _useSectionStore$Coun === void 0 ? {} : _useSectionStore$Coun;
-  if (!displayObjectSize) return null;
-  var as = Comp.as,
-    render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
-  var Elm = as || 'span';
-  reset.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset.style), props.style);
-  var len = Object.keys(value).length;
-  if (!reset.children) {
-    reset.children = "".concat(len, " items");
-  }
-  var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), other);
-  var isRender = render && typeof render === 'function';
-  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, elmProps), {}, {
-    'data-length': len
-  }), {
-    value: value,
-    keyName: keyName
-  });
-  if (child) return child;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
-};
-exports.CountInfo = CountInfo;
-CountInfo.displayName = 'JVR.CountInfo';
-var CountInfoExtra = function CountInfoExtra(props) {
-  var _props$value2 = props.value,
-    value = _props$value2 === void 0 ? {} : _props$value2,
-    keyName = props.keyName,
-    other = (0, _objectWithoutProperties2["default"])(props, _excluded3);
-  var _useSectionStore2 = (0, _Section.useSectionStore)(),
-    _useSectionStore2$Cou = _useSectionStore2.CountInfoExtra,
-    Comp = _useSectionStore2$Cou === void 0 ? {} : _useSectionStore2$Cou;
-  var as = Comp.as,
-    render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded4);
-  var Elm = as || 'span';
-  var isRender = render && typeof render === 'function';
-  var elmProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), other);
-  var child = isRender && render(elmProps, {
-    value: value,
-    keyName: keyName
-  });
-  if (child) return child;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
-};
-exports.CountInfoExtra = CountInfoExtra;
-CountInfoExtra.displayName = 'JVR.CountInfoExtra';

package/cjs/comps/Ellipsis.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface CountInfoProps<T extends object> {
-    value?: T;
-    keyName: string | number;
-    isExpanded: boolean;
-}
-export declare const Ellipsis: {
-    <T extends object>({ isExpanded, value, keyName }: CountInfoProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};

package/cjs/comps/Ellipsis.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Ellipsis = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Section = require("../store/Section");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "render"];
-var Ellipsis = function Ellipsis(_ref) {
-  var isExpanded = _ref.isExpanded,
-    value = _ref.value,
-    keyName = _ref.keyName;
-  var _useSectionStore = (0, _Section.useSectionStore)(),
-    _useSectionStore$Elli = _useSectionStore.Ellipsis,
-    Comp = _useSectionStore$Elli === void 0 ? {} : _useSectionStore$Elli;
-  var as = Comp.as,
-    render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
-  var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    'data-expanded': isExpanded
-  }), {
-    value: value,
-    keyName: keyName
-  });
-  if (child) return child;
-  if (!isExpanded) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
-};
-exports.Ellipsis = Ellipsis;
-Ellipsis.displayName = 'JVR.Ellipsis';

package/cjs/comps/Key.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-type KeyProps = {
-    keyName: string | number;
-    value?: unknown;
-};
-export declare const Key: FC<PropsWithChildren<KeyProps>>;
-export {};

package/cjs/comps/Key.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Key = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Section = require("../store/Section");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "render"];
-var Key = function Key(props) {
-  var children = props.children,
-    value = props.value,
-    keyName = props.keyName;
-  var isNumber = typeof children === 'number';
-  var style = {
-    color: isNumber ? 'var(--w-rjv-key-number, #268bd2)' : 'var(--w-rjv-key-string, #002b36)'
-  };
-  var _useSectionStore = (0, _Section.useSectionStore)(),
-    _useSectionStore$KeyN = _useSectionStore.KeyName,
-    Comp = _useSectionStore$KeyN === void 0 ? {} : _useSectionStore$KeyN;
-  var as = Comp.as,
-    render = Comp.render,
-    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
-  reset.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset.style), style);
-  var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    children: children
-  }), {
-    value: value,
-    keyName: keyName
-  });
-  if (child) return child;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    children: children
-  }));
-};
-exports.Key = Key;
-Key.displayName = 'JVR.Key';

package/esm/comps/CountInfo.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { type SectionElementProps } from '../store/Section';
-import { type TagType } from '../store/Types';
-export interface CountInfoProps<T extends object> {
-    value?: T;
-    keyName: string | number;
-}
-export declare const CountInfo: {
-    <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;
-    displayName: string;
-};
-export interface CountInfoExtraProps<T extends object> {
-    value?: T;
-    keyName: string | number;
-}
-export declare const CountInfoExtra: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoExtraProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/esm/comps/CountInfo.js

@@ -1,70 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["value", "keyName"],
-  _excluded2 = ["as", "render"],
-  _excluded3 = ["value", "keyName"],
-  _excluded4 = ["as", "render"];
-import { useStore } from '../store';
-import { useSectionStore } from '../store/Section';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var CountInfo = props => {
-  var {
-      value = {},
-      keyName
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  var {
-    displayObjectSize
-  } = useStore();
-  var {
-    CountInfo: Comp = {}
-  } = useSectionStore();
-  if (!displayObjectSize) return null;
-  var {
-      as,
-      render
-    } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
-  var Elm = as || 'span';
-  reset.style = _extends({}, reset.style, props.style);
-  var len = Object.keys(value).length;
-  if (!reset.children) {
-    reset.children = len + " items";
-  }
-  var elmProps = _extends({}, reset, other);
-  var isRender = render && typeof render === 'function';
-  var child = isRender && render(_extends({}, elmProps, {
-    'data-length': len
-  }), {
-    value,
-    keyName
-  });
-  if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
-};
-CountInfo.displayName = 'JVR.CountInfo';
-export var CountInfoExtra = props => {
-  var {
-      value = {},
-      keyName
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded3);
-  var {
-    CountInfoExtra: Comp = {}
-  } = useSectionStore();
-  var {
-      as,
-      render
-    } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
-  var Elm = as || 'span';
-  var isRender = render && typeof render === 'function';
-  var elmProps = _extends({}, reset, other);
-  var child = isRender && render(elmProps, {
-    value,
-    keyName
-  });
-  if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
-};
-CountInfoExtra.displayName = 'JVR.CountInfoExtra';

package/esm/comps/Ellipsis.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface CountInfoProps<T extends object> {
-    value?: T;
-    keyName: string | number;
-    isExpanded: boolean;
-}
-export declare const Ellipsis: {
-    <T extends object>({ isExpanded, value, keyName }: CountInfoProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};

package/esm/comps/Ellipsis.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["as", "render"];
-import { useSectionStore } from '../store/Section';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Ellipsis = _ref => {
-  var {
-    isExpanded,
-    value,
-    keyName
-  } = _ref;
-  var {
-    Ellipsis: Comp = {}
-  } = useSectionStore();
-  var {
-      as,
-      render
-    } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded);
-  var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(_extends({}, reset, {
-    'data-expanded': isExpanded
-  }), {
-    value,
-    keyName
-  });
-  if (child) return child;
-  if (!isExpanded) return null;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
-};
-Ellipsis.displayName = 'JVR.Ellipsis';

package/esm/comps/Key.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-type KeyProps = {
-    keyName: string | number;
-    value?: unknown;
-};
-export declare const Key: FC<PropsWithChildren<KeyProps>>;
-export {};

package/esm/comps/Key.js

@@ -1,37 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["as", "render"];
-import { useSectionStore } from '../store/Section';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Key = props => {
-  var {
-    children,
-    value,
-    keyName
-  } = props;
-  var isNumber = typeof children === 'number';
-  var style = {
-    color: isNumber ? 'var(--w-rjv-key-number, #268bd2)' : 'var(--w-rjv-key-string, #002b36)'
-  };
-  var {
-    KeyName: Comp = {}
-  } = useSectionStore();
-  var {
-      as,
-      render
-    } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded);
-  reset.style = _extends({}, reset.style, style);
-  var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(_extends({}, reset, {
-    children
-  }), {
-    value,
-    keyName
-  });
-  if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, reset, {
-    children: children
-  }));
-};
-Key.displayName = 'JVR.Key';