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

package/cjs/editor/value.js

@@ -1,240 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReValue = ReValue;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _value = require("../value");
-var _edit = require("./icon/edit");
-var _delete = require("./icon/delete");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["type", "value", "setValue", "data", "keyName", "visible", "quotes", "style", "children", "namespace", "displayDataTypes", "editableValue", "parentValue", "onDelete", "onEdit"];
-var Quotes = function Quotes(_ref) {
-  var show = _ref.show,
-    style = _ref.style,
-    quotes = _ref.quotes;
-  if (!quotes || !show) return;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    style: style,
-    children: quotes
-  });
-};
-function ReValue(props) {
-  var _ref2, _typeMap$typeStr, _ref3;
-  var type = props.type,
-    value = props.value,
-    setValue = props.setValue,
-    data = props.data,
-    keyName = props.keyName,
-    visible = props.visible,
-    quotes = props.quotes,
-    style = props.style,
-    children = props.children,
-    namespace = props.namespace,
-    displayDataTypes = props.displayDataTypes,
-    editableValue = props.editableValue,
-    parentValue = props.parentValue,
-    onDelete = props.onDelete,
-    onEdit = props.onEdit,
-    reset = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    editable = _useState2[0],
-    setEditable = _useState2[1];
-  var $edit = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)(type),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    curentType = _useState4[0],
-    setCurentType = _useState4[1];
-  var _useState5 = (0, _react.useState)(value),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    curentChild = _useState6[0],
-    setCurentChild = _useState6[1];
-  (0, _react.useEffect)(function () {
-    return setCurentChild(value);
-  }, [value]);
-  var click = function click(evn) {
-    evn.stopPropagation();
-    if (!editableValue) return;
-    if ($edit.current) {
-      var _$edit$current;
-      setEditable(true);
-      $edit.current.setAttribute('contentEditable', 'true');
-      (_$edit$current = $edit.current) === null || _$edit$current === void 0 || _$edit$current.focus();
-    }
-  };
-  var keyDown = function keyDown(evn) {
-    if (!editableValue) return;
-    if (evn.key === 'Enter') {
-      evn.stopPropagation();
-      evn.preventDefault();
-      setEditable(false);
-      if ($edit.current) {
-        $edit.current.setAttribute('contentEditable', 'false');
-      }
-    }
-  };
-  var blur = function blur() {
-    return (_ref2 = _ref2 || (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-      var text, _typeStr, dt, result, _getValueString, oldChildStr;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (editableValue) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            setEditable(false);
-            if (!$edit.current) {
-              _context.next = 16;
-              break;
-            }
-            $edit.current.setAttribute('contentEditable', 'false');
-            text = $edit.current.innerHTML;
-            _typeStr = curentType;
-            if (curentType === 'number' || curentType === 'float') {
-              text = Number(text);
-              _typeStr = (0, _value.isFloat)(text) ? 'float' : 'number';
-            }
-            if (curentType === 'url' && typeof text === 'string') {
-              text = new URL(text);
-              _typeStr = 'url';
-            }
-            if (Number.isNaN(text)) {
-              _typeStr = 'number';
-            }
-            if (typeof text === 'string' && /^(true|false)$/gi.test(text)) {
-              text = /^(true)$/gi.test(text) ? true : false;
-              _typeStr = 'boolean';
-            } else if (typeof text === 'string' && /^[\d]+n$/gi.test(text)) {
-              text = BigInt(text.replace(/n$/gi, ''));
-              _typeStr = 'bigint';
-            } else if (typeof text === 'string' && /^(null)$/gi.test(text)) {
-              text = null;
-              _typeStr = 'null';
-            } else if (typeof text === 'string' && /^(NaN)$/gi.test(text)) {
-              text = NaN;
-              _typeStr = 'NaN';
-            } else if (typeof text === 'string' && /^(undefined)$/gi.test(text)) {
-              text = undefined;
-              _typeStr = 'undefined';
-            } else if (typeof text === 'string') {
-              try {
-                if (text && text.length > 10 && !isNaN(Date.parse(text))) {
-                  dt = new Date(text);
-                  text = dt;
-                  _typeStr = 'date';
-                }
-              } catch (error) {}
-            }
-            if (!onEdit) {
-              _context.next = 16;
-              break;
-            }
-            _context.next = 14;
-            return onEdit({
-              type: 'value',
-              value: text,
-              oldValue: curentChild,
-              namespace: namespace
-            });
-          case 14:
-            result = _context.sent;
-            if (result) {
-              setCurentType(_typeStr);
-              setCurentChild(text);
-            } else {
-              _getValueString = (0, _value.getValueString)(curentChild), oldChildStr = _getValueString.content;
-              $edit.current.innerHTML = String(oldChildStr);
-            }
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))).apply(this, arguments);
-  };
-  var defaultStyle = {
-    minWidth: 34,
-    minHeight: 18,
-    paddingInline: 3,
-    display: 'inline-block'
-  };
-  var _getValueString2 = (0, _value.getValueString)(curentChild),
-    typeStr = _getValueString2.type,
-    childStr = _getValueString2.content;
-  var color = ((_typeMap$typeStr = _value.typeMap[typeStr]) === null || _typeMap$typeStr === void 0 ? void 0 : _typeMap$typeStr.color) || '';
-  var spanProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-    onBlur: blur,
-    onKeyDown: keyDown,
-    spellCheck: false,
-    style: editable ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), defaultStyle), {}, {
-      color: color
-    }) : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), {}, {
-      color: color
-    })
-  });
-  var typeView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Type, {
-    type: typeStr
-  });
-  if (typeStr === 'null' || typeStr === 'undefined' || type.toLocaleLowerCase() === 'nan') {
-    typeView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {});
-  }
-  var deleteHandle = function deleteHandle(_x) {
-    return (_ref3 = _ref3 || (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2(evn) {
-      var maybeDelete;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            evn.stopPropagation();
-            if (!(data && keyName && keyName in data && setValue && onDelete)) {
-              _context2.next = 6;
-              break;
-            }
-            _context2.next = 4;
-            return onDelete(keyName, value, parentValue, {
-              namespace: namespace
-            });
-          case 4:
-            maybeDelete = _context2.sent;
-            if (maybeDelete) {
-              delete data[keyName];
-              setValue((0, _objectSpread2["default"])({}, data));
-            }
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }))).apply(this, arguments);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-    children: [displayDataTypes && typeView, /*#__PURE__*/(0, _jsxRuntime.jsx)(Quotes, {
-      style: style,
-      quotes: quotes,
-      show: typeStr === 'string'
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, spanProps), {}, {
-      ref: $edit,
-      "data-value": childStr,
-      children: typeof curentChild === 'string' ? curentChild : childStr
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Quotes, {
-      style: style,
-      quotes: quotes,
-      show: typeStr === 'string'
-    }), visible && editableValue && onEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_edit.EditIcon, {
-      onClick: click
-    }), visible && editableValue && onDelete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.DeleteIcon, {
-      onClick: deleteHandle
-    })]
-  });
-}
-ReValue.displayName = 'JVR.ReValue';

