@uiw/react-json-view 2.0.0-alpha.16 → 2.0.0-alpha.18

package/basic.d.ts

@@ -0,0 +1,3 @@
+declare module '@uiw/react-json-view/basic' {
+  export const basicTheme: import('react').CSSProperties;
+}

package/cjs/Container.js

@@ -48,13 +48,17 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
       expandKey: subkeyid,
       value: value,
       level: level,
+      keys: keys,
+      parentValue: parentValue,
       keyName: keyName,
       initialValue: initialValue
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyValues.KeyValues, {
       expandKey: subkeyid,
       value: value,
       level: level,
-      keys: keys
+      keys: keys,
+      parentValue: parentValue,
+      keyName: keyName
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NestedClose.NestedClose, {
       expandKey: subkeyid,
       value: value,

package/cjs/comps/Copied.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
 import { type TagType } from '../store/Types';
+import { type SectionElementResult } from '../store/Section';
 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/cjs/comps/Copied.js

@@ -13,12 +13,14 @@ var _store = require("../store");
 var _ShowTools = require("../store/ShowTools");
 var _Section = require("../store/Section");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["keyName", "value", "expandKey"],
+var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
   _excluded2 = ["as", "render"];
 var Copied = exports.Copied = function Copied(props) {
   var keyName = props.keyName,
     value = props.value,
+    parentValue = props.parentValue,
     expandKey = props.expandKey,
+    keys = props.keys,
     other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useStore = (0, _store.useStore)(),
     onCopied = _useStore.onCopied,
@@ -74,7 +76,9 @@ var Copied = exports.Copied = function Copied(props) {
     'data-copied': copied
   }), {
     value: value,
-    keyName: keyName
+    keyName: keyName,
+    keys: keys,
+    parentValue: parentValue
   });
   if (child) return child;
   if (copied) {

package/cjs/comps/KeyValues.js

@@ -20,6 +20,7 @@ var _Row = require("../section/Row");
 var _Container = require("../Container");
 var _symbol = require("../symbol");
 var _useHighlight = require("../utils/useHighlight");
+var _Copied = require("../comps/Copied");
 var _jsxRuntime = require("react/jsx-runtime");
 var KeyValues = exports.KeyValues = function KeyValues(props) {
   var _expands$expandKey;
@@ -86,6 +87,7 @@ KeyValues.displayName = 'JVR.KeyValues';
 var KayName = exports.KayName = function KayName(props) {
   var keyName = props.keyName,
     parentValue = props.parentValue,
+    keys = props.keys,
     value = props.value;
   var _useStore2 = (0, _store.useStore)(),
     highlightUpdates = _useStore2.highlightUpdates;
@@ -105,6 +107,7 @@ var KayName = exports.KayName = function KayName(props) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyName.KeyNameComp, {
         keyName: keyName,
         value: value,
+        keys: keys,
         parentValue: parentValue,
         children: keyName
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.Quote, {
@@ -161,10 +164,16 @@ var KeyValuesItem = exports.KeyValuesItem = function KeyValuesItem(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(KayName, {
       keyName: keyName,
       value: value,
+      keys: keys,
       parentValue: parentValue
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Value.Value, {
+      keyName: keyName,
+      value: value
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
       keyName: keyName,
       value: value,
+      keys: keys,
+      parentValue: parentValue,
       expandKey: subkeyid
     })]
   }));

package/cjs/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/cjs/comps/NestedOpen.js

@@ -22,8 +22,10 @@ var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
   var _expands$expandKey;
   var keyName = props.keyName,
     expandKey = props.expandKey,
+    keys = props.keys,
     initialValue = props.initialValue,
     value = props.value,
+    parentValue = props.parentValue,
     level = props.level;
   var expands = (0, _Expands.useExpandsStore)();
   var dispatchExpands = (0, _Expands.useExpandsDispatch)();
@@ -90,7 +92,9 @@ var NestedOpen = exports.NestedOpen = function NestedOpen(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
       keyName: keyName,
       value: value,
-      expandKey: expandKey
+      expandKey: expandKey,
+      parentValue: parentValue,
+      keys: keys
     })]
   }));
 };

package/cjs/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/cjs/comps/Value.js

