@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.
Files changed (124) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/article-flag/ArticleFlag.d.ts +4 -1
  3. package/dist/components/article-flag/ArticleFlag.js +1 -1
  4. package/dist/components/article-flag/getActiveFlags.d.ts +1 -1
  5. package/dist/components/article-flag/styles.d.ts +1 -1
  6. package/dist/components/in-article-info-card/Card.d.ts +1 -1
  7. package/dist/components/in-article-info-card/InfoCard.d.ts +8 -0
  8. package/dist/components/in-article-info-card/InfoCard.js +1 -1
  9. package/dist/components/save-star/ContentProvider.d.ts +6 -0
  10. package/dist/components/save-star/ContentProvider.js +1 -1
  11. package/dist/components/save-star/SaveStar.js +1 -1
  12. package/dist/components/save-star/SaveStarUI.d.ts +4 -1
  13. package/dist/components/save-star/SaveStarUI.js +1 -1
  14. package/dist/helpers/fetch/__tests__/FetchProvider.test.js +3 -3
  15. package/dist/helpers/time/__tests__/UpdatedTimeProvider.test.js +3 -3
  16. package/dist/index.d.ts +2 -7
  17. package/dist/index.js +3 -8
  18. package/jest.config.js +2 -2
  19. package/package.json +17 -17
  20. package/rnw.js +1 -1
  21. package/src/components/article-flag/ArticleFlag.tsx +5 -1
  22. package/src/components/article-flag/getActiveFlags.ts +1 -1
  23. package/src/components/article-flag/styles.ts +1 -1
  24. package/src/components/in-article-info-card/Card.tsx +1 -1
  25. package/src/components/in-article-info-card/InfoCard.tsx +8 -1
  26. package/src/components/save-star/ContentProvider.tsx +7 -1
  27. package/src/components/save-star/SaveStar.tsx +1 -2
  28. package/src/components/save-star/SaveStarUI.tsx +5 -1
  29. package/src/helpers/fetch/__tests__/FetchProvider.test.tsx +2 -2
  30. package/src/helpers/time/__tests__/UpdatedTimeProvider.test.tsx +2 -2
  31. package/src/index.ts +7 -15
  32. package/tsconfig.json +1 -6
  33. package/dist/components/article-flag/types.d.ts +0 -4
  34. package/dist/components/article-flag/types.js +0 -2
  35. package/dist/components/banner/__tests__/banner.test.d.ts +0 -1
  36. package/dist/components/banner/__tests__/banner.test.js +0 -11
  37. package/dist/components/banner/assets/CloseIconBlack.d.ts +0 -3
  38. package/dist/components/banner/assets/CloseIconBlack.js +0 -5
  39. package/dist/components/banner/assets/EmailIcon.d.ts +0 -3
  40. package/dist/components/banner/assets/EmailIcon.js +0 -5
  41. package/dist/components/banner/banner.d.ts +0 -8
  42. package/dist/components/banner/banner.js +0 -17
  43. package/dist/components/banner/styles.d.ts +0 -8
  44. package/dist/components/banner/styles.js +0 -73
  45. package/dist/components/breadcrumb/__tests__/index.test.d.ts +0 -1
  46. package/dist/components/breadcrumb/__tests__/index.test.js +0 -40
  47. package/dist/components/breadcrumb/assets/BreadcrumbIcon.d.ts +0 -2
  48. package/dist/components/breadcrumb/assets/BreadcrumbIcon.js +0 -5
  49. package/dist/components/breadcrumb/breadcrumb.d.ts +0 -9
  50. package/dist/components/breadcrumb/breadcrumb.js +0 -28
  51. package/dist/components/breadcrumb/fixtures/breadcrumbs.json +0 -27
  52. package/dist/components/breadcrumb/styles.d.ts +0 -13
  53. package/dist/components/breadcrumb/styles.js +0 -39
  54. package/dist/components/delayed-component/__tests__/delayed-component.test.d.ts +0 -1
  55. package/dist/components/delayed-component/__tests__/delayed-component.test.js +0 -23
  56. package/dist/components/delayed-component/delayed-component.d.ts +0 -6
  57. package/dist/components/delayed-component/delayed-component.js +0 -11
  58. package/dist/components/in-article-info-card/types.d.ts +0 -8
  59. package/dist/components/in-article-info-card/types.js +0 -2
  60. package/dist/components/job-title/__tests__/index.test.d.ts +0 -1
  61. package/dist/components/job-title/__tests__/index.test.js +0 -45
  62. package/dist/components/job-title/assets/TooltipIcon.d.ts +0 -2
  63. package/dist/components/job-title/assets/TooltipIcon.js +0 -11
  64. package/dist/components/job-title/assets/close-icon.d.ts +0 -2
  65. package/dist/components/job-title/assets/close-icon.js +0 -5
  66. package/dist/components/job-title/job-title.d.ts +0 -11
  67. package/dist/components/job-title/job-title.js +0 -31
  68. package/dist/components/job-title/styles.d.ts +0 -11
  69. package/dist/components/job-title/styles.js +0 -150
  70. package/dist/components/save-star/types.d.ts +0 -8
  71. package/dist/components/save-star/types.js +0 -2
  72. package/dist/components/update-button/__tests__/update-button-with-delay.test.d.ts +0 -1
  73. package/dist/components/update-button/__tests__/update-button-with-delay.test.js +0 -24
  74. package/dist/components/update-button/__tests__/update-button.test.d.ts +0 -1
  75. package/dist/components/update-button/__tests__/update-button.test.js +0 -27
  76. package/dist/components/update-button/assets/FilledArrowIcon.d.ts +0 -3
  77. package/dist/components/update-button/assets/FilledArrowIcon.js +0 -5
  78. package/dist/components/update-button/styles.d.ts +0 -1
  79. package/dist/components/update-button/styles.js +0 -39
  80. package/dist/components/update-button/update-button-with-delay.d.ts +0 -11
  81. package/dist/components/update-button/update-button-with-delay.js +0 -27
  82. package/dist/components/update-button/update-button.d.ts +0 -6
  83. package/dist/components/update-button/update-button.js +0 -9
  84. package/dist/fixtures/article-harness/__tests__/articleHarness.test.d.ts +0 -1
  85. package/dist/fixtures/article-harness/__tests__/articleHarness.test.js +0 -11
  86. package/src/components/article-flag/types.ts +0 -4
  87. package/src/components/banner/__tests__/__snapshots__/banner.test.tsx.snap +0 -66
  88. package/src/components/banner/__tests__/banner.test.tsx +0 -13
  89. package/src/components/banner/assets/CloseIconBlack.tsx +0 -24
  90. package/src/components/banner/assets/EmailIcon.tsx +0 -24
  91. package/src/components/banner/banner.stories.mdx +0 -30
  92. package/src/components/banner/banner.tsx +0 -40
  93. package/src/components/banner/styles.ts +0 -80
  94. package/src/components/breadcrumb/__tests__/__snapshots__/index.test.tsx.snap +0 -64
  95. package/src/components/breadcrumb/__tests__/index.test.tsx +0 -51
  96. package/src/components/breadcrumb/assets/BreadcrumbIcon.tsx +0 -16
  97. package/src/components/breadcrumb/breadcrumb.stories.mdx +0 -47
  98. package/src/components/breadcrumb/breadcrumb.tsx +0 -84
  99. package/src/components/breadcrumb/fixtures/breadcrumbs.json +0 -27
  100. package/src/components/breadcrumb/styles.ts +0 -43
  101. package/src/components/delayed-component/__tests__/delayed-component.test.tsx +0 -30
  102. package/src/components/delayed-component/delayed-component.stories.mdx +0 -38
  103. package/src/components/delayed-component/delayed-component.tsx +0 -16
  104. package/src/components/in-article-info-card/types.ts +0 -8
  105. package/src/components/job-title/__tests__/__snapshots__/index.test.tsx.snap +0 -271
  106. package/src/components/job-title/__tests__/index.test.tsx +0 -71
  107. package/src/components/job-title/assets/TooltipIcon.tsx +0 -37
  108. package/src/components/job-title/assets/close-icon.tsx +0 -18
  109. package/src/components/job-title/job-title.stories.mdx +0 -38
  110. package/src/components/job-title/job-title.tsx +0 -85
  111. package/src/components/job-title/styles.ts +0 -154
  112. package/src/components/save-star/types.ts +0 -9
  113. package/src/components/update-button/__tests__/__snapshots__/update-button-with-delay.test.tsx.snap +0 -23
  114. package/src/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap +0 -23
  115. package/src/components/update-button/__tests__/update-button-with-delay.test.tsx +0 -67
  116. package/src/components/update-button/__tests__/update-button.test.tsx +0 -31
  117. package/src/components/update-button/assets/FilledArrowIcon.tsx +0 -17
  118. package/src/components/update-button/styles.ts +0 -40
  119. package/src/components/update-button/update-button-with-delay.stories.mdx +0 -40
  120. package/src/components/update-button/update-button-with-delay.tsx +0 -53
  121. package/src/components/update-button/update-button.stories.mdx +0 -32
  122. package/src/components/update-button/update-button.tsx +0 -17
  123. package/src/fixtures/article-harness/__tests__/__snapshots__/articleHarness.test.tsx.snap +0 -34
  124. package/src/fixtures/article-harness/__tests__/articleHarness.test.tsx +0 -11
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLWluZm8tY2FyZC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -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,2 +0,0 @@
1
- declare const TooltipIcon: (props: any) => JSX.Element;
2
- export default TooltipIcon;
@@ -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,2 +0,0 @@
1
- declare const CloseIcon: () => JSX.Element;
2
- export default CloseIcon;
@@ -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,8 +0,0 @@
1
- export declare type ArticleBookmark = {
2
- isBookmarked: boolean;
3
- };
4
- export interface ContentProps {
5
- loading?: boolean;
6
- error?: string;
7
- data?: ArticleBookmark;
8
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zYXZlLXN0YXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- declare const FilledArrowIcon: React.FC;
3
- export default FilledArrowIcon;
@@ -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,6 +0,0 @@
1
- declare type UpdateButtonProps = {
2
- label: string;
3
- handleClick: () => void;
4
- };
5
- export declare const UpdateButton: ({ label, handleClick }: UpdateButtonProps) => JSX.Element;
6
- export {};
@@ -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,4 +0,0 @@
1
- export type FlagType = Array<{
2
- expiryTime: string | null;
3
- type: string;
4
- }>;
@@ -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;