@times-components/ts-components 1.98.1 → 1.98.2-alpha.7

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 (59) hide show
  1. package/dist/assets/CloseIconBlack.d.ts +3 -0
  2. package/dist/assets/CloseIconBlack.js +5 -0
  3. package/dist/assets/EmailIcon.d.ts +3 -0
  4. package/dist/assets/EmailIcon.js +5 -0
  5. package/dist/assets/FilledArrowIcon.d.ts +3 -0
  6. package/dist/assets/FilledArrowIcon.js +5 -0
  7. package/dist/assets/index.d.ts +3 -0
  8. package/dist/assets/index.js +4 -0
  9. package/dist/components/banner/__tests__/banner.test.d.ts +1 -0
  10. package/dist/components/banner/__tests__/banner.test.js +11 -0
  11. package/dist/components/banner/banner.d.ts +8 -0
  12. package/dist/components/banner/banner.js +16 -0
  13. package/dist/components/banner/styles.d.ts +8 -0
  14. package/dist/components/banner/styles.js +73 -0
  15. package/dist/components/delayed-component/__tests__/delayed-component.test.d.ts +1 -0
  16. package/dist/components/delayed-component/__tests__/delayed-component.test.js +23 -0
  17. package/dist/components/delayed-component/delayed-component.d.ts +6 -0
  18. package/dist/components/delayed-component/delayed-component.js +11 -0
  19. package/dist/components/update-button/__tests__/update-button-with-delay.test.d.ts +1 -0
  20. package/dist/components/update-button/__tests__/update-button-with-delay.test.js +30 -0
  21. package/dist/components/update-button/__tests__/update-button.test.d.ts +1 -0
  22. package/dist/components/update-button/__tests__/update-button.test.js +27 -0
  23. package/dist/components/update-button/styles.d.ts +1 -0
  24. package/dist/components/update-button/styles.js +39 -0
  25. package/dist/components/update-button/update-button-with-delay.d.ts +12 -0
  26. package/dist/components/update-button/update-button-with-delay.js +27 -0
  27. package/dist/components/update-button/update-button.d.ts +6 -0
  28. package/dist/components/update-button/update-button.js +9 -0
  29. package/dist/fixtures/article-harness/__tests__/articleHarness.test.d.ts +1 -0
  30. package/dist/fixtures/article-harness/__tests__/articleHarness.test.js +11 -0
  31. package/dist/index.d.ts +4 -0
  32. package/dist/index.js +6 -2
  33. package/package.json +17 -16
  34. package/rnw.js +1 -1
  35. package/src/assets/CloseIconBlack.tsx +24 -0
  36. package/src/assets/EmailIcon.tsx +24 -0
  37. package/src/assets/FilledArrowIcon.tsx +17 -0
  38. package/src/assets/icons.stories.mdx +1 -0
  39. package/src/assets/index.tsx +3 -0
  40. package/src/components/banner/__tests__/__snapshots__/banner.test.tsx.snap +66 -0
  41. package/src/components/banner/__tests__/banner.test.tsx +13 -0
  42. package/src/components/banner/banner.stories.mdx +30 -0
  43. package/src/components/banner/banner.tsx +39 -0
  44. package/src/components/banner/styles.ts +80 -0
  45. package/src/components/delayed-component/__tests__/delayed-component.test.tsx +29 -0
  46. package/src/components/delayed-component/delayed-component.stories.mdx +38 -0
  47. package/src/components/delayed-component/delayed-component.tsx +16 -0
  48. package/src/components/update-button/__tests__/__snapshots__/update-button-with-delay.test.tsx.snap +23 -0
  49. package/src/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap +23 -0
  50. package/src/components/update-button/__tests__/update-button-with-delay.test.tsx +73 -0
  51. package/src/components/update-button/__tests__/update-button.test.tsx +31 -0
  52. package/src/components/update-button/styles.ts +40 -0
  53. package/src/components/update-button/update-button-with-delay.stories.mdx +40 -0
  54. package/src/components/update-button/update-button-with-delay.tsx +54 -0
  55. package/src/components/update-button/update-button.stories.mdx +32 -0
  56. package/src/components/update-button/update-button.tsx +17 -0
  57. package/src/fixtures/article-harness/__tests__/__snapshots__/articleHarness.test.tsx.snap +34 -0
  58. package/src/fixtures/article-harness/__tests__/articleHarness.test.tsx +11 -0
  59. package/src/index.ts +9 -1
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const CloseIconBlack: React.FC<any>;
3
+ export default CloseIconBlack;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ const CloseIconBlack = ({ width = 24, height = 24, color = '#000', ...props }) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 14 14", fill: "none" }, props),
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: color })));
4
+ export default CloseIconBlack;
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2xvc2VJY29uQmxhY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXNzZXRzL0Nsb3NlSWNvbkJsYWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsTUFBTSxjQUFjLEdBQWtCLENBQUMsRUFDckMsS0FBSyxHQUFHLEVBQUUsRUFDVixNQUFNLEdBQUcsRUFBRSxFQUNYLEtBQUssR0FBRyxNQUFNLEVBQ2QsR0FBRyxLQUFLLEVBQ1QsRUFBRSxFQUFFLENBQUMsQ0FDSiwyQ0FDRSxLQUFLLEVBQUMsNEJBQTRCLEVBQ2xDLEtBQUssRUFBRSxLQUFLLEVBQ1osTUFBTSxFQUFFLE1BQU0sRUFDZCxPQUFPLEVBQUMsV0FBVyxFQUNuQixJQUFJLEVBQUMsTUFBTSxJQUNQLEtBQUs7SUFFVCw4QkFDRSxDQUFDLEVBQUMsdUdBQXVHLEVBQ3pHLElBQUksRUFBRSxLQUFLLEdBQ1gsQ0FDRSxDQUNQLENBQUM7QUFFRixlQUFlLGNBQWMsQ0FBQyJ9
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const EmailIcon: React.FC<any>;
3
+ export default EmailIcon;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ const EmailIcon = ({ width = 24, height = 24, color = '#000', ...props }) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 24 24", fill: "none" }, props),
3
+ React.createElement("path", { 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", fill: color })));
4
+ export default EmailIcon;
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1haWxJY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Fzc2V0cy9FbWFpbEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLFNBQVMsR0FBa0IsQ0FBQyxFQUNoQyxLQUFLLEdBQUcsRUFBRSxFQUNWLE1BQU0sR0FBRyxFQUFFLEVBQ1gsS0FBSyxHQUFHLE1BQU0sRUFDZCxHQUFHLEtBQUssRUFDVCxFQUFFLEVBQUUsQ0FBQyxDQUNKLDJDQUNFLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsS0FBSyxFQUFFLEtBQUssRUFDWixNQUFNLEVBQUUsTUFBTSxFQUNkLE9BQU8sRUFBQyxXQUFXLEVBQ25CLElBQUksRUFBQyxNQUFNLElBQ1AsS0FBSztJQUVULDhCQUNFLENBQUMsRUFBQywrVUFBK1UsRUFDalYsSUFBSSxFQUFFLEtBQUssR0FDWCxDQUNFLENBQ1AsQ0FBQztBQUVGLGVBQWUsU0FBUyxDQUFDIn0=
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const FilledArrowIcon: React.FC;
3
+ export default FilledArrowIcon;
@@ -0,0 +1,5 @@
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsbGVkQXJyb3dJY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Fzc2V0cy9GaWxsZWRBcnJvd0ljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLGVBQWUsR0FBYSxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsQ0FDaEQsMkNBQ0UsS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsSUFBSSxFQUFDLE1BQU0sSUFDUCxLQUFLO0lBRVQsOEJBQ0UsSUFBSSxFQUFDLGNBQWMsRUFDbkIsQ0FBQyxFQUFDLHNGQUFzRixHQUN4RixDQUNFLENBQ1AsQ0FBQztBQUNGLGVBQWUsZUFBZSxDQUFDIn0=
@@ -0,0 +1,3 @@
1
+ export { default as CloseIconBlack } from './CloseIconBlack';
2
+ export { default as EmailIcon } from './EmailIcon';
3
+ export { default as FilledArrowIcon } from './FilledArrowIcon';
@@ -0,0 +1,4 @@
1
+ export { default as CloseIconBlack } from './CloseIconBlack';
2
+ export { default as EmailIcon } from './EmailIcon';
3
+ export { default as FilledArrowIcon } from './FilledArrowIcon';
4
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXNzZXRzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdELE9BQU8sRUFBRSxPQUFPLElBQUksU0FBUyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLElBQUksZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUMifQ==
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import '@testing-library/jest-dom';
3
+ import { render } from '@testing-library/react';
4
+ import { Banner } from '../banner';
5
+ describe('Banner', () => {
6
+ it('renders the banner', () => {
7
+ const { asFragment } = render(React.createElement(Banner, { title: "Title", body: "Body", onClose: jest.fn }));
8
+ expect(asFragment()).toMatchSnapshot();
9
+ });
10
+ });
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9iYW5uZXIvX190ZXN0c19fL2Jhbm5lci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVuQyxRQUFRLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtJQUN0QixFQUFFLENBQUMsb0JBQW9CLEVBQUUsR0FBRyxFQUFFO1FBQzVCLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQzNCLG9CQUFDLE1BQU0sSUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxFQUFFLEdBQUksQ0FDdkQsQ0FBQztRQUNGLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare type Props = {
3
+ onClose: () => void;
4
+ title: string;
5
+ body: string;
6
+ };
7
+ export declare const Banner: React.FC<Props>;
8
+ export {};
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { Body, CloseIconWrapper, Title, TitleWrapper, Wrapper, StyledBanner, BannerWrapper, BannerContentWrapper } from './styles';
3
+ import { CloseIconBlack, EmailIcon } from '../../assets';
4
+ export const Banner = ({ title, body, onClose }) => {
5
+ return (React.createElement(BannerWrapper, null,
6
+ React.createElement(StyledBanner, { "aria-label": "Email verification banner" },
7
+ React.createElement(BannerContentWrapper, { role: "region" },
8
+ React.createElement(Wrapper, null,
9
+ React.createElement(TitleWrapper, null,
10
+ React.createElement(EmailIcon, null),
11
+ React.createElement(Title, null, title)),
12
+ React.createElement(CloseIconWrapper, { onClick: onClose },
13
+ React.createElement(CloseIconBlack, { width: 14, height: 14 }))),
14
+ React.createElement(Body, null, body)))));
15
+ };
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyL2Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxJQUFJLEVBQ0osZ0JBQWdCLEVBQ2hCLEtBQUssRUFDTCxZQUFZLEVBQ1osT0FBTyxFQUNQLFlBQVksRUFDWixhQUFhLEVBQ2Isb0JBQW9CLEVBQ3JCLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBUXpELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBb0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtJQUNsRSxPQUFPLENBQ0wsb0JBQUMsYUFBYTtRQUNaLG9CQUFDLFlBQVksa0JBQVksMkJBQTJCO1lBQ2xELG9CQUFDLG9CQUFvQixJQUFDLElBQUksRUFBQyxRQUFRO2dCQUNqQyxvQkFBQyxPQUFPO29CQUNOLG9CQUFDLFlBQVk7d0JBQ1gsb0JBQUMsU0FBUyxPQUFHO3dCQUNiLG9CQUFDLEtBQUssUUFBRSxLQUFLLENBQVMsQ0FDVDtvQkFDZixvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTzt3QkFDaEMsb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsR0FBSSxDQUN4QixDQUNYO2dCQUNWLG9CQUFDLElBQUksUUFBRSxJQUFJLENBQVEsQ0FDRSxDQUNWLENBQ0QsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
@@ -0,0 +1,8 @@
1
+ export declare const BannerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const StyledBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const BannerContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const Title: import("styled-components").StyledComponent<"p", any, {}, never>;
7
+ export declare const Body: import("styled-components").StyledComponent<"p", any, {}, never>;
8
+ export declare const CloseIconWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
@@ -0,0 +1,73 @@
1
+ import styled from 'styled-components';
2
+ import { breakpoints } from '@times-components/ts-styleguide';
3
+ export const BannerWrapper = styled.div `
4
+ max-width: 498px;
5
+ box-shadow: 0px 16px 24px 0px rgba(17, 17, 17, 0.08);
6
+ z-index: 100;
7
+ width: 100%;
8
+ `;
9
+ export const StyledBanner = styled.div `
10
+ border-top: 3px solid #005c8a;
11
+ background-color: #fff;
12
+ flex-direction: column;
13
+ align-items: flex-start;
14
+ padding-left: 16px;
15
+ padding-block: 12px;
16
+ padding-right: 16px;
17
+ @media screen and (min-width: ${breakpoints.wide}px) {
18
+ padding-block: 10px;
19
+ }
20
+ @media screen and (min-width: ${breakpoints.medium}px) {
21
+ padding-right: 30px;
22
+ }
23
+ `;
24
+ export const BannerContentWrapper = styled.div `
25
+ flex-direction: inherit;
26
+ `;
27
+ export const Wrapper = styled.div `
28
+ display: flex;
29
+ justify-content: space-between;
30
+ align-items: center;
31
+ width: 100%;
32
+ margin-bottom: 12px;
33
+ @media screen and (min-width: ${breakpoints.medium}px) {
34
+ margin-bottom: 8px;
35
+ }
36
+ `;
37
+ export const TitleWrapper = styled.div `
38
+ display: flex;
39
+ align-items: center;
40
+ width: 100%;
41
+ `;
42
+ export const Title = styled.p `
43
+ color: #333;
44
+ font-weight: 700;
45
+ margin: 0 0 0 16px;
46
+ font-size: 24px;
47
+ line-height: 27px;
48
+ font-family: 'Times Modern';
49
+ letter-spacing: 0em;
50
+ @media (max-width: ${breakpoints.medium}px) {
51
+ font-size: 18px;
52
+ line-height: 20px;
53
+ }
54
+ `;
55
+ export const Body = styled.p `
56
+ color: #696969;
57
+ font-weight: 400;
58
+ margin: 0;
59
+ font-size: 16px;
60
+ line-height: 24px;
61
+ font-family: 'Roboto';
62
+ letter-spacing: 0em;
63
+ @media (max-width: ${breakpoints.medium}px) {
64
+ font-size: 14px;
65
+ line-height: 21px;
66
+ }
67
+ `;
68
+ export const CloseIconWrapper = styled.button `
69
+ background: #fff;
70
+ border: none;
71
+ cursor: pointer;
72
+ `;
73
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBS3RDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozs7a0NBUUosV0FBVyxDQUFDLElBQUk7OztrQ0FHaEIsV0FBVyxDQUFDLE1BQU07OztDQUduRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Q0FFN0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7a0NBTUMsV0FBVyxDQUFDLE1BQU07OztDQUduRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJckMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFBOzs7Ozs7Ozt1QkFRTixXQUFXLENBQUMsTUFBTTs7OztDQUl4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7Ozs7Ozs7O3VCQVFMLFdBQVcsQ0FBQyxNQUFNOzs7O0NBSXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOzs7O0NBSTVDLENBQUMifQ==
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import '@testing-library/jest-dom';
3
+ import { render, waitFor } from '@testing-library/react';
4
+ import { DelayedComponent } from '../delayed-component';
5
+ describe('DelayedComponent', () => {
6
+ it('should remove the component after the specified delay when initial state is true', async () => {
7
+ const { queryByText, getByText } = render(React.createElement(DelayedComponent, { initialState: true, delay: 800 },
8
+ React.createElement("div", null, "Children")));
9
+ expect(getByText('Children')).toBeVisible();
10
+ await waitFor(() => {
11
+ expect(queryByText('Children')).toBeFalsy();
12
+ });
13
+ });
14
+ it('should render the component after the specified delay when initial state is false', async () => {
15
+ const { queryByText, getByText } = render(React.createElement(DelayedComponent, { initialState: false, delay: 800 },
16
+ React.createElement("div", null, "Children")));
17
+ expect(queryByText('Children')).toBeFalsy();
18
+ await waitFor(() => {
19
+ expect(getByText('Children')).toBeVisible();
20
+ });
21
+ });
22
+ });
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsYXllZC1jb21wb25lbnQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RlbGF5ZWQtY29tcG9uZW50L19fdGVzdHNfXy9kZWxheWVkLWNvbXBvbmVudC50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhELFFBQVEsQ0FBQyxrQkFBa0IsRUFBRSxHQUFHLEVBQUU7SUFDaEMsRUFBRSxDQUFDLGtGQUFrRixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ2hHLE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxnQkFBZ0IsSUFBQyxZQUFZLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHO1lBQzlDLDRDQUFtQixDQUNGLENBQ3BCLENBQUM7UUFDRixNQUFNLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDNUMsTUFBTSxPQUFPLENBQUMsR0FBRyxFQUFFO1lBQ2pCLE1BQU0sQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLG1GQUFtRixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ2pHLE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxnQkFBZ0IsSUFBQyxZQUFZLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHO1lBQy9DLDRDQUFtQixDQUNGLENBQ3BCLENBQUM7UUFDRixNQUFNLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDNUMsTUFBTSxPQUFPLENBQUMsR0FBRyxFQUFFO1lBQ2pCLE1BQU0sQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export declare const DelayedComponent: React.FC<{
3
+ delay: number;
4
+ initialState: boolean;
5
+ children: any;
6
+ }>;
@@ -0,0 +1,11 @@
1
+ import React, { useEffect, useState } from 'react';
2
+ export const DelayedComponent = ({ delay, initialState, children }) => {
3
+ const [showElement, setShowElement] = useState(initialState);
4
+ useEffect(() => {
5
+ setTimeout(() => {
6
+ setShowElement(!initialState);
7
+ }, delay);
8
+ }, []);
9
+ return React.createElement(React.Fragment, null, showElement ? children : null);
10
+ };
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsYXllZC1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9kZWxheWVkLWNvbXBvbmVudC9kZWxheWVkLWNvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUl4QixDQUFDLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ3pDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBRTdELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsY0FBYyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ1osQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1AsT0FBTywwQ0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFJLENBQUM7QUFDOUMsQ0FBQyxDQUFDIn0=
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,30 @@
1
+ import React from 'react';
2
+ import '@testing-library/jest-dom';
3
+ import { render, waitFor } from '@testing-library/react';
4
+ import { UpdateButtonWithDelay, fetchData } 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
+ it('should not error on fetch with a valid articleId', async () => {
24
+ await expect(fetchData('12345')).resolves.not.toThrowError();
25
+ });
26
+ it('should return the publishedTime on fetch with a valid articleId', async () => {
27
+ expect(fetchData('12345')).not.toBeUndefined();
28
+ });
29
+ });
30
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi13aXRoLWRlbGF5LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy91cGRhdGUtYnV0dG9uL19fdGVzdHNfXy91cGRhdGUtYnV0dG9uLXdpdGgtZGVsYXkudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFL0UsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBRWxDLE1BQU0sZUFBZSxHQUFHLENBQ3RCLEtBQWEsRUFDYixPQUFnQixFQUNoQixLQUFhLEVBQ2IsV0FBZ0IsRUFDaEIsV0FBbUIsRUFDbkIsU0FBaUIsRUFDakIsTUFBZSxFQUNmLEVBQUUsQ0FDRixNQUFNLENBQ0osb0JBQUMscUJBQXFCLElBQ3BCLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsS0FBSyxFQUFFLEtBQUssRUFDWixXQUFXLEVBQUUsV0FBVyxFQUN4QixXQUFXLEVBQUUsV0FBVyxFQUN4QixTQUFTLEVBQUUsU0FBUyxFQUNwQixNQUFNLEVBQUUsTUFBTSxHQUNkLENBQ0gsQ0FBQztBQUVKLFFBQVEsQ0FBQyw4QkFBOEIsRUFBRSxHQUFHLEVBQUU7SUFDNUMsRUFBRSxDQUFDLG9HQUFvRyxFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ2xILE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxHQUFHLGVBQWUsQ0FDOUQsR0FBRyxFQUNILElBQUksRUFDSixhQUFhLEVBQ2IsZUFBZSxFQUNmLDBCQUEwQixFQUMxQixPQUFPLEVBQ1AsSUFBSSxDQUNMLENBQUM7UUFDRixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDMUMsTUFBTSxPQUFPLENBQUMsR0FBRyxFQUFFO1lBQ2pCLE1BQU0sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHdHQUF3RyxFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ3RILE1BQU0sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLEdBQUcsZUFBZSxDQUNoRCxHQUFHLEVBQ0gsSUFBSSxFQUNKLFlBQVksRUFDWixlQUFlLEVBQ2YsMEJBQTBCLEVBQzFCLE9BQU8sRUFDUCxLQUFLLENBQ04sQ0FBQztRQUVGLE1BQU0sT0FBTyxDQUNYLEdBQUcsRUFBRTtZQUNILE1BQU0sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QyxDQUFDLEVBQ0QsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQ2pCLENBQUM7UUFFRixPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLGtEQUFrRCxFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ2hFLE1BQU0sTUFBTSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDL0QsQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsaUVBQWlFLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDL0UsTUFBTSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNqRCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,27 @@
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
@@ -0,0 +1 @@
1
+ export declare const StyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
@@ -0,0 +1,39 @@
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
@@ -0,0 +1,12 @@
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 fetchData: (articleId: string) => Promise<any>;
11
+ export declare const UpdateButtonWithDelay: ({ delay, display, label, handleClick, updatedTime, articleId, update }: UpdateWithDelayProps) => JSX.Element;
12
+ export {};
@@ -0,0 +1,27 @@
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 fetchData = async (articleId) => {
6
+ try {
7
+ const response = await fetch(`/api/article-update-time/${articleId}`);
8
+ const json = await response.json();
9
+ return json.article.publishedTime;
10
+ }
11
+ catch (err) {
12
+ // tslint:disable-next-line:no-console
13
+ console.log(err);
14
+ }
15
+ };
16
+ export const UpdateButtonWithDelay = ({ delay, display, label, handleClick, updatedTime, articleId, update = false }) => {
17
+ const [hasUpdate, setUpdate] = useState(update);
18
+ useEffect(() => {
19
+ const interval = setInterval(async () => {
20
+ (await fetchData(articleId)) > 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi13aXRoLWRlbGF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlLWJ1dHRvbi91cGRhdGUtYnV0dG9uLXdpdGgtZGVsYXkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxLQUFLLE1BQU0sb0JBQW9CLENBQUM7QUFZdkMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLEtBQUssRUFBRSxTQUFpQixFQUFFLEVBQUU7SUFDbkQsSUFBSTtRQUNGLE1BQU0sUUFBUSxHQUFHLE1BQU0sS0FBSyxDQUFDLDRCQUE0QixTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQ3RFLE1BQU0sSUFBSSxHQUFHLE1BQU0sUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25DLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7S0FDbkM7SUFBQyxPQUFPLEdBQUcsRUFBRTtRQUNaLHNDQUFzQztRQUN0QyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2xCO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxFQUNwQyxLQUFLLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxXQUFXLEVBQ1gsV0FBVyxFQUNYLFNBQVMsRUFDVCxNQUFNLEdBQUcsS0FBSyxFQUNPLEVBQUUsRUFBRTtJQUN6QixNQUFNLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFDLEtBQUssSUFBSSxFQUFFO1lBQ3RDLENBQUMsTUFBTSxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxXQUFXLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hFLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUVYLE9BQU8sR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCwwQ0FDRyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQ1gsb0JBQUMsZ0JBQWdCLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsT0FBTztRQUNuRCxvQkFBQyxZQUFZLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxHQUFJLENBQ3ZDLENBQ3BCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDUCxDQUNKLENBQUM7QUFDSixDQUFDLENBQUMifQ==
@@ -0,0 +1,6 @@
1
+ declare type UpdateButtonProps = {
2
+ label: string;
3
+ handleClick: () => void;
4
+ };
5
+ export declare const UpdateButton: ({ label, handleClick }: UpdateButtonProps) => JSX.Element;
6
+ export {};
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { FilledArrowIcon } from '../../assets';
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VwZGF0ZS1idXR0b24vdXBkYXRlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFVBQVUsQ0FBQztBQU94QyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQXFCLEVBQUUsRUFBRTtJQUN4RSxPQUFPLENBQ0wsb0JBQUMsWUFBWSxJQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxXQUFXLEVBQUU7UUFDeEMsb0JBQUMsZUFBZSxtQkFBYSxjQUFjLEdBQUc7UUFDN0MsS0FBSyxDQUNPLENBQ2hCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,11 @@
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=
package/dist/index.d.ts CHANGED
@@ -7,6 +7,10 @@ export { BreakingArticleFlag, LiveArticleFlag } from './components/article-flag/
7
7
  export { ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag } from './components/article-flag/ArticleFlag';
8
8
  export { Timelines } from './components/in-article-timelines/Timelines';
9
9
  export { SaveStar } from './components/save-star/SaveStar';
10
+ export { UpdateButton } from './components/update-button/update-button';
11
+ export { UpdateButtonWithDelay } from './components/update-button/update-button-with-delay';
12
+ export { Banner } from './components/banner/banner';
13
+ export { DelayedComponent } from './components/delayed-component/delayed-component';
10
14
  export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
11
15
  export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
12
16
  export { PreviewNewsletterPuff } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
package/dist/index.js CHANGED
@@ -8,11 +8,15 @@ export { BreakingArticleFlag, LiveArticleFlag } from './components/article-flag/
8
8
  export { ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag } from './components/article-flag/ArticleFlag';
9
9
  export { Timelines } from './components/in-article-timelines/Timelines';
10
10
  export { SaveStar } from './components/save-star/SaveStar';
11
+ export { UpdateButton } from './components/update-button/update-button';
12
+ export { UpdateButtonWithDelay } from './components/update-button/update-button-with-delay';
13
+ export { Banner } from './components/banner/banner';
14
+ export { DelayedComponent } from './components/delayed-component/delayed-component';
11
15
  // Newsletter Components
12
16
  export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
13
17
  export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
14
18
  export { PreviewNewsletterPuff } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
15
- // Sport Components
19
+ // Sport Components.
16
20
  export { OptaCricketScorecard } from './components/opta/cricket/scorecard/OptaCricketScorecard';
17
21
  export { OptaFootballFixturesTicker } from './components/opta/football/fixtures-ticker/OptaFootballFixturesTicker';
18
22
  export { OptaFootballFixtures } from './components/opta/football/fixtures/OptaFootballFixtures';
@@ -40,4 +44,4 @@ export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
40
44
  export { WelcomeBanner } from './components/welcome-banner/WelcomeBanner';
41
45
  export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
42
46
  export { ArticleSidebar } from './components/article-sidebar/ArticleSidebar';
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0Qsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFFbEUsT0FBTyxFQUNMLDBCQUEwQixFQUMzQixNQUFNLHVFQUF1RSxDQUFDO0FBQy9FLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSwwREFBMEQsQ0FBQztBQUNsRSxPQUFPLEVBQ0wsOEJBQThCLEVBQy9CLE1BQU0sK0VBQStFLENBQUM7QUFDdkYsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDREQUE0RCxDQUFDO0FBQ3BFLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsc0JBQXNCLEVBQ3ZCLE1BQU0sK0RBQStELENBQUM7QUFDdkUsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLGlFQUFpRSxDQUFDO0FBRXpFLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxvREFBb0QsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0sc0RBQXNELENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGtEQUFrRCxDQUFDO0FBQzFELE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx5REFBeUQsQ0FBQztBQUVqRSw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLG9EQUFvRCxDQUFDO0FBRTVELFVBQVU7QUFDVixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUVwRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLGFBQWEsRUFDekIsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZDQUE2QyxDQUFDIn0=
47
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSxxREFBcUQsQ0FBQztBQUM3RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGtEQUFrRCxDQUFDO0FBRTFELHdCQUF3QjtBQUN4QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0saURBQWlELENBQUM7QUFDekQsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLG1EQUFtRCxDQUFDO0FBQzNELE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0RUFBNEUsQ0FBQztBQUVwRixvQkFBb0I7QUFDcEIsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBRWxFLE9BQU8sRUFDTCwwQkFBMEIsRUFDM0IsTUFBTSx1RUFBdUUsQ0FBQztBQUMvRSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFDbEUsT0FBTyxFQUNMLDhCQUE4QixFQUMvQixNQUFNLCtFQUErRSxDQUFDO0FBQ3ZGLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSxpRUFBaUUsQ0FBQztBQUV6RSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLHNEQUFzRCxDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxrREFBa0QsQ0FBQztBQUMxRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0seURBQXlELENBQUM7QUFFakUsNkJBQTZCO0FBQzdCLE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxvREFBb0QsQ0FBQztBQUU1RCxVQUFVO0FBQ1YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSwrQ0FBK0MsQ0FBQztBQUN2RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sNENBQTRDLENBQUM7QUFFcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLE9BQU8sSUFBSSxhQUFhLEVBQ3pCLE1BQU0sMkNBQTJDLENBQUM7QUFFbkQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGlEQUFpRCxDQUFDO0FBRXpELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXpFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRSxPQUFPLEVBQ0wsT0FBTyxJQUFJLHNCQUFzQixFQUNsQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQyJ9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/ts-components",
3
- "version": "1.98.1",
3
+ "version": "1.98.2-alpha.7+c5bbbb9634",
4
4
  "description": "Reuseable Typescript React Components ",
5
5
  "main": "dist/index.js",
6
6
  "dev": "dist/index.js",
@@ -50,17 +50,18 @@
50
50
  "node": ">=8.9"
51
51
  },
52
52
  "dependencies": {
53
- "@times-components/button": "2.10.61",
54
- "@times-components/date-publication": "0.30.34",
55
- "@times-components/icons": "2.22.12",
56
- "@times-components/image": "6.18.1",
57
- "@times-components/link": "3.17.34",
58
- "@times-components/provider": "1.40.35",
59
- "@times-components/provider-queries": "2.21.1",
60
- "@times-components/related-articles": "6.17.75",
61
- "@times-components/ts-slices": "1.9.22",
62
- "@times-components/ts-styleguide": "1.50.34",
63
- "@times-components/utils": "6.26.0",
53
+ "@times-components/button": "^2.10.61",
54
+ "@times-components/date-publication": "^0.30.34",
55
+ "@times-components/icons": "^2.22.12",
56
+ "@times-components/image": "^6.18.1",
57
+ "@times-components/link": "^3.17.34",
58
+ "@times-components/provider": "^1.40.35",
59
+ "@times-components/provider-queries": "^2.21.1",
60
+ "@times-components/related-articles": "^6.17.76-alpha.7+c5bbbb9634",
61
+ "@times-components/ts-newskit": "^1.189.0",
62
+ "@times-components/ts-slices": "^1.9.22",
63
+ "@times-components/ts-styleguide": "^1.50.34",
64
+ "@times-components/utils": "^6.26.0",
64
65
  "algoliasearch": "4.9.0",
65
66
  "date-fns": "2.28.0",
66
67
  "date-fns-tz": "1.3.3",
@@ -82,9 +83,9 @@
82
83
  "@storybook/react": "6.5.16",
83
84
  "@testing-library/jest-dom": "^5.12.0",
84
85
  "@testing-library/react": "^12.1.2",
85
- "@times-components/provider-test-tools": "1.29.3",
86
- "@times-components/storybook": "4.12.34",
87
- "@times-components/test-utils": "2.4.2",
86
+ "@times-components/provider-test-tools": "^1.29.3",
87
+ "@times-components/storybook": "^4.12.34",
88
+ "@times-components/test-utils": "^2.4.2",
88
89
  "@types/lodash.get": "4.4.6",
89
90
  "@types/lodash.keyby": "4.6.6",
90
91
  "@types/lodash.merge": "4.6.2",
@@ -115,5 +116,5 @@
115
116
  "@testing-library/jest-dom/extend-expect"
116
117
  ]
117
118
  },
118
- "gitHead": "14054b4b2f567910b8f5703e311ad2b522f834b3"
119
+ "gitHead": "c5bbbb9634766ae46c3e21ac6e6a0451202f69db"
119
120
  }