@times-components/ts-components 1.98.3-alpha.15 → 1.99.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/components/article-flag/ArticleFlag.d.ts +4 -1
- package/dist/components/article-flag/ArticleFlag.js +1 -1
- package/dist/components/article-flag/getActiveFlags.d.ts +1 -1
- package/dist/components/article-flag/styles.d.ts +1 -1
- package/dist/components/in-article-info-card/Card.d.ts +1 -1
- package/dist/components/in-article-info-card/InfoCard.d.ts +8 -0
- package/dist/components/in-article-info-card/InfoCard.js +1 -1
- package/dist/components/save-star/ContentProvider.d.ts +6 -0
- package/dist/components/save-star/ContentProvider.js +1 -1
- package/dist/components/save-star/SaveStar.js +1 -1
- package/dist/components/save-star/SaveStarUI.d.ts +4 -1
- package/dist/components/save-star/SaveStarUI.js +1 -1
- package/dist/helpers/fetch/__tests__/FetchProvider.test.js +3 -3
- package/dist/helpers/time/__tests__/UpdatedTimeProvider.test.js +3 -3
- package/dist/index.d.ts +2 -7
- package/dist/index.js +3 -8
- package/jest.config.js +2 -2
- package/package.json +17 -17
- package/rnw.js +1 -1
- package/src/components/article-flag/ArticleFlag.tsx +5 -1
- package/src/components/article-flag/getActiveFlags.ts +1 -1
- package/src/components/article-flag/styles.ts +1 -1
- package/src/components/in-article-info-card/Card.tsx +1 -1
- package/src/components/in-article-info-card/InfoCard.tsx +8 -1
- package/src/components/save-star/ContentProvider.tsx +7 -1
- package/src/components/save-star/SaveStar.tsx +1 -2
- package/src/components/save-star/SaveStarUI.tsx +5 -1
- package/src/helpers/fetch/__tests__/FetchProvider.test.tsx +2 -2
- package/src/helpers/time/__tests__/UpdatedTimeProvider.test.tsx +2 -2
- package/src/index.ts +7 -15
- package/tsconfig.json +1 -6
- package/dist/components/article-flag/types.d.ts +0 -4
- package/dist/components/article-flag/types.js +0 -2
- package/dist/components/banner/__tests__/banner.test.d.ts +0 -1
- package/dist/components/banner/__tests__/banner.test.js +0 -11
- package/dist/components/banner/assets/CloseIconBlack.d.ts +0 -3
- package/dist/components/banner/assets/CloseIconBlack.js +0 -5
- package/dist/components/banner/assets/EmailIcon.d.ts +0 -3
- package/dist/components/banner/assets/EmailIcon.js +0 -5
- package/dist/components/banner/banner.d.ts +0 -8
- package/dist/components/banner/banner.js +0 -17
- package/dist/components/banner/styles.d.ts +0 -8
- package/dist/components/banner/styles.js +0 -73
- package/dist/components/breadcrumb/__tests__/index.test.d.ts +0 -1
- package/dist/components/breadcrumb/__tests__/index.test.js +0 -40
- package/dist/components/breadcrumb/assets/BreadcrumbIcon.d.ts +0 -2
- package/dist/components/breadcrumb/assets/BreadcrumbIcon.js +0 -5
- package/dist/components/breadcrumb/breadcrumb.d.ts +0 -9
- package/dist/components/breadcrumb/breadcrumb.js +0 -28
- package/dist/components/breadcrumb/fixtures/breadcrumbs.json +0 -27
- package/dist/components/breadcrumb/styles.d.ts +0 -13
- package/dist/components/breadcrumb/styles.js +0 -39
- package/dist/components/delayed-component/__tests__/delayed-component.test.d.ts +0 -1
- package/dist/components/delayed-component/__tests__/delayed-component.test.js +0 -23
- package/dist/components/delayed-component/delayed-component.d.ts +0 -6
- package/dist/components/delayed-component/delayed-component.js +0 -11
- package/dist/components/in-article-info-card/types.d.ts +0 -8
- package/dist/components/in-article-info-card/types.js +0 -2
- package/dist/components/job-title/__tests__/index.test.d.ts +0 -1
- package/dist/components/job-title/__tests__/index.test.js +0 -45
- package/dist/components/job-title/assets/TooltipIcon.d.ts +0 -2
- package/dist/components/job-title/assets/TooltipIcon.js +0 -11
- package/dist/components/job-title/assets/close-icon.d.ts +0 -2
- package/dist/components/job-title/assets/close-icon.js +0 -5
- package/dist/components/job-title/job-title.d.ts +0 -11
- package/dist/components/job-title/job-title.js +0 -31
- package/dist/components/job-title/styles.d.ts +0 -11
- package/dist/components/job-title/styles.js +0 -150
- package/dist/components/save-star/types.d.ts +0 -8
- package/dist/components/save-star/types.js +0 -2
- package/dist/components/update-button/__tests__/update-button-with-delay.test.d.ts +0 -1
- package/dist/components/update-button/__tests__/update-button-with-delay.test.js +0 -24
- package/dist/components/update-button/__tests__/update-button.test.d.ts +0 -1
- package/dist/components/update-button/__tests__/update-button.test.js +0 -27
- package/dist/components/update-button/assets/FilledArrowIcon.d.ts +0 -3
- package/dist/components/update-button/assets/FilledArrowIcon.js +0 -5
- package/dist/components/update-button/styles.d.ts +0 -1
- package/dist/components/update-button/styles.js +0 -39
- package/dist/components/update-button/update-button-with-delay.d.ts +0 -11
- package/dist/components/update-button/update-button-with-delay.js +0 -27
- package/dist/components/update-button/update-button.d.ts +0 -6
- package/dist/components/update-button/update-button.js +0 -9
- package/dist/fixtures/article-harness/__tests__/articleHarness.test.d.ts +0 -1
- package/dist/fixtures/article-harness/__tests__/articleHarness.test.js +0 -11
- package/src/components/article-flag/types.ts +0 -4
- package/src/components/banner/__tests__/__snapshots__/banner.test.tsx.snap +0 -66
- package/src/components/banner/__tests__/banner.test.tsx +0 -13
- package/src/components/banner/assets/CloseIconBlack.tsx +0 -24
- package/src/components/banner/assets/EmailIcon.tsx +0 -24
- package/src/components/banner/banner.stories.mdx +0 -30
- package/src/components/banner/banner.tsx +0 -40
- package/src/components/banner/styles.ts +0 -80
- package/src/components/breadcrumb/__tests__/__snapshots__/index.test.tsx.snap +0 -64
- package/src/components/breadcrumb/__tests__/index.test.tsx +0 -51
- package/src/components/breadcrumb/assets/BreadcrumbIcon.tsx +0 -16
- package/src/components/breadcrumb/breadcrumb.stories.mdx +0 -47
- package/src/components/breadcrumb/breadcrumb.tsx +0 -84
- package/src/components/breadcrumb/fixtures/breadcrumbs.json +0 -27
- package/src/components/breadcrumb/styles.ts +0 -43
- package/src/components/delayed-component/__tests__/delayed-component.test.tsx +0 -30
- package/src/components/delayed-component/delayed-component.stories.mdx +0 -38
- package/src/components/delayed-component/delayed-component.tsx +0 -16
- package/src/components/in-article-info-card/types.ts +0 -8
- package/src/components/job-title/__tests__/__snapshots__/index.test.tsx.snap +0 -271
- package/src/components/job-title/__tests__/index.test.tsx +0 -71
- package/src/components/job-title/assets/TooltipIcon.tsx +0 -37
- package/src/components/job-title/assets/close-icon.tsx +0 -18
- package/src/components/job-title/job-title.stories.mdx +0 -38
- package/src/components/job-title/job-title.tsx +0 -85
- package/src/components/job-title/styles.ts +0 -154
- package/src/components/save-star/types.ts +0 -9
- package/src/components/update-button/__tests__/__snapshots__/update-button-with-delay.test.tsx.snap +0 -23
- package/src/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap +0 -23
- package/src/components/update-button/__tests__/update-button-with-delay.test.tsx +0 -67
- package/src/components/update-button/__tests__/update-button.test.tsx +0 -31
- package/src/components/update-button/assets/FilledArrowIcon.tsx +0 -17
- package/src/components/update-button/styles.ts +0 -40
- package/src/components/update-button/update-button-with-delay.stories.mdx +0 -40
- package/src/components/update-button/update-button-with-delay.tsx +0 -53
- package/src/components/update-button/update-button.stories.mdx +0 -32
- package/src/components/update-button/update-button.tsx +0 -17
- package/src/fixtures/article-harness/__tests__/__snapshots__/articleHarness.test.tsx.snap +0 -34
- package/src/fixtures/article-harness/__tests__/articleHarness.test.tsx +0 -11
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render, fireEvent } from '@testing-library/react';
|
|
4
|
-
import { JobTitleTooltip, JobTitlePopover, JobTitle } from '../job-title';
|
|
5
|
-
import * as ResizeObserverModule from 'resize-observer-polyfill';
|
|
6
|
-
window.ResizeObserver = ResizeObserverModule.default;
|
|
7
|
-
describe('JobTitle - Smaller Devices', () => {
|
|
8
|
-
it('renders the Job title Popover', () => {
|
|
9
|
-
const { asFragment, getByTestId } = render(React.createElement(JobTitle, { isLargeDevice: false, contractualTitle: "Contractual Title" }));
|
|
10
|
-
expect(asFragment()).toMatchSnapshot();
|
|
11
|
-
expect(getByTestId('Popover')).toBeVisible();
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
describe('JobTitle - Larger Devices', () => {
|
|
15
|
-
it('renders the Job title Tooltip on larger devices', () => {
|
|
16
|
-
const { asFragment, getByTestId } = render(React.createElement(JobTitle, { isLargeDevice: true, contractualTitle: "Contractual Title" }));
|
|
17
|
-
expect(asFragment()).toMatchSnapshot();
|
|
18
|
-
expect(getByTestId('Tooltip')).toBeVisible();
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
describe('JobTitleTooltip', () => {
|
|
22
|
-
it('Renders the tooltip when clicked', async () => {
|
|
23
|
-
const { getByRole, asFragment, getByTestId, getByText, queryByTestId, queryByText } = render(React.createElement(JobTitleTooltip, { contractualTitle: "Contractual Title Tooltip" }));
|
|
24
|
-
expect(queryByTestId('Tooltip-context')).not.toBeVisible();
|
|
25
|
-
expect(queryByText('Contractual Title Tooltip')).not.toBeVisible();
|
|
26
|
-
fireEvent.mouseEnter(getByRole('button'));
|
|
27
|
-
expect(asFragment()).toMatchSnapshot();
|
|
28
|
-
expect(getByTestId('Tooltip')).toBeVisible();
|
|
29
|
-
expect(getByText('Contractual Title Tooltip')).toBeVisible();
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
describe('JobTitlePopover', () => {
|
|
33
|
-
it('Renders the Popover when clicked', () => {
|
|
34
|
-
const { asFragment, getByRole, getByText, queryByText, queryByTestId, getByTestId } = render(React.createElement(JobTitlePopover, { contractualTitle: "Contractual Title Popover" }));
|
|
35
|
-
expect(queryByTestId('Popover-context')).not.toBeVisible();
|
|
36
|
-
expect(queryByText('Contractual Title Popover')).not.toBeVisible();
|
|
37
|
-
fireEvent.click(getByRole('button'));
|
|
38
|
-
expect(asFragment()).toMatchSnapshot();
|
|
39
|
-
expect(getByTestId('Popover')).toBeVisible();
|
|
40
|
-
expect(getByText('Contractual Title Popover')).toBeVisible();
|
|
41
|
-
const closeButton = getByTestId('close-button');
|
|
42
|
-
expect(closeButton).toBeVisible();
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2pvYi10aXRsZS9fX3Rlc3RzX18vaW5kZXgudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUUsT0FBTyxLQUFLLG9CQUFvQixNQUFNLDBCQUEwQixDQUFDO0FBRWhFLE1BQWMsQ0FBQyxjQUFjLEdBQUcsb0JBQW9CLENBQUMsT0FBTyxDQUFDO0FBRTlELFFBQVEsQ0FBQyw0QkFBNEIsRUFBRSxHQUFHLEVBQUU7SUFDMUMsRUFBRSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRTtRQUN2QyxNQUFNLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FDeEMsb0JBQUMsUUFBUSxJQUFDLGFBQWEsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUMsbUJBQW1CLEdBQUcsQ0FDeEUsQ0FBQztRQUNGLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZDLE1BQU0sQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMvQyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDO0FBRUgsUUFBUSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRTtJQUN6QyxFQUFFLENBQUMsaURBQWlELEVBQUUsR0FBRyxFQUFFO1FBQ3pELE1BQU0sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEdBQUcsTUFBTSxDQUN4QyxvQkFBQyxRQUFRLElBQUMs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
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
const TooltipIcon = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none" }, props),
|
|
3
|
-
React.createElement("mask", { id: "a", width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
|
|
4
|
-
maskType: 'alpha'
|
|
5
|
-
} },
|
|
6
|
-
React.createElement("path", { fill: "currentcolor", d: "M7.333 4.667h1.334V6H7.334V4.667ZM7.333 7.333h1.334v4H7.334v-4Z" }),
|
|
7
|
-
React.createElement("path", { fill: "currentcolor", fillRule: "evenodd", d: "M1.333 8A6.67 6.67 0 0 1 8 1.333 6.67 6.67 0 0 1 14.667 8 6.67 6.67 0 0 1 8 14.667 6.67 6.67 0 0 1 1.333 8Zm1.334 0A5.34 5.34 0 0 0 8 13.333 5.34 5.34 0 0 0 13.334 8 5.34 5.34 0 0 0 8 2.667 5.34 5.34 0 0 0 2.667 8Z", clipRule: "evenodd" })),
|
|
8
|
-
React.createElement("g", { mask: "url(#a)" },
|
|
9
|
-
React.createElement("path", { fill: "currentcolor", d: "M0 0h16v16H0z" }))));
|
|
10
|
-
export default TooltipIcon;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcEljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9qb2ItdGl0bGUvYXNzZXRzL1Rvb2x0aXBJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMvQixNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsQ0FDbEMsMkNBQ0UsS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsSUFBSSxFQUFDLE1BQU0sSUFDUCxLQUFLO0lBRVQsOEJBQ0UsRUFBRSxFQUFDLEdBQUcsRUFDTixLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsQ0FBQyxFQUFFLENBQUMsRUFDSixDQUFDLEVBQUUsQ0FBQyxFQUNKLFNBQVMsRUFBQyxnQkFBZ0IsRUFDMUIsS0FBSyxFQUFFO1lBQ0wsUUFBUSxFQUFFLE9BQU87U0FDbEI7UUFFRCw4QkFDRSxJQUFJLEVBQUMsY0FBYyxFQUNuQixDQUFDLEVBQUMsaUVBQWlFLEdBQ25FO1FBQ0YsOEJBQ0UsSUFBSSxFQUFDLGNBQWMsRUFDbkIsUUFBUSxFQUFDLFNBQVMsRUFDbEIsQ0FBQyxFQUFDLHdOQUF3TixFQUMxTixRQUFRLEVBQUMsU0FBUyxHQUNsQixDQUNHO0lBQ1AsMkJBQUcsSUFBSSxFQUFDLFNBQVM7UUFDZiw4QkFBTSxJQUFJLEVBQUMsY0FBYyxFQUFDLENBQUMsRUFBQyxlQUFlLEdBQUcsQ0FDNUMsQ0FDQSxDQUNQLENBQUM7QUFDRixlQUFlLFdBQVcsQ0FBQyJ9
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
const CloseIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 12, viewBox: "0 0 14 14", fill: "none" },
|
|
3
|
-
React.createElement("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z", fill: "#333333" })));
|
|
4
|
-
export default CloseIcon;
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvc2UtaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2pvYi10aXRsZS9hc3NldHMvY2xvc2UtaWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQ3RCLDZCQUNFLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLE9BQU8sRUFBQyxXQUFXLEVBQ25CLElBQUksRUFBQyxNQUFNO0lBRVgsOEJBQ0UsQ0FBQyxFQUFDLHVHQUF1RyxFQUN6RyxJQUFJLEVBQUMsU0FBUyxHQUNkLENBQ0UsQ0FDUCxDQUFDO0FBRUYsZUFBZSxTQUFTLENBQUMifQ==
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const JobTitleTooltip: React.FC<{
|
|
3
|
-
contractualTitle: string;
|
|
4
|
-
}>;
|
|
5
|
-
export declare const JobTitlePopover: React.FC<{
|
|
6
|
-
contractualTitle: string;
|
|
7
|
-
}>;
|
|
8
|
-
export declare const JobTitle: React.FC<{
|
|
9
|
-
contractualTitle: string;
|
|
10
|
-
isLargeDevice: boolean;
|
|
11
|
-
}>;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import TooltipIcon from './assets/TooltipIcon';
|
|
3
|
-
import { CloseButton, IconButton, Popover, PopoverContext, PopoverHeader, Tooltip, TooltipContext } from './styles';
|
|
4
|
-
import CloseIcon from './assets/close-icon';
|
|
5
|
-
export const JobTitleTooltip = ({ contractualTitle }) => {
|
|
6
|
-
const [tooltipOpen, setTooltipOpen] = React.useState(false);
|
|
7
|
-
return (React.createElement(React.Fragment, null,
|
|
8
|
-
React.createElement(Tooltip, null,
|
|
9
|
-
React.createElement(TooltipContext, { "data-testid": "Tooltip-context", isOpen: tooltipOpen }, contractualTitle),
|
|
10
|
-
React.createElement(IconButton, { "aria-label": "See contractual title, button", "data-testid": "Tooltip", onMouseOver: () => setTooltipOpen(true), onMouseOut: () => setTooltipOpen(false) },
|
|
11
|
-
React.createElement(TooltipIcon, null)))));
|
|
12
|
-
};
|
|
13
|
-
export const JobTitlePopover = ({ contractualTitle }) => {
|
|
14
|
-
const [popoverOpen, setPopoverOpen] = React.useState(false);
|
|
15
|
-
const togglePopover = () => {
|
|
16
|
-
setPopoverOpen(!popoverOpen);
|
|
17
|
-
};
|
|
18
|
-
return (React.createElement(React.Fragment, null,
|
|
19
|
-
React.createElement(Popover, null,
|
|
20
|
-
React.createElement(PopoverContext, { "data-testid": "Popover-context", isOpen: popoverOpen },
|
|
21
|
-
React.createElement(PopoverHeader, null,
|
|
22
|
-
React.createElement("div", null, contractualTitle),
|
|
23
|
-
React.createElement(CloseButton, { "data-testid": "close-button", onClick: togglePopover },
|
|
24
|
-
React.createElement(CloseIcon, null)))),
|
|
25
|
-
React.createElement(IconButton, { "aria-label": "See contractual title, button", "data-testid": "Popover", onClick: togglePopover },
|
|
26
|
-
React.createElement(TooltipIcon, null)))));
|
|
27
|
-
};
|
|
28
|
-
export const JobTitle = ({ contractualTitle, isLargeDevice }) => {
|
|
29
|
-
return isLargeDevice ? (React.createElement(JobTitleTooltip, { contractualTitle: contractualTitle, "data-testid": "Tooltip" })) : (React.createElement(JobTitlePopover, { contractualTitle: contractualTitle, "data-testid": "Popover" }));
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9iLXRpdGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvam9iLXRpdGxlL2pvYi10aXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sV0FBVyxNQUFNLHNCQUFzQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxXQUFXLEVBQ1gsVUFBVSxFQUNWLE9BQU8sRUFDUCxjQUFjLEVBQ2QsYUFBYSxFQUNiLE9BQU8sRUFDUCxjQUFjLEVBQ2YsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFFNUMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUEyQyxDQUFDLEVBQ3RFLGdCQUFnQixFQUNqQixFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFNUQsT0FBTyxDQUNMO1FBQ0Usb0JBQUMsT0FBTztZQUNOLG9CQUFDLGNBQWMsbUJBQWEsaUJBQWlCLEVBQUMsTUFBTSxFQUFFLFdBQVcsSUFDOUQsZ0JBQWdCLENBQ0Y7WUFDakIsb0JBQUMsVUFBVSxrQkFDRSwrQkFBK0IsaUJBQzlCLFNBQVMsRUFDckIsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFDdkMsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7Z0JBRXZDLG9CQUFDLFdBQVcsT0FBRyxDQUNKLENBQ0wsQ0FDVCxDQUNKLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQTJDLENBQUMsRUFDdEUsZ0JBQWdCLEVBQ2pCLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUU1RCxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7UUFDekIsY0FBYyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDL0IsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMO1FBQ0Usb0JBQUMsT0FBTztZQUNOLG9CQUFDLGNBQWMsbUJBQWEsaUJBQWlCLEVBQUMsTUFBTSxFQUFFLFdBQVc7Z0JBQy9ELG9CQUFDLGFBQWE7b0JBQ1osaUNBQU0sZ0JBQWdCLENBQU87b0JBQzdCLG9CQUFDLFdBQVcsbUJBQWEsY0FBYyxFQUFDLE9BQU8sRUFBRSxhQUFhO3dCQUM1RCxvQkFBQyxTQUFTLE9BQUcsQ0FDRCxDQUNBLENBQ0Q7WUFDakIsb0JBQUMsVUFBVSxrQkFDRSwrQkFBK0IsaUJBQzlCLFNBQVMsRUFDckIsT0FBTyxFQUFFLGFBQWE7Z0JBRXRCLG9CQUFDLFdBQVcsT0FBRyxDQUNKLENBQ0wsQ0FDVCxDQUNKLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBR2hCLENBQUMsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFO0lBQzNDLE9BQU8sYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUNyQixvQkFBQyxlQUFlLElBQ2QsZ0JBQWdCLEVBQUUsZ0JBQWdCLGlCQUN0QixTQUFTLEdBQ3JCLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxlQUFlLElBQ2QsZ0JBQWdCLEVBQUUsZ0JBQWdCLGlCQUN0QixTQUFTLEdBQ3JCLENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
2
|
-
export declare const Popover: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const PopoverContext: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
-
isOpen?: boolean | undefined;
|
|
5
|
-
}, never>;
|
|
6
|
-
export declare const PopoverHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
export declare const CloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
8
|
-
export declare const Tooltip: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const TooltipContext: import("styled-components").StyledComponent<"div", any, {
|
|
10
|
-
isOpen?: boolean | undefined;
|
|
11
|
-
}, never>;
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const IconButton = styled.button `
|
|
3
|
-
margin: 0;
|
|
4
|
-
padding: 0;
|
|
5
|
-
display: inline-grid;
|
|
6
|
-
column-gap: 8px;
|
|
7
|
-
grid-template-columns: repeat(1, auto);
|
|
8
|
-
width: 32px;
|
|
9
|
-
height: 32px;
|
|
10
|
-
margin-inline-start: 8px;
|
|
11
|
-
padding-inline: 8px;
|
|
12
|
-
padding-block: 8px;
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
border: none;
|
|
16
|
-
appearance: none;
|
|
17
|
-
background-color: #00000000;
|
|
18
|
-
border-radius: 50%;
|
|
19
|
-
color: #333333;
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
`;
|
|
22
|
-
export const Popover = styled.div `
|
|
23
|
-
position: relative;
|
|
24
|
-
display: inline-block;
|
|
25
|
-
`;
|
|
26
|
-
export const PopoverContext = styled.div `
|
|
27
|
-
display: ${({ isOpen }) => (isOpen ? 'grid' : 'none')};
|
|
28
|
-
position: absolute;
|
|
29
|
-
top: -55px;
|
|
30
|
-
left: 4px;
|
|
31
|
-
box-shadow: 0px 20px 32px 0px #11111114;
|
|
32
|
-
border-radius: 0px;
|
|
33
|
-
border-style: none;
|
|
34
|
-
z-index: 80;
|
|
35
|
-
|
|
36
|
-
div {
|
|
37
|
-
margin: 0;
|
|
38
|
-
color: #333333;
|
|
39
|
-
border-radius: 0px;
|
|
40
|
-
background-color: #ffffff;
|
|
41
|
-
white-space: nowrap;
|
|
42
|
-
|
|
43
|
-
display: grid;
|
|
44
|
-
grid-template-areas:
|
|
45
|
-
'header close'
|
|
46
|
-
'content content';
|
|
47
|
-
grid-template-columns: 1fr auto;
|
|
48
|
-
grid-template-rows: auto 1fr;
|
|
49
|
-
|
|
50
|
-
/* Pointer Arrow */
|
|
51
|
-
&::after {
|
|
52
|
-
content: '';
|
|
53
|
-
position: absolute;
|
|
54
|
-
-webkit-transform: rotate(45deg);
|
|
55
|
-
-moz-transform: rotate(45deg);
|
|
56
|
-
-ms-transform: rotate(45deg);
|
|
57
|
-
transform: rotate(45deg);
|
|
58
|
-
box-sizing: border-box;
|
|
59
|
-
background-color: #ffffff;
|
|
60
|
-
width: 16px;
|
|
61
|
-
height: 16px;
|
|
62
|
-
left: 12px;
|
|
63
|
-
bottom: calc(-16px / 2);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
`;
|
|
67
|
-
export const PopoverHeader = styled.div `
|
|
68
|
-
div {
|
|
69
|
-
display: flex;
|
|
70
|
-
grid-area: header;
|
|
71
|
-
align-items: center;
|
|
72
|
-
box-sizing: border-box;
|
|
73
|
-
box-shadow: 0px 20px 32px 0px #11111114;
|
|
74
|
-
border-radius: 0px;
|
|
75
|
-
border-style: none;
|
|
76
|
-
font-family: Roboto;
|
|
77
|
-
font-size: 1.4000000000000001rem;
|
|
78
|
-
line-height: 1.5;
|
|
79
|
-
font-weight: 500;
|
|
80
|
-
letter-spacing: 0em;
|
|
81
|
-
padding-inline: 24px;
|
|
82
|
-
padding-block: 16px;
|
|
83
|
-
}
|
|
84
|
-
`;
|
|
85
|
-
export const CloseButton = styled.button `
|
|
86
|
-
height: 48px;
|
|
87
|
-
width: 48px;
|
|
88
|
-
border-radius: 50%;
|
|
89
|
-
padding: 16px;
|
|
90
|
-
background-color: transparent;
|
|
91
|
-
border: none;
|
|
92
|
-
outline: none;
|
|
93
|
-
cursor: pointer;
|
|
94
|
-
display: flex;
|
|
95
|
-
justify-content: center;
|
|
96
|
-
align-items: center;
|
|
97
|
-
transition: background-color 0.2s;
|
|
98
|
-
&:focus-visible {
|
|
99
|
-
background-color: #eeeeee;
|
|
100
|
-
border: 1px solid #000;
|
|
101
|
-
}
|
|
102
|
-
&:hover {
|
|
103
|
-
background-color: #eeeeee;
|
|
104
|
-
}
|
|
105
|
-
`;
|
|
106
|
-
export const Tooltip = styled.div `
|
|
107
|
-
position: relative;
|
|
108
|
-
display: inline-block;
|
|
109
|
-
z-index: 80;
|
|
110
|
-
`;
|
|
111
|
-
export const TooltipContext = styled.div `
|
|
112
|
-
display: ${({ isOpen }) => (isOpen ? 'grid' : 'none')};
|
|
113
|
-
position: absolute;
|
|
114
|
-
top: -34px;
|
|
115
|
-
left: 8px;
|
|
116
|
-
grid-template-areas:
|
|
117
|
-
'header close'
|
|
118
|
-
'content content';
|
|
119
|
-
grid-template-columns: 1fr auto;
|
|
120
|
-
grid-template-rows: auto 1fr;
|
|
121
|
-
|
|
122
|
-
color: rgb(255, 255, 255);
|
|
123
|
-
background-color: rgb(17, 17, 17);
|
|
124
|
-
font-family: 'Roboto';
|
|
125
|
-
font-size: 14px;
|
|
126
|
-
line-height: 21px;
|
|
127
|
-
font-weight: 500;
|
|
128
|
-
letter-spacing: 0em;
|
|
129
|
-
padding-inline: 8px;
|
|
130
|
-
padding-block: 8px;
|
|
131
|
-
white-space: nowrap;
|
|
132
|
-
|
|
133
|
-
/* Pointer Arrow */
|
|
134
|
-
&::after {
|
|
135
|
-
content: '';
|
|
136
|
-
position: absolute;
|
|
137
|
-
-webkit-transform: rotate(45deg);
|
|
138
|
-
-moz-transform: rotate(45deg);
|
|
139
|
-
-ms-transform: rotate(45deg);
|
|
140
|
-
box-sizing: border-box;
|
|
141
|
-
background-color: #ffffff;
|
|
142
|
-
width: 4px;
|
|
143
|
-
height: 4px;
|
|
144
|
-
left: 14px;
|
|
145
|
-
bottom: calc(-4px / 2);
|
|
146
|
-
box-sizing: border-box;
|
|
147
|
-
background-color: rgb(17, 17, 17);
|
|
148
|
-
}
|
|
149
|
-
`;
|
|
150
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvam9iLXRpdGxlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQW1CdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Q0FHaEMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFzQjthQUNqRCxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBdUN0RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBaUJ0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBb0J2QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJaEMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFzQjthQUNqRCxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQXFDdEQsQ0FBQyJ9
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render, waitFor } from '@testing-library/react';
|
|
4
|
-
import { UpdateButtonWithDelay } from '../update-button-with-delay';
|
|
5
|
-
const handleClickMock = jest.fn();
|
|
6
|
-
const renderComponent = (delay, display, label, handleClick, updatedTime, articleId, update) => render(React.createElement(UpdateButtonWithDelay, { delay: delay, display: display, label: label, handleClick: handleClick, updatedTime: updatedTime, articleId: articleId, update: update }));
|
|
7
|
-
describe('Render UpdateButtonWithDelay', () => {
|
|
8
|
-
it('should render the Update button component and the DelayComponent as expected when it has an update', async () => {
|
|
9
|
-
const { asFragment, getByRole, queryByTestId } = renderComponent(800, true, 'New Updates', handleClickMock, '2023-10-12T00:00:00.000Z', '12345', true);
|
|
10
|
-
expect(asFragment()).toMatchSnapshot();
|
|
11
|
-
expect(getByRole('button')).toBeVisible();
|
|
12
|
-
await waitFor(() => {
|
|
13
|
-
expect(queryByTestId('button')).toBeFalsy();
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
it('should not render the Update button component and the DelayComponent as expected when it has an update', async () => {
|
|
17
|
-
const { unmount, queryByTestId } = renderComponent(500, true, 'Update Now', handleClickMock, '2023-10-12T00:00:00.000Z', '12345', false);
|
|
18
|
-
await waitFor(() => {
|
|
19
|
-
expect(queryByTestId('button')).toBeNull();
|
|
20
|
-
}, { timeout: 500 });
|
|
21
|
-
unmount();
|
|
22
|
-
});
|
|
23
|
-
});
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi13aXRoLWRlbGF5LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy91cGRhdGUtYnV0dG9uL19fdGVzdHNfXy91cGRhdGUtYnV0dG9uLXdpdGgtZGVsYXkudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVwRSxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFFbEMsTUFBTSxlQUFlLEdBQUcsQ0FDdEIsS0FBYSxFQUNiLE9BQWdCLEVBQ2hCLEtBQWEsRUFDYixXQUFnQixFQUNoQixXQUFtQixFQUNuQixTQUFpQixFQUNqQixNQUFlLEVBQ2YsRUFBRSxDQUNGLE1BQU0sQ0FDSixvQkFBQyxxQkFBcUIsSUFDcEIsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLE1BQU0sRUFBRSxNQUFNLEdBQ2QsQ0FDSCxDQUFDO0FBRUosUUFBUSxDQUFDLDhCQUE4QixFQUFFLEdBQUcsRUFBRTtJQUM1QyxFQUFFLENBQUMsb0dBQW9HLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDbEgsTUFBTSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLEdBQUcsZUFBZSxDQUM5RCxHQUFHLEVBQ0gsSUFBSSxFQUNKLGFBQWEsRUFDYixlQUFlLEVBQ2YsMEJBQTBCLEVBQzFCLE9BQU8sRUFDUCxJQUFJLENBQ0wsQ0FBQztRQUNGLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZDLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUMxQyxNQUFNLE9BQU8sQ0FBQyxHQUFHLEVBQUU7WUFDakIsTUFBTSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQzlDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsd0dBQXdHLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDdEgsTUFBTSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsR0FBRyxlQUFlLENBQ2hELEdBQUcsRUFDSCxJQUFJLEVBQ0osWUFBWSxFQUNaLGVBQWUsRUFDZiwwQkFBMEIsRUFDMUIsT0FBTyxFQUNQLEtBQUssQ0FDTixDQUFDO1FBRUYsTUFBTSxPQUFPLENBQ1gsR0FBRyxFQUFFO1lBQ0gsTUFBTSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzdDLENBQUMsRUFDRCxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FDakIsQ0FBQztRQUVGLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render, fireEvent } from '@testing-library/react';
|
|
4
|
-
import { UpdateButton } from '../update-button';
|
|
5
|
-
const handleClickMock = jest.fn();
|
|
6
|
-
const renderComponent = (label, handleClick) => render(React.createElement(UpdateButton, { label: label, handleClick: handleClick }));
|
|
7
|
-
describe('Render UpdateButton', () => {
|
|
8
|
-
it('should render the component', () => {
|
|
9
|
-
const { asFragment } = renderComponent('New Updates', handleClickMock);
|
|
10
|
-
expect(asFragment()).toMatchSnapshot();
|
|
11
|
-
});
|
|
12
|
-
it('should render the label text you pass through', () => {
|
|
13
|
-
const { getByText } = renderComponent('Test New Updates', handleClickMock);
|
|
14
|
-
expect(getByText('Test New Updates')).toBeVisible();
|
|
15
|
-
});
|
|
16
|
-
it('should trigger an event on click', () => {
|
|
17
|
-
const { getByRole } = renderComponent('New Update', handleClickMock);
|
|
18
|
-
const Button = getByRole('button');
|
|
19
|
-
fireEvent.click(Button);
|
|
20
|
-
expect(handleClickMock).toHaveBeenCalled();
|
|
21
|
-
});
|
|
22
|
-
it('should render the upward facing arrow icon', () => {
|
|
23
|
-
const { getByTestId } = renderComponent('New Updates', handleClickMock);
|
|
24
|
-
expect(getByTestId('upward-arrow')).toBeVisible();
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlLWJ1dHRvbi9fX3Rlc3RzX18vdXBkYXRlLWJ1dHRvbi50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVoRCxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFFbEMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxLQUFhLEVBQUUsV0FBZ0IsRUFBRSxFQUFFLENBQzFELE1BQU0sQ0FBQyxvQkFBQyxZQUFZLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxHQUFJLENBQUMsQ0FBQztBQUVuRSxRQUFRLENBQUMscUJBQXFCLEVBQUUsR0FBRyxFQUFFO0lBQ25DLEVBQUUsQ0FBQyw2QkFBNkIsRUFBRSxHQUFHLEVBQUU7UUFDckMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGVBQWUsQ0FBQyxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDdkUsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsK0NBQStDLEVBQUUsR0FBRyxFQUFFO1FBQ3ZELE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsa0JBQWtCLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDM0UsTUFBTSxDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEQsQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsa0NBQWtDLEVBQUUsR0FBRyxFQUFFO1FBQzFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBQ3JFLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNuQyxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLDRDQUE0QyxFQUFFLEdBQUcsRUFBRTtRQUNwRCxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsZUFBZSxDQUFDLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUN4RSxNQUFNLENBQUMsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEQsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
const FilledArrowIcon = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none" }, props),
|
|
3
|
-
React.createElement("path", { fill: "currentcolor", d: "m3.166 8 .94.94 3.727-3.72v8.113h1.333V5.22l3.72 3.727.947-.947-5.334-5.333L3.166 8Z" })));
|
|
4
|
-
export default FilledArrowIcon;
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsbGVkQXJyb3dJY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlLWJ1dHRvbi9hc3NldHMvRmlsbGVkQXJyb3dJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsTUFBTSxlQUFlLEdBQWEsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLENBQ2hELDJDQUNFLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLElBQUksRUFBQyxNQUFNLElBQ1AsS0FBSztJQUVULDhCQUNFLElBQUksRUFBQyxjQUFjLEVBQ25CLENBQUMsRUFBQyxzRkFBc0YsR0FDeEYsQ0FDRSxDQUNQLENBQUM7QUFDRixlQUFlLGVBQWUsQ0FBQyJ9
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
const styleMap = {
|
|
3
|
-
colors: {
|
|
4
|
-
interactiveNegative040: '#9f0000',
|
|
5
|
-
interactiveNegative050: '#800000',
|
|
6
|
-
inkInverse: '#FFFFFF'
|
|
7
|
-
},
|
|
8
|
-
spacing: {
|
|
9
|
-
space030: '12px',
|
|
10
|
-
space020: '8px'
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
export const StyledButton = styled.button `
|
|
14
|
-
border: none;
|
|
15
|
-
background-color: ${styleMap.colors.interactiveNegative040};
|
|
16
|
-
padding-block: ${styleMap.spacing.space020};
|
|
17
|
-
padding-inline: ${styleMap.spacing.space030};
|
|
18
|
-
font-family: Roboto;
|
|
19
|
-
font-size: 1.4000000000000001rem;
|
|
20
|
-
font-weight: 500;
|
|
21
|
-
letter-spacing: 0em;
|
|
22
|
-
color: ${styleMap.colors.inkInverse};
|
|
23
|
-
display: inline-grid;
|
|
24
|
-
grid-template-columns: repeat(2, auto);
|
|
25
|
-
column-gap: 8px;
|
|
26
|
-
place-content: center;
|
|
27
|
-
place-items: center;
|
|
28
|
-
cursor: pointer;
|
|
29
|
-
transition-property: background-color;
|
|
30
|
-
transition-duration: 200ms;
|
|
31
|
-
transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
|
|
32
|
-
&:hover {
|
|
33
|
-
background-color: ${styleMap.colors.interactiveNegative050};
|
|
34
|
-
}
|
|
35
|
-
&:active {
|
|
36
|
-
background-color: ${styleMap.colors.interactiveNegative050};
|
|
37
|
-
}
|
|
38
|
-
`;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlLWJ1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxRQUFRLEdBQUc7SUFDZixNQUFNLEVBQUU7UUFDTixzQkFBc0IsRUFBRSxTQUFTO1FBQ2pDLHNCQUFzQixFQUFFLFNBQVM7UUFDakMsVUFBVSxFQUFFLFNBQVM7S0FDdEI7SUFDRCxPQUFPLEVBQUU7UUFDUCxRQUFRLEVBQUUsTUFBTTtRQUNoQixRQUFRLEVBQUUsS0FBSztLQUNoQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTs7c0JBRW5CLFFBQVEsQ0FBQyxNQUFNLENBQUMsc0JBQXNCO21CQUN6QyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVE7b0JBQ3hCLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUTs7Ozs7V0FLbEMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozt3QkFXYixRQUFRLENBQUMsTUFBTSxDQUFDLHNCQUFzQjs7O3dCQUd0QyxRQUFRLENBQUMsTUFBTSxDQUFDLHNCQUFzQjs7Q0FFN0QsQ0FBQyJ9
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
declare type UpdateWithDelayProps = {
|
|
2
|
-
display: boolean;
|
|
3
|
-
delay: number;
|
|
4
|
-
label: string;
|
|
5
|
-
handleClick: () => void;
|
|
6
|
-
updatedTime: string;
|
|
7
|
-
articleId: string;
|
|
8
|
-
update: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const UpdateButtonWithDelay: ({ delay, display, label, handleClick, updatedTime, articleId, update }: UpdateWithDelayProps) => JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { DelayedComponent } from '../delayed-component/delayed-component';
|
|
3
|
-
import { UpdateButton } from './update-button';
|
|
4
|
-
import fetch from 'isomorphic-unfetch';
|
|
5
|
-
export const UpdateButtonWithDelay = ({ delay, display, label, handleClick, updatedTime, articleId, update = false }) => {
|
|
6
|
-
const [hasUpdate, setUpdate] = useState(update);
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const fetchData = async () => {
|
|
9
|
-
try {
|
|
10
|
-
const response = await fetch(`/api/article-update-time/${articleId}`);
|
|
11
|
-
const json = await response.json();
|
|
12
|
-
return json.article.publishedTime;
|
|
13
|
-
}
|
|
14
|
-
catch (err) {
|
|
15
|
-
// tslint:disable-next-line:no-console
|
|
16
|
-
console.log(err);
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const interval = setInterval(async () => {
|
|
20
|
-
(await fetchData()) > updatedTime && setUpdate(true);
|
|
21
|
-
}, 120000);
|
|
22
|
-
return () => clearInterval(interval);
|
|
23
|
-
}, []);
|
|
24
|
-
return (React.createElement(React.Fragment, null, hasUpdate ? (React.createElement(DelayedComponent, { delay: delay, initialState: display },
|
|
25
|
-
React.createElement(UpdateButton, { label: label, handleClick: handleClick }))) : null));
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi13aXRoLWRlbGF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlLWJ1dHRvbi91cGRhdGUtYnV0dG9uLXdpdGgtZGVsYXkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxLQUFLLE1BQU0sb0JBQW9CLENBQUM7QUFZdkMsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxFQUNwQyxLQUFLLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxXQUFXLEVBQ1gsV0FBVyxFQUNYLFNBQVMsRUFDVCxNQUFNLEdBQUcsS0FBSyxFQUNPLEVBQUUsRUFBRTtJQUN6QixNQUFNLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxTQUFTLEdBQUcsS0FBSyxJQUFJLEVBQUU7WUFDM0IsSUFBSTtnQkFDRixNQUFNLFFBQVEsR0FBRyxNQUFNLEtBQUssQ0FBQyw0QkFBNEIsU0FBUyxFQUFFLENBQUMsQ0FBQztnQkFDdEUsTUFBTSxJQUFJLEdBQUcsTUFBTSxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ25DLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7YUFDbkM7WUFBQyxPQUFPLEdBQUcsRUFBRTtnQkFDWixzQ0FBc0M7Z0JBQ3RDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUM7UUFDRixNQUFNLFFBQVEsR0FBRyxXQUFXLENBQUMsS0FBSyxJQUFJLEVBQUU7WUFDdEMsQ0FBQyxNQUFNLFNBQVMsRUFBRSxDQUFDLEdBQUcsV0FBVyxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2RCxDQUFDLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFFWCxPQUFPLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2QyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsMENBQ0csU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUNYLG9CQUFDLGdCQUFnQixJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE9BQU87UUFDbkQsb0JBQUMsWUFBWSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsR0FBSSxDQUN2QyxDQUNwQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ1AsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FilledArrowIcon from './assets/FilledArrowIcon';
|
|
3
|
-
import { StyledButton } from './styles';
|
|
4
|
-
export const UpdateButton = ({ label, handleClick }) => {
|
|
5
|
-
return (React.createElement(StyledButton, { onClick: () => handleClick() },
|
|
6
|
-
React.createElement(FilledArrowIcon, { "data-testid": "upward-arrow" }),
|
|
7
|
-
label));
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VwZGF0ZS1idXR0b24vdXBkYXRlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sZUFBZSxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFxQixFQUFFLEVBQUU7SUFDeEUsT0FBTyxDQUNMLG9CQUFDLFlBQVksSUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsV0FBVyxFQUFFO1FBQ3hDLG9CQUFDLGVBQWUsbUJBQWEsY0FBYyxHQUFHO1FBQzdDLEtBQUssQ0FDTyxDQUNoQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render } from '@testing-library/react';
|
|
4
|
-
import { ArticleHarness } from '../ArticleHarness';
|
|
5
|
-
describe('Render ArticleHarness', () => {
|
|
6
|
-
it('renders the ArticleHarness', () => {
|
|
7
|
-
const { asFragment } = render(React.createElement(ArticleHarness, null));
|
|
8
|
-
expect(asFragment()).toMatchSnapshot();
|
|
9
|
-
});
|
|
10
|
-
});
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJ0aWNsZUhhcm5lc3MudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9maXh0dXJlcy9hcnRpY2xlLWhhcm5lc3MvX190ZXN0c19fL2FydGljbGVIYXJuZXNzLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFbkQsUUFBUSxDQUFDLHVCQUF1QixFQUFFLEdBQUcsRUFBRTtJQUNyQyxFQUFFLENBQUMsNEJBQTRCLEVBQUUsR0FBRyxFQUFFO1FBQ3BDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQUMsb0JBQUMsY0FBYyxPQUFHLENBQUMsQ0FBQztRQUNsRCxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Banner renders the banner 1`] = `
|
|
4
|
-
<DocumentFragment>
|
|
5
|
-
<div
|
|
6
|
-
class="sc-bdVaJa VUwsZ"
|
|
7
|
-
>
|
|
8
|
-
<div
|
|
9
|
-
aria-label="Email verification banner"
|
|
10
|
-
class="sc-bwzfXH eWmkTr"
|
|
11
|
-
>
|
|
12
|
-
<div
|
|
13
|
-
class="sc-htpNat kKgziG"
|
|
14
|
-
role="region"
|
|
15
|
-
>
|
|
16
|
-
<div
|
|
17
|
-
class="sc-bxivhb iVoVQA"
|
|
18
|
-
>
|
|
19
|
-
<div
|
|
20
|
-
class="sc-ifAKCX fBzQxS"
|
|
21
|
-
>
|
|
22
|
-
<svg
|
|
23
|
-
fill="none"
|
|
24
|
-
height="24"
|
|
25
|
-
viewBox="0 0 24 24"
|
|
26
|
-
width="24"
|
|
27
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
-
>
|
|
29
|
-
<path
|
|
30
|
-
d="M22 9.98V19C22 20.1 21.1 21 20 21H4C2.9 21 2 20.1 2 19L2.01 7C2.01 5.9 2.9 5 4 5H14.1C14.04 5.32 14 5.66 14 6C14 6.34 14.04 6.68 14.1 7H4L12 12L15.67 9.71C16.14 10.14 16.69 10.47 17.3 10.69L12 14L4 9V19H20V10.9C20.74 10.75 21.42 10.42 22 9.98ZM16 6C16 7.66 17.34 9 19 9C20.66 9 22 7.66 22 6C22 4.34 20.66 3 19 3C17.34 3 16 4.34 16 6Z"
|
|
31
|
-
fill="#000"
|
|
32
|
-
/>
|
|
33
|
-
</svg>
|
|
34
|
-
<p
|
|
35
|
-
class="sc-EHOje dMjtnD"
|
|
36
|
-
>
|
|
37
|
-
Title
|
|
38
|
-
</p>
|
|
39
|
-
</div>
|
|
40
|
-
<button
|
|
41
|
-
class="sc-gzVnrw hWbcjJ"
|
|
42
|
-
>
|
|
43
|
-
<svg
|
|
44
|
-
fill="none"
|
|
45
|
-
height="14"
|
|
46
|
-
viewBox="0 0 14 14"
|
|
47
|
-
width="14"
|
|
48
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
49
|
-
>
|
|
50
|
-
<path
|
|
51
|
-
d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"
|
|
52
|
-
fill="#000"
|
|
53
|
-
/>
|
|
54
|
-
</svg>
|
|
55
|
-
</button>
|
|
56
|
-
</div>
|
|
57
|
-
<p
|
|
58
|
-
class="sc-bZQynM jtrtRX"
|
|
59
|
-
>
|
|
60
|
-
Body
|
|
61
|
-
</p>
|
|
62
|
-
</div>
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
</DocumentFragment>
|
|
66
|
-
`;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render } from '@testing-library/react';
|
|
4
|
-
import { Banner } from '../banner';
|
|
5
|
-
|
|
6
|
-
describe('Banner', () => {
|
|
7
|
-
it('renders the banner', () => {
|
|
8
|
-
const { asFragment } = render(
|
|
9
|
-
<Banner title="Title" body="Body" onClose={jest.fn} />
|
|
10
|
-
);
|
|
11
|
-
expect(asFragment()).toMatchSnapshot();
|
|
12
|
-
});
|
|
13
|
-
});
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
const CloseIconBlack: React.FC<any> = ({
|
|
4
|
-
width = 24,
|
|
5
|
-
height = 24,
|
|
6
|
-
color = '#000',
|
|
7
|
-
...props
|
|
8
|
-
}) => (
|
|
9
|
-
<svg
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
width={width}
|
|
12
|
-
height={height}
|
|
13
|
-
viewBox="0 0 14 14"
|
|
14
|
-
fill="none"
|
|
15
|
-
{...props}
|
|
16
|
-
>
|
|
17
|
-
<path
|
|
18
|
-
d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"
|
|
19
|
-
fill={color}
|
|
20
|
-
/>
|
|
21
|
-
</svg>
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
export default CloseIconBlack;
|