react-json-view-lite - npm Package Compare versions

Comparing version 0.9.4 to 0.9.5

dist/DataRenderer.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 export interface StyleProps {
@@ -3,0 +2,0 @@ container: string;

dist/index.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { StyleProps } from './DataRenderer';
-interface Props {
+export interface Props {
     data: Object | Array<any>;
@@ -13,2 +12,1 @@ style?: StyleProps;
 export declare const JsonView: ({ data, style, shouldInitiallyExpand }: Props) => JSX.Element;
-export {};

dist/index.js

@@ -69,7 +69,18 @@ var React = require('react');
   var lastIndex = data.length - 1;
+
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === ' ') {
+      toggleExpanded();
+    }
+  };
+
   return React.createElement("div", {
-    className: style.basicChildStyle
+    className: style.basicChildStyle,
+    role: 'list'
   }, React.createElement("span", {
     className: combineStyles(style.expander, style.pointer),
-    onClick: toggleExpanded
+    role: 'button',
+    onClick: toggleExpanded,
+    onKeyDown: onKeyDown,
+    tabIndex: 0
   }, expandIcon), field && React.createElement("span", {
@@ -91,3 +102,6 @@ className: style.label
     className: combineStyles(style.punctuation, style.pointer),
-    onClick: toggleExpanded
+    role: 'button',
+    tabIndex: 0,
+    onClick: toggleExpanded,
+    onKeyDown: onKeyDown
   }, "..."), React.createElement("span", {
@@ -172,3 +186,4 @@ className: style.punctuation
   return React.createElement("div", {
-    className: style.basicChildStyle
+    className: style.basicChildStyle,
+    role: 'listitem'
   }, field && React.createElement("span", {
@@ -175,0 +190,0 @@ className: style.label

dist/index.modern.js

@@ -69,7 +69,18 @@ import { useState, createElement, useRef, useEffect } from 'react';
   var lastIndex = data.length - 1;
+
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === ' ') {
+      toggleExpanded();
+    }
+  };
+
   return createElement("div", {
-    className: style.basicChildStyle
+    className: style.basicChildStyle,
+    role: 'list'
   }, createElement("span", {
     className: combineStyles(style.expander, style.pointer),
-    onClick: toggleExpanded
+    role: 'button',
+    onClick: toggleExpanded,
+    onKeyDown: onKeyDown,
+    tabIndex: 0
   }, expandIcon), field && createElement("span", {
@@ -91,3 +102,6 @@ className: style.label
     className: combineStyles(style.punctuation, style.pointer),
-    onClick: toggleExpanded
+    role: 'button',
+    tabIndex: 0,
+    onClick: toggleExpanded,
+    onKeyDown: onKeyDown
   }, "..."), createElement("span", {
@@ -172,3 +186,4 @@ className: style.punctuation
   return createElement("div", {
-    className: style.basicChildStyle
+    className: style.basicChildStyle,
+    role: 'listitem'
   }, field && createElement("span", {
@@ -175,0 +190,0 @@ className: style.label

package.json

 {
   "name": "react-json-view-lite",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "description": "JSON viewer component for React focused on performance for large volume input while still providing few customiziation features",
+  "homepage": "http://anyroad.github.io/react-json-view-lite",
   "author": "AnyRoad",
   "license": "MIT",
+  "keywords": [
+    "react",
+    "json",
+    "component",
+    "view",
+    "json-view",
+    "json-tree",
+    "lite"
+  ],
   "repository": "AnyRoad/react-json-view-lite",
@@ -13,3 +23,3 @@ "main": "dist/index.js",
   "engines": {
-    "node": ">=10"
+    "node": ">=14"
   },
@@ -25,7 +35,9 @@ "scripts": {
     "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && npm install && npm run build",
-    "deploy": "gh-pages -d example/build"
+    "predeploy": "npm run build-storybook",
+    "deploy-storybook": "gh-pages -d storybook-static",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "peerDependencies": {
-    "react": "^16.13.1 || ^17.0.0"
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
   },
@@ -37,35 +49,55 @@ "resolutions": {
   "devDependencies": {
-    "@testing-library/jest-dom": "5.11.9",
-    "@testing-library/react": "11.2.3",
-    "@testing-library/user-event": "12.6.2",
-    "@types/jest": "26.0.20",
-    "@types/node": "^12.12.38",
-    "@types/react": "17.0.0",
-    "@types/react-dom": "17.0.0",
-    "@typescript-eslint/eslint-plugin": "4.14.0",
-    "@typescript-eslint/parser": "4.14.0",
+    "@babel/core": "^7.19.3",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-interactions": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addons": "^6.5.12",
+    "@storybook/builder-webpack4": "^6.5.12",
+    "@storybook/manager-webpack4": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/theming": "^6.5.12",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/jest": "29.1.2",
+    "@types/node": "18.8.3",
+    "@types/react": "18.0.21",
+    "@types/react-dom": "18.0.6",
+    "@typescript-eslint/eslint-plugin": "5.39.0",
+    "@typescript-eslint/parser": "5.39.0",
     "babel-eslint": "10.1.0",
     "cross-env": "7.0.3",
-    "eslint": "7.18.0",
-    "eslint-config-prettier": "7.2.0",
-    "eslint-config-standard": "16.0.2",
+    "eslint": "8.25.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-config-standard": "17.0.0",
     "eslint-config-standard-react": "11.0.1",
-    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-n": "15.3.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "3.3.1",
-    "eslint-plugin-promise": "4.2.1",
-    "eslint-plugin-react": "7.22.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-promise": "6.0.1",
+    "eslint-plugin-react": "7.31.9",
     "eslint-plugin-standard": "5.0.0",
-    "gh-pages": "3.1.0",
+    "gh-pages": "4.0.0",
     "microbundle-crl": "0.13.11",
     "npm-run-all": "4.1.5",
-    "prettier": "2.2.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-scripts": "4.0.1",
-    "typescript": "3.9.4"
+    "prettier": "2.7.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-scripts": "5.0.1",
+    "storybook-css-modules": "^1.0.8",
+    "typescript": "4.8.4"
   },
   "files": [
     "dist"
-  ]
+  ],
+  "jest": {
+    "collectCoverageFrom": [
+      "src/*.{ts,tsx}",
+      "!<rootDir>/node_modules/"
+    ]
+  }
 }

README.md

@@ -65,2 +65,6 @@ <div align="center">
 
+### StoryBook
+
+https://anyroad.github.io/react-json-view-lite/
+
 ### Demo
@@ -67,0 +71,0 @@

Fixed alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

69559

3.44%

Number of package files

16

6.67%

Lines of code

640

4.58%

Number of low quality alerts

1

-50%

Number of lines in readme file

142

2.9%

Worsened metrics

Dev dependency count

43

48.28%

No dependency changes