diff --git a/package-lock.json b/package-lock.json index 7ba752ac7..a162f3085 100644 --- a/package-lock.json +++ b/package-lock.json @@ -44,10 +44,10 @@ "@nx/web": "20.0.6", "@nx/webpack": "^20.0.6", "@openshift/dynamic-plugin-sdk-webpack": "^4.1.0", - "@patternfly/quickstarts": "^5.4.1", - "@patternfly/react-core": "^5.4.8", - "@patternfly/react-icons": "^5.4.2", - "@patternfly/react-table": "^5.4.9", + "@patternfly/quickstarts": "^6.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-table": "^6.0.0", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15", "@simonsmith/cypress-image-snapshot": "^9.1.0", "@swc-node/register": "^1.10.9", @@ -2689,68 +2689,6 @@ "ms": "^2.1.1" } }, - "node_modules/@data-driven-forms/common": { - "version": "3.23.4", - "resolved": "https://registry.npmjs.org/@data-driven-forms/common/-/common-3.23.4.tgz", - "integrity": "sha512-hWL4TDxmRTaZKEs8kAj3Y2/LHiEpuzXfNiAJdAfHyOMACREapQmxOPeXrTaZCHhi0jDHpWXn/t4H7Rcaftk1sA==", - "license": "Apache-2.0", - "dependencies": { - "clsx": "^1.0.4", - "lodash": "^4.17.15", - "prop-types": "^15.7.2" - }, - "peerDependencies": { - "react": "^16.13.1 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.13.1 || ^17.0.2 || ^18.0.0" - } - }, - "node_modules/@data-driven-forms/common/node_modules/clsx": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", - "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==", - "license": "MIT", - "engines": { - "node": ">=6" - } - }, - "node_modules/@data-driven-forms/pf4-component-mapper": { - "version": "3.23.4", - "resolved": "https://registry.npmjs.org/@data-driven-forms/pf4-component-mapper/-/pf4-component-mapper-3.23.4.tgz", - "integrity": "sha512-ao/GlAB8QPOl1amsaSgBhrEoypWwpSHVyfhAqKkF6ZWXEqA6QckSi5hFCuyJnv1PMNCyyDYqySG6ef0+RBEGmA==", - "license": "Apache-2.0", - "dependencies": { - "@data-driven-forms/common": "^3.23.4", - "downshift": "^5.4.3", - "lodash": "^4.17.21", - "prop-types": "^15.7.2" - }, - "peerDependencies": { - "@data-driven-forms/react-form-renderer": "^3.23.4", - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "react": "^17.0.2 || ^18.0.0", - "react-dom": "^17.0.2 || ^18.0.0" - } - }, - "node_modules/@data-driven-forms/react-form-renderer": { - "version": "3.23.4", - "resolved": "https://registry.npmjs.org/@data-driven-forms/react-form-renderer/-/react-form-renderer-3.23.4.tgz", - "integrity": "sha512-p1muOU/O3sJVzmR7R66lp+Qo/WUGIIF4idUWNsSqQ3UxLKpRmlUjkEHcXb1Fe44Kr5xpziuIdrePF6+Gv/Nfdg==", - "license": "Apache-2.0", - "dependencies": { - "final-form": "^4.20.4", - "final-form-arrays": "^3.0.2", - "final-form-focus": "^1.1.2", - "lodash": "^4.17.15", - "prop-types": "^15.7.2", - "react-final-form": "^6.5.0", - "react-final-form-arrays": "^3.1.1" - }, - "peerDependencies": { - "react": "^16.13.1 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.13.1 || ^17.0.2 || ^18.0.0" - } - }, "node_modules/@dependents/detective-less": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/@dependents/detective-less/-/detective-less-5.0.0.tgz", @@ -8025,27 +7963,26 @@ } }, "node_modules/@patternfly/patternfly": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-5.4.1.tgz", - "integrity": "sha512-0+KxsQJrFzOMANALW82BHAO7bSm9tEbG1RrOlGT23ME1CaBoetGSMRLymutvojn/b/EKfJIr5rLzQa+14Lvg2g==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-6.0.0.tgz", + "integrity": "sha512-Mn92Tt/4okSj1COGCJrgUgh390OOaFCWf0tL0WmigDNUecSHNn1D6Vhpd1hxHQBXvre9eWorzxV2b9yhSEl79Q==", "dev": true, "license": "MIT" }, "node_modules/@patternfly/quickstarts": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/@patternfly/quickstarts/-/quickstarts-5.4.1.tgz", - "integrity": "sha512-KICofjKLFi2IO+RiiY7ec7zevA/VXdzxDLLIUGM4f/CLSQ2Yj14B4GCDhYAMMWKUhT24mQLJkT6XMVbA/r5Eig==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/quickstarts/-/quickstarts-6.0.0.tgz", + "integrity": "sha512-gk0BBvYtLhksaeL36mTkbfmDdzoGtZmrxkm/QIlReIr+4dQBQfivTv6Z1bLxc/iLPkwA8dcBRc9aKIHb1YTIww==", "dev": true, "license": "MIT", "dependencies": { - "@patternfly/react-catalog-view-extension": "^5.0.0", "dompurify": "^3.1.3", "history": "^5.0.0" }, "peerDependencies": { - "@patternfly/react-core": ">=5.0.0", - "react": ">=16.8.0", - "react-dom": ">=16.8.0", + "@patternfly/react-core": "^6.0.0", + "react": ">=18.0.0", + "react-dom": ">=18.0.0", "showdown": ">=2.1.0" } }, @@ -8059,47 +7996,15 @@ "@babel/runtime": "^7.7.6" } }, - "node_modules/@patternfly/react-catalog-view-extension": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-catalog-view-extension/-/react-catalog-view-extension-5.0.0.tgz", - "integrity": "sha512-Sg0iLAVhE7wAwBJERNdYp6peMO4THG7ez3xvMXEWh2biXghIv9XVj5BEy0TssihMxZa/pRMdROzcv3QZ9m24Yg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-styles": "^5.0.0" - }, - "peerDependencies": { - "react": "^17 || ^18", - "react-dom": "^17 || ^18" - } - }, - "node_modules/@patternfly/react-component-groups": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-component-groups/-/react-component-groups-5.4.0.tgz", - "integrity": "sha512-faRrjz/D4saTjNgQa2p8tSlEXeeyBMGK9eGqdOKc5DG0smP1e+lN7dXDYNPARpKXj9fmaUltzux+w/7NLwxUhw==", - "license": "MIT", - "dependencies": { - "@patternfly/react-core": "^5.3.3", - "@patternfly/react-icons": "^5.4.0", - "@patternfly/react-table": "^5.3.3", - "clsx": "^2.1.1", - "react-jss": "^10.10.0" - }, - "peerDependencies": { - "react": "^17 || ^18", - "react-dom": "^17 || ^18" - } - }, "node_modules/@patternfly/react-core": { - "version": "5.4.8", - "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.4.8.tgz", - "integrity": "sha512-4KRsQsH39VmTiFPLdN34QqNZg6gKrTamJxKtWEPO1VKA0TpoRMwpFEGk9BDyxipxYST6WzXznAaLCidGkCDlWw==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0.tgz", + "integrity": "sha512-UKFj9+YzBY+FfEDsLONgOM4N0e8SPV/27/UzNRiJ0gpgqbw2POuXwLpjGSRTTIUuCaLaGGM5PeTSj7mMB73ykw==", "license": "MIT", "dependencies": { - "@patternfly/react-icons": "^5.4.2", - "@patternfly/react-styles": "^5.4.1", - "@patternfly/react-tokens": "^5.4.1", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-styles": "^6.0.0", + "@patternfly/react-tokens": "^6.0.0", "focus-trap": "7.6.0", "react-dropzone": "^14.2.3", "tslib": "^2.7.0" @@ -8109,32 +8014,32 @@ "react-dom": "^17 || ^18" } }, + "node_modules/@patternfly/react-core/node_modules/@patternfly/react-styles": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0.tgz", + "integrity": "sha512-fJFMB89sTRGlZTzTLmpRmthgOXqcN078scHMFJ3ttfi2D2btnem5oZrxmQ/gPZkZOxR+9MqwKDB6l3F5x1SqLQ==", + "license": "MIT" + }, "node_modules/@patternfly/react-icons": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.4.2.tgz", - "integrity": "sha512-CMQ5oHYzW6TPVTs2jpNJmP2vGCAKR/YeTPwHGO9dLkAUej1IcIxtCCWK2Fdo2UJsnBjuZihasyw2b6ehvbUm9Q==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0.tgz", + "integrity": "sha512-ZFrsBVKrAp0DZrPOss98OA/EVUL4F0frXhR1uBId9+3ZrRArdKTgYgmQUCeSzMbxnSlxpmm3a2L05XQ36VUVbw==", "license": "MIT", "peerDependencies": { "react": "^17 || ^18", "react-dom": "^17 || ^18" } }, - "node_modules/@patternfly/react-styles": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.4.1.tgz", - "integrity": "sha512-XA8PXksD8uiA3RTwxdUwJXOCf+V6sVd+2HKapWAdRLvtSV+Sdk7NgCvalb4IAQncsddLopjPQD8gAHA298+N8w==", - "license": "MIT" - }, "node_modules/@patternfly/react-table": { - "version": "5.4.9", - "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-5.4.9.tgz", - "integrity": "sha512-fSbBZRihVCAaUOKRFzzqYhBrTSI/VGU6O9I0a21T+bXwHz071OsefBdE/ZQiJhqHpJTC+WAZWM76/1CEEnrBFw==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-6.0.0.tgz", + "integrity": "sha512-LvWMzjcQZHdFUpK8fjj5EAFrNxqB8/MFd7gUUZu7AgYt6rmS2im4xk6yb7h0K7cAhY085oPeRF9lkYSCgzlRDg==", "license": "MIT", "dependencies": { - "@patternfly/react-core": "^5.4.8", - "@patternfly/react-icons": "^5.4.2", - "@patternfly/react-styles": "^5.4.1", - "@patternfly/react-tokens": "^5.4.1", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-styles": "^6.0.0", + "@patternfly/react-tokens": "^6.0.0", "lodash": "^4.17.21", "tslib": "^2.7.0" }, @@ -8143,10 +8048,16 @@ "react-dom": "^17 || ^18" } }, + "node_modules/@patternfly/react-table/node_modules/@patternfly/react-styles": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0.tgz", + "integrity": "sha512-fJFMB89sTRGlZTzTLmpRmthgOXqcN078scHMFJ3ttfi2D2btnem5oZrxmQ/gPZkZOxR+9MqwKDB6l3F5x1SqLQ==", + "license": "MIT" + }, "node_modules/@patternfly/react-tokens": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.4.1.tgz", - "integrity": "sha512-eygdHE7Krta1mijAv/E8RHiKIgysD0eeNTo8EXUYC8/M4e5K6sqpr2p6rQBF8QiRMN8FnbXvZT3K2OQ28pYt9Q==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0.tgz", + "integrity": "sha512-xd0ynDkiIW2rp8jz4TNvR4Dyaw9kSMkZdsuYcLlFXCVmvX//Mnl4rhBnid/2j2TaqK0NbkyTTPnPY/BU7SfLVQ==", "license": "MIT" }, "node_modules/@phenomnomnominal/tsquery": { @@ -8275,25 +8186,24 @@ "resolved": "packages/utils", "link": true }, - "node_modules/@redhat-cloud-services/javascript-clients-shared": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/javascript-clients-shared/-/javascript-clients-shared-1.2.4.tgz", - "integrity": "sha512-afD1wZZMdwfSLDKt2hOkrlUtdl4lslOJJvYoGJu7m+Ivymt/5RYR29FxNxbrRNqQaIyGPzmpTdPb7olJZCEN/A==", + "node_modules/@redhat-cloud-services/rbac-client": { + "version": "1.4.5", + "resolved": "https://registry.npmjs.org/@redhat-cloud-services/rbac-client/-/rbac-client-1.4.5.tgz", + "integrity": "sha512-7kryZfzEYuw1V7c8bO5esXnfeYQO4Skz1XhluJ2whZNji8HcVbwDjBsQxy0+ndaSVirh5d86fufb00vK6fyUjw==", "license": "Apache-2.0", "dependencies": { - "axios": "^1.7.2", + "axios": "^0.27.2", "tslib": "^2.6.2" } }, - "node_modules/@redhat-cloud-services/rbac-client": { - "version": "2.2.8", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/rbac-client/-/rbac-client-2.2.8.tgz", - "integrity": "sha512-+7GWkJv0V1htVvFX4u4M4oMj96JEOFYLHw64FX34wCtQL9F0bKpeybrJFpv800C+DbV/837HxiT1Jvj7qIJ/6Q==", - "license": "Apache-2.0", + "node_modules/@redhat-cloud-services/rbac-client/node_modules/axios": { + "version": "0.27.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz", + "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==", + "license": "MIT", "dependencies": { - "@redhat-cloud-services/javascript-clients-shared": "^1.2.4", - "axios": "^1.7.2", - "tslib": "^2.6.2" + "follow-redirects": "^1.14.9", + "form-data": "^4.0.0" } }, "node_modules/@redhat-cloud-services/rule-components": { @@ -28603,33 +28513,6 @@ "@oxc-resolver/binding-win32-x64-msvc": "1.12.0" } }, - "node_modules/p-all": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/p-all/-/p-all-5.0.0.tgz", - "integrity": "sha512-pofqu/1FhCVa+78xNAptCGc9V45exFz2pvBRyIvgXkNM0Rh18Py7j8pQuSjA+zpabI46v9hRjNWmL9EAFcEbpw==", - "license": "MIT", - "dependencies": { - "p-map": "^6.0.0" - }, - "engines": { - "node": ">=16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/p-all/node_modules/p-map": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-6.0.0.tgz", - "integrity": "sha512-T8BatKGY+k5rU+Q/GTYgrEf2r4xRMevAN5mtXc2aPc4rS1j3s+vWTaO2Wag94neXuCAUAs8cxBL9EeB5EA6diw==", - "license": "MIT", - "engines": { - "node": ">=16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -36651,7 +36534,7 @@ "version": "2.0.2", "license": "Apache-2.0", "dependencies": { - "@redhat-cloud-services/frontend-components": "^5.0.1", + "@redhat-cloud-services/frontend-components": "^5.0.2", "dot": "^1.1.3", "lodash": "^4.17.21", "marked": "14.1.2", @@ -36669,8 +36552,8 @@ "style-loader": "^3.3.1" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", "prop-types": "^15.6.2", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -37082,7 +36965,7 @@ "lodash": "^4.17.21" }, "devDependencies": { - "@redhat-cloud-services/types": "^1.0.3", + "@redhat-cloud-services/types": "^1.0.18", "@types/react": "^18.0.0", "glob": "10.3.3" }, @@ -37140,9 +37023,9 @@ "version": "5.0.2", "license": "Apache-2.0", "dependencies": { - "@patternfly/react-component-groups": "^5.0.0", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", - "@redhat-cloud-services/types": "^1.0.9", + "@patternfly/react-component-groups": "^6.0.0", + "@redhat-cloud-services/frontend-components-utilities": "^5.0.4", + "@redhat-cloud-services/types": "^1.0.18", "@scalprum/core": "^0.8.1", "@scalprum/react-core": "^0.9.1", "classnames": "^2.2.5", @@ -37150,8 +37033,8 @@ }, "devDependencies": { "@cypress/webpack-dev-server": "^1.8.4", - "@patternfly/patternfly": "^5.0.0", - "@types/react": "^18.0.0", + "@patternfly/patternfly": "^6.0.0", + "@types/react": "^18.3.3", "css-loader": "^6.7.1", "eslint-plugin-cypress": "^3.0.0", "glob": "10.3.3", @@ -37159,9 +37042,10 @@ "style-loader": "^3.3.1" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-table": "^5.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-table": "^6.0.0", + "@patternfly/react-tokens": "^6.0.0", "lodash": "^4.17.15", "prop-types": "^15.6.2", "react": "^18.2.0", @@ -37218,29 +37102,21 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, - "packages/components/node_modules/@redhat-cloud-services/frontend-components-utilities": { - "version": "4.0.19", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components-utilities/-/frontend-components-utilities-4.0.19.tgz", - "integrity": "sha512-CD3tp/fHWK/qiHfxsbiKW+odlUrQM8hQ+XxhkMzLcIJFBGbH3CTSpP9ALXdO+3UsaE5h3Hk3LRoFCYWp0Aajxg==", - "license": "Apache-2.0", + "packages/components/node_modules/@patternfly/react-component-groups": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@patternfly/react-component-groups/-/react-component-groups-6.0.0.tgz", + "integrity": "sha512-q4dQj4b/Yf8fW3ZXWZhXrX8xE73JpRAFF5wydDx6OZe3oZXucUgldghupavbyhY/oYM2V89/P67w24poH6iOqA==", + "license": "MIT", "dependencies": { - "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", - "@redhat-cloud-services/types": "^1.0.9", - "@sentry/browser": "^7.119.1", - "awesome-debounce-promise": "^2.1.0", - "axios": "^0.28.1 || ^1.7.0", - "commander": "^2.20.3", - "mkdirp": "^1.0.4", - "p-all": "^5.0.0", - "react-content-loader": "^6.2.0" + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-table": "^6.0.0", + "clsx": "^2.1.1", + "react-jss": "^10.10.0" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" + "react": "^17 || ^18", + "react-dom": "^17 || ^18" } }, "packages/components/node_modules/ajv": { @@ -37330,12 +37206,6 @@ "license": "MIT", "peer": true }, - "packages/components/node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "license": "MIT" - }, "packages/components/node_modules/escape-string-regexp": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", @@ -37696,18 +37566,6 @@ "node": "*" } }, - "packages/components/node_modules/mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", - "license": "MIT", - "bin": { - "mkdirp": "bin/cmd.js" - }, - "engines": { - "node": ">=10" - } - }, "packages/components/node_modules/p-locate": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", @@ -39011,8 +38869,8 @@ "version": "4.1.2", "license": "Apache-2.0", "dependencies": { - "@redhat-cloud-services/frontend-components": "^4.0.9", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.2", + "@redhat-cloud-services/frontend-components": "^5.0.2", + "@redhat-cloud-services/frontend-components-utilities": "^5.0.4", "redux-promise-middleware": "6.1.3" }, "devDependencies": { @@ -39020,8 +38878,8 @@ "typescript": "^5.0.0" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", "prop-types": "^15.6.2", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -39029,64 +38887,6 @@ "redux": ">=4.2.0" } }, - "packages/notifications/node_modules/@redhat-cloud-services/frontend-components": { - "version": "4.2.22", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components/-/frontend-components-4.2.22.tgz", - "integrity": "sha512-FEDxxNHF0Jg6thM1IIFxHZSVbsS5Eq4QxOuPvbhlXA7ijvxzkgh5hDwBZyRSYhL2za+sZPqZzYTgwwu1Mb3MNw==", - "license": "Apache-2.0", - "dependencies": { - "@patternfly/react-component-groups": "^5.0.0", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", - "@redhat-cloud-services/types": "^1.0.9", - "@scalprum/core": "^0.8.1", - "@scalprum/react-core": "^0.9.1", - "classnames": "^2.2.5", - "sanitize-html": "^2.13.1" - }, - "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "lodash": "^4.17.15", - "prop-types": "^15.6.2", - "react": "^18.2.0", - "react-content-loader": "^6.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" - } - }, - "packages/notifications/node_modules/@redhat-cloud-services/frontend-components-utilities": { - "version": "4.0.19", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components-utilities/-/frontend-components-utilities-4.0.19.tgz", - "integrity": "sha512-CD3tp/fHWK/qiHfxsbiKW+odlUrQM8hQ+XxhkMzLcIJFBGbH3CTSpP9ALXdO+3UsaE5h3Hk3LRoFCYWp0Aajxg==", - "license": "Apache-2.0", - "dependencies": { - "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", - "@redhat-cloud-services/types": "^1.0.9", - "@sentry/browser": "^7.119.1", - "awesome-debounce-promise": "^2.1.0", - "axios": "^0.28.1 || ^1.7.0", - "commander": "^2.20.3", - "mkdirp": "^1.0.4", - "p-all": "^5.0.0", - "react-content-loader": "^6.2.0" - }, - "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" - } - }, - "packages/notifications/node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "license": "MIT" - }, "packages/notifications/node_modules/glob": { "version": "10.3.3", "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", @@ -39129,18 +38929,6 @@ "@pkgjs/parseargs": "^0.11.0" } }, - "packages/notifications/node_modules/mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", - "license": "MIT", - "bin": { - "mkdirp": "bin/cmd.js" - }, - "engines": { - "node": ">=10" - } - }, "packages/pdf-generator": { "name": "@redhat-cloud-services/frontend-components-pdf-generator", "version": "4.0.7", @@ -39174,91 +38962,83 @@ "version": "3.2.14", "license": "Apache-2.0", "dependencies": { - "@data-driven-forms/pf4-component-mapper": "^3.21.0", - "@data-driven-forms/react-form-renderer": "^3.21.0", - "@redhat-cloud-services/frontend-components": "^4.0.0", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", + "@data-driven-forms/pf4-component-mapper": "^4.0.0", + "@data-driven-forms/react-form-renderer": "^4.0.0", + "@redhat-cloud-services/frontend-components": "^5.0.2", + "@redhat-cloud-services/frontend-components-utilities": "^5.0.4", "redux-promise-middleware": "^6.1.3", "urijs": "^1.19.11" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-table": "^5.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-table": "^6.0.0", "prop-types": "^15.6.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-redux": "^7.0.0" } }, - "packages/remediations/node_modules/@redhat-cloud-services/frontend-components": { - "version": "4.2.22", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components/-/frontend-components-4.2.22.tgz", - "integrity": "sha512-FEDxxNHF0Jg6thM1IIFxHZSVbsS5Eq4QxOuPvbhlXA7ijvxzkgh5hDwBZyRSYhL2za+sZPqZzYTgwwu1Mb3MNw==", + "packages/remediations/node_modules/@data-driven-forms/common": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@data-driven-forms/common/-/common-4.0.0.tgz", + "integrity": "sha512-pZIejlIMvPoYblYtk9YuhvlMMGOHogthbaz9jH95VysV/NRI+TnPOl/zKlDwe4qkEwX0521n0O7rHWnIC/a6GA==", "license": "Apache-2.0", "dependencies": { - "@patternfly/react-component-groups": "^5.0.0", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", - "@redhat-cloud-services/types": "^1.0.9", - "@scalprum/core": "^0.8.1", - "@scalprum/react-core": "^0.9.1", - "classnames": "^2.2.5", - "sanitize-html": "^2.13.1" + "clsx": "^1.0.4", + "lodash": "^4.17.15", + "prop-types": "^15.7.2" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "lodash": "^4.17.15", - "prop-types": "^15.6.2", - "react": "^18.2.0", - "react-content-loader": "^6.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" + "react": "^16.13.1 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.13.1 || ^17.0.2 || ^18.0.0" } }, - "packages/remediations/node_modules/@redhat-cloud-services/frontend-components-utilities": { - "version": "4.0.19", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components-utilities/-/frontend-components-utilities-4.0.19.tgz", - "integrity": "sha512-CD3tp/fHWK/qiHfxsbiKW+odlUrQM8hQ+XxhkMzLcIJFBGbH3CTSpP9ALXdO+3UsaE5h3Hk3LRoFCYWp0Aajxg==", + "packages/remediations/node_modules/@data-driven-forms/pf4-component-mapper": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@data-driven-forms/pf4-component-mapper/-/pf4-component-mapper-4.0.0.tgz", + "integrity": "sha512-hlcS1J4s7xNFwgdbeyWGk5RyWiM9PMnI5Za8KBlqEzGxr43r2O44Es1XON/bs8p2W+f7u+63uWMcGb0KdYPjPw==", "license": "Apache-2.0", "dependencies": { - "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", - "@redhat-cloud-services/types": "^1.0.9", - "@sentry/browser": "^7.119.1", - "awesome-debounce-promise": "^2.1.0", - "axios": "^0.28.1 || ^1.7.0", - "commander": "^2.20.3", - "mkdirp": "^1.0.4", - "p-all": "^5.0.0", - "react-content-loader": "^6.2.0" + "@data-driven-forms/common": "^4.0.0", + "downshift": "^5.4.3", + "lodash": "^4.17.21", + "prop-types": "^15.7.2" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" + "@data-driven-forms/react-form-renderer": "^4.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "react": "^17.0.2 || ^18.0.0", + "react-dom": "^17.0.2 || ^18.0.0" } }, - "packages/remediations/node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "license": "MIT" + "packages/remediations/node_modules/@data-driven-forms/react-form-renderer": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@data-driven-forms/react-form-renderer/-/react-form-renderer-4.0.0.tgz", + "integrity": "sha512-ZX8yH+gYMEv/LxcMvPX+qFzwb8v5UGBxWwG24ySc04Hy9nWSHCywsi4bFNCoqIpSVie5vAx+nPnc2SmlJjp5tw==", + "license": "Apache-2.0", + "dependencies": { + "final-form": "^4.20.4", + "final-form-arrays": "^3.0.2", + "final-form-focus": "^1.1.2", + "lodash": "^4.17.15", + "prop-types": "^15.7.2", + "react-final-form": "^6.5.0", + "react-final-form-arrays": "^3.1.1" + }, + "peerDependencies": { + "react": "^16.13.1 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.13.1 || ^17.0.2 || ^18.0.0" + } }, - "packages/remediations/node_modules/mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "packages/remediations/node_modules/clsx": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", + "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==", "license": "MIT", - "bin": { - "mkdirp": "bin/cmd.js" - }, "engines": { - "node": ">=10" + "node": ">=6" } }, "packages/rule-components": { @@ -39266,87 +39046,17 @@ "version": "3.2.11", "license": "Apache-2.0", "dependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "@redhat-cloud-services/frontend-components": "^4.0.0", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-table": "^6.0.0", + "@redhat-cloud-services/frontend-components": "^5.0.2", + "@redhat-cloud-services/frontend-components-utilities": "^5.0.4", "dot": "1.1.3", "marked": "^14.1.2", "react-dom": "^18.2.0", "sanitize-html": "^2.13.1" } }, - "packages/rule-components/node_modules/@redhat-cloud-services/frontend-components": { - "version": "4.2.22", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components/-/frontend-components-4.2.22.tgz", - "integrity": "sha512-FEDxxNHF0Jg6thM1IIFxHZSVbsS5Eq4QxOuPvbhlXA7ijvxzkgh5hDwBZyRSYhL2za+sZPqZzYTgwwu1Mb3MNw==", - "license": "Apache-2.0", - "dependencies": { - "@patternfly/react-component-groups": "^5.0.0", - "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", - "@redhat-cloud-services/types": "^1.0.9", - "@scalprum/core": "^0.8.1", - "@scalprum/react-core": "^0.9.1", - "classnames": "^2.2.5", - "sanitize-html": "^2.13.1" - }, - "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "lodash": "^4.17.15", - "prop-types": "^15.6.2", - "react": "^18.2.0", - "react-content-loader": "^6.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" - } - }, - "packages/rule-components/node_modules/@redhat-cloud-services/frontend-components-utilities": { - "version": "4.0.19", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components-utilities/-/frontend-components-utilities-4.0.19.tgz", - "integrity": "sha512-CD3tp/fHWK/qiHfxsbiKW+odlUrQM8hQ+XxhkMzLcIJFBGbH3CTSpP9ALXdO+3UsaE5h3Hk3LRoFCYWp0Aajxg==", - "license": "Apache-2.0", - "dependencies": { - "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", - "@redhat-cloud-services/types": "^1.0.9", - "@sentry/browser": "^7.119.1", - "awesome-debounce-promise": "^2.1.0", - "axios": "^0.28.1 || ^1.7.0", - "commander": "^2.20.3", - "mkdirp": "^1.0.4", - "p-all": "^5.0.0", - "react-content-loader": "^6.2.0" - }, - "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" - } - }, - "packages/rule-components/node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "license": "MIT" - }, - "packages/rule-components/node_modules/mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", - "license": "MIT", - "bin": { - "mkdirp": "bin/cmd.js" - }, - "engines": { - "node": ">=10" - } - }, "packages/testing": { "name": "@redhat-cloud-services/frontend-components-testing", "version": "0.1.3", @@ -39361,7 +39071,7 @@ "glob": "10.3.3" }, "optionalDependencies": { - "@redhat-cloud-services/frontend-components-utilities": "^4.0.13" + "@redhat-cloud-services/frontend-components-utilities": "^5.0.4" }, "peerDependencies": { "prop-types": "^15.6.2", @@ -39370,39 +39080,6 @@ "react-intl": "^6.4.4" } }, - "packages/translations/node_modules/@redhat-cloud-services/frontend-components-utilities": { - "version": "4.0.19", - "resolved": "https://registry.npmjs.org/@redhat-cloud-services/frontend-components-utilities/-/frontend-components-utilities-4.0.19.tgz", - "integrity": "sha512-CD3tp/fHWK/qiHfxsbiKW+odlUrQM8hQ+XxhkMzLcIJFBGbH3CTSpP9ALXdO+3UsaE5h3Hk3LRoFCYWp0Aajxg==", - "license": "Apache-2.0", - "optional": true, - "dependencies": { - "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", - "@redhat-cloud-services/types": "^1.0.9", - "@sentry/browser": "^7.119.1", - "awesome-debounce-promise": "^2.1.0", - "axios": "^0.28.1 || ^1.7.0", - "commander": "^2.20.3", - "mkdirp": "^1.0.4", - "p-all": "^5.0.0", - "react-content-loader": "^6.2.0" - }, - "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-table": "^5.0.0", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-redux": ">=7.0.0", - "react-router-dom": "^5.0.0 || ^6.0.0" - } - }, - "packages/translations/node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "license": "MIT", - "optional": true - }, "packages/translations/node_modules/glob": { "version": "10.3.3", "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", @@ -39445,19 +39122,6 @@ "@pkgjs/parseargs": "^0.11.0" } }, - "packages/translations/node_modules/mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", - "license": "MIT", - "optional": true, - "bin": { - "mkdirp": "bin/cmd.js" - }, - "engines": { - "node": ">=10" - } - }, "packages/tsc-transform-imports": { "name": "@redhat-cloud-services/tsc-transform-imports", "version": "1.0.21", @@ -39513,7 +39177,7 @@ "version": "1.0.18", "license": "Apache-2.0", "devDependencies": { - "@patternfly/quickstarts": "^5.0.0", + "@patternfly/quickstarts": "^6.0.0", "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", "@segment/analytics-next": "^1.43.2", "glob": "10.3.3", @@ -39568,7 +39232,7 @@ "license": "Apache-2.0", "dependencies": { "@redhat-cloud-services/rbac-client": "^1.0.111 || 2.x", - "@redhat-cloud-services/types": "^1.0.9", + "@redhat-cloud-services/types": "^1.0.18", "@sentry/browser": "^7.119.1", "awesome-debounce-promise": "^2.1.0", "axios": "^0.28.1 || ^1.7.0", @@ -39584,8 +39248,8 @@ "redux-mock-store": "^1.5.4" }, "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-table": "^5.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-table": "^6.0.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-redux": "^7.0.0", diff --git a/package.json b/package.json index 309223c90..bf92764d6 100644 --- a/package.json +++ b/package.json @@ -42,10 +42,10 @@ "@nx/web": "20.0.6", "@nx/webpack": "^20.0.6", "@openshift/dynamic-plugin-sdk-webpack": "^4.1.0", - "@patternfly/quickstarts": "^5.4.1", - "@patternfly/react-core": "^5.4.8", - "@patternfly/react-icons": "^5.4.2", - "@patternfly/react-table": "^5.4.9", + "@patternfly/quickstarts": "^6.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", + "@patternfly/react-table": "^6.0.0", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15", "@simonsmith/cypress-image-snapshot": "^9.1.0", "@swc-node/register": "^1.10.9", diff --git a/packages/advisor-components/cypress/component/ReportDetails/ReportDetails.spec.cy.tsx b/packages/advisor-components/cypress/component/ReportDetails/ReportDetails.spec.cy.tsx index e85e4bb78..598b424c8 100644 --- a/packages/advisor-components/cypress/component/ReportDetails/ReportDetails.spec.cy.tsx +++ b/packages/advisor-components/cypress/component/ReportDetails/ReportDetails.spec.cy.tsx @@ -27,12 +27,12 @@ describe('report details: kba loaded', () => { }); it('renders correct number of headers', () => { - cy.get('.pf-v5-c-card__header').should('have.length', HEADERS.length); - HEADERS.forEach((h) => cy.get('.pf-v5-c-card__header').contains(h).should('have.length', 1)); + cy.get('.pf-v6-c-card__header').should('have.length', HEADERS.length); + HEADERS.forEach((h) => cy.get('.pf-v6-c-card__header').contains(h).should('have.length', 1)); }); it('each header has an icon', () => { - cy.get('.pf-v5-c-card__header-main > .ins-c-report-details__icon').should('have.length', HEADERS.length); + cy.get('.pf-v6-c-card__header-main > .ins-c-report-details__icon').should('have.length', HEADERS.length); }); it('links have an icon', () => { @@ -64,12 +64,12 @@ describe('report details: kba loaded', () => { it('renders three dividers', () => { // TODO: make the assertion number dependant on input test data - cy.get('hr[class=pf-v5-c-divider]').should('have.length', 3); + cy.get('hr[class=pf-v6-c-divider]').should('have.length', 3); }); it('renders a loaded kba link', () => { - cy.get(`${ROOT} .ins-c-report-details__kba .pf-v5-c-card__body`).find('.pf-v5-c-skeleton').should('have.length', 0); - cy.get(`${ROOT} .ins-c-report-details__kba .pf-v5-c-card__body`) + cy.get(`${ROOT} .ins-c-report-details__kba .pf-v6-c-card__body`).find('.pf-v6-c-skeleton').should('have.length', 0); + cy.get(`${ROOT} .ins-c-report-details__kba .pf-v6-c-card__body`) .contains(props.kbaDetail.publishedTitle) .invoke('attr', 'href') .should('eq', props.kbaDetail.view_uri); @@ -82,6 +82,6 @@ describe('report details: kba loading', () => { }); it('renders skeleton instead of a kba link', () => { - cy.get(`${ROOT} .ins-c-report-details__kba .pf-v5-c-card__body`).find('.pf-v5-c-skeleton').should('have.length', 1); + cy.get(`${ROOT} .ins-c-report-details__kba .pf-v6-c-card__body`).find('.pf-v6-c-skeleton').should('have.length', 1); }); }); diff --git a/packages/advisor-components/package.json b/packages/advisor-components/package.json index 82fc10110..a846578f9 100644 --- a/packages/advisor-components/package.json +++ b/packages/advisor-components/package.json @@ -19,15 +19,15 @@ }, "homepage": "https://github.com/RedHatInsights/frontend-components/tree/master/packages/advisor-components#readme", "peerDependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", + "@patternfly/react-core": "^6.0.0", + "@patternfly/react-icons": "^6.0.0", "prop-types": "^15.6.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^5.0.0 || ^6.0.0" }, "dependencies": { - "@redhat-cloud-services/frontend-components": "^5.0.1", + "@redhat-cloud-services/frontend-components": "^5.0.2", "dot": "^1.1.3", "lodash": "^4.17.21", "marked": "14.1.2", diff --git a/packages/advisor-components/src/RebootRequired/RebootRequired.scss b/packages/advisor-components/src/RebootRequired/RebootRequired.scss index adfde86cb..2cc5c9676 100644 --- a/packages/advisor-components/src/RebootRequired/RebootRequired.scss +++ b/packages/advisor-components/src/RebootRequired/RebootRequired.scss @@ -7,13 +7,13 @@ .reboot-required-icon { margin-top: 5px; - margin-right: var(--pf-v5-global--spacer--sm); - color: var(--pf-v5-global--palette--red-100); + margin-right: var(--pf-t--global--spacer--sm); + color: var(--pf-t--global--color--status--danger--default); } .no-reboot-required-icon { margin-top: 5px; - margin-right: var(--pf-v5-global--spacer--sm); - color: var(--pf-v5-global--palette--black-400); + margin-right: var(--pf-t--global--spacer--sm); + color: var(--pf-t--global--color--nonstatus--gray--default); } } diff --git a/packages/advisor-components/src/RebootRequired/RebootRequired.tsx b/packages/advisor-components/src/RebootRequired/RebootRequired.tsx index 8552c74f0..6d66ffbee 100644 --- a/packages/advisor-components/src/RebootRequired/RebootRequired.tsx +++ b/packages/advisor-components/src/RebootRequired/RebootRequired.tsx @@ -1,8 +1,9 @@ import './RebootRequired.scss'; import React from 'react'; -import { Icon, Text, TextContent, TextVariants } from '@patternfly/react-core'; -import { PowerOffIcon } from '@patternfly/react-icons'; +import { Icon } from '@patternfly/react-core/dist/js/components/Icon/Icon'; +import { Content, ContentVariants } from '@patternfly/react-core/dist/js/components/Content/Content'; +import { PowerOffIcon } from '@patternfly/react-icons/dist/dynamic/icons/power-off-icon'; import { RuleDetailsMessages } from '../RuleDetails/RuleDetailsMessages'; interface RebootRequiredProps { @@ -15,9 +16,9 @@ const RebootRequired: React.FC = ({ messages, rebootRequire - - {messages.systemReboot} - + + {messages.systemReboot} + ); diff --git a/packages/advisor-components/src/ReportDetails/ReportDetails.scss b/packages/advisor-components/src/ReportDetails/ReportDetails.scss index 98b0e2a87..c88a31e7b 100644 --- a/packages/advisor-components/src/ReportDetails/ReportDetails.scss +++ b/packages/advisor-components/src/ReportDetails/ReportDetails.scss @@ -4,11 +4,11 @@ &__cards-stack { pre { display: block; - color: var(--pf-v5-global--Color--100); + color: var(--pf-t--color--gray--95); word-break: break-all; word-wrap: break-word; - background-color: var(--pf-v5-global--BackgroundColor--light-200); - border: 1px solid var(--pf-v5-global--BorderColor--100); + background-color: var(pf-t--global--background--color--200); + border: 1px solid var(--pf-t--global--border--color--100); border-radius: 4px; @include m.rem('padding', 10px); @include m.rem('margin', (10px, 0)); @@ -42,25 +42,25 @@ h4, h5, h6 { - font-family: var(--pf-v5-global--FontFamily--heading--sans-serif); + font-family: var(--pf-t--global--font--family--heading); line-height: 1.5; } h1 { - font-size: var(--pf-v5-global--FontSize--2xl); + font-size: var(--pf-t--global--font--size--2xl); line-height: 1.3; } h2 { - font-size: var(--pf-v5-global--FontSize--xl); + font-size: var(--pf-t--global--font--size--xl); } h3 { - font-size: var(--pf-v5-global--FontSize--lg); + font-size: var(--pf-t--global--font--size--lg); } h4, h5, h6 { - font-size: var(--pf-v5-global--FontSize--md); + font-size: var(--pf-t--global--font--size--md); } - .pf-v5-c-list { + .pf-v6-c-list { @include m.rem('margin', 5px 0); } @@ -69,7 +69,7 @@ @include m.rem('margin-top', 10px); tr { - border-bottom: 1px solid var(--pf-v5-global--BorderColor--300); + border-bottom: 1px solid var(--pf-t--global--border--color--on-secondary); } th, @@ -80,6 +80,6 @@ } &__icon { - margin-right: var(--pf-v5-global--spacer--sm); + margin-right: var(--pf-t--global--spacer--sm); } } diff --git a/packages/advisor-components/src/ReportDetails/ReportDetails.tsx b/packages/advisor-components/src/ReportDetails/ReportDetails.tsx index 95fc9fa61..5c6f96644 100644 --- a/packages/advisor-components/src/ReportDetails/ReportDetails.tsx +++ b/packages/advisor-components/src/ReportDetails/ReportDetails.tsx @@ -2,8 +2,17 @@ import './ReportDetails.scss'; import React, { useState } from 'react'; -import { Alert, Card, CardBody, CardHeader, Divider, Stack, StackItem } from '@patternfly/react-core'; -import { BullseyeIcon, InfoCircleIcon, LightbulbIcon, ThumbsUpIcon } from '@patternfly/react-icons'; +import { Alert } from '@patternfly/react-core/dist/dynamic/components/Alert'; +import { Card } from '@patternfly/react-core/dist/dynamic/components/Card'; +import { CardBody } from '@patternfly/react-core/dist/dynamic/components/Card'; +import { CardHeader } from '@patternfly/react-core/dist/dynamic/components/Card'; +import { Divider } from '@patternfly/react-core/dist/dynamic/components/Divider'; +import { Stack } from '@patternfly/react-core/dist/dynamic/layouts/Stack'; +import { StackItem } from '@patternfly/react-core/dist/dynamic/layouts/Stack'; +import BullseyeIcon from '@patternfly/react-icons/dist/dynamic/icons/bullseye-icon'; +import InfoCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/info-circle-icon'; +import LightbulbIcon from '@patternfly/react-icons/dist/dynamic/icons/lightbulb-icon'; +import ThumbsUpIcon from '@patternfly/react-icons/dist/dynamic/icons/thumbs-up-icon'; import { Skeleton, SkeletonSize } from '@redhat-cloud-services/frontend-components/Skeleton'; import { RuleContentOcp, RuleContentRhel } from '../types'; diff --git a/packages/advisor-components/src/RuleDescription/RuleDescription.scss b/packages/advisor-components/src/RuleDescription/RuleDescription.scss index 97d0fb903..c72da9d0d 100644 --- a/packages/advisor-components/src/RuleDescription/RuleDescription.scss +++ b/packages/advisor-components/src/RuleDescription/RuleDescription.scss @@ -1,6 +1,6 @@ .ins-c-generic__override { p { margin-top: 0; - margin-bottom: var(--pf-v5-global--spacer--md); + margin-bottom: var(--pf-t--global--spacer--md); } } diff --git a/packages/advisor-components/src/RuleDetails/RuleDetails.scss b/packages/advisor-components/src/RuleDetails/RuleDetails.scss index ab5d61f8d..7fd80ec8a 100644 --- a/packages/advisor-components/src/RuleDetails/RuleDetails.scss +++ b/packages/advisor-components/src/RuleDetails/RuleDetails.scss @@ -1,10 +1,10 @@ .ins-c-line { - border: 0.01rem solid var(--pf-v5-global--BorderColor--100); + border: 0.01rem solid var(--pf-t--global--border--color--100); } .ins-c-rule-details__stack { width: 600px; - .pf-v5-c-content { - font-size: var(--pf-v5-global--FontSize--sm); + .pf-v6-c-content { + font-size: var(--pf-t--global--font--size--sm); } } diff --git a/packages/advisor-components/src/RuleDetails/RuleDetails.tsx b/packages/advisor-components/src/RuleDetails/RuleDetails.tsx index 7d7a87645..ce68324e8 100644 --- a/packages/advisor-components/src/RuleDetails/RuleDetails.tsx +++ b/packages/advisor-components/src/RuleDetails/RuleDetails.tsx @@ -2,8 +2,14 @@ import './RuleDetails.scss'; import React from 'react'; -import { Flex, FlexItem, Icon, Stack, StackItem, Text, TextContent, TextVariants } from '@patternfly/react-core'; -import { ExternalLinkAltIcon } from '@patternfly/react-icons'; +import { Flex } from '@patternfly/react-core/dist/dynamic/layouts/Flex'; +import { FlexItem } from '@patternfly/react-core/dist/dynamic/layouts/Flex'; +import { Icon } from '@patternfly/react-core/dist/dynamic/components/Icon'; +import { Stack } from '@patternfly/react-core/dist/dynamic/layouts/Stack'; +import { StackItem } from '@patternfly/react-core/dist/dynamic/layouts/Stack'; +import { Content } from '@patternfly/react-core/dist/dynamic/components/Content'; +import { ContentVariants } from '@patternfly/react-core/dist/dynamic/components/Content'; +import ExternalLinkAltIcon from '@patternfly/react-icons/dist/dynamic/icons/external-link-alt-icon'; import InsightsLabel from '@redhat-cloud-services/frontend-components/InsightsLabel'; import { SeverityLine } from '@redhat-cloud-services/frontend-components/SeverityLine'; @@ -95,9 +101,9 @@ const RuleDetails: React.FC = ({ - - {messages.rulesDetailsTotalRiskBody} - + + {messages.rulesDetailsTotalRiskBody} + @@ -127,7 +133,7 @@ const RuleDetails: React.FC = ({ {messages.riskOfChange} - + {/* remove pf-m-compact class name once https://github.com/patternfly/patternfly-react/issues/7196 is resolved */} @@ -142,9 +148,9 @@ const RuleDetails: React.FC = ({ - - {resolutionRiskDesc} - + + {resolutionRiskDesc} + {product === AdvisorProduct.rhel && ( diff --git a/packages/advisor-components/src/RuleRating/RuleRating.scss b/packages/advisor-components/src/RuleRating/RuleRating.scss index 2967a9c7b..e0a9f7c11 100644 --- a/packages/advisor-components/src/RuleRating/RuleRating.scss +++ b/packages/advisor-components/src/RuleRating/RuleRating.scss @@ -1,13 +1,13 @@ .ins-c-like { - color: var(--pf-v5-global--success-color--100); + color: var(--pf-t--global--color--status--success--default); } .ins-c-dislike { - color: var(--pf-v5-global--primary-color--100); + color: var(--pf-t--global--text--color--regular); } .ratingSpanOverride { - font-size: var(--pf-v5-global--FontSize--sm) !important; + font-size: var(--pf-t--global--font--size--sm) !important; button { padding: 8px; } diff --git a/packages/advisor-components/src/RuleRating/RuleRating.tsx b/packages/advisor-components/src/RuleRating/RuleRating.tsx index f2b549380..62be6bc3b 100644 --- a/packages/advisor-components/src/RuleRating/RuleRating.tsx +++ b/packages/advisor-components/src/RuleRating/RuleRating.tsx @@ -3,8 +3,12 @@ import './RuleRating.scss'; import React, { useCallback, useState } from 'react'; import debounce from 'lodash/debounce'; -import { Button, Icon } from '@patternfly/react-core'; -import { OutlinedThumbsDownIcon, OutlinedThumbsUpIcon, ThumbsDownIcon, ThumbsUpIcon } from '@patternfly/react-icons'; +import { Button } from '@patternfly/react-core/dist/dynamic/components/Button'; +import { Icon } from '@patternfly/react-core/dist/dynamic/components/Icon'; +import OutlinedThumbsDownIcon from '@patternfly/react-icons/dist/dynamic/icons/outlined-thumbs-down-icon'; +import OutlinedThumbsUpIcon from '@patternfly/react-icons/dist/dynamic/icons/outlined-thumbs-up-icon'; +import ThumbsDownIcon from '@patternfly/react-icons/dist/dynamic/icons/thumbs-down-icon'; +import ThumbsUpIcon from '@patternfly/react-icons/dist/dynamic/icons/thumbs-up-icon'; import { Rating } from '../types'; import { RuleDetailsMessages } from '../RuleDetails/RuleDetailsMessages'; @@ -45,12 +49,20 @@ const RuleRating: React.FC = ({ messages, ruleId, ruleRating, o return ( {messages.ruleHelpful} - - +