@uiw/react-json-view 2.0.0-alpha.3 → 2.0.0-alpha.30

package/esm/arrow/TriangleArrow.js

@@ -13,7 +13,7 @@ export function TriangleArrow(props) {
     height: '1em',
     width: '1em',
     userSelect: 'none',
-    display: 'flex'
+    display: 'inline-flex'
   }, style);
   return /*#__PURE__*/_jsx("svg", _extends({
     viewBox: "0 0 24 24",

package/esm/comps/Copied.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
+import { type SectionElementResult } from '../store/Section';
 import { type TagType } from '../store/Types';
 export type CopiedOption<T extends object> = {
     value?: T;
     copied: boolean;
     setCopied: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export interface CopiedProps<T extends object> extends React.SVGProps<SVGSVGElement> {
-    value?: T;
-    keyName: string | number;
+export interface CopiedProps<T extends object> extends React.SVGProps<SVGSVGElement>, SectionElementResult<T> {
     expandKey: string;
 }
 export declare const Copied: {

package/esm/comps/Copied.js

@@ -1,17 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["keyName", "value", "expandKey"],
+var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
   _excluded2 = ["as", "render"];
 import { useState } from 'react';
 import { useStore } from '../store';
-import { useShowToolsStore } from '../store/ShowTools';
 import { useSectionStore } from '../store/Section';
+import { useShowToolsStore } from '../store/ShowTools';
+import { bigIntToString } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Copied = props => {
   var {
       keyName,
       value,
-      expandKey
+      parentValue,
+      expandKey,
+      keys
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   var {
@@ -27,18 +30,40 @@ export var Copied = props => {
   if (enableClipboard === false || !isShowTools) return null;
   var click = event => {
     event.stopPropagation();
-    var copyText = JSON.stringify(value, (key, value) => {
-      if (typeof value === 'bigint') {
-        return value.toString();
+    var copyText = '';
+    if (typeof value === 'number' && value === Infinity) {
+      copyText = 'Infinity';
+    } else if (typeof value === 'number' && isNaN(value)) {
+      copyText = 'NaN';
+    } else if (typeof value === 'bigint') {
+      copyText = bigIntToString(value);
+    } else if (value instanceof Date) {
+      copyText = value.toLocaleString();
+    } else {
+      copyText = JSON.stringify(value, (_, v) => typeof v === 'bigint' ? bigIntToString(v) : v, 2);
+    }
+    onCopied && onCopied(copyText, value);
+    setCopied(true);
+    var _clipboard = navigator.clipboard || {
+      writeText(text) {
+        return new Promise((reslove, reject) => {
+          var textarea = document.createElement('textarea');
+          textarea.style.position = 'absolute';
+          textarea.style.opacity = '0';
+          textarea.style.left = '-99999999px';
+          textarea.value = text;
+          document.body.appendChild(textarea);
+          textarea.select();
+          if (!document.execCommand('copy')) {
+            reject();
+          } else {
+            reslove();
+          }
+          textarea.remove();
+        });
       }
-      return value;
-    }, 2);
-    if (typeof value === 'number' && value === Infinity) copyText = 'Infinity';
-    if (typeof value === 'number' && isNaN(value)) copyText = 'NaN';
-    if (typeof value === 'bigint') copyText = value + 'n';
-    navigator.clipboard.writeText(copyText).then(() => {
-      onCopied && onCopied(copyText, value);
-      setCopied(true);
+    };
+    _clipboard.writeText(copyText).then(() => {
       var timer = setTimeout(() => {
         setCopied(false);
         clearTimeout(timer);
@@ -46,6 +71,9 @@ export var Copied = props => {
     }).catch(error => {});
   };
   var svgProps = {
+    style: {
+      display: 'inline-flex'
+    },
     fill: copied ? 'var(--w-rjv-copied-success-color, #28a745)' : 'var(--w-rjv-copied-color, currentColor)',
     onClick: click
   };
@@ -53,13 +81,17 @@ export var Copied = props => {
       render
     } = Comp,
     reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
-  var elmProps = _extends({}, reset, other, svgProps);
+  var elmProps = _extends({}, reset, other, svgProps, {
+    style: _extends({}, reset.style, other.style, svgProps.style)
+  });
   var isRender = render && typeof render === 'function';
   var child = isRender && render(_extends({}, elmProps, {
     'data-copied': copied
   }), {
     value,
-    keyName
+    keyName,
+    keys,
+    parentValue
   });
   if (child) return child;
   if (copied) {

package/esm/comps/KeyValues.d.ts

@@ -1,7 +1,5 @@
-interface KeyValuesProps<T extends object> {
-    keyName?: string | number;
-    value?: T;
-    parentValue?: T;
+import { type SectionElementResult } from '../store/Section';
+interface KeyValuesProps<T extends object> extends SectionElementResult<T> {
     expandKey?: string;
     level: number;
 }

package/esm/comps/KeyValues.js

@@ -1,30 +1,42 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Fragment, useId, useRef } from 'react';
+import { Fragment, useRef } from 'react';
 import { useStore } from '../store';
 import { useExpandsStore } from '../store/Expands';
 import { useShowToolsDispatch } from '../store/ShowTools';
 import { Value } from './Value';
 import { KeyNameComp } from '../section/KeyName';
+import { RowComp } from '../section/Row';
 import { Container } from '../Container';
 import { Quote, Colon } from '../symbol';
 import { useHighlight } from '../utils/useHighlight';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Copied } from '../comps/Copied';
+import { useIdCompat } from '../comps/useIdCompat';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var KeyValues = props => {
   var _expands$expandKey;
   var {
     value,
     expandKey = '',
-    level
+    level,
+    keys = []
   } = props;
   var expands = useExpandsStore();
   var {
     objectSortKeys,
     indentWidth,
-    collapsed
+    collapsed,
+    shouldExpandNodeInitially
   } = useStore();
   var isMyArray = Array.isArray(value);
-  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+    value,
+    keys,
+    level
+  })) {
+    return null;
+  }
   if (isExpanded) {
     return null;
   }
@@ -36,9 +48,9 @@ export var KeyValues = props => {
       var [b] = _ref2;
       return typeof a === 'string' && typeof b === 'string' ? a.localeCompare(b) : 0;
     }) : entries.sort((_ref3, _ref4) => {
-      var [a] = _ref3;
-      var [b] = _ref4;
-      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b) : 0;
+      var [a, valA] = _ref3;
+      var [b, valB] = _ref4;
+      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b, valA, valB) : 0;
     });
   }
   var style = {
@@ -54,6 +66,7 @@ export var KeyValues = props => {
       return /*#__PURE__*/_jsx(KeyValuesItem, {
         parentValue: value,
         keyName: key,
+        keys: [...keys, key],
         value: val,
         level: level
       }, idx);
@@ -64,6 +77,8 @@ KeyValues.displayName = 'JVR.KeyValues';
 export var KayName = props => {
   var {
     keyName,
+    parentValue,
+    keys,
     value
   } = props;
   var {
@@ -76,21 +91,25 @@ export var KayName = props => {
     highlightUpdates,
     highlightContainer
   });
+  var compProps = {
+    keyName,
+    value,
+    keys,
+    parentValue
+  };
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [/*#__PURE__*/_jsxs("span", {
       ref: highlightContainer,
-      children: [/*#__PURE__*/_jsx(Quote, {
+      children: [/*#__PURE__*/_jsx(Quote, _extends({
         isNumber: isNumber,
         "data-placement": "left"
-      }), /*#__PURE__*/_jsx(KeyNameComp, {
-        keyName: keyName,
-        value: value,
+      }, compProps)), /*#__PURE__*/_jsx(KeyNameComp, _extends({}, compProps, {
         children: keyName
-      }), /*#__PURE__*/_jsx(Quote, {
+      })), /*#__PURE__*/_jsx(Quote, _extends({
         isNumber: isNumber,
         "data-placement": "right"
-      })]
-    }), /*#__PURE__*/_jsx(Colon, {})]
+      }, compProps))]
+    }), /*#__PURE__*/_jsx(Colon, _extends({}, compProps))]
   });
 };
 KayName.displayName = 'JVR.KayName';
@@ -99,10 +118,11 @@ export var KeyValuesItem = props => {
     keyName,
     value,
     parentValue,
-    level = 0
+    level = 0,
+    keys = []
   } = props;
   var dispatch = useShowToolsDispatch();
-  var subkeyid = useId();
+  var subkeyid = useIdCompat();
   var isMyArray = Array.isArray(value);
   var isMySet = value instanceof Set;
   var isMyMap = value instanceof Map;
@@ -117,6 +137,7 @@ export var KeyValuesItem = props => {
       value: myValue,
       parentValue: parentValue,
       initialValue: value,
+      keys: keys,
       level: level + 1
     });
   }
@@ -128,15 +149,26 @@ export var KeyValuesItem = props => {
       [subkeyid]: false
     })
   };
-  return /*#__PURE__*/_jsxs("div", _extends({
-    className: "w-rjv-line"
+  return /*#__PURE__*/_jsxs(RowComp, _extends({
+    className: "w-rjv-line",
+    value: value,
+    keyName: keyName,
+    keys: keys,
+    parentValue: parentValue
   }, reset, {
     children: [/*#__PURE__*/_jsx(KayName, {
       keyName: keyName,
-      value: value
+      value: value,
+      keys: keys,
+      parentValue: parentValue
     }), /*#__PURE__*/_jsx(Value, {
+      keyName: keyName,
+      value: value
+    }), /*#__PURE__*/_jsx(Copied, {
       keyName: keyName,
       value: value,
+      keys: keys,
+      parentValue: parentValue,
       expandKey: subkeyid
     })]
   }));

package/esm/comps/NestedClose.d.ts

@@ -2,6 +2,7 @@ interface NestedCloseProps<T extends object> {
     value?: T;
     expandKey: string;
     level: number;
+    keys?: (string | number)[];
 }
 export declare const NestedClose: {
     <T extends object>(props: NestedCloseProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/esm/comps/NestedClose.js

@@ -7,16 +7,26 @@ export var NestedClose = props => {
   var {
     value,
     expandKey,
-    level
+    level,
+    keys = []
   } = props;
   var expands = useExpandsStore();
   var isArray = Array.isArray(value);
   var {
-    collapsed
+    collapsed,
+    shouldExpandNodeInitially
   } = useStore();
   var isMySet = value instanceof Set;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
   var len = Object.keys(value).length;
+  if (expands[expandKey] === undefined && shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+    value,
+    keys,
+    level
+  })) {
+    return null;
+  }
   if (isExpanded || len === 0) {
     return null;
   }

package/esm/comps/NestedOpen.d.ts

@@ -1,6 +1,5 @@
-export interface NestedOpenProps<T extends object> {
-    keyName?: string | number;
-    value?: T;
+import { type SectionElementResult } from '../store/Section';
+export interface NestedOpenProps<T extends object> extends SectionElementResult<T> {
     initialValue?: T;
     expandKey: string;
     level: number;

package/esm/comps/NestedOpen.js

@@ -8,27 +8,38 @@ import { CountInfoComp } from '../section/CountInfo';
 import { Arrow, BracketsOpen, BracketsClose } from '../symbol';
 import { EllipsisComp } from '../section/Ellipsis';
 import { SetComp, MapComp } from '../types';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var NestedOpen = props => {
   var _expands$expandKey;
   var {
     keyName,
     expandKey,
+    keys = [],
     initialValue,
     value,
+    parentValue,
     level
   } = props;
   var expands = useExpandsStore();
   var dispatchExpands = useExpandsDispatch();
   var {
     onExpand,
-    collapsed
+    collapsed,
+    shouldExpandNodeInitially
   } = useStore();
   var isArray = Array.isArray(value);
   var isMySet = value instanceof Set;
-  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var defaultExpanded = typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
   var isObject = typeof value === 'object';
+  var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : defaultExpanded;
+  var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, {
+    value,
+    keys,
+    level
+  });
+  if (expands[expandKey] === undefined && shouldExpand !== undefined) {
+    isExpanded = shouldExpand;
+  }
   var click = () => {
     var opt = {
       expand: !isExpanded,
@@ -57,26 +68,32 @@ export var NestedOpen = props => {
   if (showArrow) {
     reset.onClick = click;
   }
+  var compProps = {
+    keyName,
+    value,
+    keys,
+    parentValue
+  };
   return /*#__PURE__*/_jsxs("span", _extends({}, reset, {
-    children: [showArrow && /*#__PURE__*/_jsx(Arrow, {
+    children: [showArrow && /*#__PURE__*/_jsx(Arrow, _extends({
       style: arrowStyle,
       expandKey: expandKey
-    }), (keyName || typeof keyName === 'number') && /*#__PURE__*/_jsx(KayName, {
+    }, compProps)), (keyName || typeof keyName === 'number') && /*#__PURE__*/_jsx(KayName, _extends({}, compProps)), /*#__PURE__*/_jsx(SetComp, {
+      value: initialValue,
       keyName: keyName
-    }), /*#__PURE__*/_jsx(SetComp, {
-      value: initialValue
     }), /*#__PURE__*/_jsx(MapComp, {
-      value: initialValue
-    }), /*#__PURE__*/_jsx(BracketsOpen, {
+      value: initialValue,
+      keyName: keyName
+    }), /*#__PURE__*/_jsx(BracketsOpen, _extends({
       isBrackets: isArray || isMySet
-    }), /*#__PURE__*/_jsx(EllipsisComp, {
+    }, compProps)), /*#__PURE__*/_jsx(EllipsisComp, {
       keyName: keyName,
       value: value,
       isExpanded: isExpanded
-    }), /*#__PURE__*/_jsx(BracketsClose, {
+    }), /*#__PURE__*/_jsx(BracketsClose, _extends({
       isVisiable: isExpanded || !showArrow,
       isBrackets: isArray || isMySet
-    }), /*#__PURE__*/_jsx(CountInfoComp, {
+    }, compProps)), /*#__PURE__*/_jsx(CountInfoComp, {
       value: value,
       keyName: keyName
     }), /*#__PURE__*/_jsx(CountInfoExtraComps, {
@@ -85,7 +102,9 @@ export var NestedOpen = props => {
     }), /*#__PURE__*/_jsx(Copied, {
       keyName: keyName,
       value: value,
-      expandKey: expandKey
+      expandKey: expandKey,
+      parentValue: parentValue,
+      keys: keys
     })]
   }));
 };

package/esm/comps/Value.d.ts

@@ -1,8 +1,7 @@
 export declare const isFloat: (n: number) => boolean;
 interface ValueProps {
-    value?: unknown;
+    value: unknown;
     keyName: string | number;
-    expandKey: string;
 }
 export declare const Value: {
     (props: ValueProps): import("react/jsx-runtime").JSX.Element | null;

package/esm/comps/Value.js

@@ -5,12 +5,10 @@ export var isFloat = n => Number(n) === n && n % 1 !== 0 || isNaN(n);
 export var Value = props => {
   var {
     value,
-    keyName,
-    expandKey
+    keyName
   } = props;
   var reset = {
-    keyName,
-    expandKey
+    keyName
   };
   if (value instanceof URL) {
     return /*#__PURE__*/_jsx(TypeUrl, _extends({}, reset, {

package/esm/comps/useIdCompat.d.ts

@@ -0,0 +1 @@
+export declare function useIdCompat(): string;

package/esm/comps/useIdCompat.js

@@ -0,0 +1,8 @@
+import { useRef } from 'react';
+export function useIdCompat() {
+  var idRef = useRef(null);
+  if (idRef.current === null) {
+    idRef.current = 'custom-id-' + Math.random().toString(36).substr(2, 9);
+  }
+  return idRef.current;
+}

package/esm/editor/KeyName.d.ts

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

package/esm/editor/KeyName.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children"],
+  _excluded2 = ["value", "parentValue", "keyName"];
+import { useRef, useState } from 'react';
+import { useStore } from './store';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var KeyNameRender = (_ref, _ref2) => {
+  var {
+      children
+    } = _ref,
+    reset = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var {
+    value,
+    parentValue,
+    keyName
+  } = _ref2;
+  if (typeof children === 'number') {
+    return /*#__PURE__*/_jsx("span", _extends({}, reset, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/_jsx(Child, _extends({}, reset, {
+    value: value,
+    parentValue: parentValue,
+    keyName: keyName,
+    children: children
+  }));
+};
+var Child = props => {
+  var {
+      value,
+      keyName
+    } = props,
+    reset = _objectWithoutPropertiesLoose(props, _excluded2);
+  var $dom = useRef(null);
+  var [currentValue, setCurrentValue] = useState(props.children);
+  var {
+    onEdit
+  } = useStore();
+  var onKeyDown = evn => {
+    if (evn.key === 'Enter') {
+      var _$dom$current;
+      (_$dom$current = $dom.current) == null || _$dom$current.setAttribute('contentEditable', 'false');
+    }
+  };
+  var onClick = evn => {
+    var _$dom$current2, _$dom$current3;
+    evn.stopPropagation();
+    (_$dom$current2 = $dom.current) == null || _$dom$current2.setAttribute('contentEditable', 'true');
+    (_$dom$current3 = $dom.current) == null || _$dom$current3.focus();
+  };
+  var onBlur = evn => {
+    var _$dom$current4;
+    (_$dom$current4 = $dom.current) == null || _$dom$current4.setAttribute('contentEditable', 'false');
+    var callback = onEdit && onEdit({
+      value: evn.target.textContent,
+      oldValue: value,
+      keyName
+    });
+    if (callback) {
+      setCurrentValue(evn.target.textContent);
+    }
+  };
+  var spanProps = _extends({}, reset, {
+    onKeyDown,
+    onClick,
+    onBlur,
+    spellCheck: false,
+    contentEditable: 'false',
+    suppressContentEditableWarning: true,
+    children: currentValue
+  });
+  return /*#__PURE__*/_jsx("span", _extends({}, spanProps, {
+    ref: $dom
+  }));
+};

package/esm/editor/index.d.ts

@@ -0,0 +1,18 @@
+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/esm/editor/index.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "onEdit", "editable"];
+import { forwardRef } from 'react';
+import JsonView from '../';
+import { KeyNameRender } from './KeyName';
+import { Context, Dispatch, useStoreReducer } from './store';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var JsonViewEditor = /*#__PURE__*/forwardRef((props, ref) => {
+  var {
+      children,
+      onEdit,
+      editable = true
+    } = props,
+    reset = _objectWithoutPropertiesLoose(props, _excluded);
+  var [state, dispatch] = useStoreReducer({
+    onEdit
+  });
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: state,
+    children: /*#__PURE__*/_jsx(Dispatch.Provider, {
+      value: dispatch,
+      children: /*#__PURE__*/_jsxs(JsonView, _extends({}, reset, {
+        shortenTextAfterLength: 0,
+        ref: ref,
+        children: [editable && /*#__PURE__*/_jsx(JsonView.KeyName, {
+          render: KeyNameRender
+        }), children]
+      }))
+    })
+  });
+});
+export default JsonViewEditor;

package/esm/editor/store.d.ts

@@ -0,0 +1,27 @@
+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;
+        parentName?: string | number;
+        type?: "value" | "key";
+    }) => boolean;
+}, import("react").Dispatch<InitialState>];
+export {};

package/esm/editor/store.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { createContext, useContext, useReducer } from 'react';
+var initialState = {};
+export var Context = /*#__PURE__*/createContext(initialState);
+var reducer = (state, action) => _extends({}, state, action);
+export var Dispatch = /*#__PURE__*/createContext(() => {});
+Dispatch.displayName = 'JVR.Editor.Dispatch';
+export var useStore = () => {
+  return useContext(Context);
+};
+export function useStoreReducer(initialState) {
+  return useReducer(reducer, initialState);
+}