package/cjs/node.d.ts

@@ -1,15 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { LabelProps } from './value';
-import { JsonViewProps } from './';
-export declare const CountInfo: FC<PropsWithChildren<LabelProps>>;
-export interface RootNodeProps<T extends object> extends JsonViewProps<T> {
-    keyName?: string | number;
-    keyid?: string;
-    level?: number;
-    parentValue?: T;
-    isSet?: boolean;
-    isMap?: boolean;
-    namespace?: Array<string | number>;
-    setParentValue?: React.Dispatch<React.SetStateAction<T>>;
-}
-export declare const RootNode: import("react").ForwardRefExoticComponent<Omit<RootNodeProps<object>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/node.js

@@ -1,343 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RootNode = exports.CountInfo = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _value = require("./value");
-var _TriangleArrow = require("./arrow/TriangleArrow");
-var _store = require("./store");
-var _semicolon = require("./semicolon");
-var _copied = require("./copied");
-var _ellipsis = require("./comps/ellipsis");
-var _meta = require("./comps/meta");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["value", "keyName", "className", "displayDataTypes", "components", "displayObjectSize", "enableClipboard", "highlightUpdates", "objectSortKeys", "indentWidth", "shortenTextAfterLength", "collapsed", "level", "keyid", "quotes", "namespace", "isSet", "isMap", "onCopied", "onExpand", "parentValue", "setParentValue"];
-function getLength(obj) {
-  try {
-    return Object.keys(obj).length;
-  } catch (error) {
-    return -1;
-  }
-}
-var CountInfo = function CountInfo(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_value.Label, {
-    style: {
-      paddingLeft: 4,
-      fontStyle: 'italic'
-    },
-    color: "var(--w-rjv-info-color, #0000004d)",
-    className: "w-rjv-object-size",
-    children: [children, " items"]
-  });
-};
-exports.CountInfo = CountInfo;
-CountInfo.displayName = 'JVR.CountInfo';
-var RootNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _expands$keyid;
-  var _props$value = props.value,
-    value = _props$value === void 0 ? {} : _props$value,
-    keyName = props.keyName,
-    className = props.className,
-    _props$displayDataTyp = props.displayDataTypes,
-    displayDataTypes = _props$displayDataTyp === void 0 ? true : _props$displayDataTyp,
-    _props$components = props.components,
-    components = _props$components === void 0 ? {} : _props$components,
-    _props$displayObjectS = props.displayObjectSize,
-    displayObjectSize = _props$displayObjectS === void 0 ? true : _props$displayObjectS,
-    _props$enableClipboar = props.enableClipboard,
-    enableClipboard = _props$enableClipboar === void 0 ? true : _props$enableClipboar,
-    _props$highlightUpdat = props.highlightUpdates,
-    highlightUpdates = _props$highlightUpdat === void 0 ? true : _props$highlightUpdat,
-    _props$objectSortKeys = props.objectSortKeys,
-    objectSortKeys = _props$objectSortKeys === void 0 ? false : _props$objectSortKeys,
-    _props$indentWidth = props.indentWidth,
-    indentWidth = _props$indentWidth === void 0 ? 15 : _props$indentWidth,
-    _props$shortenTextAft = props.shortenTextAfterLength,
-    shortenTextAfterLength = _props$shortenTextAft === void 0 ? 20 : _props$shortenTextAft,
-    collapsed = props.collapsed,
-    _props$level = props.level,
-    level = _props$level === void 0 ? 1 : _props$level,
-    _props$keyid = props.keyid,
-    keyid = _props$keyid === void 0 ? 'root' : _props$keyid,
-    _props$quotes = props.quotes,
-    quotes = _props$quotes === void 0 ? '"' : _props$quotes,
-    _props$namespace = props.namespace,
-    namespace = _props$namespace === void 0 ? [] : _props$namespace,
-    _props$isSet = props.isSet,
-    isSet = _props$isSet === void 0 ? false : _props$isSet,
-    _props$isMap = props.isMap,
-    isMap = _props$isMap === void 0 ? false : _props$isMap,
-    onCopied = props.onCopied,
-    onExpand = props.onExpand,
-    parentValue = props.parentValue,
-    setParentValue = props.setParentValue,
-    reset = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var isArray = Array.isArray(value);
-  var subkeyid = (0, _react.useId)();
-  var expands = (0, _store.useExpandsStatus)();
-  var expand = (_expands$keyid = expands[keyid]) !== null && _expands$keyid !== void 0 ? _expands$keyid : typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level <= collapsed : true;
-  var handle = function handle() {
-    onExpand && typeof onExpand === 'function' && onExpand({
-      expand: !expand,
-      keyid: keyid,
-      keyName: keyName,
-      value: value
-    });
-    !expand ? _store.store.expand(keyid) : _store.store.collapse(keyid);
-  };
-  var _useState = (0, _react.useState)(value),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    valueData = _useState2[0],
-    setValueData = _useState2[1];
-  var subNodeProps = {
-    components: components,
-    indentWidth: indentWidth,
-    displayDataTypes: displayDataTypes,
-    displayObjectSize: displayObjectSize,
-    enableClipboard: enableClipboard,
-    highlightUpdates: highlightUpdates,
-    onCopied: onCopied,
-    onExpand: onExpand,
-    collapsed: collapsed,
-    parentValue: value,
-    setParentValue: setValueData,
-    quotes: quotes,
-    level: level + 1,
-    style: {
-      paddingLeft: indentWidth
-    }
-  };
-  var valueViewProps = {
-    displayDataTypes: displayDataTypes,
-    displayObjectSize: displayObjectSize,
-    enableClipboard: enableClipboard,
-    shortenTextAfterLength: shortenTextAfterLength,
-    level: level + 1,
-    parentValue: value,
-    indentWidth: indentWidth,
-    data: valueData,
-    quotes: quotes,
-    setValue: setValueData
-  };
-  var arrowStyle = {
-    transform: "rotate(".concat(expand ? '0' : '-90', "deg)"),
-    transition: 'all 0.3s'
-  };
-  var arrowView = components.arrow ? /*#__PURE__*/(0, _react.cloneElement)(components.arrow, {
-    style: arrowStyle,
-    'data-expand': expand,
-    className: 'w-rjv-arrow'
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TriangleArrow.TriangleArrow, {
-    style: arrowStyle,
-    className: "w-rjv-arrow"
-  });
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    showTools = _useState4[0],
-    setShowTools = _useState4[1];
-  var eventProps = {};
-  if (enableClipboard) {
-    eventProps.onMouseEnter = function () {
-      return setShowTools(true);
-    };
-    eventProps.onMouseLeave = function () {
-      return setShowTools(false);
-    };
-  }
-  (0, _react.useEffect)(function () {
-    return setValueData(value);
-  }, [value]);
-  var nameKeys = isArray ? Object.keys(valueData).map(function (m) {
-    return Number(m);
-  }) : Object.keys(valueData);
-
-  // object
-  var entries = isArray ? Object.entries(valueData).map(function (m) {
-    return [Number(m[0]), m[1]];
-  }) : Object.entries(valueData);
-  if (objectSortKeys) {
-    entries = objectSortKeys === true ? entries.sort(function (_ref2, _ref3) {
-      var _ref4 = (0, _slicedToArray2["default"])(_ref2, 1),
-        a = _ref4[0];
-      var _ref5 = (0, _slicedToArray2["default"])(_ref3, 1),
-        b = _ref5[0];
-      return typeof a === 'string' && typeof b === 'string' ? a.localeCompare(b) : 0;
-    }) : entries.sort(function (_ref6, _ref7) {
-      var _ref8 = (0, _slicedToArray2["default"])(_ref6, 1),
-        a = _ref8[0];
-      var _ref9 = (0, _slicedToArray2["default"])(_ref7, 1),
-        b = _ref9[0];
-      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b) : 0;
-    });
-  }
-  var countInfo = /*#__PURE__*/(0, _jsxRuntime.jsx)(CountInfo, {
-    children: nameKeys.length
-  });
-  if (components.countInfo) {
-    countInfo = components.countInfo({
-      count: nameKeys.length,
-      level: level,
-      visible: expand
-    }) || countInfo;
-  }
-  if (!displayObjectSize) countInfo = null;
-  var countInfoExtra = components.countInfoExtra && components.countInfoExtra({
-    count: nameKeys.length,
-    level: level,
-    showTools: showTools,
-    keyName: keyName,
-    visible: expand,
-    value: valueData,
-    namespace: (0, _toConsumableArray2["default"])(namespace),
-    parentValue: parentValue,
-    setParentValue: setParentValue,
-    setValue: setValueData
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-    ref: ref
-  }, reset), {}, {
-    className: "".concat(className, " w-rjv-inner")
-  }, eventProps), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_value.Line, {
-      style: {
-        display: 'inline-flex',
-        alignItems: 'center'
-      },
-      onClick: handle,
-      children: [arrowView, (typeof keyName === 'string' || typeof keyName === 'number') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_semicolon.Semicolon, {
-          value: valueData,
-          quotes: quotes,
-          "data-keys": keyid,
-          namespace: (0, _toConsumableArray2["default"])(namespace),
-          render: components.objectKey,
-          keyName: keyName,
-          parentName: keyName,
-          color: typeof keyName === 'number' ? _value.typeMap['number'].color : ''
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Colon, {})]
-      }), isSet && /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Type, {
-        type: "Set"
-      }), isMap && /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Type, {
-        type: "Map"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_meta.Meta, {
-        start: true,
-        isArray: isArray,
-        level: level,
-        render: components.braces
-      }), !expand && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ellipsis.Ellipsis, {
-        render: components.ellipsis,
-        count: nameKeys.length,
-        level: level
-      }), !expand && /*#__PURE__*/(0, _jsxRuntime.jsx)(_meta.Meta, {
-        isArray: isArray,
-        level: level,
-        render: components.braces
-      }), countInfo, countInfoExtra, enableClipboard && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copied.Copied, {
-        show: showTools,
-        text: valueData,
-        onCopied: onCopied,
-        render: components === null || components === void 0 ? void 0 : components.copied
-      })]
-    }), expand && /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
-      className: "w-rjv-content",
-      style: {
-        borderLeft: 'var(--w-rjv-border-left-width, 1px) var(--w-rjv-line-style, solid) var(--w-rjv-line-color, #ebebeb)',
-        marginLeft: 6
-      },
-      children: entries.length > 0 && (0, _toConsumableArray2["default"])(entries).map(function (_ref10, idx) {
-        var _ref11 = (0, _slicedToArray2["default"])(_ref10, 2),
-          key = _ref11[0],
-          itemVal = _ref11[1];
-        var item = itemVal;
-        var isMySet = item instanceof Set;
-        var isMyMap = item instanceof Map;
-        var myValue = isMySet ? Array.from(item) : isMyMap ? Object.fromEntries(item) : item;
-        var isEmpty = Array.isArray(myValue) && myValue.length === 0 || (0, _typeof2["default"])(myValue) === 'object' && myValue && !(myValue instanceof Date) && Object.keys(myValue).length === 0;
-        if ((Array.isArray(myValue) || isMySet || isMyMap) && !isEmpty) {
-          var label = isArray ? idx : key;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
-            className: "w-rjv-wrap",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RootNode, (0, _objectSpread2["default"])({
-              value: myValue,
-              isSet: isMySet,
-              isMap: isMyMap,
-              namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [label]),
-              keyName: label,
-              keyid: keyid + subkeyid + label
-            }, subNodeProps))
-          }, label + idx);
-        }
-        if ((0, _typeof2["default"])(myValue) === 'object' && myValue && !(myValue instanceof Date) && !isEmpty) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
-            className: "w-rjv-wrap",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RootNode, (0, _objectSpread2["default"])({
-              value: myValue,
-              namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [key]),
-              keyName: key,
-              keyid: keyid + subkeyid + key
-            }, subNodeProps))
-          }, key + '' + idx);
-        }
-        if (typeof myValue === 'function') {
-          return;
-        }
-        var renderKey = /*#__PURE__*/(0, _jsxRuntime.jsx)(_semicolon.Semicolon, {
-          value: myValue,
-          "data-keys": keyid,
-          quotes: quotes,
-          namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [key]),
-          parentName: keyName,
-          highlightUpdates: highlightUpdates,
-          render: components.objectKey,
-          color: typeof key === 'number' ? _value.typeMap['number'].color : '',
-          keyName: key
-        });
-        var length = Array.isArray(myValue) ? myValue.length : getLength(myValue);
-        countInfo = /*#__PURE__*/(0, _jsxRuntime.jsx)(CountInfo, {
-          children: length
-        });
-        if (components.countInfo) {
-          countInfo = components.countInfo({
-            count: length,
-            level: level,
-            visible: expand
-          }) || countInfo;
-        }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.ValueView, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-          components: components,
-          namespace: [].concat((0, _toConsumableArray2["default"])(namespace), [key])
-        }, valueViewProps), {}, {
-          countInfo: countInfo,
-          renderKey: renderKey,
-          keyName: key,
-          isSet: isSet,
-          value: myValue
-        }), idx);
-      })
-    }), expand && /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
-      style: {
-        paddingLeft: 2
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_meta.Meta, {
-        render: components.braces,
-        isArray: isArray,
-        level: level,
-        style: {
-          paddingLeft: 2,
-          display: 'inline-block'
-        }
-      })
-    })]
-  }));
-});
-exports.RootNode = RootNode;
-RootNode.displayName = 'JVR.RootNode';

package/cjs/semicolon.d.ts

@@ -1,22 +0,0 @@
-import type { FC, PropsWithChildren } from 'react';
-import type { LabelProps } from './value';
-import type { JsonViewProps } from './';
-export declare function usePrevious<T>(value: T): T | undefined;
-interface UseHighlight {
-    value: any;
-    highlightUpdates?: boolean;
-    highlightContainer: React.MutableRefObject<HTMLSpanElement | null>;
-}
-export declare function useHighlight({ value, highlightUpdates, highlightContainer }: UseHighlight): void;
-export interface SemicolonProps extends LabelProps {
-    highlightUpdates?: boolean;
-    keyName?: string | number;
-    parentName?: string | number;
-    quotes?: JsonViewProps<object>['quotes'];
-    value?: object;
-    label?: string;
-    namespace?: Array<string | number>;
-    render?: (props: SemicolonProps) => React.ReactNode;
-}
-export declare const Semicolon: FC<PropsWithChildren<SemicolonProps>>;
-export {};