chore(v5-updates): Standardize on React 18, node 18, eslint, and PF v5

.github/workflows/check-pr.yml

@@ -3,6 +3,7 @@ on:
  pull_request:
  branches:
  - main
+ - v4
 jobs:
  call-build-lint-test-workflow:
  uses: ./.github/workflows/build-lint-test.yml

.github/workflows/release.yml

@@ -3,6 +3,7 @@ on:
  push:
  branches:
  - main
+ - v4
 jobs:
  call-build-lint-test-workflow:
  uses: ./.github/workflows/build-lint-test.yml

jest.config.js

@@ -13,5 +13,6 @@ module.exports = {
  moduleNameMapper: {
  '\\.(css|less)$': '<rootDir>/styleMock.js'
  },
- testEnvironment: 'jsdom'
+ testEnvironment: 'jsdom',
+ setupFiles: ['./jest.setup.js']
 };

jest.setup.js

@@ -0,0 +1,2 @@
+const { TextEncoder } = require('util');
+global.TextEncoder = TextEncoder;

package.json

@@ -1,7 +1,7 @@
 {
  "name": "@patternfly/react-user-feedback-root",
  "private": true,
- "version": "0.0.0",
+ "version": "5.0.0-alpha.0",
  "description": "This library provides patternfly extensions",
  "license": "MIT",
  "workspaces": [
@@ -26,34 +26,40 @@
  "prepare": "husky install"
  },
  "devDependencies": {
+ "babel-jest": "^29.2.2",
  "@babel/core": "^7.19.6",
  "@babel/preset-env": "^7.19.4",
- "@babel/preset-flow": "^7.18.6",
  "@babel/preset-react": "^7.18.6",
+ "@babel/preset-flow": "^7.18.6",
  "@babel/preset-typescript": "^7.18.6",
- "@testing-library/jest-dom": "5.16.5",
- "@testing-library/react": "^12.1.5",
- "@testing-library/user-event": "13.5.0",
+ "react": "^18",
+ "react-dom": "^18",
+ "typescript": "^4.7.4",
  "@typescript-eslint/eslint-plugin": "^5.42.0",
  "@typescript-eslint/parser": "^5.42.0",
- "babel-jest": "^29.2.2",
+ "@types/react": "^18",
+ "@types/react-dom": "^18",
  "concurrently": "^5.3.0",
  "eslint": "^8.0.1",
- "eslint-config-prettier": "8.5.0",
- "eslint-config-standard-with-typescript": "^23.0.0",
  "eslint-plugin-import": "^2.25.2",
  "eslint-plugin-markdown": "^1.0.2",
- "eslint-plugin-n": "^15.0.0",
  "eslint-plugin-prettier": "^3.1.4",
- "eslint-plugin-promise": "^6.0.0",
  "eslint-plugin-react": "^7.21.4",
+ "eslint-config-standard-with-typescript": "^23.0.0",
+ "eslint-plugin-n": "^15.0.0",
+ "eslint-plugin-promise": "^6.0.0",
  "eslint-plugin-react-hooks": "^4.6.0",
- "husky": "^8.0.3",
+ "eslint-config-prettier": "8.5.0",
+ "prettier": "2.7.1",
  "jest": "^29.2.2",
+ "husky": "^8.0.3",
+ "@testing-library/react":"^13.4.0",
+ "@testing-library/user-event": "14.4.3",
+ "@testing-library/jest-dom":"5.16.5",
+ "@testing-library/dom": "9.0.0",
  "jest-environment-jsdom": "^29.2.2",
- "prettier": "2.7.1",
- "react": "^17",
- "react-dom": "^17",
- "serve": "^14.1.2"
+ "jest-canvas-mock": "^2.4.0",
+ "serve": "^14.1.2",
+ "rimraf": "^2.6.2"
  }
 }

packages/module/package.json