@@ -13,11 +13,9 @@ var isFloat = exports.isFloat = function isFloat(n) {
 };
 var Value = exports.Value = function Value(props) {
   var value = props.value,
-    keyName = props.keyName,
-    expandKey = props.expandKey;
+    keyName = props.keyName;
   var reset = {
-    keyName: keyName,
-    expandKey: expandKey
+    keyName: keyName
   };
   if (value instanceof URL) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_types.TypeUrl, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {

package/cjs/editor/KeyName.d.ts

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

package/cjs/section/CountInfo.d.ts

@@ -10,6 +10,6 @@ export interface CountInfoCompProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoComp: {
-    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/cjs/section/Row.d.ts

@@ -9,6 +9,6 @@ export declare const Row: {
 export interface RowCompProps<T extends object> extends React.HTMLAttributes<HTMLDivElement>, SectionElementResult<T> {
 }
 export declare const RowComp: {
-    <T extends object>(props: import("react").PropsWithChildren<RowCompProps<T>>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    <T extends object>(props: React.PropsWithChildren<RowCompProps<T>>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/cjs/store.d.ts

@@ -25,7 +25,7 @@ export interface ProviderProps<T extends TagType> {
     initialTypes?: InitialTypesState<T>;
 }
 export declare const Provider: {
-    <T extends TagType>({ children, initialState: init, initialTypes, }: React.PropsWithChildren<ProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
+    <T extends TagType>({ children, initialState: init, initialTypes, }: PropsWithChildren<ProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare function useDispatch(): Dispatch;

package/cjs/types/index.d.ts

@@ -8,7 +8,6 @@ export declare const MapComp: FC<PropsWithChildren<{
     keyName: string | number;
 }>>;
 type TypeProps = PropsWithChildren<{
-    expandKey: string;
     keyName: string | number;
 }>;
 export declare const TypeString: FC<TypeProps>;

package/cjs/types/index.js

@@ -12,7 +12,6 @@ var _react = require("react");
 var _Types = require("../store/Types");
 var _store = require("../store");
 var _symbol = require("../symbol");
-var _Copied = require("../comps/Copied");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "render"],
   _excluded2 = ["as", "render"],
@@ -80,7 +79,6 @@ var defalutStyle = {
 var TypeString = exports.TypeString = function TypeString(_ref3) {
   var _ref3$children = _ref3.children,
     children = _ref3$children === void 0 ? '' : _ref3$children,
-    expandKey = _ref3.expandKey,
     keyName = _ref3.keyName;
   var _useTypesStore3 = (0, _Types.useTypesStore)(),
     _useTypesStore3$Str = _useTypesStore3.Str,
@@ -137,17 +135,12 @@ var TypeString = exports.TypeString = function TypeString(_ref3) {
         className: "w-rjv-value",
         children: text
       })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {})]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
     })]
   });
 };
 TypeString.displayName = 'JVR.TypeString';
 var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
   var children = _ref4.children,
-    expandKey = _ref4.expandKey,
     keyName = _ref4.keyName;
   var _useTypesStore4 = (0, _Types.useTypesStore)(),
     _useTypesStore4$True = _useTypesStore4.True,
@@ -180,17 +173,12 @@ var TypeTrue = exports.TypeTrue = function TypeTrue(_ref4) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: children === null || children === void 0 ? void 0 : children.toString()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeTrue.displayName = 'JVR.TypeTrue';
 var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
   var children = _ref5.children,
-    expandKey = _ref5.expandKey,
     keyName = _ref5.keyName;
   var _useTypesStore5 = (0, _Types.useTypesStore)(),
     _useTypesStore5$False = _useTypesStore5.False,
@@ -223,17 +211,12 @@ var TypeFalse = exports.TypeFalse = function TypeFalse(_ref5) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: children === null || children === void 0 ? void 0 : children.toString()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeFalse.displayName = 'JVR.TypeFalse';
 var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
   var children = _ref6.children,
-    expandKey = _ref6.expandKey,
     keyName = _ref6.keyName;
   var _useTypesStore6 = (0, _Types.useTypesStore)(),
     _useTypesStore6$Float = _useTypesStore6.Float,
@@ -266,17 +249,12 @@ var TypeFloat = exports.TypeFloat = function TypeFloat(_ref6) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: children === null || children === void 0 ? void 0 : children.toString()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeFloat.displayName = 'JVR.TypeFloat';
 var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
   var children = _ref7.children,
-    expandKey = _ref7.expandKey,
     keyName = _ref7.keyName;
   var _useTypesStore7 = (0, _Types.useTypesStore)(),
     _useTypesStore7$Int = _useTypesStore7.Int,
@@ -309,17 +287,12 @@ var TypeInt = exports.TypeInt = function TypeInt(_ref7) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: children === null || children === void 0 ? void 0 : children.toString()
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeInt.displayName = 'JVR.TypeInt';
 var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
   var children = _ref8.children,
-    expandKey = _ref8.expandKey,
     keyName = _ref8.keyName;
   var _useTypesStore8 = (0, _Types.useTypesStore)(),
     _useTypesStore8$Bigin = _useTypesStore8.Bigint,
@@ -352,17 +325,12 @@ var TypeBigint = exports.TypeBigint = function TypeBigint(_ref8) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: (children === null || children === void 0 ? void 0 : children.toString()) + 'n'
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeBigint.displayName = 'JVR.TypeFloat';
 var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
   var children = _ref9.children,
-    expandKey = _ref9.expandKey,
     keyName = _ref9.keyName;
   var _useTypesStore9 = (0, _Types.useTypesStore)(),
     _useTypesStore9$Url = _useTypesStore9.Url,
@@ -398,17 +366,12 @@ var TypeUrl = exports.TypeUrl = function TypeUrl(_ref9) {
     }, reset), {}, {
       className: "w-rjv-value",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {}), children === null || children === void 0 ? void 0 : children.href, /*#__PURE__*/(0, _jsxRuntime.jsx)(_symbol.ValueQuote, {})]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeUrl.displayName = 'JVR.TypeUrl';
 var TypeDate = exports.TypeDate = function TypeDate(_ref10) {
   var children = _ref10.children,
-    expandKey = _ref10.expandKey,
     keyName = _ref10.keyName;
   var _useTypesStore10 = (0, _Types.useTypesStore)(),
     _useTypesStore10$Date = _useTypesStore10.Date,
@@ -442,17 +405,12 @@ var TypeDate = exports.TypeDate = function TypeDate(_ref10) {
     }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       className: "w-rjv-value",
       children: childStr
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeDate.displayName = 'JVR.TypeDate';
 var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref11) {
   var children = _ref11.children,
-    expandKey = _ref11.expandKey,
     keyName = _ref11.keyName;
   var _useTypesStore11 = (0, _Types.useTypesStore)(),
     _useTypesStore11$Unde = _useTypesStore11.Undefined,
@@ -482,17 +440,12 @@ var TypeUndefined = exports.TypeUndefined = function TypeUndefined(_ref11) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       style: style
-    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))), child]
   });
 };
 TypeUndefined.displayName = 'JVR.TypeUndefined';
 var TypeNull = exports.TypeNull = function TypeNull(_ref12) {
   var children = _ref12.children,
-    expandKey = _ref12.expandKey,
     keyName = _ref12.keyName;
   var _useTypesStore12 = (0, _Types.useTypesStore)(),
     _useTypesStore12$Null = _useTypesStore12.Null,
@@ -522,17 +475,12 @@ var TypeNull = exports.TypeNull = function TypeNull(_ref12) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       style: style
-    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))), child]
   });
 };
 TypeNull.displayName = 'JVR.TypeNull';
 var TypeNan = exports.TypeNan = function TypeNan(_ref13) {
   var children = _ref13.children,
-    expandKey = _ref13.expandKey,
     keyName = _ref13.keyName;
   var _useTypesStore13 = (0, _Types.useTypesStore)(),
     _useTypesStore13$Nan = _useTypesStore13.Nan,
@@ -562,11 +510,7 @@ var TypeNan = exports.TypeNan = function TypeNan(_ref13) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
       style: style
-    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))), child]
   });
 };
 TypeNan.displayName = 'JVR.TypeNan';

