@uiw/react-json-view 2.0.0-alpha.7 → 2.0.0-alpha.9

package/README.md

@@ -324,13 +324,13 @@ export default function Demo() {
       }}
     >
       <JsonView.String
-        render={({ children, ...reset }, { type }) => {
-          const isImg = /^https?.*\.(jpg|png)$/i.test(children)
+        render={({ children, ...reset }, { type, value, keyName }) => {
+          const isImg = /^https?.*\.(jpg|png)$/i.test(value)
           if (type === 'type' && isImg) {
             return <span />
           }
           if (type === 'value' && isImg) {
-            return <img {...reset} height="26" src={children} />
+            return <img {...reset} height="26" src={value} />
           }
         }}
       />

package/cjs/Container.js

@@ -16,7 +16,7 @@ var _KeyValues = require("./comps/KeyValues");
 var _ShowTools = require("./store/ShowTools");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className", "children", "parentValue", "keyid", "level", "value", "initialValue", "keyName"];
-var Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     children = props.children,
@@ -60,5 +60,4 @@ var Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     })]
   }));
 });
-exports.Container = Container;
 Container.displayName = 'JVR.Container';

package/cjs/comps/Copied.js

@@ -15,7 +15,7 @@ var _Section = require("../store/Section");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["keyName", "value", "expandKey"],
   _excluded2 = ["as", "render"];
-var Copied = function Copied(props) {
+var Copied = exports.Copied = function Copied(props) {
   var keyName = props.keyName,
     value = props.value,
     expandKey = props.expandKey,
@@ -89,5 +89,4 @@ var Copied = function Copied(props) {
     })
   }));
 };
-exports.Copied = Copied;
 Copied.displayName = 'JVR.Copied';

package/cjs/comps/KeyValues.js

@@ -19,7 +19,7 @@ var _Container = require("../Container");
 var _symbol = require("../symbol");
 var _useHighlight = require("../utils/useHighlight");
 var _jsxRuntime = require("react/jsx-runtime");
-var KeyValues = function KeyValues(props) {
+var KeyValues = exports.KeyValues = function KeyValues(props) {
   var _expands$expandKey;
   var value = props.value,
     _props$expandKey = props.expandKey,
@@ -77,10 +77,10 @@ var KeyValues = function KeyValues(props) {
     })
   });
 };
-exports.KeyValues = KeyValues;
 KeyValues.displayName = 'JVR.KeyValues';
-var KayName = function KayName(props) {
+var KayName = exports.KayName = function KayName(props) {
   var keyName = props.keyName,
+    parentValue = props.parentValue,
     value = props.value;
   var _useStore2 = (0, _store.useStore)(),
     highlightUpdates = _useStore2.highlightUpdates;
@@ -100,6 +100,7 @@ var KayName = function KayName(props) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyName.KeyNameComp, {
         keyName: keyName,
         value: value,
+        parentValue: parentValue,
         children: keyName
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.Quote, {
         isNumber: isNumber,
@@ -108,9 +109,8 @@ var KayName = function KayName(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.Colon, {})]
   });
 };
-exports.KayName = KayName;
 KayName.displayName = 'JVR.KayName';
-var KeyValuesItem = function KeyValuesItem(props) {
+var KeyValuesItem = exports.KeyValuesItem = function KeyValuesItem(props) {
   var keyName = props.keyName,
     value = props.value,
     parentValue = props.parentValue,
@@ -148,7 +148,8 @@ var KeyValuesItem = function KeyValuesItem(props) {
   }, reset), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(KayName, {
       keyName: keyName,
-      value: value
+      value: value,
+      parentValue: parentValue
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Value.Value, {
       keyName: keyName,
       value: value,
@@ -156,5 +157,4 @@ var KeyValuesItem = function KeyValuesItem(props) {
     })]
   }));
 };
-exports.KeyValuesItem = KeyValuesItem;
 KeyValuesItem.displayName = 'JVR.KeyValuesItem';

package/cjs/comps/NestedClose.js

@@ -8,7 +8,7 @@ var _store = require("../store");
 var _Expands = require("../store/Expands");
 var _symbol = require("../symbol");
 var _jsxRuntime = require("react/jsx-runtime");
-var NestedClose = function NestedClose(props) {
+var NestedClose = exports.NestedClose = function NestedClose(props) {
   var _expands$expandKey;
   var value = props.value,
     expandKey = props.expandKey,
@@ -34,5 +34,4 @@ var NestedClose = function NestedClose(props) {
     })
   });
 };
