@uiw/react-json-view - npm Package Compare versions

Comparing version 2.0.0-alpha.26 to 2.0.0-alpha.27

cjs/comps/KeyValues.js

@@ -24,2 +24,3 @@ "use strict";
 var _Copied = require("../comps/Copied");
+var _useIdCompat = require("../comps/useIdCompat");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -131,3 +132,3 @@ var KeyValues = exports.KeyValues = function KeyValues(props) {
   var dispatch = (0, _ShowTools.useShowToolsDispatch)();
-  var subkeyid = (0, _react.useId)();
+  var subkeyid = (0, _useIdCompat.useIdCompat)();
   var isMyArray = Array.isArray(value);
@@ -134,0 +135,0 @@ var isMySet = value instanceof Set;

cjs/Container.js

@@ -16,2 +16,3 @@ "use strict";
 var _KeyValues = require("./comps/KeyValues");
+var _useIdCompat = require("./comps/useIdCompat");
 var _ShowTools = require("./store/ShowTools");
@@ -34,3 +35,3 @@ var _jsxRuntime = require("react/jsx-runtime");
   var dispatch = (0, _ShowTools.useShowToolsDispatch)();
-  var subkeyid = (0, _react.useId)();
+  var subkeyid = (0, _useIdCompat.useIdCompat)();
   var defaultClassNames = [className, 'w-rjv-inner'].filter(Boolean).join(' ');
@@ -37,0 +38,0 @@ var reset = {

esm/comps/KeyValues.js

 import _extends from "@babel/runtime/helpers/extends";
-import { Fragment, useId, useRef } from 'react';
+import { Fragment, useRef } from 'react';
 import { useStore } from '../store';
@@ -13,2 +13,3 @@ import { useExpandsStore } from '../store/Expands';
 import { Copied } from '../comps/Copied';
+import { useIdCompat } from '../comps/useIdCompat';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -114,3 +115,3 @@ export var KeyValues = props => {
   var dispatch = useShowToolsDispatch();
-  var subkeyid = useId();
+  var subkeyid = useIdCompat();
   var isMyArray = Array.isArray(value);
@@ -117,0 +118,0 @@ var isMySet = value instanceof Set;

esm/Container.js

 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["className", "children", "parentValue", "keyid", "level", "value", "initialValue", "keys", "keyName"];
-import React, { forwardRef, useId } from 'react';
+import React, { forwardRef } from 'react';
 import { NestedClose } from './comps/NestedClose';
 import { NestedOpen } from './comps/NestedOpen';
 import { KeyValues } from './comps/KeyValues';
+import { useIdCompat } from './comps/useIdCompat';
 import { useShowToolsDispatch } from './store/ShowTools';
@@ -22,3 +23,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
   var dispatch = useShowToolsDispatch();
-  var subkeyid = useId();
+  var subkeyid = useIdCompat();
   var defaultClassNames = [className, 'w-rjv-inner'].filter(Boolean).join(' ');
@@ -25,0 +26,0 @@ var reset = {

package.json

 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.26",
+  "version": "2.0.0-alpha.27",
   "description": "JSON viewer for react.",
@@ -5,0 +5,0 @@ "main": "cjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

316987

increased by0.28%

Number of package files

250

increased by1.63%

Lines of code

7400

increased by0.34%

No dependency changes