@trussworks/react-uswds - npm Package Compare versions

Comparing version 7.0.0 to 8.0.0

CHANGELOG.md

@@ -5,2 +5,24 @@ # Changelog
 
+## [8.0.0](https://github.com/trussworks/react-uswds/compare/7.0.0...8.0.0) (2024-03-06)
+
+
+### ⚠ BREAKING CHANGES
+
+* Webpack/Jest to Vite/Vitest migration ([#2716](https://github.com/trussworks/react-uswds/issues/2716))
+
+### Features
+
+* Webpack/Jest to Vite/Vitest migration ([#2716](https://github.com/trussworks/react-uswds/issues/2716)) ([17dde0a](https://github.com/trussworks/react-uswds/commit/17dde0a03c6c23b2e145b78ee8ef3faf86867431))
+
+
+### Bug Fixes
+
+* replace card button with link ([#2750](https://github.com/trussworks/react-uswds/issues/2750)) ([59d5f14](https://github.com/trussworks/react-uswds/commit/59d5f14b85ae96ee4fd5c89c6084bbc1c663d1e7))
+
+
+### Documentation & Examples
+
+* Made storybook docs available again, small org changes elsewhere ([#2795](https://github.com/trussworks/react-uswds/issues/2795)) ([e77fe30](https://github.com/trussworks/react-uswds/commit/e77fe30f7feaf8a52816ade8fad93923b5a0e7fb))
+* removed circleci references ([#2777](https://github.com/trussworks/react-uswds/issues/2777)) ([b3e79f2](https://github.com/trussworks/react-uswds/commit/b3e79f2fe4c5d043af0053cf41d288dfe8758cd9))
+
 ## [7.0.0](https://github.com/trussworks/react-uswds/compare/6.2.0...7.0.0) (2024-02-22)
@@ -7,0 +29,0 @@

lib/components/InPageNavigation/content.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
-export declare const CONTENT: React.JSX.Element;
+export declare const CONTENT: import("react/jsx-runtime").JSX.Element;

lib/components/Link/Link.d.ts

@@ -6,2 +6,3 @@ import React from 'react';
     children: React.ReactNode;
+    allowSpacebarActivation?: boolean;
 } & T;
@@ -8,0 +9,0 @@ interface WithDefaultLinkProps {

lib/index.d.ts

@@ -1,2 +0,1 @@
-import './styles/index.scss';
 /** USWDS basic components */
@@ -3,0 +2,0 @@ export { Alert } from './components/Alert/Alert';

package.json

 {
   "name": "@trussworks/react-uswds",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "React USWDS 3.0 component library",
@@ -14,4 +14,20 @@ "keywords": [
   ],
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "type": "module",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.js"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.cjs"
+      },
+      "browser": "./lib/index.iife.js",
+      "default": "./lib/index.umd.cjs"
+    }
+  },
   "files": [
@@ -21,21 +37,24 @@ "lib"
   "engines": {
-    "node": ">= 16.20.0"
+    "node": ">= 18"
   },
   "scripts": {
-    "test": "jest",
-    "test:debug": "node --inspect node_modules/.bin/jest --runInBand",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
+    "test": "vitest --run",
+    "test:debug": "vitest --inspect --pool threads --poolOptions.threads.singleThread",
+    "test:watch": "vitest",
+    "test:coverage": "vitest --run --coverage",
+    "test:bundles": "vitest --run bundles.test.tsx --mode bundles",
     "test:serverside": "yarn build && node src/serverSideTest.js",
     "storybook": "storybook dev -p 9009",
     "build-storybook": "storybook build",
-    "build": "tsc -p tsconfig.build.json && webpack --progress",
-    "build:watch": "tsc -p tsconfig.build.json && webpack --watch",
+    "build": "vite build && yarn run build:uswds && yarn run test:bundles",
+    "build:uswds": "vite build --mode uswds",
+    "build:watch": "vite dev",
     "lint": "tsc && eslint --ext js,jsx,ts,tsx src && stylelint \"src/**/*.{css,scss}\"",
+    "lint:fix": "tsc && eslint --ext js,jsx,ts,tsx src --fix && stylelint \"src/**/*.{css,scss}\" --fix",
     "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,css,scss,json,md}\"",
     "format:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,scss,json,md}\"",
-    "prepare": "yarn build",
+    "prepare": "husky && yarn build",
     "prepublishOnly": "yarn test && yarn lint",
-    "happo": "happo",
-    "happo-ci": "happo-ci-github-actions",
+    "happo": "happo --config ./.happo.cjs",
+    "happo-ci": "HAPPO_CONFIG_FILE='./.happo.cjs' happo-ci-github-actions --config ./.happo.cjs",
     "contributors:add": "all-contributors add"
@@ -58,13 +77,15 @@ },
   "devDependencies": {
-    "@babel/core": "^7.10.5",
-    "@babel/eslint-parser": "^7.19.1",
-    "@babel/preset-react": "^7.10.4",
-    "@babel/preset-typescript": "^7.15.0",
-    "@storybook/addon-a11y": "^7.1.1",
-    "@storybook/addon-essentials": "^7.1.1",
-    "@storybook/addons": "^7.1.1",
-    "@storybook/react": "^7.1.1",
-    "@storybook/react-webpack5": "^7.1.1",
-    "@storybook/theming": "^7.1.1",
-    "@svgr/webpack": "^8.0.1",
+    "@babel/core": "^7.23.9",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.14",
+    "@storybook/addon-a11y": "^7.6.10",
+    "@storybook/addon-essentials": "^7.6.10",
+    "@storybook/addon-interactions": "^7.6.10",
+    "@storybook/addon-links": "^7.6.10",
+    "@storybook/addons": "^7.6.10",
+    "@storybook/blocks": "^7.6.10",
+    "@storybook/manager-api": "^7.1.1",
+    "@storybook/react": "^7.6.10",
+    "@storybook/react-vite": "^7.6.10",
+    "@storybook/test": "^7.6.10",
+    "@storybook/theming": "^7.6.10",
     "@testing-library/dom": "^9.0.0",
@@ -74,4 +95,2 @@ "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/user-event": "^14.0.4",
-    "@types/classnames": "^2.2.9",
-    "@types/jest": "^29.5.11",
     "@types/react": "^18.2.48",
@@ -81,14 +100,12 @@ "@types/react-dom": "^18.2.18",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
-    "@typescript-eslint/parser": "^6.2.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "@uswds/uswds": "3.7.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-istanbul": "^1.2.1",
     "all-contributors-cli": "^6.24.0",
-    "babel-jest": "^29.4.3",
-    "babel-loader": "^9.1.2",
+    "babel-loader": "^9.1.3",
     "classnames": "^2.3.2",
-    "css-loader": "^6.7.3",
     "danger": "^11.2.3",
-    "dotenv": "^16.0.3",
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-import-resolver-webpack": "^0.13.1",
     "eslint-plugin-import": "^2.18.2",
@@ -100,10 +117,10 @@ "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-security": "^2.1.0",
+    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-vitest": "^0.3.21",
     "focus-trap-react": "^10.2.3",
-    "fork-ts-checker-webpack-plugin": "^9.0.0",
     "happo-plugin-storybook": "^4.1.0",
-    "happo.io": "^8.3.1",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.6.1",
-    "mini-css-extract-plugin": "^2.6.1",
-    "prettier": "^2.7.1",
+    "happo.io": "^9.1.2",
+    "husky": "^9.0.10",
+    "jsdom": "^24.0.0",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
@@ -113,18 +130,18 @@ "react-dom": "^18.2.0",
     "sass": "^1.26.0",
-    "sass-loader": "^13.0.0",
-    "sass-resources-loader": "^2.0.1",
-    "source-map-loader": "^4.0.1",
-    "storybook": "^7.1.1",
-    "style-loader": "^3.2.1",
-    "stylelint": "^13.3.0",
-    "stylelint-config-css-modules": "^2.2.0",
+    "storybook": "^7.6.10",
+    "stylelint": "^16.2.1",
+    "stylelint-config-css-modules": "^4.4.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-recommended": "^4.0.0",
-    "stylelint-config-sass-guidelines": "^8.0.0",
-    "stylelint-prettier": "^1.1.1",
-    "stylelint-scss": "^3.17.1",
-    "ts-jest": "^29.1.1",
+    "stylelint-config-recommended": "^14.0.0",
+    "stylelint-config-sass-guidelines": "^11.0.0",
+    "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint-prettier": "^5.0.0",
     "typescript": "^5.1.6",
-    "webpack": "^5.52.1",
-    "webpack-cli": "^5.0.1"
+    "vite": "^5.0.12",
+    "vite-plugin-checker": "^0.6.2",
+    "vite-plugin-dts": "^3.7.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^1.2.1",
+    "webpack": "^5.90.1",
+    "yarn": "^1.22.21"
   },
@@ -139,4 +156,6 @@ "resolutions": {
     "trim-newlines": "3.0.1",
-    "@types/react": "18.2.48"
-  }
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18"
+  },
+  "packageManager": "yarn@1.22.1"
 }

README.md

@@ -10,3 +10,2 @@ # @trussworks/react-uswds
 
-[![CircleCI](https://img.shields.io/circleci/build/github/trussworks/react-uswds/main)](https://circleci.com/gh/trussworks/react-uswds)
 [![npm downloads](https://img.shields.io/npm/dm/@trussworks/react-uswds)](https://www.npmjs.com/package/@trussworks/react-uswds)
@@ -25,2 +24,4 @@
   - [Usage](#usage)
+    - [USWDS](#uswds)
+    - [NodeJS](#nodejs)
     - [Pre-Release](#pre-release)
@@ -27,0 +28,0 @@ - [Background](#background)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5663176

increased by261.42%

Dev dependency count

65

decreased by-2.99%

Number of package files

187

increased by2.19%

Number of low license alerts

0

decreased by-100%

License quality

100

increased by25%

Lines of code

13901

increased by212.1%

Number of lines in readme file

194

increased by0.52%

Is type module

Yes

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of low supply chain risk alerts

42

increased by1300%

No dependency changes