-exports.NestedClose = NestedClose;
 NestedClose.displayName = 'JVR.NestedClose';

package/cjs/comps/NestedOpen.js

@@ -18,7 +18,7 @@ var _symbol = require("../symbol");
 var _Ellipsis = require("../section/Ellipsis");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var NestedOpen = function NestedOpen(props) {
+var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
   var _expands$expandKey;
   var keyName = props.keyName,
     expandKey = props.expandKey,
@@ -67,9 +67,11 @@ var NestedOpen = function NestedOpen(props) {
     }), (keyName || typeof keyName === 'number') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyValues.KayName, {
       keyName: keyName
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_types.SetComp, {
-      value: initialValue
+      value: initialValue,
+      keyName: keyName
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_types.MapComp, {
-      value: initialValue
+      value: initialValue,
+      keyName: keyName
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.BracketsOpen, {
       isBrackets: isArray || isMySet
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ellipsis.EllipsisComp, {
@@ -92,5 +94,4 @@ var NestedOpen = function NestedOpen(props) {
     })]
   }));
 };
-exports.NestedOpen = NestedOpen;
 NestedOpen.displayName = 'JVR.NestedOpen';

package/cjs/comps/Value.js

@@ -8,11 +8,10 @@ exports.isFloat = exports.Value = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var isFloat = function isFloat(n) {
+var isFloat = exports.isFloat = function isFloat(n) {
   return Number(n) === n && n % 1 !== 0 || isNaN(n);
 };
-exports.isFloat = isFloat;
-var Value = function Value(props) {
+var Value = exports.Value = function Value(props) {
   var value = props.value,
     keyName = props.keyName,
     expandKey = props.expandKey;
@@ -74,5 +73,4 @@ var Value = function Value(props) {
   }
   return null;
 };
-exports.Value = Value;
 Value.displayName = 'JVR.Value';

package/cjs/editor/KeyName.d.ts

@@ -0,0 +1,2 @@
+import { SectionElementProps } from '../store/Section';
+export declare const KeyNameRender: SectionElementProps['render'];

package/cjs/editor/KeyName.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyNameRender = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _store = require("./store");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children"],
+  _excluded2 = ["value", "parentValue", "keyName"];
+var KeyNameRender = exports.KeyNameRender = function KeyNameRender(_ref, _ref2) {
+  var children = _ref.children,
+    reset = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var value = _ref2.value,
+    parentValue = _ref2.parentValue,
+    keyName = _ref2.keyName;
+  if (typeof children === 'number') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Child, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    children: children
+  }));
+};
+var Child = function Child(props) {
+  var value = props.value,
+    parentValue = props.parentValue,
+    keyName = props.keyName,
+    reset = (0, _objectWithoutProperties2["default"])(props, _excluded2);
+  var $dom = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(props.children),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
+  var _useStore = (0, _store.useStore)(),
+    onEdit = _useStore.onEdit;
+  var onKeyDown = function onKeyDown(evn) {
+    if (evn.key === 'Enter') {
+      var _$dom$current;
+      (_$dom$current = $dom.current) === null || _$dom$current === void 0 || _$dom$current.setAttribute('contentEditable', 'false');
+    }
+  };
+  var onClick = function onClick(evn) {
+    var _$dom$current2, _$dom$current3;
+    evn.stopPropagation();
+    (_$dom$current2 = $dom.current) === null || _$dom$current2 === void 0 || _$dom$current2.setAttribute('contentEditable', 'true');
+    (_$dom$current3 = $dom.current) === null || _$dom$current3 === void 0 || _$dom$current3.focus();
+  };
+  var onBlur = function onBlur(evn) {
+    var _$dom$current4;
+    (_$dom$current4 = $dom.current) === null || _$dom$current4 === void 0 || _$dom$current4.setAttribute('contentEditable', 'false');
+    var callback = onEdit && onEdit({
+      value: evn.target.textContent,
+      oldValue: value,
+      keyName: keyName
+    });
+    if (callback) {
+      setCurrentValue(evn.target.textContent);
+    }
+  };
+  var spanProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    onKeyDown: onKeyDown,
+    onClick: onClick,
+    onBlur: onBlur,
+    spellCheck: false,
+    contentEditable: 'false',
+    suppressContentEditableWarning: true,
+    children: currentValue
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, spanProps), {}, {
+    ref: $dom
+  }));
+};