package/esm/Container.js

@@ -11,6 +11,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Container = /*#__PURE__*/forwardRef((props, ref) => {
   var {
       className = '',
+      parentValue,
       level = 1,
       value,
       initialValue,
@@ -37,13 +38,17 @@ export var Container = /*#__PURE__*/forwardRef((props, ref) => {
       expandKey: subkeyid,
       value: value,
       level: level,
+      keys: keys,
+      parentValue: parentValue,
       keyName: keyName,
       initialValue: initialValue
     }), /*#__PURE__*/_jsx(KeyValues, {
       expandKey: subkeyid,
       value: value,
       level: level,
-      keys: keys
+      keys: keys,
+      parentValue: parentValue,
+      keyName: keyName
     }), /*#__PURE__*/_jsx(NestedClose, {
       expandKey: subkeyid,
       value: value,

package/esm/comps/Copied.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
 import { type TagType } from '../store/Types';
+import { type SectionElementResult } from '../store/Section';
 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,6 +1,6 @@
 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';
@@ -11,7 +11,9 @@ export var Copied = props => {
   var {
       keyName,
       value,
-      expandKey
+      parentValue,
+      expandKey,
+      keys
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   var {
@@ -67,7 +69,9 @@ export var Copied = props => {
     'data-copied': copied
   }), {
     value,
-    keyName
+    keyName,
+    keys,
+    parentValue
   });
   if (child) return child;
   if (copied) {

package/esm/comps/KeyValues.js

@@ -9,6 +9,7 @@ import { RowComp } from '../section/Row';
 import { Container } from '../Container';
 import { Quote, Colon } from '../symbol';
 import { useHighlight } from '../utils/useHighlight';
+import { Copied } from '../comps/Copied';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var KeyValues = props => {
@@ -68,6 +69,7 @@ export var KayName = props => {
   var {
     keyName,
     parentValue,
+    keys,
     value
   } = props;
   var {
@@ -89,6 +91,7 @@ export var KayName = props => {
       }), /*#__PURE__*/_jsx(KeyNameComp, {
         keyName: keyName,
         value: value,
+        keys: keys,
         parentValue: parentValue,
         children: keyName
       }), /*#__PURE__*/_jsx(Quote, {
@@ -145,10 +148,16 @@ export var KeyValuesItem = props => {
     children: [/*#__PURE__*/_jsx(KayName, {
       keyName: keyName,
       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/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

@@ -15,8 +15,10 @@ export var NestedOpen = props => {
   var {
     keyName,
     expandKey,
+    keys,
     initialValue,
     value,
+    parentValue,
     level
   } = props;
   var expands = useExpandsStore();
@@ -87,7 +89,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/editor/KeyName.d.ts

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

package/esm/section/CountInfo.d.ts

@@ -10,6 +10,6 @@ export interface CountInfoCompProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoComp: {
-    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/esm/section/Row.d.ts

@@ -9,6 +9,6 @@ export declare const Row: {
 export interface RowCompProps<T extends object> extends React.HTMLAttributes<HTMLDivElement>, SectionElementResult<T> {
 }
 export declare const RowComp: {
-    <T extends object>(props: import("react").PropsWithChildren<RowCompProps<T>>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    <T extends object>(props: React.PropsWithChildren<RowCompProps<T>>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/esm/store.d.ts

@@ -25,7 +25,7 @@ export interface ProviderProps<T extends TagType> {
     initialTypes?: InitialTypesState<T>;
 }
 export declare const Provider: {
-    <T extends TagType>({ children, initialState: init, initialTypes, }: React.PropsWithChildren<ProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
+    <T extends TagType>({ children, initialState: init, initialTypes, }: PropsWithChildren<ProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare function useDispatch(): Dispatch;

package/esm/types/index.d.ts

@@ -8,7 +8,6 @@ export declare const MapComp: FC<PropsWithChildren<{
     keyName: string | number;
 }>>;
 type TypeProps = PropsWithChildren<{
-    expandKey: string;
     keyName: string | number;
 }>;
 export declare const TypeString: FC<TypeProps>;

package/esm/types/index.js

@@ -17,7 +17,6 @@ import { Fragment, useEffect, useState } from 'react';
 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 => {
@@ -81,7 +80,6 @@ var defalutStyle = {
 export var TypeString = _ref3 => {
   var {
     children = '',
-    expandKey,
     keyName
   } = _ref3;
   var {
@@ -136,10 +134,6 @@ export var TypeString = _ref3 => {
         className: "w-rjv-value",
         children: text
       })), /*#__PURE__*/_jsx(ValueQuote, {})]
-    }), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
     })]
   });
 };
@@ -147,7 +141,6 @@ TypeString.displayName = 'JVR.TypeString';
 export var TypeTrue = _ref4 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref4;
   var {
@@ -183,18 +176,13 @@ export var TypeTrue = _ref4 => {
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
       children: children == null ? void 0 : children.toString()
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeTrue.displayName = 'JVR.TypeTrue';
 export var TypeFalse = _ref5 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref5;
   var {
@@ -230,18 +218,13 @@ export var TypeFalse = _ref5 => {
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
       children: children == null ? void 0 : children.toString()
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeFalse.displayName = 'JVR.TypeFalse';
 export var TypeFloat = _ref6 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref6;
   var {
@@ -277,18 +260,13 @@ export var TypeFloat = _ref6 => {
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
       children: children == null ? void 0 : children.toString()
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeFloat.displayName = 'JVR.TypeFloat';
 export var TypeInt = _ref7 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref7;
   var {
@@ -324,18 +302,13 @@ export var TypeInt = _ref7 => {
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
       children: children == null ? void 0 : children.toString()
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeInt.displayName = 'JVR.TypeInt';
 export var TypeBigint = _ref8 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref8;
   var {
@@ -371,18 +344,13 @@ export var TypeBigint = _ref8 => {
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
       children: (children == null ? void 0 : children.toString()) + 'n'
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeBigint.displayName = 'JVR.TypeFloat';
 export var TypeUrl = _ref9 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref9;
   var {
@@ -421,18 +389,13 @@ export var TypeUrl = _ref9 => {
     }, reset, {
       className: "w-rjv-value",
       children: [/*#__PURE__*/_jsx(ValueQuote, {}), children == null ? void 0 : children.href, /*#__PURE__*/_jsx(ValueQuote, {})]
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeUrl.displayName = 'JVR.TypeUrl';
 export var TypeDate = _ref10 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref10;
   var {
@@ -469,18 +432,13 @@ export var TypeDate = _ref10 => {
     }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       className: "w-rjv-value",
       children: childStr
-    })), /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))]
   });
 };
 TypeDate.displayName = 'JVR.TypeDate';
 export var TypeUndefined = _ref11 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref11;
   var {
@@ -513,18 +471,13 @@ export var TypeUndefined = _ref11 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child, /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))), child]
   });
 };
 TypeUndefined.displayName = 'JVR.TypeUndefined';
 export var TypeNull = _ref12 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref12;
   var {
@@ -557,18 +510,13 @@ export var TypeNull = _ref12 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child, /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))), child]
   });
 };
 TypeNull.displayName = 'JVR.TypeNull';
 export var TypeNan = _ref13 => {
   var {
     children,
-    expandKey,
     keyName
   } = _ref13;
   var {
@@ -601,11 +549,7 @@ export var TypeNan = _ref13 => {
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
       style: style
-    }))), child, /*#__PURE__*/_jsx(Copied, {
-      keyName: keyName,
-      value: children,
-      expandKey: expandKey
-    })]
+    }))), child]
   });
 };
 TypeNan.displayName = 'JVR.TypeNan';

