use react-components 20.0.0, update docs (#83)

* update to new @cucumber/react-conmponents package

* add javascript readme for clarity

* update main readme

* update CHANGELOG.md

* bump react-components again

* bump again

* Add notice into ruby and java readmes

Co-authored-by: aurelien-reeves <[email protected]>

Author: davidjgoss

CHANGELOG.md

@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
+### Changed
+- Use latest React components from new package `@cucumber/react-components`
 ### Fixed
 - JavaScript assets were not included in the Java package ([#65](https://github.com/cucumber/html-formatter/issues/65))
 

README.md

@@ -2,7 +2,7 @@
 
 This is a cross-platform formatter that produces a pretty HTML report for Cucumber runs.
 
-It is built on top of [@cucumber/react](https://github.com/cucumber/cucumber-react) and works with *any*
+It is built on top of [@cucumber/react-components](https://github.com/cucumber/react-components) and works with *any*
 Cucumber implementation with a `message` formatter that outputs [cucumber messages](https://github.com/cucumber/common/tree/main/messages).
 
 This formatter is built into the following Cucumber implementations:

java/README.md

@@ -1,6 +1,10 @@
 [![Maven Central](https://img.shields.io/maven-central/v/io.cucumber/html-formatter.svg?label=Maven%20Central)](https://search.maven.org/search?q=g:%22io.cucumber%22%20AND%20a:%22html-formatter%22)
 
+⚠️ This is an internal package; you don't need to install it in order to use the html formatter in `cucumber-jvm` as it's built in there.
+
 # Cucumber HTML Formatter for Java
 
+> Takes a stream of Cucumber messages and outputs a standalone HTML report using Cucumber's React components
+
 [![Maven Central](https://img.shields.io/maven-central/v/io.cucumber/html-formatter.svg?label=Maven%20Central)](https://search.maven.org/search?q=g:%22io.cucumber%22%20AND%20a:%22html-formatter%22)
 

javascript/README.md

@@ -0,0 +1,5 @@
+⚠️ This is an internal package; you don't need to install it in order to use the html formatter in `@cucumber/cucumber` as it's built in there.
+
+# html-formatter
+
+> Takes a stream of Cucumber messages and outputs a standalone HTML report using Cucumber's React components

javascript/package-lock.json

@@ -34,7 +34,7 @@
     "@cucumber/message-streams": "^4.0.1",
     "@cucumber/messages": "^18.0.0",
     "@cucumber/query": "^11.0.0",
-    "@cucumber/react": "^19.2.0",
+    "@cucumber/react-components": "^20.0.2",
     "@types/glob": "^7.2.0",
     "@types/mocha": "9.1.0",
     "@types/node": "17.0.23",

javascript/package.json

@@ -1,7 +1,7 @@
 import './styles.scss'
 
 import * as messages from '@cucumber/messages'
-import { components, searchFromURLParams } from '@cucumber/react'
+import { components, searchFromURLParams } from '@cucumber/react-components'
 import React from 'react'
 import ReactDOM from 'react-dom'
 

javascript/src/main.tsx

@@ -0,0 +1,5 @@
+⚠️ This is an internal package; you don't need to install it in order to use the html formatter in `cucumber` as it's built in there.
+
+# html-formatter
+
+> Takes a stream of Cucumber messages and outputs a standalone HTML report using Cucumber's React components