package/cjs/editor/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { type JsonViewProps } from '../';
+export interface JsonViewEditorProps<T extends object> extends Omit<JsonViewProps<T>, 'shortenTextAfterLength'> {
+    /**
+     * When a callback function is passed in, edit functionality is enabled. The callback is invoked before edits are completed.
+     * @returns {boolean}  Returning false from onEdit will prevent the change from being made.
+     */
+    onEdit?: (option: {
+        value: unknown;
+        oldValue: unknown;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: 'value' | 'key';
+    }) => boolean;
+    /** Whether enable edit feature. @default true */
+    editable?: boolean;
+}
+declare const JsonViewEditor: import("react").ForwardRefExoticComponent<Omit<JsonViewEditorProps<object>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default JsonViewEditor;

package/cjs/editor/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _ = _interopRequireDefault(require("../"));
+var _KeyName = require("./KeyName");
+var _store = require("./store");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "onEdit", "editable"];
+var JsonViewEditor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+    onEdit = props.onEdit,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? true : _props$editable,
+    reset = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var _useStoreReducer = (0, _store.useStoreReducer)({
+      onEdit: onEdit
+    }),
+    _useStoreReducer2 = (0, _slicedToArray2["default"])(_useStoreReducer, 2),
+    state = _useStoreReducer2[0],
+    dispatch = _useStoreReducer2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.Context.Provider, {
+    value: state,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.Dispatch.Provider, {
+      value: dispatch,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+        shortenTextAfterLength: 0,
+        ref: ref,
+        children: [editable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"].KeyName, {
+          render: _KeyName.KeyNameRender
+        }), children]
+      }))
+    })
+  });
+});
+var _default = exports["default"] = JsonViewEditor;
+module.exports = exports.default;

package/cjs/editor/store.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+type InitialState = {
+    /**
+     * When a callback function is passed in, edit functionality is enabled. The callback is invoked before edits are completed.
+     * @returns {boolean}  Returning false from onEdit will prevent the change from being made.
+     */
+    onEdit?: (option: {
+        value: unknown;
+        oldValue: unknown;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: 'value' | 'key';
+    }) => boolean;
+};
+type Dispatch = React.Dispatch<InitialState>;
+export declare const Context: import("react").Context<InitialState>;
+export declare const Dispatch: import("react").Context<Dispatch>;
+export declare const useStore: () => InitialState;
+export declare function useStoreReducer(initialState: InitialState): [{
+    onEdit?: ((option: {
+        value: unknown;
+        oldValue: unknown;
+        keyName?: string | number | undefined;
+        parentName?: string | number | undefined;
+        type?: "value" | "key" | undefined;
+    }) => boolean) | undefined;
+}, import("react").Dispatch<InitialState>];
+export {};

package/cjs/editor/store.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStore = exports.Dispatch = exports.Context = void 0;
+exports.useStoreReducer = useStoreReducer;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = require("react");
+var initialState = {};
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(initialState);
+var reducer = function reducer(state, action) {
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
+};
+var Dispatch = exports.Dispatch = /*#__PURE__*/(0, _react.createContext)(function () {});
+Dispatch.displayName = 'JVR.Editor.Dispatch';
+var useStore = exports.useStore = function useStore() {
+  return (0, _react.useContext)(Context);
+};
+function useStoreReducer(initialState) {
+  return (0, _react.useReducer)(reducer, initialState);
+}

package/cjs/index.js

@@ -192,5 +192,4 @@ JsonView.CountInfo = _CountInfo.CountInfo;
 JsonView.CountInfoExtra = _CountInfoExtra.CountInfoExtra;
 JsonView.KeyName = _KeyName.KeyName;
 JsonView.displayName = 'JVR.JsonView';
-var _default = JsonView;
-exports["default"] = _default;
+var _default = exports["default"] = JsonView;

package/cjs/section/Copied.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Copied = void 0;
 var _Section = require("../store/Section");
 var _useRender = require("../utils/useRender");
