15 |
16 |
17 |
18 |
19 | )
20 |
21 | ```
22 |
23 | ### Props
24 |
--------------------------------------------------------------------------------
/packages/components/doc/maintenance.md:
--------------------------------------------------------------------------------
1 | # Maintenance
2 |
3 | ## Props
4 |
5 | |name|type|required|default|
6 | |---|---|---|---|
7 | |utcStartTime|string|`false`|10am|
8 | |utcEndTime|string|`false`|12am|
9 | |startTime|string|`false`|6am|
10 | |endTime|string|`false`|8am|
11 | |timeZone|string|`false`|EST|
12 | |description|node|`false`|`Description`|
13 | |redirectLink|string|`false`|https://status.redhat.com/incidents|
14 | |title|node|`false`|Maintenance in progress|
15 | |className|string|`false`|`undefined`|
16 |
--------------------------------------------------------------------------------
/packages/components/doc/openSourceBadge.md:
--------------------------------------------------------------------------------
1 | # Open Source Badge
2 |
3 | The open source badge serves two purposes:
4 | 1. Informs our users that the service they are using is open source.
5 | 2. Guides developers to the project's repositories for the purposes of code inspection or contribution.
6 |
7 | ## Usage
8 |
9 | Import OpenSourceBadge from this package and display it in a prominent location on your application's landing page.
10 |
11 | ## Props
12 |
13 | OpenSourceBadge
14 | ```javascript
15 | {
16 | repositoriesURL: PropTypes.string
17 | }
18 | ```
19 |
--------------------------------------------------------------------------------
/packages/components/doc/page_header.md:
--------------------------------------------------------------------------------
1 | # Page Header
--------------------------------------------------------------------------------
/packages/components/doc/reboot.md:
--------------------------------------------------------------------------------
1 | # Reboot
2 |
3 | Implementation of 'reboot' icon with a label
4 |
5 | ## Usage
6 |
7 | Import Reboot and styles from this package.
8 |
9 | ```JSX
10 | import React from 'react';
11 | import { Reboot } from '@redhat-cloud-services/frontend-components';
12 |
13 | class YourCmp extends React.Component {
14 | render() {
15 | return (
16 |
5 |
9 |
10 | `;
11 |
12 | exports[`DarkContext should render children 1`] = `
13 |
14 |
17 |
18 | `;
19 |
--------------------------------------------------------------------------------
/packages/components/src/Dark/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './Dark';
2 | export { default as Dark } from './Dark';
3 | export { default as DarkContext } from './DarkContext';
4 |
--------------------------------------------------------------------------------
/packages/components/src/DateFormat/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './DateFormat';
2 | export { default as DateFormat } from './DateFormat';
3 | export * from './DateFormat';
4 | export * from './helper';
5 |
--------------------------------------------------------------------------------
/packages/components/src/DownloadButton/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './DownloadButton';
2 | export { default as DownloadButton } from './DownloadButton';
3 | export * from './DownloadButton';
4 |
--------------------------------------------------------------------------------
/packages/components/src/EmptyTable/EmptyTable.scss:
--------------------------------------------------------------------------------
1 | @use '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss' as m;
2 |
3 | .ins-c-table__empty {
4 | background: var(--pf-t--global--background--color--primary--default);
5 | border-bottom: 1px solid var(--pf-t--global--background--color--secondary--default);
6 | @include m.rem('padding', 20px);
7 | &.is-centered {
8 | display: flex;
9 | justify-content: center;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/components/src/EmptyTable/EmptyTable.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import EmptyTable from './EmptyTable';
3 | import { render } from '@testing-library/react';
4 |
5 | describe('EmptyTable component', () => {
6 | it('should render', () => {
7 | const { container } = render(
17 | {' '}
18 | {children}
19 |
20 | );
21 | };
22 |
23 | export default EmptyTable;
24 |
--------------------------------------------------------------------------------
/packages/components/src/EmptyTable/__snapshots__/EmptyTable.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`EmptyTable component should render 1`] = `
4 |
5 |
12 | `;
13 |
14 | exports[`EmptyTable component should render with centered children 1`] = `
15 |
8 |
9 | Some
10 |
11 |
16 |
23 | `;
24 |
--------------------------------------------------------------------------------
/packages/components/src/EmptyTable/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './EmptyTable';
2 | export { default as EmptyTable } from './EmptyTable';
3 |
--------------------------------------------------------------------------------
/packages/components/src/ErrorBoundary/ErrorBoundary.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ErrorBoundaryPF, { ErrorBoundaryProps } from '@patternfly/react-component-groups/dist/dynamic/ErrorBoundary';
3 | import { DefaultErrorMessage } from '../ErrorState';
4 |
5 | /**
6 | * @deprecated Do not use deprecated ErrorBoundary import, the component has been moved to @patternfly/react-component-groups
7 | */
8 | // eslint-disable-next-line @typescript-eslint/no-explicit-any
9 | const ErrorBoundary: React.FunctionComponent
19 |
20 | Centered
21 |
22 |
5 | Mocked Link
6 |
7 | `;
8 |
9 | exports[`InsightsLink component under / should render a link to a different app in preview when given 1`] = `
10 |
11 | Mocked Link
12 |
13 | `;
14 |
15 | exports[`InsightsLink component under / should render a link with a given path 1`] = `
16 |
17 | Mocked Link
18 |
19 | `;
20 |
21 | exports[`InsightsLink component under /preview should render a /preview link 1`] = `
22 |
23 | Mocked Link
24 |
25 | `;
26 |
27 | exports[`InsightsLink component under /preview should render a link to non /preview 1`] = `
28 |
29 | Mocked Link
30 |
31 | `;
32 |
--------------------------------------------------------------------------------
/packages/components/src/InsightsLink/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './InsightsLink';
2 | export { default as InsightsLink } from './InsightsLink';
3 |
--------------------------------------------------------------------------------
/packages/components/src/InvalidObject/InvalidObject.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MissingPage, { MissingPageProps } from '@patternfly/react-component-groups/dist/dynamic/MissingPage';
3 |
4 | // Don't use chrome here because the 404 page on landing does not use chrome
5 | const isBeta = () => (window.location.pathname.split('/')[1] === 'beta' ? '/beta' : '');
6 |
7 | /**
8 | * @deprecated Do not use deprecated InvalidObject import, the component has been moved to @patternfly/react-component-groups
9 | */
10 | const InvalidObject: React.FunctionComponent
13 |
17 | );
18 | };
19 |
20 | export default InventoryLoadError;
21 |
--------------------------------------------------------------------------------
/packages/components/src/Inventory/WithHistory.tsx:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | import React, { useMemo } from 'react';
3 | import * as reactRouter from 'react-router-dom';
4 | import useChrome from '../useChrome';
5 |
6 | const WithReactRouterHistory = ({ Component, ...props }) => {
7 | const history = reactRouter.useHistory();
8 |
9 | return Unable to load inventory component
14 |Failed to load {component}
15 |More info can be found in browser console output.
16 |
5 |
12 | Something
13 |
14 |
15 | `;
16 |
--------------------------------------------------------------------------------
/packages/components/src/PageHeader/__snapshots__/PageHeaderTitle.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`PageHeader component should render 1`] = `
4 |
5 |
23 | `;
24 |
--------------------------------------------------------------------------------
/packages/components/src/PageHeader/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './PageHeader';
2 | export { default as PageHeader } from './PageHeader';
3 | export { default as PageHeaderTitle } from './PageHeaderTitle';
4 |
--------------------------------------------------------------------------------
/packages/components/src/PageHeader/page-header.scss:
--------------------------------------------------------------------------------
1 | @use '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss' as m;
2 |
3 | .pf-v6-l-page__main-section.pf-v6-l-page-header.pf-m-dark-200 {
4 | h1.pf-v6-c-title.pf-m-2xl, * { color: #fff; }
5 | }
6 |
7 | .pf-v6-l-page__main-section.pf-v6-l-page-header {
8 | .pf-v6-c-breadcrumb {
9 | display: block;
10 | @include m.rem('margin-bottom', 15px);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/components/src/PrimaryToolbar/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './PrimaryToolbar';
2 | export { default as PrimaryToolbar } from './PrimaryToolbar';
3 | export { default as Actions } from './Actions';
4 | export { default as SortBy } from './SortBy';
5 | export * from './SortBy';
6 | export * from './PrimaryToolbar';
7 |
--------------------------------------------------------------------------------
/packages/components/src/RBACProvider/index.ts:
--------------------------------------------------------------------------------
1 | export * from './RBACProvider';
2 |
--------------------------------------------------------------------------------
/packages/components/src/Reboot/Reboot.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Reboot from './Reboot';
3 | import { render } from '@testing-library/react';
4 |
5 | describe('Reboot component', () => {
6 | it('should render correctly', () => {
7 | const { container } = render(
8 |
22 |
11 |
21 | 18 | Something 19 |
20 |
5 |
8 |
9 | Test
10 |
11 |
12 |
13 | `;
14 |
--------------------------------------------------------------------------------
/packages/components/src/Section/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './Section';
2 | export { default as Section } from './Section';
3 |
--------------------------------------------------------------------------------
/packages/components/src/Section/section.scss:
--------------------------------------------------------------------------------
1 | @use '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss' as m;
2 |
3 | section.ins-l-content {
4 | padding: var(--pf-t--global--spacer--lg);
5 | }
6 |
7 | section.ins-l-button-group {
8 | > * { display: inline; }
9 | * + * { @include m.rem('margin-left', 5px); }
10 | @include m.rem('margin', 24px 0);
11 | }
12 |
13 | section.ins-l-icon-group {
14 | * + * { margin-left: 10px; }
15 | }
16 |
17 | section.ins-l-icon-group__with-major {
18 | * + * { margin-left: 7.5px; }
19 | .ins-battery:last-of-type {
20 | padding-left: 15px;
21 | border-left: 2px solid #eaeaea;
22 | span.label{
23 | font-weight: 500;
24 | margin: 0 10px;
25 | }
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/packages/components/src/SeverityLine/index.ts:
--------------------------------------------------------------------------------
1 | export * from './SeverityLine';
2 | export { default as SeverityLine } from './SeverityLine';
3 |
--------------------------------------------------------------------------------
/packages/components/src/Shield/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './Shield';
2 | export { default as Shield } from './Shield';
3 | export * from './consts';
4 |
--------------------------------------------------------------------------------
/packages/components/src/SimpleTableFilter/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './SimpleTableFilter';
2 | export { default as SimpleTableFilter } from './SimpleTableFilter';
3 | export * from './SimpleTableFilter';
4 |
--------------------------------------------------------------------------------
/packages/components/src/SimpleTableFilter/simple-table-filter.scss:
--------------------------------------------------------------------------------
1 |
2 | @forward '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss';
3 | @forward '~@patternfly/patternfly/sass-utilities/_index';
4 |
--------------------------------------------------------------------------------
/packages/components/src/Skeleton/Skeleton.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Skeleton, { SkeletonSize } from './Skeleton';
3 | import { render } from '@testing-library/react';
4 |
5 | describe('Skeleton component', () => {
6 | Object.values(SkeletonSize).forEach((size) => {
7 | it(`should render correctly - ${size}`, () => {
8 | const { container } = render(
16 | Loading...
17 |
18 | );
19 | };
20 |
21 | export default Spinner;
22 |
--------------------------------------------------------------------------------
/packages/components/src/Spinner/__snapshots__/Spinner.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Spinner component should render 1`] = `
4 |
5 |
16 | `;
17 |
18 | exports[`Spinner component should render center Spinner 1`] = `
19 |
9 |
12 | Loading...
13 |
14 |
15 |
20 |
31 | `;
32 |
--------------------------------------------------------------------------------
/packages/components/src/Spinner/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './Spinner';
2 | export { default as Spinner } from './Spinner';
3 |
--------------------------------------------------------------------------------
/packages/components/src/Spinner/spinner.scss:
--------------------------------------------------------------------------------
1 | @use '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss' as m;
2 |
3 | @keyframes spinner {
4 | to { transform: rotate(360deg); }
5 | }
6 |
7 | .ins-c-spinner {
8 | display: inline-flex;
9 | &.ins-m-center {
10 | display: flex;
11 | justify-content: center;
12 | }
13 | &:before {
14 | content: '';
15 | @include m.rem('width', 30px);
16 | @include m.rem('height', 30px);
17 | border-radius: 50%;
18 | border: 3px solid var(--pf-t--global--color--brand--hover);
19 | border-top-color: var(--pf-t--global--color--brand--default);
20 | animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/packages/components/src/TabLayout/TabLayout.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import TabLayout from './TabLayout';
3 | import { render } from '@testing-library/react';
4 |
5 | const items = [
6 | {
7 | name: 'one',
8 | title:
24 |
27 | Loading...
28 |
29 |
30 | one
,
9 | },
10 | {
11 | name: 'two',
12 | title: 'two',
13 | },
14 | ];
15 |
16 | describe('TabLayout component', () => {
17 | describe('should render', () => {
18 | it('without items', () => {
19 | const { container } = render(Hello
; 8 | 9 | render(
10 |
14 | );
15 | };
16 |
17 | RemediationLoadError.propTypes = {
18 | component: PropTypes.string,
19 | };
20 |
21 | export default RemediationLoadError;
22 |
--------------------------------------------------------------------------------
/packages/remediations/src/index.js:
--------------------------------------------------------------------------------
1 | export { default as RemediationButton } from './RemediationButton';
2 | export { default as RemediationWizard } from './RemediationWizard';
3 | export { default as RemediationLoadError } from './common/RemediationLoadError';
4 |
--------------------------------------------------------------------------------
/packages/remediations/tsconfig.cjs.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.esm.json",
3 | "compilerOptions": {
4 | "module": "CommonJS",
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/packages/remediations/tsconfig.esm.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../dist/out-tsc",
5 | "declaration": true,
6 | "types": ["node"],
7 | "module": "ES2015",
8 | "target": "ES5",
9 | "rootDir": "./src",
10 | },
11 | "include": ["./src/**/*.ts", "./src/**/*.js"],
12 | "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts", "src/**/*.spec.js", "src/**/*.test.js", "src/**/*.test.tsx", "src/**/*.test.jsx"]
13 | }
14 |
--------------------------------------------------------------------------------
/packages/remediations/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.base.json",
3 | "compilerOptions": {
4 | "module": "commonjs",
5 | "forceConsistentCasingInFileNames": true,
6 | "strict": true,
7 | "noPropertyAccessFromIndexSignature": false,
8 | "noFallthroughCasesInSwitch": true,
9 | "allowJs": true
10 | },
11 | "files": [],
12 | "include": [],
13 | "references": [
14 | {
15 | "path": "./tsconfig.esm.json"
16 | },
17 | {
18 | "path": "./tsconfig.spec.json"
19 | }
20 | ]
21 | }
22 |
--------------------------------------------------------------------------------
/packages/remediations/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../dist/out-tsc",
5 | "module": "commonjs",
6 | "types": ["jest", "node"]
7 | },
8 | "include": [
9 | "jest.config.ts",
10 | "src/**/*.test.ts",
11 | "src/**/*.spec.ts",
12 | "src/**/*.d.ts"
13 | ]
14 | }
15 |
--------------------------------------------------------------------------------
/packages/rule-components/.npmignore:
--------------------------------------------------------------------------------
1 | !dist
2 | !index.js
3 | !index.css
4 | src/
5 | .babelrc
6 | babel.config.js
7 | config/
8 | dist/size-snapshot.json
9 | rollup.config.js
10 |
--------------------------------------------------------------------------------
/packages/rule-components/eslint.config.js:
--------------------------------------------------------------------------------
1 | const { defineConfig } = require('eslint/config');
2 | const fecConfig = require('../../eslint.config');
3 | module.exports = defineConfig(fecConfig, {
4 | ignores: ['!**/*', '**/*.scss'],
5 | });
6 |
--------------------------------------------------------------------------------
/packages/rule-components/jest.config.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | displayName: '@redhat-cloud-services/frontend-components-rule-components',
3 | preset: '../../jest.preset.js',
4 | transform: {
5 | '^.+\\.[tj]s$': ['ts-jest', { tsconfig: 'Unable to load remedaitions component
11 |Failed to load {component}
12 |More info can be found in browser console output.
13 |
11 |
14 | {description}
15 |
16 | )}
17 |
18 | );
19 | };
20 |
21 | RiskDescription.propTypes = {
22 | riskValue: PropTypes.number,
23 | riskMeta: PropTypes.array,
24 | showDescription: PropTypes.bool,
25 | };
26 |
27 | export default RiskDescription;
28 |
--------------------------------------------------------------------------------
/packages/rule-components/src/ReportDetails/constants.js:
--------------------------------------------------------------------------------
1 | import { InsightsLabel } from '@redhat-cloud-services/frontend-components/InsightsLabel';
2 |
3 | export const totalRiskMeta = [
4 | {
5 | label: 'Low',
6 | description: 'Low severity desc for total risk',
7 | IconComponent: InsightsLabel,
8 | },
9 | {
10 | label: 'Moderate',
11 | description: 'Moderate severity desc for total risk',
12 | IconComponent: InsightsLabel,
13 | },
14 | {
15 | label: 'Important',
16 | description: 'Important severity desc for total risk',
17 | IconComponent: InsightsLabel,
18 | },
19 | {
20 | label: 'Critical',
21 | description: 'Critical severity desc for total risk',
22 | IconComponent: InsightsLabel,
23 | },
24 | ];
25 |
26 | export default totalRiskMeta;
27 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/ansibleSupport.js:
--------------------------------------------------------------------------------
1 | import { ansibleSupport } from '../RuleTable/constants';
2 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
3 | ...props,
4 | label: 'Ansible support',
5 | value: 'ansible_support',
6 | type: 'checkbox',
7 | filterValues: {
8 | value,
9 | onChange,
10 | items: Object.entries(ansibleSupport).map(([key, label]) => ({
11 | label: label,
12 | textual: label,
13 | value: key,
14 | })),
15 | },
16 | });
17 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/category.js:
--------------------------------------------------------------------------------
1 | import { category } from '../RuleTable/constants';
2 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
3 | ...props,
4 | label: 'Category',
5 | value: 'category',
6 | type: 'checkbox',
7 | filterValues: {
8 | value,
9 | onChange,
10 | items: Object.entries(category).map(([key, label]) => ({
11 | label: label,
12 | textual: label,
13 | value: key,
14 | })),
15 | },
16 | });
17 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/description.js:
--------------------------------------------------------------------------------
1 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
2 | ...props,
3 | label: 'Description',
4 | value: 'description',
5 | filterValues: {
6 | 'aria-label': 'Description Filter Input',
7 | value,
8 | onChange,
9 | },
10 | });
11 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/impact.js:
--------------------------------------------------------------------------------
1 | import { impact } from '../RuleTable/constants';
2 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
3 | ...props,
4 | label: 'Impact',
5 | value: 'impact',
6 | type: 'checkbox',
7 | filterValues: {
8 | value,
9 | onChange,
10 | items: Object.entries(impact).map(([key, label]) => ({
11 | label: label,
12 | textual: label,
13 | value: key,
14 | })),
15 | },
16 | });
17 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/incidentRules.js:
--------------------------------------------------------------------------------
1 | import { incidentRules } from '../RuleTable/constants';
2 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
3 | ...props,
4 | label: 'Incident rules',
5 | value: 'incident_rules',
6 | type: 'checkbox',
7 | filterValues: {
8 | value,
9 | onChange,
10 | items: Object.entries(incidentRules).map(([key, label]) => ({
11 | label: label,
12 | textual: label,
13 | value: key,
14 | })),
15 | },
16 | });
17 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/index.js:
--------------------------------------------------------------------------------
1 | export { default as descriptionFilter } from './description';
2 | export { default as totalRiskFilter } from './totalRisk';
3 | export { default as ansibleSupportFilter } from './ansibleSupport';
4 | export { default as categoryFilter } from './category';
5 | export { default as incidentRulesFilter } from './incidentRules';
6 | export { default as likelihoodFilter } from './likelihood';
7 | export { default as riskOfChangeFilter } from './riskOfChange';
8 | export { default as ruleStatusFilter } from './ruleStatus';
9 | export { default as impactFilter } from './impact';
10 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/likelihood.js:
--------------------------------------------------------------------------------
1 | import { impact } from '../RuleTable/constants';
2 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
3 | ...props,
4 | label: 'Likelihood',
5 | value: 'likelihood',
6 | type: 'checkbox',
7 | filterValues: {
8 | value,
9 | onChange,
10 | items: Object.entries(impact).map(([key, label]) => ({
11 | label: label,
12 | textual: label,
13 | value: key,
14 | })),
15 | },
16 | });
17 |
--------------------------------------------------------------------------------
/packages/rule-components/src/RuleFilters/riskOfChange.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Shield } from '@redhat-cloud-services/frontend-components/Shield';
3 | import { riskOfChange } from '../RuleTable/constants';
4 |
5 | export default ({ onChange, value, ...props } = { onChange: () => undefined }) => ({
6 | ...props,
7 | label: 'Risk of change',
8 | value: 'risk_of_change',
9 | type: 'checkbox',
10 | filterValues: {
11 | value,
12 | onChange,
13 | items: Object.entries(riskOfChange)
14 | .map(([key, label], index) => ({
15 | label: (
16 |
17 |
5 |
9 | `;
10 |
11 | exports[`provider messages multiple Languages no locale 1`] = `
12 |
6 | Test
7 |
8 |
13 |
17 | `;
18 |
19 | exports[`provider messages no langauge 1`] = `
20 |
14 | Test
15 |
16 |
21 |
25 | `;
26 |
27 | exports[`provider should render correctly 1`] = `
28 |
22 | Test
23 |
24 |
29 |
33 | `;
34 |
--------------------------------------------------------------------------------
/packages/translations/src/Provider/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './Provider';
2 |
--------------------------------------------------------------------------------
/packages/translations/src/index.js:
--------------------------------------------------------------------------------
1 | export { default as IntlProvider } from './Provider';
2 | export { default as defaultMessages } from './messages';
3 | export * from './utils';
4 | export { default as intlHelper } from './intlHelper';
5 |
--------------------------------------------------------------------------------
/packages/translations/src/intlHelper/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './intlHelper';
2 |
--------------------------------------------------------------------------------
/packages/translations/src/intlHelper/intlHelper.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import IntlProvider from '../Provider';
3 |
4 | const intlHelper = (message, settings) =>
30 | Test
31 |
32 | Some text
16 | )
17 | }
18 |
19 | export default routerParams(yourCmp);
20 | ```
21 |
--------------------------------------------------------------------------------
/packages/utils/eslint.config.js:
--------------------------------------------------------------------------------
1 | const { defineConfig } = require('eslint/config');
2 | const fecConfig = require('../../eslint.config');
3 |
4 | module.exports = defineConfig(fecConfig, {
5 | ignores: ['!**/*', '**/*.scss'],
6 | });
7 |
--------------------------------------------------------------------------------
/packages/utils/jest.config.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | displayName: '@redhat-cloud-services/frontend-components-utilities',
3 | preset: '../../jest.preset.js',
4 | transform: {
5 | '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '
11 | 2.0
12 |
13 | `;
14 |
15 | exports[`parseCvssScore no cvss render 1`] = `
16 |
17 |
25 | `;
26 |
--------------------------------------------------------------------------------
/packages/utils/src/parseCvssScore/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './parseCvssScore';
2 | export * from './parseCvssScore';
3 |
--------------------------------------------------------------------------------
/packages/utils/src/parseCvssScore/parseCvssScore.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Tooltip } from '@patternfly/react-core';
3 |
4 | function parseCvssScore(cvssV2?: string | number, cvssV3?: string | number, withLabels = false) {
5 | const v2Tooltip = 'Prior to 2016 (approximately), CVEs were scored with Common Vulnerability Scoring System v2.';
6 | const naTooltip = 'CVEs published before 2005 (approximately) did not have a CVSS Base Score.';
7 | return (
8 | (cvssV3 && parseFloat(cvssV3 as string).toFixed(1)) ||
9 | (cvssV2 && (
10 |
20 |
21 | N/A
22 |
23 |
24 |