@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.
- package/dist/assets/CloseIconBlack.d.ts +3 -0
- package/dist/assets/CloseIconBlack.js +5 -0
- package/dist/assets/EmailIcon.d.ts +3 -0
- package/dist/assets/EmailIcon.js +5 -0
- package/dist/assets/FilledArrowIcon.d.ts +3 -0
- package/dist/assets/FilledArrowIcon.js +5 -0
- package/dist/assets/index.d.ts +3 -0
- package/dist/assets/index.js +4 -0
- package/dist/components/banner/__tests__/banner.test.d.ts +1 -0
- package/dist/components/banner/__tests__/banner.test.js +11 -0
- package/dist/components/banner/banner.d.ts +8 -0
- package/dist/components/banner/banner.js +16 -0
- package/dist/components/banner/styles.d.ts +8 -0
- package/dist/components/banner/styles.js +73 -0
- package/dist/components/delayed-component/__tests__/delayed-component.test.d.ts +1 -0
- package/dist/components/delayed-component/__tests__/delayed-component.test.js +23 -0
- package/dist/components/delayed-component/delayed-component.d.ts +6 -0
- package/dist/components/delayed-component/delayed-component.js +11 -0
- package/dist/components/update-button/__tests__/update-button-with-delay.test.d.ts +1 -0
- package/dist/components/update-button/__tests__/update-button-with-delay.test.js +30 -0
- package/dist/components/update-button/__tests__/update-button.test.d.ts +1 -0
- package/dist/components/update-button/__tests__/update-button.test.js +27 -0
- package/dist/components/update-button/styles.d.ts +1 -0
- package/dist/components/update-button/styles.js +39 -0
- package/dist/components/update-button/update-button-with-delay.d.ts +12 -0
- package/dist/components/update-button/update-button-with-delay.js +27 -0
- package/dist/components/update-button/update-button.d.ts +6 -0
- package/dist/components/update-button/update-button.js +9 -0
- package/dist/fixtures/article-harness/__tests__/articleHarness.test.d.ts +1 -0
- package/dist/fixtures/article-harness/__tests__/articleHarness.test.js +11 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +6 -2
- package/package.json +17 -16
- package/rnw.js +1 -1
- package/src/assets/CloseIconBlack.tsx +24 -0
- package/src/assets/EmailIcon.tsx +24 -0
- package/src/assets/FilledArrowIcon.tsx +17 -0
- package/src/assets/icons.stories.mdx +1 -0
- package/src/assets/index.tsx +3 -0
- package/src/components/banner/__tests__/__snapshots__/banner.test.tsx.snap +66 -0
- package/src/components/banner/__tests__/banner.test.tsx +13 -0
- package/src/components/banner/banner.stories.mdx +30 -0
- package/src/components/banner/banner.tsx +39 -0
- package/src/components/banner/styles.ts +80 -0
- package/src/components/delayed-component/__tests__/delayed-component.test.tsx +29 -0
- package/src/components/delayed-component/delayed-component.stories.mdx +38 -0
- package/src/components/delayed-component/delayed-component.tsx +16 -0
- package/src/components/update-button/__tests__/__snapshots__/update-button-with-delay.test.tsx.snap +23 -0
- package/src/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap +23 -0
- package/src/components/update-button/__tests__/update-button-with-delay.test.tsx +73 -0
- package/src/components/update-button/__tests__/update-button.test.tsx +31 -0
- package/src/components/update-button/styles.ts +40 -0
- package/src/components/update-button/update-button-with-delay.stories.mdx +40 -0
- package/src/components/update-button/update-button-with-delay.tsx +54 -0
- package/src/components/update-button/update-button.stories.mdx +32 -0
- package/src/components/update-button/update-button.tsx +17 -0
- package/src/fixtures/article-harness/__tests__/__snapshots__/articleHarness.test.tsx.snap +34 -0
- package/src/fixtures/article-harness/__tests__/articleHarness.test.tsx +11 -0
- package/src/index.ts +9 -1
|
@@ -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,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,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,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,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,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,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,
|
|
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.
|
|
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.
|
|
61
|
-
"@times-components/ts-
|
|
62
|
-
"@times-components/ts-
|
|
63
|
-
"@times-components/
|
|
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": "
|
|
119
|
+
"gitHead": "c5bbbb9634766ae46c3e21ac6e6a0451202f69db"
|
|
119
120
|
}
|