-var Copied = function Copied(props) {
+var Copied = exports.Copied = function Copied(props) {
   var _useSectionStore = (0, _Section.useSectionStore)(),
     _useSectionStore$Copi = _useSectionStore.Copied,
     Comp = _useSectionStore$Copi === void 0 ? {} : _useSectionStore$Copi;
   (0, _useRender.useSectionRender)(Comp, props, 'Copied');
   return null;
 };
-exports.Copied = Copied;
 Copied.displayName = 'JVR.Copied';

package/cjs/section/CountInfo.js

@@ -13,16 +13,15 @@ var _store = require("../store");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["value", "keyName"],
   _excluded2 = ["as", "render"];
-var CountInfo = function CountInfo(props) {
+var CountInfo = exports.CountInfo = function CountInfo(props) {
   var _useSectionStore = (0, _Section.useSectionStore)(),
     _useSectionStore$Coun = _useSectionStore.CountInfo,
     Comp = _useSectionStore$Coun === void 0 ? {} : _useSectionStore$Coun;
   (0, _useRender.useSectionRender)(Comp, props, 'CountInfo');
   return null;
 };
-exports.CountInfo = CountInfo;
 CountInfo.displayName = 'JVR.CountInfo';
-var CountInfoComp = function CountInfoComp(props) {
+var CountInfoComp = exports.CountInfoComp = function CountInfoComp(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
     keyName = props.keyName,
@@ -53,5 +52,4 @@ var CountInfoComp = function CountInfoComp(props) {
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
 };
-exports.CountInfoComp = CountInfoComp;
 CountInfoComp.displayName = 'JVR.CountInfoComp';

package/cjs/section/CountInfoExtra.js

@@ -12,16 +12,15 @@ var _useRender = require("../utils/useRender");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["value", "keyName"],
   _excluded2 = ["as", "render"];
-var CountInfoExtra = function CountInfoExtra(props) {
+var CountInfoExtra = exports.CountInfoExtra = function CountInfoExtra(props) {
   var _useSectionStore = (0, _Section.useSectionStore)(),
     _useSectionStore$Coun = _useSectionStore.CountInfoExtra,
     Comp = _useSectionStore$Coun === void 0 ? {} : _useSectionStore$Coun;
   (0, _useRender.useSectionRender)(Comp, props, 'CountInfoExtra');
   return null;
 };
-exports.CountInfoExtra = CountInfoExtra;
 CountInfoExtra.displayName = 'JVR.CountInfoExtra';
-var CountInfoExtraComps = function CountInfoExtraComps(props) {
+var CountInfoExtraComps = exports.CountInfoExtraComps = function CountInfoExtraComps(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
     keyName = props.keyName,
@@ -43,5 +42,4 @@ var CountInfoExtraComps = function CountInfoExtraComps(props) {
   if (child) return child;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, elmProps));
 };
-exports.CountInfoExtraComps = CountInfoExtraComps;
 CountInfoExtraComps.displayName = 'JVR.CountInfoExtraComps';

package/cjs/section/Ellipsis.js

@@ -11,16 +11,15 @@ var _Section = require("../store/Section");
 var _useRender = require("../utils/useRender");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "render"];
-var Ellipsis = function Ellipsis(props) {
+var Ellipsis = exports.Ellipsis = function Ellipsis(props) {
   var _useSectionStore = (0, _Section.useSectionStore)(),
     _useSectionStore$Elli = _useSectionStore.Ellipsis,
     Comp = _useSectionStore$Elli === void 0 ? {} : _useSectionStore$Elli;
   (0, _useRender.useSectionRender)(Comp, props, 'Ellipsis');
   return null;
 };
-exports.Ellipsis = Ellipsis;
 Ellipsis.displayName = 'JVR.Ellipsis';
-var EllipsisComp = function EllipsisComp(_ref) {
+var EllipsisComp = exports.EllipsisComp = function EllipsisComp(_ref) {
   var isExpanded = _ref.isExpanded,
     value = _ref.value,
     keyName = _ref.keyName;
@@ -41,5 +40,4 @@ var EllipsisComp = function EllipsisComp(_ref) {
   if (!isExpanded) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
 };
-exports.EllipsisComp = EllipsisComp;
 EllipsisComp.displayName = 'JVR.EllipsisComp';

package/cjs/section/KeyName.d.ts

@@ -8,6 +8,7 @@ export declare const KeyName: {
 type KeyNameCompProps = {
     keyName: string | number;
     value?: unknown;
+    parentValue?: unknown;
 };
 export declare const KeyNameComp: FC<PropsWithChildren<KeyNameCompProps>>;
 export {};

package/cjs/section/KeyName.js

@@ -11,18 +11,18 @@ var _Section = require("../store/Section");
 var _useRender = require("../utils/useRender");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "render"];
-var KeyName = function KeyName(props) {
+var KeyName = exports.KeyName = function KeyName(props) {
   var _useSectionStore = (0, _Section.useSectionStore)(),
     _useSectionStore$KeyN = _useSectionStore.KeyName,
     Comp = _useSectionStore$KeyN === void 0 ? {} : _useSectionStore$KeyN;
   (0, _useRender.useSectionRender)(Comp, props, 'KeyName');
   return null;
 };
-exports.KeyName = KeyName;
 KeyName.displayName = 'JVR.KeyName';
-var KeyNameComp = function KeyNameComp(props) {
+var KeyNameComp = exports.KeyNameComp = function KeyNameComp(props) {
   var children = props.children,
     value = props.value,
+    parentValue = props.parentValue,
     keyName = props.keyName;
   var isNumber = typeof children === 'number';
   var style = {
@@ -40,6 +40,7 @@ var KeyNameComp = function KeyNameComp(props) {
     children: children
   }), {
     value: value,
+    parentValue: parentValue,
     keyName: keyName
   });
   if (child) return child;
@@ -47,5 +48,4 @@ var KeyNameComp = function KeyNameComp(props) {
     children: children
   }));
 };
-exports.KeyNameComp = KeyNameComp;
 KeyNameComp.displayName = 'JVR.KeyNameComp';

package/cjs/store/Expands.js

@@ -16,10 +16,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useExpandsStore = function useExpandsStore() {
+var useExpandsStore = exports.useExpandsStore = function useExpandsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useExpandsStore = useExpandsStore;
 var DispatchExpands = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchExpands.displayName = 'JVR.DispatchExpands';
 function useExpands() {
@@ -28,7 +27,7 @@ function useExpands() {
 function useExpandsDispatch() {
   return (0, _react.useContext)(DispatchExpands);
 }
-var Expands = function Expands(_ref) {
+var Expands = exports.Expands = function Expands(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -40,5 +39,4 @@ var Expands = function Expands(_ref) {
     })
   });
 };
-exports.Expands = Expands;
 Expands.displayName = 'JVR.Expands';

package/cjs/store/Section.d.ts

@@ -4,6 +4,7 @@ export type SectionElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: SectionElement<T>, result: {
         value: unknown;
+        parentValue?: unknown;
         keyName: string | number;
     }) => React.ReactNode;
 };

package/cjs/store/Section.js

@@ -58,10 +58,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useSectionStore = function useSectionStore() {
+var useSectionStore = exports.useSectionStore = function useSectionStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useSectionStore = useSectionStore;
 var DispatchSection = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchSection.displayName = 'JVR.DispatchSection';
 function useSection() {
@@ -70,7 +69,7 @@ function useSection() {
 function useSectionDispatch() {
   return (0, _react.useContext)(DispatchSection);
 }
-var Section = function Section(_ref) {
+var Section = exports.Section = function Section(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -82,5 +81,4 @@ var Section = function Section(_ref) {
     })
   });
 };
-exports.Section = Section;
 Section.displayName = 'JVR.Section';

package/cjs/store/ShowTools.js

@@ -16,10 +16,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useShowToolsStore = function useShowToolsStore() {
+var useShowToolsStore = exports.useShowToolsStore = function useShowToolsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useShowToolsStore = useShowToolsStore;
 var DispatchShowTools = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchShowTools.displayName = 'JVR.DispatchShowTools';
 function useShowTools() {
@@ -28,7 +27,7 @@ function useShowTools() {
 function useShowToolsDispatch() {
   return (0, _react.useContext)(DispatchShowTools);
 }
-var ShowTools = function ShowTools(_ref) {
+var ShowTools = exports.ShowTools = function ShowTools(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -40,5 +39,4 @@ var ShowTools = function ShowTools(_ref) {
     })
   });
 };
-exports.ShowTools = ShowTools;
 ShowTools.displayName = 'JVR.ShowTools';

package/cjs/store/Symbols.js

@@ -85,10 +85,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useSymbolsStore = function useSymbolsStore() {
+var useSymbolsStore = exports.useSymbolsStore = function useSymbolsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useSymbolsStore = useSymbolsStore;
 var DispatchSymbols = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchSymbols.displayName = 'JVR.DispatchSymbols';
 function useSymbols() {
@@ -97,7 +96,7 @@ function useSymbols() {
 function useSymbolsDispatch() {
   return (0, _react.useContext)(DispatchSymbols);
 }
-var Symbols = function Symbols(_ref) {
+var Symbols = exports.Symbols = function Symbols(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -109,5 +108,4 @@ var Symbols = function Symbols(_ref) {
     })
   });
 };
-exports.Symbols = Symbols;
 Symbols.displayName = 'JVR.Symbols';

package/cjs/store/Types.d.ts

@@ -5,6 +5,7 @@ type TypesElementProps<T extends TagType = 'span'> = {
     render?: (props: TypesElement<T>, result: {
         type: 'type' | 'value';
         value?: unknown;
+        keyName: string | number;
     }) => React.ReactNode;
     'data-type'?: string;
 };