@@ -1,9 +1,13 @@
 {
  "name": "@patternfly/react-user-feedback",
- "version": "1.0.0",
+ "version": "5.0.0-alpha.0",
  "description": "A feedback extension to allow users to provide input on products.",
  "main": "dist/esm/index.js",
  "module": "dist/esm/index.js",
+ "publishConfig": {
+ "access": "public",
+ "tag": "prerelease"
+ },
  "scripts": {
  "build": "yarn build:js && yarn build:esm && yarn build:fed:packages && yarn copy:files:esm && yarn copy:files:cjs",
  "build:esm": "tsc --build --verbose ./tsconfig.json && yarn build:css && yarn transform:css",
@@ -28,34 +32,31 @@
  "url": "https://github.com/patternfly/react-user-feedback/issues"
  },
  "homepage": "https://github.com/patternfly/react-user-feedback#readme",
- "publishConfig": {
- "access": "public"
- },
  "resolutions": {
  "@patternfly/react-icons": "^4.93.6"
  },
  "dependencies": {
- "@patternfly/react-core": "^4.276.6",
- "@patternfly/react-icons": "^4.93.6"
+ "@patternfly/react-core": "^5.0.0-alpha.50",
+ "@patternfly/react-icons": "^5.0.0-alpha.7"
  },
  "peerDependencies": {
- "react": "^16.8 || ^17 || ^18",
- "react-dom": "^16.8 || ^17 || ^18"
+ "react": "^17 || ^18",
+ "react-dom": "^17 || ^18"
  },
  "devDependencies": {
  "copyfiles": "2.4.1",
  "utility-types": "^3.10.0",
- "react": "^17.0.0",
- "react-dom": "^17.0.0",
+ "react": "^18",
+ "react-dom": "^18",
  "rimraf": "^2.6.2",
  "typescript": "^4.7.4",
- "@types/react": "^17.0.0",
- "@types/react-dom": "^17.0.0",
- "@patternfly/patternfly-a11y": "4.3.1",
- "@patternfly/documentation-framework": "^1.2.55",
- "@patternfly/patternfly": "^4.224.2",
- "@patternfly/react-table": "^4.112.39",
- "@patternfly/react-code-editor": "^4.82.113",
+ "@types/react": "^18",
+ "@types/react-dom": "^18",
+ "@patternfly/patternfly-a11y": "^4.3.1",
+ "@patternfly/documentation-framework": "^2.0.0-alpha.29",
+ "@patternfly/patternfly": "^5.0.0-alpha.33",
+ "@patternfly/react-table": "^5.0.0-alpha.51",
+ "@patternfly/react-code-editor": "^5.0.0-alpha.51",
  "node-sass-package-importer": "^5.3.2",
  "fs-extra": "^9.1.0",
  "glob": "^7.2.3",

packages/module/src/Feedback/FeedbackError.tsx

@@ -13,7 +13,7 @@ const FeedbackError = ({ onCloseModal }: FeedbackErrorProps) => {
  const intl = React.useContext(LocaleContext);
  return (
  <div className="chr-c-feedback-success-content">
- <CheckIcon size="md" color="var(--pf-global--success-color--100)" className="pf-u-mx-auto" />
+ <CheckIcon size={12} color="var(--pf-global--success-color--100)" className="pf-u-mx-auto" />
  <TextContent>
  <Text component={TextVariants.h1}>{intl.somethingWentWrong}</Text>
  <Text>

packages/module/src/Feedback/FeedbackSuccess.tsx

@@ -15,7 +15,7 @@ const FeedbackSuccess = ({ onCloseModal, successTitle, successDescription }: Fee
  const intl = React.useContext(LocaleContext);
  return (
  <div className="chr-c-feedback-success-content">
- <CheckIcon size="md" color="var(--pf-global--success-color--100)" className="pf-u-mx-auto" />
+ <CheckIcon size={12} color="var(--pf-global--success-color--100)" className="pf-u-mx-auto" />
  <TextContent>
  <Text component={TextVariants.h1}>{successTitle}</Text>
  <Text>{successDescription}</Text>