@uiw/react-json-view 1.6.0 → 1.7.1

package/cjs/node.js

@@ -15,7 +15,7 @@ var _value = require("./value");
 var _TriangleArrow = require("./arrow/TriangleArrow");
 var _store = require("./store");
 var _semicolon = require("./semicolon");
-var _tools = require("./tools");
+var _copied = require("./copied");
 var _ellipsis = require("./comps/ellipsis");
 var _meta = require("./comps/meta");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -126,14 +126,21 @@ function RooNode(props) {
       return setShowTools(false);
     };
   }
-  var nameKeys = isArray ? Object.keys(value).map(function (m) {
+  var _useState3 = (0, _react.useState)(value),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    valueData = _useState4[0],
+    setValueData = _useState4[1];
+  (0, _react.useEffect)(function () {
+    return setValueData(value);
+  }, [value]);
+  var nameKeys = isArray ? Object.keys(valueData).map(function (m) {
     return Number(m);
-  }) : Object.keys(value);
+  }) : Object.keys(valueData);
 
   // object
-  var entries = isArray ? Object.entries(value).map(function (m) {
+  var entries = isArray ? Object.entries(valueData).map(function (m) {
     return [Number(m[0]), m[1]];
-  }) : Object.entries(value);
+  }) : Object.entries(valueData);
   if (objectSortKeys) {
     entries = objectSortKeys === true ? entries.sort(function (_ref2, _ref3) {
       var _ref4 = (0, _slicedToArray2["default"])(_ref2, 1),
@@ -170,7 +177,7 @@ function RooNode(props) {
       onClick: handle,
       children: [arrowView, (typeof keyName === 'string' || typeof keyName === 'number') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_semicolon.Semicolon, {
-          value: value,
+          value: valueData,
           quotes: quotes,
           "data-keys": keyid,
           render: components.objectKey,
@@ -191,12 +198,18 @@ function RooNode(props) {
         isArray: isArray,
         level: level,
         render: components.braces
-      }), displayObjectSize && countInfo, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tools.Tools, {
-        value: value,
-        enableClipboard: enableClipboard,
+      }), displayObjectSize && countInfo, components.countInfoExtra && components.countInfoExtra({
+        count: nameKeys.length,
+        level: level,
+        showTools: showTools,
+        visible: expand,
+        value: valueData,
+        setValue: setValueData
+      }), enableClipboard && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copied.Copied, {
+        show: showTools,
+        text: valueData,
         onCopied: onCopied,
-        components: components,
-        showTools: showTools
+        render: components === null || components === void 0 ? void 0 : components.copied
       })]
     }), expand && /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Line, {
       className: "w-rjv-content",

package/cjs/semicolon.d.ts

@@ -1,6 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
-import { LabelProps } from './value';
-import { JsonViewProps } from './';
+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;

package/cjs/value.d.ts

@@ -1,6 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
-import { MetaProps } from './comps/meta';
-import { JsonViewProps } from './';
+import type { FC, PropsWithChildren } from 'react';
+import type { MetaProps } from './comps/meta';
+import type { JsonViewProps } from './';
 export declare const Line: FC<PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>>;
 export declare const isFloat: (n: number) => boolean;
 export declare const typeMap: {

package/editor.d.ts

@@ -2,6 +2,7 @@
 
 declare module '@uiw/react-json-view/editor' {
   import { JsonViewProps } from '@uiw/react-json-view';
+  import type { CountInfoExtraProps } from '@uiw/react-json-view/cjs/editor/countInfoExtra';
   type Option = {
       value: string;
       prevValue: string;
@@ -9,7 +10,21 @@ declare module '@uiw/react-json-view/editor' {
   };
 
   export interface JsonViewEditorProps<T extends object> extends JsonViewProps<T> {
-    onEdit?: (option: Option) => void;
+    /** Callback when value edit functionality */
+    onEdit?: (option: {
+        value: unknown;
+        oldValue: unknown;
+        keyName?: string | number;
+        parentName?: string | number;
+        type?: 'value' | 'key';
+    }) => void;
+    /**
+     * When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed.
+     * @returns {boolean} Returning false from onAdd will prevent the change from being made.
+     */
+    onAdd?: CountInfoExtraProps<T>['onAdd'];
+    /** Whether enable edit feature. @default true */
+    editable?: boolean;
   }
   const JsonViewEditor: import("react").ForwardRefExoticComponent<Omit<JsonViewEditorProps<object>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   export default JsonViewEditor;

package/esm/editor/countInfoExtra.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { CountInfoProps } from '../';
+export interface CountInfoExtraProps<T> extends Partial<CountInfoProps> {
+    editable: boolean;
+    showTools: boolean;
+    value: T;
+    setValue?: React.Dispatch<React.SetStateAction<T>>;
+    /**
+     * When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed.
+     * @returns {boolean} Returning false from onAdd will prevent the change from being made.
+     */
+    onAdd?: (keyOrValue: string, newValue: T, value: T, isAdd: boolean) => boolean;
+}
+export declare function CountInfoExtra<T extends object>(props: CountInfoExtraProps<T>): import("react/jsx-runtime").JSX.Element | null | undefined;

package/esm/editor/countInfoExtra.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { AddIcon } from './icon/add';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CountInfoExtra(props) {
+  var {
+    visible,
+    showTools,
+    editable,
+    value,
+    setValue,
+    onAdd
+  } = props;
+  if (!visible || !showTools) return null;
+  var click = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(function* (event) {
+      event.stopPropagation();
+      var keyOrValue = 'AddKeyOrValue';
+      var isArray = Array.isArray(value);
+      var isAdd = isArray ? true : !(keyOrValue in value);
+      var result = isArray ? [...value, keyOrValue] : _extends({}, value, {
+        [keyOrValue]: undefined
+      });
+      if (onAdd) {
+        var maybeAdd = yield onAdd(keyOrValue, result, props.value, isAdd);
+        if (maybeAdd) {
+          setValue(result);
+        }
+      }
+    });
+    return function click(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var svgProps = {
+    onClick: click
+  };
+  if (!editable || !onAdd) return;
+  return /*#__PURE__*/_jsx(AddIcon, _extends({}, svgProps));
+}

package/esm/editor/icon/add.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export interface AddIconProps extends React.SVGAttributes<SVGElement> {
+}
+export declare const AddIcon: (props: AddIconProps) => import("react/jsx-runtime").JSX.Element;

package/esm/editor/icon/add.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var AddIcon = props => {
+  var {
+    style
+  } = props;
+  var defaultStyle = {
+    verticalAlign: 'middle',
+    display: 'inline-block',
+    cursor: 'pointer',
+    marginLeft: 5,
+    height: '1em',
+    width: '1em'
+  };
+  return /*#__PURE__*/_jsx("svg", _extends({
+    viewBox: "0 0 20 20",
+    fill: "var(--w-rjv-add-color, currentColor)"
+  }, props, {
+    style: _extends({}, style, defaultStyle),
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M14.1970498,0 L5.81288651,0 C2.17107809,0 0,2.17 0,5.81 L0,14.18 C0,17.83 2.17107809,20 5.81288651,20 L14.1870449,20 C17.8288533,20 19.9999658,17.83 19.9999658,14.19 L19.9999658,5.81 C20.0099363,2.17 17.8388583,0 14.1970498,0 Z M16.0079491,10.75 L10.7553408,10.75 L10.7553408,16 C10.7553408,16.41 10.4151719,16.75 10.0049682,16.75 C9.59476448,16.75 9.25459556,16.41 9.25459556,16 L9.25459556,10.75 L4.00198727,10.75 C3.59178357,10.75 3.25161466,10.41 3.25161466,10 C3.25161466,9.59 3.59178357,9.25 4.00198727,9.25 L9.25459556,9.25 L9.25459556,4 C9.25459556,3.59 9.59476448,3.25 10.0049682,3.25 C10.4151719,3.25 10.7553408,3.59 10.7553408,4 L10.7553408,9.25 L16.0079491,9.25 C16.4181528,9.25 16.7583217,9.59 16.7583217,10 C16.7583217,10.41 16.4181528,10.75 16.0079491,10.75 Z"
+    })
+  }));
+};

package/esm/editor/index.d.ts

@@ -1,14 +1,23 @@
 /// <reference types="react" />
-import { JsonViewProps } from '../';
+import type { JsonViewProps } from '../';
+import type { CountInfoExtraProps } from './countInfoExtra';
 export interface JsonViewEditorProps<T extends object> extends JsonViewProps<T> {
-    /** Callback when value edit functionality */
+    /**
+     * 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';
-    }) => void;
+    }) => boolean;
+    /**
+     * When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed.
+     * @returns {boolean} Returning false from onAdd will prevent the change from being made.
+     */
+    onAdd?: CountInfoExtraProps<T>['onAdd'];
     /** Whether enable edit feature. @default true */
     editable?: boolean;
 }

package/esm/editor/index.js

@@ -1,20 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["onEdit", "components", "editable", "displayDataTypes"];
+var _excluded = ["onEdit", "components", "editable", "displayDataTypes", "onAdd"];
 import { forwardRef } from 'react';
 import JsonView from '../';
 import { ObjectKey } from './objectKey';
 import { ReValue } from './value';
+import { CountInfoExtra } from './countInfoExtra';
 import { jsx as _jsx } from "react/jsx-runtime";
 var JsonViewEditor = /*#__PURE__*/forwardRef((props, ref) => {
   var {
       onEdit,
       components,
       editable = true,
-      displayDataTypes = true
+      displayDataTypes = true,
+      onAdd
     } = props,
     reset = _objectWithoutPropertiesLoose(props, _excluded);
   var comps = _extends({}, components, {
+    countInfoExtra: reprops => /*#__PURE__*/_jsx(CountInfoExtra, _extends({}, reprops, {
+      editable: editable,
+      onAdd: onAdd
+    })),
     objectKey: reprops => /*#__PURE__*/_jsx(ObjectKey, _extends({}, reprops, {
       editableValue: editable,
       onEdit: onEdit,

package/esm/editor/objectKey.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { SemicolonProps } from '../semicolon';
-import { JsonViewEditorProps } from './';
+import type { SemicolonProps } from '../semicolon';
+import type { JsonViewEditorProps } from './';
 export interface ObjectKeyProps<T extends object> extends SemicolonProps {
     onEdit?: JsonViewEditorProps<T>['onEdit'];
     render?: (props: SemicolonProps & {

package/esm/editor/value.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TypeProps } from '../value';
-import { JsonViewEditorProps } from './';
+import type { JsonViewEditorProps } from './';
 export interface ReValueProps<T extends object> extends React.HTMLAttributes<HTMLSpanElement> {
     onEdit?: JsonViewEditorProps<T>['onEdit'];
     quotes?: JsonViewEditorProps<T>['quotes'];

package/esm/editor/value.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["type", "value", "keyName", "visible", "quotes", "style", "children", "displayDataTypes", "editableValue", "onEdit"];
 import { Fragment, useEffect, useRef, useState } from 'react';
@@ -55,51 +56,68 @@ export function ReValue(props) {
       $edit.current.contentEditable = 'false';
     }
   };
-  var blur = () => {
-    if (!editableValue) return;
-    setEditable(false);
-    if ($edit.current) {
-      $edit.current.contentEditable = 'false';
-      var text = $edit.current.innerText;
-      if (curentType === 'number' || curentType === 'float') {
-        text = Number(text);
-        setCurentType(isFloat(text) ? 'float' : 'number');
-      }
-      if (curentType === 'url' && typeof text === 'string') {
-        text = new URL(text);
-      }
-      if (Number.isNaN(text)) {
-        setCurentType('number');
-      }
-      if (typeof text === 'string' && /^(true|false)$/ig.test(text)) {
-        text = /^(true)$/ig.test(text) ? true : false;
-        setCurentType('boolean');
-      } else if (typeof text === 'string' && /^[\d]+n$/ig.test(text)) {
-        text = BigInt(text.replace(/n$/ig, ''));
-        setCurentType('bigint');
-      } else if (typeof text === 'string' && /^(null)$/ig.test(text)) {
-        text = null;
-        setCurentType('null');
-      } else if (typeof text === 'string' && /^(undefined)$/ig.test(text)) {
-        text = undefined;
-        setCurentType('undefined');
-      } else if (typeof text === 'string') {
-        try {
-          var dt = new Date(text);
-          if (dt.toString() !== 'Invalid Date') {
-            text = dt;
-            setCurentType('date');
+  var blur = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(function* () {
+      if (!editableValue) return;
+      setEditable(false);
+      if ($edit.current) {
+        $edit.current.contentEditable = 'false';
+        var text = $edit.current.innerText;
+        var _typeStr = curentType;
+        if (curentType === 'number' || curentType === 'float') {
+          text = Number(text);
+          _typeStr = 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)$/ig.test(text)) {
+          text = /^(true)$/ig.test(text) ? true : false;
+          _typeStr = 'boolean';
+        } else if (typeof text === 'string' && /^[\d]+n$/ig.test(text)) {
+          text = BigInt(text.replace(/n$/ig, ''));
+          _typeStr = 'bigint';
+        } else if (typeof text === 'string' && /^(null)$/ig.test(text)) {
+          text = null;
+          _typeStr = 'null';
+        } else if (typeof text === 'string' && /^(undefined)$/ig.test(text)) {
+          text = undefined;
+          _typeStr = 'undefined';
+        } else if (typeof text === 'string') {
+          try {
+            if (text && text.length > 10 && !isNaN(Date.parse(text))) {
+              var dt = new Date(text);
+              text = dt;
+              _typeStr = 'date';
+            }
+          } catch (error) {}
+        }
+        if (onEdit) {
+          var result = yield onEdit({
+            type: 'value',
+            value: text,
+            oldValue: curentChild
+          });
+          if (result) {
+            setCurentType(_typeStr);
+            setCurentChild(text);
+          } else {
+            var {
+              content: oldChildStr
+            } = getValueString(curentChild);
+            $edit.current.innerHTML = String(oldChildStr);
           }
-        } catch (error) {}
+        }
       }
-      setCurentChild(text);
-      onEdit && onEdit({
-        type: 'value',
-        value: text,
-        oldValue: curentChild
-      });
-    }
-  };
+    });
+    return function blur() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var defaultStyle = {
     minWidth: 34,
     minHeight: 18,
@@ -128,21 +146,19 @@ export function ReValue(props) {
     typeView = /*#__PURE__*/_jsx(Fragment, {});
   }
   return /*#__PURE__*/_jsxs(Fragment, {
-    children: [displayDataTypes && typeView, /*#__PURE__*/_jsxs(Fragment, {
-      children: [/*#__PURE__*/_jsx(Quotes, {
-        style: style,
-        quotes: quotes,
-        show: typeStr === 'string'
-      }), /*#__PURE__*/_jsx("span", _extends({}, spanProps, {
-        ref: $edit,
-        "data-value": childStr,
-        children: typeof curentChild === 'string' ? curentChild : childStr
-      })), /*#__PURE__*/_jsx(Quotes, {
-        style: style,
-        quotes: quotes,
-        show: typeStr === 'string'
-      })]
-    }), visible && editableValue && /*#__PURE__*/_jsx(EditIcon, {
+    children: [displayDataTypes && typeView, /*#__PURE__*/_jsx(Quotes, {
+      style: style,
+      quotes: quotes,
+      show: typeStr === 'string'
+    }), /*#__PURE__*/_jsx("span", _extends({}, spanProps, {
+      ref: $edit,
+      "data-value": childStr,
+      children: typeof curentChild === 'string' ? curentChild : childStr
+    })), /*#__PURE__*/_jsx(Quotes, {
+      style: style,
+      quotes: quotes,
+      show: typeStr === 'string'
+    }), visible && editableValue && onEdit && /*#__PURE__*/_jsx(EditIcon, {
       onClick: click
     })]
   });

package/esm/index.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
-import { SemicolonProps } from './semicolon';
-import { ValueViewProps } from './value';
-import { CopiedProps } from './copied';
-import { EllipsisProps } from './comps/ellipsis';
-import { MetaProps } from './comps/meta';
+import type { SemicolonProps } from './semicolon';
+import type { ValueViewProps } from './value';
+import type { CopiedProps } from './copied';
+import type { EllipsisProps } from './comps/ellipsis';
+import type { MetaProps } from './comps/meta';
+import type { CountInfoExtraProps } from './editor/countInfoExtra';
 export * from './node';
 export * from './value';
+export interface CountInfoProps {
+    count: number;
+    level: number;
+    visible: boolean;
+}
 export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     /** This property contains your input JSON */
     value?: T;
@@ -44,11 +50,8 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
         objectKey?: SemicolonProps['render'];
         value?: ValueViewProps<T>['renderValue'];
         copied?: CopiedProps<T>['render'];
-        countInfo?: (props: {
-            count: number;
-            level: number;
-            visible: boolean;
-        }) => JSX.Element;
+        countInfo?: (props: CountInfoProps) => JSX.Element;
+        countInfoExtra?: (props: Omit<CountInfoExtraProps<T>, 'editable'>) => JSX.Element;
     };
 }
 declare const JsonView: React.ForwardRefExoticComponent<Omit<JsonViewProps<object>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/esm/node.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["value", "keyName", "className", "displayDataTypes", "components", "displayObjectSize", "enableClipboard", "highlightUpdates", "objectSortKeys", "indentWidth", "collapsed", "level", "keyid", "quotes", "onCopied", "onExpand"];
-import { Fragment, useId, cloneElement, useState } from 'react';
+import { Fragment, useId, cloneElement, useState, useEffect } from 'react';
 import { ValueView, Colon, Label, Line, typeMap } from './value';
 import { TriangleArrow } from './arrow/TriangleArrow';
 import { useExpandsStatus, store } from './store';
 import { Semicolon } from './semicolon';
-import { Tools } from './tools';
+import { Copied } from './copied';
 import { Ellipsis } from './comps/ellipsis';
 import { Meta } from './comps/meta';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -102,10 +102,12 @@ export function RooNode(props) {
     eventProps.onMouseEnter = () => setShowTools(true);
     eventProps.onMouseLeave = () => setShowTools(false);
   }
-  var nameKeys = isArray ? Object.keys(value).map(m => Number(m)) : Object.keys(value);
+  var [valueData, setValueData] = useState(value);
+  useEffect(() => setValueData(value), [value]);
+  var nameKeys = isArray ? Object.keys(valueData).map(m => Number(m)) : Object.keys(valueData);
 
   // object
-  var entries = isArray ? Object.entries(value).map(m => [Number(m[0]), m[1]]) : Object.entries(value);
+  var entries = isArray ? Object.entries(valueData).map(m => [Number(m[0]), m[1]]) : Object.entries(valueData);
   if (objectSortKeys) {
     entries = objectSortKeys === true ? entries.sort((_ref2, _ref3) => {
       var [a] = _ref2;
@@ -138,7 +140,7 @@ export function RooNode(props) {
       onClick: handle,
       children: [arrowView, (typeof keyName === 'string' || typeof keyName === 'number') && /*#__PURE__*/_jsxs(Fragment, {
         children: [/*#__PURE__*/_jsx(Semicolon, {
-          value: value,
+          value: valueData,
           quotes: quotes,
           "data-keys": keyid,
           render: components.objectKey,
@@ -159,12 +161,18 @@ export function RooNode(props) {
         isArray: isArray,
         level: level,
         render: components.braces
-      }), displayObjectSize && countInfo, /*#__PURE__*/_jsx(Tools, {
-        value: value,
-        enableClipboard: enableClipboard,
+      }), displayObjectSize && countInfo, components.countInfoExtra && components.countInfoExtra({
+        count: nameKeys.length,
+        level,
+        showTools,
+        visible: expand,
+        value: valueData,
+        setValue: setValueData
+      }), enableClipboard && /*#__PURE__*/_jsx(Copied, {
+        show: showTools,
+        text: valueData,
         onCopied: onCopied,
-        components: components,
-        showTools: showTools
+        render: components == null ? void 0 : components.copied
       })]
     }), expand && /*#__PURE__*/_jsx(Line, {
       className: "w-rjv-content",

package/esm/semicolon.d.ts

@@ -1,6 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
-import { LabelProps } from './value';
-import { JsonViewProps } from './';
+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;

package/esm/value.d.ts

@@ -1,6 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
-import { MetaProps } from './comps/meta';
-import { JsonViewProps } from './';
+import type { FC, PropsWithChildren } from 'react';
+import type { MetaProps } from './comps/meta';
+import type { JsonViewProps } from './';
 export declare const Line: FC<PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>>;
 export declare const isFloat: (n: number) => boolean;
 export declare const typeMap: {

package/package.json

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

package/cjs/tools.d.ts

@@ -1,10 +0,0 @@
-import { JsonViewProps } from './';
-interface ToolsProps<T extends object> {
-    enableClipboard?: boolean;
-    value?: T | {};
-    onCopied?: JsonViewProps<T>['onCopied'];
-    components?: JsonViewProps<T>['components'];
-    showTools?: boolean;
-}
-export declare function Tools<T extends object>(props: ToolsProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/cjs/tools.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tools = Tools;
-var _react = require("react");
-var _copied = require("./copied");
-var _jsxRuntime = require("react/jsx-runtime");
-function Tools(props) {
-  var enableClipboard = props.enableClipboard,
-    value = props.value,
-    showTools = props.showTools,
-    components = props.components,
-    onCopied = props.onCopied;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-    children: enableClipboard && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copied.Copied, {
-      show: showTools,
-      text: value,
-      onCopied: onCopied,
-      render: components === null || components === void 0 ? void 0 : components.copied
-    })
-  });
-}

package/esm/tools.d.ts

@@ -1,10 +0,0 @@
-import { JsonViewProps } from './';
-interface ToolsProps<T extends object> {
-    enableClipboard?: boolean;
-    value?: T | {};
-    onCopied?: JsonViewProps<T>['onCopied'];
-    components?: JsonViewProps<T>['components'];
-    showTools?: boolean;
-}
-export declare function Tools<T extends object>(props: ToolsProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/esm/tools.js

@@ -1,20 +0,0 @@
-import { Fragment } from "react";
-import { Copied } from './copied';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Tools(props) {
-  var {
-    enableClipboard,
-    value,
-    showTools,
-    components,
-    onCopied
-  } = props;
-  return /*#__PURE__*/_jsx(Fragment, {
-    children: enableClipboard && /*#__PURE__*/_jsx(Copied, {
-      show: showTools,
-      text: value,
-      onCopied: onCopied,
-      render: components == null ? void 0 : components.copied
-    })
-  });
-}