(Component: React.ComponentType
) =>
16 | (props: P) => {
17 | const [ref, download] = useDownload();
18 | return (
19 | <>
20 | ;
18 | };
19 |
20 | CpeIcon.propTypes = {
21 | name: PropTypes.string,
22 | };
23 |
24 | export default CpeIcon;
25 |
--------------------------------------------------------------------------------
/src/web/components/icon/ListIcon.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import React from 'react';
7 | import {ListSvgIcon} from 'web/components/icon';
8 | import Link from 'web/components/link/Link';
9 | import PropTypes from 'web/utils/PropTypes';
10 | const ListIcon = ({page, filter, ...props}) => {
11 | return (
12 |
13 |
16 | );
17 |
18 | export default GreenboneLogo;
19 |
--------------------------------------------------------------------------------
/src/web/components/img/GreenboneLoginLogo.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import React from 'react';
7 | import styled from 'styled-components';
8 | import Img from 'web/components/img/Img';
9 | import useTranslation from 'web/hooks/useTranslation';
10 |
11 | const Image = styled(Img)`
12 | display: flex;
13 | width: 300px;
14 | `;
15 |
16 | const LoginLogo = () => {
17 | const [_] = useTranslation();
18 | return (
19 |
;
13 | };
14 |
15 | Img.propTypes = {
16 | alt: PropTypes.string,
17 | src: PropTypes.string.isRequired,
18 | };
19 |
20 | export default Img;
21 |
--------------------------------------------------------------------------------
/src/web/components/img/Product.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import {isDefined} from 'gmp/utils/identity';
7 | import React from 'react';
8 | import styled from 'styled-components';
9 | import Img from 'web/components/img/Img';
10 | import useGmp from 'web/hooks/useGmp';
11 | import useTranslation from 'web/hooks/useTranslation';
12 |
13 | const Image = styled(Img)`
14 | display: flex;
15 | height: 180px;
16 | `;
17 |
18 | const ProductImage = props => {
19 | const [_] = useTranslation();
20 | const {settings} = useGmp();
21 | return (
22 |
,
14 | );
15 |
16 | expect(element).toMatchSnapshot();
17 | });
18 |
19 | test('should render img with attributes', () => {
20 | const {element} = render(
21 | ,
22 | );
23 |
24 | expect(element).toHaveAttribute('alt', 'Greenbone Security Assistant');
25 | expect(element).toHaveAttribute('src', '/img/greenbone.svg');
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/Product.test.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import {describe, test, expect} from '@gsa/testing';
7 | import ProductImage from 'web/components/img/Product';
8 | import {rendererWith} from 'web/utils/Testing';
9 |
10 | describe('ProductImage tests', () => {
11 | test('should render', () => {
12 | const gmp = {settings: {}};
13 | const {render} = rendererWith({gmp});
14 | const {element} = render(
9 | `;
10 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/GreenboneLoginLogo.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`GreenboneLogo tests > should render 1`] = `
4 | .c0 {
5 | display: -webkit-box;
6 | display: -webkit-flex;
7 | display: -ms-flexbox;
8 | display: flex;
9 | width: 300px;
10 | }
11 |
12 | 
18 | `;
19 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/Img.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`Img tests > should render 1`] = `
4 | 
8 | `;
9 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/Product.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`ProductImage tests > should render 1`] = `
4 | .c0 {
5 | display: -webkit-box;
6 | display: -webkit-flex;
7 | display: -ms-flexbox;
8 | display: flex;
9 | height: 180px;
10 | }
11 |
12 | 
17 | `;
18 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/greenbone.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`GreenboneLogo tests > should render 1`] = `
4 |
9 | `;
10 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/greenboneloginlogo.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`GreenboneLogo tests > should render 1`] = `
4 | .c0 {
5 | display: -webkit-box;
6 | display: -webkit-flex;
7 | display: -ms-flexbox;
8 | display: flex;
9 | width: 300px;
10 | }
11 |
12 |
18 | `;
19 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/img.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`Img tests > should render 1`] = `
4 |
8 | `;
9 |
--------------------------------------------------------------------------------
/src/web/components/img/__tests__/__snapshots__/product.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`ProductImage tests > should render 1`] = `
4 | .c0 {
5 | display: -webkit-box;
6 | display: -webkit-flex;
7 | display: -ms-flexbox;
8 | display: flex;
9 | height: 180px;
10 | }
11 |
12 |
17 | `;
18 |
--------------------------------------------------------------------------------
/src/web/components/layout/Column.tsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import {Flex, FlexProps} from '@mantine/core';
7 |
8 | /**
9 | * React component that renders a stack (column) layout
10 | *
11 | */
12 | const Column: React.FC
24 |
28 | );
29 |
30 | const StyledLayout = styled(Layout)`
31 | padding-top: 8px;
32 | padding-bottom: 8px;
33 | `;
34 |
35 | export const TableDataAlignTop = styled(TableData)`
36 | vertical-align: top;
37 | `;
38 |
39 | export default TableData;
40 |
--------------------------------------------------------------------------------
/src/web/components/table/DetailsTable.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import React from 'react';
7 | import Col from 'web/components/table/Col';
8 | import InfoTable from 'web/components/table/InfoTable';
9 | import PropTypes from 'web/utils/PropTypes';
10 |
11 | const DetailsTable = ({children, size = 'full', ...props}) => (
12 | {item}
12 | );
13 | });
14 | return (
15 |
16 | {data}
17 | {children}
18 |
19 | );
20 | };
21 |
22 | TableRow.propTypes = {
23 | children: PropTypes.node,
24 | items: PropTypes.array,
25 | };
26 |
27 | export default TableRow;
28 |
--------------------------------------------------------------------------------
/src/web/components/table/SimpleTable.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import React from 'react';
7 | import Table from 'web/components/table/Table';
8 | import PropTypes from 'web/utils/PropTypes';
9 |
10 | const SimpleTable = ({size = 'auto', ...props}) => (
11 |
12 | );
13 |
14 | SimpleTable.propTypes = {
15 | size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
16 | };
17 |
18 | export default SimpleTable;
19 |
--------------------------------------------------------------------------------
/src/web/components/table/__tests__/DetailsTable.test.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-FileCopyrightText: 2024 Greenbone AG
2 | *
3 | * SPDX-License-Identifier: AGPL-3.0-or-later
4 | */
5 |
6 | import {describe, test, expect} from '@gsa/testing';
7 | import TableBody from 'web/components/table/Body';
8 | import TableData from 'web/components/table/Data';
9 | import DetailsTable from 'web/components/table/DetailsTable';
10 | import TableRow from 'web/components/table/Row';
11 | import {render} from 'web/utils/Testing';
12 |
13 | describe('DetailsTable tests', () => {
14 | test('should render', () => {
15 | const {element} = render(
16 |
{title}
13 | Task: {this.state.task.name}
26 |