From cd6f1426dbb46e909d39fdadf3bca7edb02c80b2 Mon Sep 17 00:00:00 2001 From: Georgy Karataev Date: Thu, 23 Mar 2023 10:42:26 +0100 Subject: [PATCH] refactor(RHIF-213): Remove the last insights.chrome call (#1886) * refactor: Create RBAC wrapper for CVEs component Fixes https://issues.redhat.com/browse/RHIF-213. This removes the last occurrence of direct call to insights.chrome. Together with this change, CVEs component is refactored to abstract the RBAC logic from the core component and make it cypress-testable. * Update snapshots --- .../SmartComponents/CVEs/CVEs.cy.js | 4 +- src/Components/SmartComponents/CVEs/CVEs.js | 26 +- .../CVEs/__snapshots__/CVEs.test.js.snap | 21278 ++++++++-------- .../__snapshots__/LandingPage.test.js.snap | 2 +- src/Helpers/Hooks.js | 4 +- 5 files changed, 10670 insertions(+), 10644 deletions(-) diff --git a/src/Components/SmartComponents/CVEs/CVEs.cy.js b/src/Components/SmartComponents/CVEs/CVEs.cy.js index 4a86f5b22..08817ac25 100644 --- a/src/Components/SmartComponents/CVEs/CVEs.cy.js +++ b/src/Components/SmartComponents/CVEs/CVEs.cy.js @@ -3,7 +3,7 @@ import { mount } from '@cypress/react'; import { BrowserRouter as Router } from 'react-router-dom'; import { Provider } from 'react-redux'; -import CVEs from './CVEs'; +import { CVEs } from './CVEs'; import ReducerRegistry from '../../../Utilities/ReducerRegistry'; import cvesResponse from '../../../../cypress/fixtures/cves.json'; @@ -23,7 +23,7 @@ const mountComponent = () => { - + diff --git a/src/Components/SmartComponents/CVEs/CVEs.js b/src/Components/SmartComponents/CVEs/CVEs.js index 2e76c62b3..afe060c53 100644 --- a/src/Components/SmartComponents/CVEs/CVEs.js +++ b/src/Components/SmartComponents/CVEs/CVEs.js @@ -1,6 +1,7 @@ import React, { useMemo, useState, useEffect } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { Stack, StackItem } from '@patternfly/react-core'; +import PropTypes from 'prop-types'; import { CVES_ALLOWED_PARAMS, PERMISSIONS, SERVICE_NAME } from '../../../Helpers/constants'; import { createCveListByAccount } from '../../../Helpers/VulnerabilityHelper'; import { constructFilterParameters, updateRef, useUrlParams } from '../../../Helpers/MiscHelper'; @@ -28,18 +29,13 @@ import { NotAuthorized } from '../../PresentationalComponents/EmptyStates/EmptyS export const CVETableContext = React.createContext({}); -export const CVEs = () => { +export const CVEs = ({ rbac }) => { const dispatch = useDispatch(); const [CveStatusModal, setStatusModal] = useState(() => () => null); const [CveBusinessRiskModal, setBusinessRiskModal] = useState(() => () => null); const [isFirstLoad, setFirstLoad] = useState(true); - const [[canEditStatusOrBusinessRisk, canEditPairStatus, canExport, canReadVulnerabilityResults], isRbacLoading] = useRbac([ - PERMISSIONS.setCveStatusAndBusinessRisk, - PERMISSIONS.setPairStatus, - PERMISSIONS.basicReporting, - PERMISSIONS.readVulnerabilityResults - ]); + const [[canEditStatusOrBusinessRisk, canEditPairStatus, canExport, canReadVulnerabilityResults], isRbacLoading] = rbac; const cveList = useSelector( ({ CVEsStore }) => CVEsStore.cveList @@ -181,7 +177,21 @@ export const CVEs = () => { } else { return ; } +}; + +CVEs.propTypes = { + rbac: PropTypes.array.isRequired +}; + +const CVEsWithRbac = () => { + const rbac = useRbac([ + PERMISSIONS.setCveStatusAndBusinessRisk, + PERMISSIONS.setPairStatus, + PERMISSIONS.basicReporting, + PERMISSIONS.readVulnerabilityResults + ]); + return ; }; -export default CVEs; +export default CVEsWithRbac; diff --git a/src/Components/SmartComponents/CVEs/__snapshots__/CVEs.test.js.snap b/src/Components/SmartComponents/CVEs/__snapshots__/CVEs.test.js.snap index 10813c818..c9b389118 100644 --- a/src/Components/SmartComponents/CVEs/__snapshots__/CVEs.test.js.snap +++ b/src/Components/SmartComponents/CVEs/__snapshots__/CVEs.test.js.snap @@ -36,403 +36,256 @@ exports[`CVEs Should render without props 1`] = ` } } > - - - - + - + + - Save - , - , + { + "cellFormatters": [ + [Function], + ], + "columnTransforms": [ + [Function], + ], + "isShownByDefault": true, + "isUnhidable": true, + "key": "synopsis", + "title": "CVE ID", + "transforms": [ + [Function], + ], + }, + { + "columnTransforms": [ + [Function], + ], + "isShownByDefault": true, + "key": "public_date", + "title": "Publish date", + "transforms": [ + [Function], + [Function], + ], + }, + { + "columnTransforms": [ + [Function], + ], + "isShownByDefault": true, + "key": "impact", + "title": "Severity", + "transforms": [ + [Function], + ], + }, + { + "isShownByDefault": true, + "key": "cvss_score", + "title": "CVSS base score", + "transforms": [ + [Function], + [Function], + ], + }, + { + "isShownByDefault": true, + "key": "systems_affected", + "title": "Systems", + "transforms": [ + [Function], + [Function], + ], + }, + { + "isShownByDefault": true, + "key": "business_risk", + "title": "Business risk", + "transforms": [ + [Function], + [Function], + ], + }, + { + "isShownByDefault": true, + "key": "status", + "title": "Status", + "transforms": [ + [Function], + [Function], + ], + }, ] } - appendTo={[Function]} - aria-describedby="" - aria-label="" - aria-labelledby="" - className="" - description={ - - - Selected categories will be displayed in the table. - - - - - - - - - - - } - hasNoBodyWrapper={false} - isOpen={false} - onClose={[Function]} - ouiaSafe={true} - showClose={true} - title="Manage columns" - titleIconVariant={null} - titleLabel="" - variant="small" + applyColumns={[Function]} + isModalOpen={false} + key="column-mgmt-modal" + setModalOpen={[Function]} > - } + + Save + , + , + ] + } + appendTo={[Function]} + aria-describedby="" + aria-label="" + aria-labelledby="" + className="" + description={ + + + Selected categories will be displayed in the table. + + + + + + + + + + + } + hasNoBodyWrapper={false} + isOpen={false} + onClose={[Function]} + ouiaSafe={true} + showClose={true} + title="Manage columns" + titleIconVariant={null} + titleLabel="" + variant="small" > - - Save - , - , - ] - } - aria-describedby="" - aria-label="" - aria-labelledby="" - boxId="pf-modal-part-0" - className="" - description={ - - - Selected categories will be displayed in the table. - - - - - - - - - - - } - descriptorId="pf-modal-part-2" - hasNoBodyWrapper={false} - isOpen={false} - labelId="pf-modal-part-1" - onClose={[Function]} - ouiaId="OUIA-Generated-Modal-small-1" - ouiaSafe={true} - showClose={true} - title="Manage columns" - titleIconVariant={null} - titleLabel="" - variant="small" - /> - - - - -
- -
} > - + Save + , + , + ] + } + aria-describedby="" + aria-label="" + aria-labelledby="" + boxId="pf-modal-part-0" + className="" + description={ + + + Selected categories will be displayed in the table. + + + + + + + + + + + } + descriptorId="pf-modal-part-2" + hasNoBodyWrapper={false} + isOpen={false} + labelId="pf-modal-part-1" + onClose={[Function]} + ouiaId="OUIA-Generated-Modal-small-1" + ouiaSafe={true} + showClose={true} + title="Manage columns" + titleIconVariant={null} + titleLabel="" + variant="small" + /> + + + + +
+ +
- - - - CVE-2020-0543 - - - , - }, - { - "title": - 09 June 2020 - , - }, - { - "title": - - , - }, - { - "title": - 6.5 - , - }, - { - "title": - - 1 - - - , - }, - { - "title": - Not defined - , - }, - { - "title": - - - On-hold - , - }, - ], - "exposed_systems_count": 1, - "id": "CVE-2019-6454", - "isOpen": false, - "rules": undefined, - "selected": false, - "status_id": 2, - "status_justification": "testhello", - }, - { - "cells": [ - { - "title": , - }, - ], - "fullWidth": true, - "parent": 0, - }, - ], - "errors": undefined, - "isLoading": false, - "meta": { - "cvesCount": 1, - "test": "test", - }, - }, - "expandedRows": [], - "isAllExpanded": false, - "methods": { - "apply": [Function], - "downloadReport": [Function], - "openCves": [Function], - "selectCves": [Function], - "setColumnManagementModalOpen": [Function], - "showBusinessRiskModal": [Function], - "showStatusModal": [Function], - }, - "params": { - "affecting": "true", - "sort": "-public_date", - }, - "selectedCves": [], - } - } - downloadReport={[Function]} intl={ { "$t": [Function], @@ -477,588 +330,689 @@ exports[`CVEs Should render without props 1`] = ` "wrapRichTextChunksInFragment": undefined, } } - totalNumber={0} > - - - , - ], - "isDisabled": false, - "onSelect": [Function], - "ouiaId": "export", - } - } - filterConfig={ + - - Critical - , - "value": "7", - }, + "cves": { + "data": [ + { + "business_risk_id": 0, + "business_risk_justification": null, + "cells": [ { - "label": - + + CVE-2020-0543 + + - Important - , - "value": "5", + , }, { - "label": - - Moderate - , - "value": "4", + "title": + 09 June 2020 + , }, { - "label": - + - Low - , - "value": "2", - }, - { - "label": - Unknown - , - "value": "1", - }, - ], - "onChange": [Function], - "value": [], - }, - "key": "impact", - "label": "severity", - "type": "checkbox", - "urlParam": "impact", - }, - { - "filterValues": { - "children": , - }, - "key": "cvss_score", - "label": "CVSS base score", - "type": "custom", - "urlParam": "cvss_filter", - }, - { - "filterValues": { - "items": [ - { - "label": "Critical", - "value": "4", + , }, { - "label": "High", - "value": "3", + "title": + 6.5 + , }, { - "label": "Medium", - "value": "2", + "title": + + 1 + + + , }, { - "label": "Low", - "value": "1", + "title": + Not defined + , }, { - "label": "Not defined", - "value": "0", + "title": + + + On-hold + , }, ], - "onChange": [Function], - "value": [], + "exposed_systems_count": 1, + "id": "CVE-2019-6454", + "isOpen": false, + "rules": undefined, + "selected": false, + "status_id": 2, + "status_justification": "testhello", }, - "key": "business_risk", - "label": "business risk", - "type": "checkbox", - "urlParam": "business_risk_id", - }, - { - "filterValues": { - "items": [ - { - "label": "1 or more", - "value": "true", - }, + { + "cells": [ { - "label": "None", - "value": "false", + "title": , }, ], - "onChange": [Function], - "value": [ - "true", - ], + "fullWidth": true, + "parent": 0, }, - "label": "systems", - "type": "checkbox", - "urlParam": "affecting", + ], + "errors": undefined, + "isLoading": false, + "meta": { + "cvesCount": 1, + "test": "test", }, - { - "filterValues": { - "items": [ - { - "label": "All", - "value": "all", - }, - { - "label": "Last 7 days", - "value": "last7", - }, - { - "label": "Last 30 days", - "value": "last30", - }, - { - "label": "Last 90 days", - "value": "last90", - }, - { - "label": "Last year", - "value": "lastYear", - }, - { - "label": "More than 1 year ago", - "value": "MoreThanYear", - }, - ], - "onChange": [Function], - "value": "0", + }, + "expandedRows": [], + "isAllExpanded": false, + "methods": { + "apply": [Function], + "downloadReport": [Function], + "openCves": [Function], + "selectCves": [Function], + "setColumnManagementModalOpen": [Function], + "showBusinessRiskModal": [Function], + "showStatusModal": [Function], + }, + "params": { + "affecting": "true", + "sort": "-public_date", + }, + "selectedCves": [], + } + } + downloadReport={[Function]} + intl={ + { + "$t": [Function], + "defaultFormats": {}, + "defaultLocale": "en", + "defaultRichTextElements": undefined, + "fallbackOnEmptyString": true, + "formatDate": [Function], + "formatDateTimeRange": [Function], + "formatDateToParts": [Function], + "formatDisplayName": [Function], + "formatList": [Function], + "formatListToParts": [Function], + "formatMessage": [Function], + "formatNumber": [Function], + "formatNumberToParts": [Function], + "formatPlural": [Function], + "formatRelativeTime": [Function], + "formatTime": [Function], + "formatTimeToParts": [Function], + "formats": {}, + "formatters": { + "getDateTimeFormat": [Function], + "getDisplayNames": [Function], + "getListFormat": [Function], + "getMessageFormat": [Function], + "getNumberFormat": [Function], + "getPluralRules": [Function], + "getRelativeTimeFormat": [Function], + }, + "locale": "en", + "messages": { + "default.cancel": "Cancel", + "default.delete": "Delete", + "default.remove": "Remove", + "default.save": "Save", + }, + "onError": [Function], + "onWarn": [Function], + "textComponent": Symbol(react.fragment), + "timeZone": undefined, + "wrapRichTextChunksInFragment": undefined, + } + } + totalNumber={0} + > + + + , + ], + "isDisabled": false, + "onSelect": [Function], + "ouiaId": "export", + } + } + filterConfig={ + { + "items": [ + { + "filterValues": { + "aria-label": "search-field", + "id": "search-cve", + "onChange": [Function], + "placeholder": "Search ID or description", + "value": undefined, + }, + "key": "filter", + "label": "CVE", + "type": "text", + }, + { + "filterValues": { + "items": [ + { + "label": "Has security rule", + "value": "true", + }, + { + "label": "Does not have security rule", + "value": "false", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "security_rule", + "label": "security rules", + "type": "checkbox", + }, + { + "filterValues": { + "items": [ + { + "label": "Has a known exploit", + "value": "true", + }, + { + "label": "No known exploit", + "value": "false", + }, + ], + "onChange": [Function], + "value": undefined, + }, + "key": "known_exploit", + "label": "known exploit", + "type": "checkbox", + }, + { + "filterValues": { + "items": [ + { + "label": + + Critical + , + "value": "7", + }, + { + "label": + + Important + , + "value": "5", + }, + { + "label": + + Moderate + , + "value": "4", + }, + { + "label": + + Low + , + "value": "2", + }, + { + "label": + Unknown + , + "value": "1", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "impact", + "label": "severity", + "type": "checkbox", + "urlParam": "impact", + }, + { + "filterValues": { + "children": , + }, + "key": "cvss_score", + "label": "CVSS base score", + "type": "custom", + "urlParam": "cvss_filter", + }, + { + "filterValues": { + "items": [ + { + "label": "Critical", + "value": "4", + }, + { + "label": "High", + "value": "3", + }, + { + "label": "Medium", + "value": "2", + }, + { + "label": "Low", + "value": "1", + }, + { + "label": "Not defined", + "value": "0", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "business_risk", + "label": "business risk", + "type": "checkbox", + "urlParam": "business_risk_id", + }, + { + "filterValues": { + "items": [ + { + "label": "1 or more", + "value": "true", + }, + { + "label": "None", + "value": "false", + }, + ], + "onChange": [Function], + "value": [ + "true", + ], + }, + "label": "systems", + "type": "checkbox", + "urlParam": "affecting", + }, + { + "filterValues": { + "items": [ + { + "label": "All", + "value": "all", + }, + { + "label": "Last 7 days", + "value": "last7", + }, + { + "label": "Last 30 days", + "value": "last30", + }, + { + "label": "Last 90 days", + "value": "last90", + }, + { + "label": "Last year", + "value": "lastYear", + }, + { + "label": "More than 1 year ago", + "value": "MoreThanYear", + }, + ], + "onChange": [Function], + "value": "0", + }, + "key": "publish_date", + "label": "publish date", + "type": "radio", + "urlParam": "publish_date", + }, + { + "filterValues": { + "items": [ + { + "label": "Not reviewed", + "value": "0", + }, + { + "label": "In review", + "value": "1", + }, + { + "label": "On-hold", + "value": "2", + }, + { + "label": "Scheduled for patch", + "value": "3", + }, + { + "label": "Resolved", + "value": "4", + }, + { + "label": "No action - risk accepted", + "value": "5", + }, + { + "label": "Resolved via mitigation", + "value": "6", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "status", + "label": "status", + "type": "checkbox", + }, + ], + } + } + pagination={ + { + "isDisabled": false, + "itemCount": 0, + "onPerPageSelect": [Function], + "onSetPage": [Function], + "ouiaId": "pagination-top", + "page": 1, + "perPage": 1, + } } - } - > - -
- -
- - -
- -
- - - -
- - -
- + + + + + + + + +
+ + +
- - Select none (0 items) - , - - Select page (1 item) - , - - Select all (0 items) - , + { + "onClick": [Function], + "title": "Select none (0 items)", + }, + { + "onClick": [Function], + "title": "Select page (1 item)", + }, + { + "onClick": [Function], + "title": "Select all (0 items)", + }, ] } - isOpen={false} onSelect={[Function]} ouiaId="bulk-select" - ouiaSafe={true} - toggle={ - - - - - , - ] - } - /> - } > - , ] } - isFlipEnabled={true} - isGrouped={false} isOpen={false} - isPlain={false} - isText={false} - menuAppendTo="inline" onSelect={[Function]} - position="left" - removeFindDomNode={false} + ouiaId="bulk-select" + ouiaSafe={true} toggle={ } - zIndex={9999} > -
+ Select none (0 items) + , + + Select page (1 item) + , + + Select all (0 items) + , + ] + } + isFlipEnabled={true} + isGrouped={false} + isOpen={false} + isPlain={false} + isText={false} + menuAppendTo="inline" + onSelect={[Function]} + position="left" + removeFindDomNode={false} + toggle={ + + + + + , + ] + } + /> + } + zIndex={9999} > - -
+ - + +
+
, + } + } + splitButtonItems={ + [ + + - - +
+
, + } + } + toggleVariant="default" + > + -
-
, - } - } - splitButtonItems={ - [ - - - - - , - ] - } - > -
- - - - -
- - -
-
, - } - } - toggleVariant="default" - > - - -
- -
- - - -
- - -
+ + + +
+ +
+ + + +
+ + - + - - Critical - , - "value": "7", - }, - { - "label": - - Important - , - "value": "5", - }, - { - "label": - - Moderate - , - "value": "4", - }, - { - "label": - - Low - , - "value": "2", - }, - { - "label": - Unknown - , - "value": "1", - }, - ], - "onChange": [Function], - "value": [], + { + "filterValues": { + "items": [ + { + "label": "Has a known exploit", + "value": "true", + }, + { + "label": "No known exploit", + "value": "false", + }, + ], + "onChange": [Function], + "value": undefined, + }, + "key": "known_exploit", + "label": "known exploit", + "type": "checkbox", }, - "key": "impact", - "label": "severity", - "type": "checkbox", - "urlParam": "impact", - }, - { - "filterValues": { - "children": + + Critical + , + "value": "7", + }, + { + "label": + + Important + , + "value": "5", + }, + { + "label": + + Moderate + , + "value": "4", + }, + { + "label": + + Low + , + "value": "2", + }, { - "placeholderText": "Filter by CVSS score range", + "label": + Unknown + , + "value": "1", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "impact", + "label": "severity", + "type": "checkbox", + "urlParam": "impact", + }, + { + "filterValues": { + "children": , + filterId="cvss_filter" + selectProps={ + { + "placeholderText": "Filter by CVSS score range", + } + } + setFilterData={[Function]} + />, + }, + "key": "cvss_score", + "label": "CVSS base score", + "type": "custom", + "urlParam": "cvss_filter", }, - "key": "cvss_score", - "label": "CVSS base score", - "type": "custom", - "urlParam": "cvss_filter", - }, - { - "filterValues": { - "items": [ - { - "label": "Critical", - "value": "4", - }, - { - "label": "High", - "value": "3", - }, - { - "label": "Medium", - "value": "2", - }, - { - "label": "Low", - "value": "1", - }, - { - "label": "Not defined", - "value": "0", - }, - ], - "onChange": [Function], - "value": [], + { + "filterValues": { + "items": [ + { + "label": "Critical", + "value": "4", + }, + { + "label": "High", + "value": "3", + }, + { + "label": "Medium", + "value": "2", + }, + { + "label": "Low", + "value": "1", + }, + { + "label": "Not defined", + "value": "0", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "business_risk", + "label": "business risk", + "type": "checkbox", + "urlParam": "business_risk_id", }, - "key": "business_risk", - "label": "business risk", - "type": "checkbox", - "urlParam": "business_risk_id", - }, - { - "filterValues": { - "items": [ - { - "label": "1 or more", - "value": "true", - }, - { - "label": "None", - "value": "false", - }, - ], - "onChange": [Function], - "value": [ - "true", - ], + { + "filterValues": { + "items": [ + { + "label": "1 or more", + "value": "true", + }, + { + "label": "None", + "value": "false", + }, + ], + "onChange": [Function], + "value": [ + "true", + ], + }, + "label": "systems", + "type": "checkbox", + "urlParam": "affecting", }, - "label": "systems", - "type": "checkbox", - "urlParam": "affecting", - }, - { - "filterValues": { - "items": [ - { - "label": "All", - "value": "all", - }, - { - "label": "Last 7 days", - "value": "last7", - }, - { - "label": "Last 30 days", - "value": "last30", - }, - { - "label": "Last 90 days", - "value": "last90", - }, - { - "label": "Last year", - "value": "lastYear", - }, - { - "label": "More than 1 year ago", - "value": "MoreThanYear", - }, - ], - "onChange": [Function], - "value": "0", + { + "filterValues": { + "items": [ + { + "label": "All", + "value": "all", + }, + { + "label": "Last 7 days", + "value": "last7", + }, + { + "label": "Last 30 days", + "value": "last30", + }, + { + "label": "Last 90 days", + "value": "last90", + }, + { + "label": "Last year", + "value": "lastYear", + }, + { + "label": "More than 1 year ago", + "value": "MoreThanYear", + }, + ], + "onChange": [Function], + "value": "0", + }, + "key": "publish_date", + "label": "publish date", + "type": "radio", + "urlParam": "publish_date", }, - "key": "publish_date", - "label": "publish date", - "type": "radio", - "urlParam": "publish_date", - }, - { - "filterValues": { - "items": [ - { - "label": "Not reviewed", - "value": "0", - }, - { - "label": "In review", - "value": "1", - }, - { - "label": "On-hold", - "value": "2", - }, - { - "label": "Scheduled for patch", - "value": "3", - }, - { - "label": "Resolved", - "value": "4", - }, - { - "label": "No action - risk accepted", - "value": "5", - }, - { - "label": "Resolved via mitigation", - "value": "6", - }, - ], - "onChange": [Function], - "value": [], + { + "filterValues": { + "items": [ + { + "label": "Not reviewed", + "value": "0", + }, + { + "label": "In review", + "value": "1", + }, + { + "label": "On-hold", + "value": "2", + }, + { + "label": "Scheduled for patch", + "value": "3", + }, + { + "label": "Resolved", + "value": "4", + }, + { + "label": "No action - risk accepted", + "value": "5", + }, + { + "label": "Resolved via mitigation", + "value": "6", + }, + ], + "onChange": [Function], + "value": [], + }, + "key": "status", + "label": "status", + "type": "checkbox", }, - "key": "status", - "label": "status", - "type": "checkbox", - }, - ] - } - > - -
- -
- - CVE - , - - Security rules - , - - Known exploit - , - - Severity - , - - CVSS base score - , - - Business risk - , - - Systems - , - - Publish date - , - - Status - , - ] - } - isOpen={false} - onSelect={[Function]} - ouiaId="ConditionalFilter" - toggle={ - - - - CVE - - - } +
+ +
- , ] } - isFlipEnabled={true} - isGrouped={false} isOpen={false} - isPlain={false} - isText={false} - menuAppendTo="inline" onSelect={[Function]} - position="left" - removeFindDomNode={false} + ouiaId="ConditionalFilter" toggle={ } - zIndex={9999} > -
+ CVE + , + + Security rules + , + + Known exploit + , + + Severity + , + + CVSS base score + , + + Business risk + , + + Systems + , + + Publish date + , + + Status + , + ] + } + isFlipEnabled={true} + isGrouped={false} + isOpen={false} + isPlain={false} + isText={false} + menuAppendTo="inline" + onSelect={[Function]} + position="left" + removeFindDomNode={false} + toggle={ + + + + CVE + + + } + zIndex={9999} > - - -
, - } - } +
- , } } - toggleVariant="default" > - +
, + } + } + toggleVariant="default" > - - - - - - - CVE - - - - - + + + + + - - - - - - - -
- - -
- - -
+ + + + + + + + + + + +
+ + +
+ + - - - - - - - - + + + + - - - - -
- - - - - - - - - - + + + + + + + + + + + + + + + - - , - ], - "isDisabled": false, - "onSelect": [Function], - "ouiaId": "export", + exportConfig={ + { + "extraItems": [ +
  • + +
    • , + ], + "isDisabled": false, + "onSelect": [Function], + "ouiaId": "export", + } } - } - overflowActions={[]} - > - -
    - - - , - ] - } - isDisabled={false} - onSelect={[Function]} - ouiaId="export" +
    - - Export to CSV - , - - Export to JSON - ,
  • -
    • , - } - } - toggleIndicator={null} + + + , + ] + } + isFlipEnabled={true} + isGrouped={false} + isOpen={false} + isPlain={true} + isText={false} + menuAppendTo="inline" + onSelect={[Function]} + position="left" + removeFindDomNode={false} + toggle={ + + + + } + zIndex={9999} + > +
    - , } } - toggleVariant="default" + toggleIndicator={null} > - +
    , + } + } + toggleVariant="default" > - - - - - - - - - - -
    - - - - -     - -
    + + + + + + + +
    + + + + +     + - - Edit business risk - , - - Edit status - , - - Manage columns - , - ] - } - isOpen={false} - isPlain={true} - onSelect={[Function]} - ouiaId="Actions" - toggle={ - - } +
    - , ] } - isFlipEnabled={true} - isGrouped={false} isOpen={false} isPlain={true} - isText={false} - menuAppendTo="inline" onSelect={[Function]} - position="left" - removeFindDomNode={false} + ouiaId="Actions" toggle={ } - zIndex={9999} > -
    + Edit business risk + , + + Edit status + , + + Manage columns + , + ] + } + isFlipEnabled={true} + isGrouped={false} + isOpen={false} + isPlain={true} + isText={false} + menuAppendTo="inline" + onSelect={[Function]} + position="left" + removeFindDomNode={false} + toggle={ + + } + zIndex={9999} > - - -
    , - } - } +
    - - - - -
    -     - -
    -     -     - -
    + +
    , + } + } + > + + + + + + + +     +     + - + -
    - + + + 0 + - + 0 + + + of + + + 0 + + + +
    + - - 0 - - - 0 - - - of - - - 0 - - - -
    - - - 10 - per page - , - - 20 - per page - , - - 50 - per page - , - - 100 - per page - , + { + "title": "10", + "value": 10, + }, + { + "title": "20", + "value": 20, + }, + { + "title": "50", + "value": 50, + }, + { + "title": "100", + "value": 100, + }, ] } - isFlipEnabled={true} - isGrouped={false} - isOpen={false} - isPlain={true} - isText={false} - menuAppendTo="inline" - onSelect={[Function]} - position="left" - toggle={ - - } + perPageSuffix="per page" + toggleTemplate={[Function]} + widgetId="options-menu-top" > -
    + 10 + per page + , + + 20 + per page + , + + 50 + per page + , + + 100 + per page + , + ] + } + isFlipEnabled={true} + isGrouped={false} + isOpen={false} + isPlain={true} + isText={false} + menuAppendTo="inline" + onSelect={[Function]} + position="left" + toggle={ + + } > - -
    + - - - 0 - - - 0 - - - of - - - 0 - - - - - -
    -
    , - } - } - perPageComponent="div" - showToggle={true} - toggleTemplate={[Function]} - widgetId="options-menu-top" - > -
    - - - - 0 - - - 0 - - - of - - - 0 - - - - - - -
    , - } + + + + + + , } + } + perPageComponent="div" + showToggle={true} + toggleTemplate={[Function]} + widgetId="options-menu-top" + > +
    - + + + 0 + - + 0 + + + of + + + 0 + + + + + , } } - toggleVariant="default" > - +
    + , + } + } + toggleVariant="default" > - - - - - - - - - - - -     - -     -     - - - - -     - -     - - + + + + + + + + + + + + + + + -
    -
    , + clearFiltersButtonText="Clear all filters" + expandableContentRef={ + { + "current":
    +
    +
    , + } } - } - id="ins-primary-data-toolbar-expandable-content-6" - isExpanded={false} - showClearFiltersButton={false} - > -
    - - -
    - - -
    - -
    - - -
    + + +
    + + +
    + +
    +     +
    - -
    - + +
    - - - -
    - - Systems - -
      -
    • - +
        +
      • - -
        - - 1 or more - - - - -
        -         - -
        • -
      + + + + + +
    + + + + +
    -
    - - - - -
    - -
    - + + + + + + + -
    -
    , + clearFiltersButtonText="Clear all filters" + expandableContentRef={ + { + "current":
    +
    +
    , + } } - } - id="ins-primary-data-toolbar-expandable-content-7" - isExpanded={false} - showClearFiltersButton={false} - > -
    - - -
    - - -
    - -
    - -
    + +     -     + + + + + + + + + + + + + + + + + + + +     + diff --git a/src/Components/SmartComponents/LandingPage/__snapshots__/LandingPage.test.js.snap b/src/Components/SmartComponents/LandingPage/__snapshots__/LandingPage.test.js.snap index 8c5bea9d7..3bf0e1de7 100644 --- a/src/Components/SmartComponents/LandingPage/__snapshots__/LandingPage.test.js.snap +++ b/src/Components/SmartComponents/LandingPage/__snapshots__/LandingPage.test.js.snap @@ -66,7 +66,7 @@ exports[`CVEs: Should match the snapshot 1`] = ` /> - + `; diff --git a/src/Helpers/Hooks.js b/src/Helpers/Hooks.js index 1ca6b74b1..ba0c68f16 100644 --- a/src/Helpers/Hooks.js +++ b/src/Helpers/Hooks.js @@ -11,6 +11,7 @@ import { NotAuthorizedNotification, ReadOnlyNotification } from './constants'; import { useState } from 'react'; import unionBy from 'lodash/unionBy'; import ColumnManagementModal from '../Components/SmartComponents/Modals/ColumnManagementModal'; +import useChrome from '@redhat-cloud-services/frontend-components/useChrome'; export const useNotification = (config = {}) => { const dispatch = useDispatch(); @@ -212,9 +213,10 @@ const matchPermissions = (permissionA, permissionB) => { export const useRbac = (requestedPermissions, app = 'vulnerability') => { const [allPermissions, setAllPermissions] = useState([]); const [loading, setLoading] = useState(true); + const chrome = useChrome(); useEffect(() => { - insights?.chrome?.getUserPermissions?.(app, true).then(permissions => { + chrome?.getUserPermissions?.(app, true).then(permissions => { setAllPermissions(permissions); setLoading(false); });