package/githubDark.d.ts

@@ -0,0 +1,3 @@
+declare module '@uiw/react-json-view/githubDark' {
+  export const githubDarkTheme: import('react').CSSProperties;
+}

package/githubLight.d.ts

@@ -0,0 +1,3 @@
+declare module '@uiw/react-json-view/githubLight' {
+  export const githubLightTheme: import('react').CSSProperties;
+}

package/gruvbox.d.ts

@@ -0,0 +1,3 @@
+declare module '@uiw/react-json-view/gruvbox' {
+  export const gruvboxTheme: import('react').CSSProperties;
+}

package/monokai.d.ts

@@ -0,0 +1,3 @@
+declare module '@uiw/react-json-view/monokai' {
+  export const monokaiTheme: import('react').CSSProperties;
+}

package/nord.d.ts

@@ -0,0 +1,3 @@
+declare module '@uiw/react-json-view/nord' {
+  export const nordTheme: import('react').CSSProperties;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.18",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -86,9 +86,15 @@
     "react-dom": ">=18.0.0"
   },
   "files": [
-    "editor.d.ts",
+    "basic.d.ts",
     "dark.d.ts",
+    "editor.d.ts",
+    "githubDark.d.ts",
+    "githubLight.d.ts",
+    "gruvbox.d.ts",
     "light.d.ts",
+    "monokai.d.ts",
+    "nord.d.ts",
     "triangle-arrow.d.ts",
     "triangle-solid-arrow.d.ts",
     "cjs",