@times-components/ts-components 1.100.1 → 1.101.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/components/article-flag/ArticleFlag.d.ts +1 -4
- package/dist/components/article-flag/ArticleFlag.js +1 -1
- package/dist/components/article-flag/getActiveFlags.d.ts +1 -1
- package/dist/components/article-flag/styles.d.ts +1 -1
- package/dist/components/article-flag/types.d.ts +4 -0
- package/dist/components/article-flag/types.js +2 -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/assets/CloseIconBlack.d.ts +3 -0
- package/dist/components/banner/assets/CloseIconBlack.js +5 -0
- package/dist/components/banner/assets/EmailIcon.d.ts +3 -0
- package/dist/components/banner/assets/EmailIcon.js +5 -0
- package/dist/components/banner/banner.d.ts +8 -0
- package/dist/components/banner/banner.js +17 -0
- package/dist/components/banner/styles.d.ts +8 -0
- package/dist/components/banner/styles.js +73 -0
- package/dist/components/breadcrumb/__tests__/index.test.d.ts +1 -0
- package/dist/components/breadcrumb/__tests__/index.test.js +40 -0
- package/dist/components/breadcrumb/assets/BreadcrumbIcon.d.ts +2 -0
- package/dist/components/breadcrumb/assets/BreadcrumbIcon.js +5 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +9 -0
- package/dist/components/breadcrumb/breadcrumb.js +28 -0
- package/dist/components/breadcrumb/fixtures/breadcrumbs.json +27 -0
- package/dist/components/breadcrumb/styles.d.ts +13 -0
- package/dist/components/breadcrumb/styles.js +39 -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/in-article-info-card/Card.d.ts +1 -1
- package/dist/components/in-article-info-card/InfoCard.d.ts +0 -8
- package/dist/components/in-article-info-card/InfoCard.js +1 -1
- package/dist/components/in-article-info-card/types.d.ts +8 -0
- package/dist/components/in-article-info-card/types.js +2 -0
- package/dist/components/job-title/__tests__/index.test.d.ts +1 -0
- package/dist/components/job-title/__tests__/index.test.js +45 -0
- package/dist/components/job-title/assets/TooltipIcon.d.ts +2 -0
- package/dist/components/job-title/assets/TooltipIcon.js +11 -0
- package/dist/components/job-title/assets/close-icon.d.ts +2 -0
- package/dist/components/job-title/assets/close-icon.js +5 -0
- package/dist/components/job-title/job-title.d.ts +11 -0
- package/dist/components/job-title/job-title.js +31 -0
- package/dist/components/job-title/styles.d.ts +11 -0
- package/dist/components/job-title/styles.js +150 -0
- package/dist/components/save-star/ContentProvider.d.ts +0 -6
- package/dist/components/save-star/ContentProvider.js +1 -1
- package/dist/components/save-star/SaveStar.js +1 -1
- package/dist/components/save-star/SaveStarUI.d.ts +1 -4
- package/dist/components/save-star/SaveStarUI.js +1 -1
- package/dist/components/save-star/types.d.ts +8 -0
- package/dist/components/save-star/types.js +2 -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 +24 -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/assets/FilledArrowIcon.d.ts +3 -0
- package/dist/components/update-button/assets/FilledArrowIcon.js +5 -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 +11 -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 +7 -2
- package/dist/index.js +8 -3
- package/jest.config.js +2 -1
- package/package.json +4 -3
- package/rnw.js +1 -1
- package/src/components/article-flag/ArticleFlag.tsx +1 -5
- package/src/components/article-flag/getActiveFlags.ts +1 -1
- package/src/components/article-flag/styles.ts +1 -1
- package/src/components/article-flag/types.ts +4 -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/assets/CloseIconBlack.tsx +24 -0
- package/src/components/banner/assets/EmailIcon.tsx +24 -0
- package/src/components/banner/banner.stories.mdx +30 -0
- package/src/components/banner/banner.tsx +40 -0
- package/src/components/banner/styles.ts +80 -0
- package/src/components/breadcrumb/__tests__/__snapshots__/index.test.tsx.snap +64 -0
- package/src/components/breadcrumb/__tests__/index.test.tsx +51 -0
- package/src/components/breadcrumb/assets/BreadcrumbIcon.tsx +16 -0
- package/src/components/breadcrumb/breadcrumb.stories.mdx +47 -0
- package/src/components/breadcrumb/breadcrumb.tsx +84 -0
- package/src/components/breadcrumb/fixtures/breadcrumbs.json +27 -0
- package/src/components/breadcrumb/styles.ts +43 -0
- package/src/components/delayed-component/__tests__/delayed-component.test.tsx +30 -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/in-article-info-card/Card.tsx +1 -1
- package/src/components/in-article-info-card/InfoCard.tsx +1 -8
- package/src/components/in-article-info-card/types.ts +8 -0
- package/src/components/job-title/__tests__/__snapshots__/index.test.tsx.snap +271 -0
- package/src/components/job-title/__tests__/index.test.tsx +71 -0
- package/src/components/job-title/assets/TooltipIcon.tsx +37 -0
- package/src/components/job-title/assets/close-icon.tsx +18 -0
- package/src/components/job-title/job-title.stories.mdx +38 -0
- package/src/components/job-title/job-title.tsx +85 -0
- package/src/components/job-title/styles.ts +154 -0
- package/src/components/save-star/ContentProvider.tsx +1 -7
- package/src/components/save-star/SaveStar.tsx +2 -1
- package/src/components/save-star/SaveStarUI.tsx +1 -5
- package/src/components/save-star/types.ts +9 -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 +67 -0
- package/src/components/update-button/__tests__/update-button.test.tsx +31 -0
- package/src/components/update-button/assets/FilledArrowIcon.tsx +17 -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 +53 -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 +15 -7
- package/tsconfig.json +6 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.101.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.100.1...@times-components/ts-components@1.101.0) (2024-08-14)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMD-538-539-540:** Move components from ts-newskit into ts-components ([#3891](https://github.com/newsuk/times-components/issues/3891)) ([9c16e26](https://github.com/newsuk/times-components/commit/9c16e264e074eeed1b63cc597ed7656b917a3402)), closes [#3892](https://github.com/newsuk/times-components/issues/3892) [#3896](https://github.com/newsuk/times-components/issues/3896) [#3892](https://github.com/newsuk/times-components/issues/3892) [#3896](https://github.com/newsuk/times-components/issues/3896)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [1.100.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.100.0...@times-components/ts-components@1.100.1) (2024-08-08)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import getActiveFlags from './getActiveFlags';
|
|
3
|
+
import { FlagType } from './types';
|
|
3
4
|
declare const ArticleFlag: React.FC<{
|
|
4
5
|
color?: string;
|
|
5
6
|
title: string;
|
|
@@ -19,10 +20,6 @@ declare const SponsoredArticleFlag: React.FC<{
|
|
|
19
20
|
declare const LongReadArticleFlag: React.FC<{
|
|
20
21
|
color?: string;
|
|
21
22
|
}>;
|
|
22
|
-
export declare type FlagType = Array<{
|
|
23
|
-
expiryTime: string | null;
|
|
24
|
-
type: string;
|
|
25
|
-
}>;
|
|
26
23
|
declare const ArticleFlags: React.FC<{
|
|
27
24
|
flags: FlagType;
|
|
28
25
|
longRead: boolean;
|
|
@@ -48,4 +48,4 @@ const ArticleFlags = ({ flags = [], longRead = false, withContainer = false, col
|
|
|
48
48
|
};
|
|
49
49
|
export default ArticleFlag;
|
|
50
50
|
export { getActiveFlags, ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag };
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWZsYWcvQXJ0aWNsZUZsYWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pFLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4QixXQUFXLEVBQ1gsS0FBSyxFQUNMLGNBQWMsRUFDZixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQztBQUc5QyxNQUFNLFdBQVcsR0FBZ0QsQ0FBQyxFQUNoRSxLQUFLLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQ2xDLEtBQUssRUFDTixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLG9CQUFvQjtJQUNuQixvQkFBQyxpQkFBaUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxHQUFJO0lBQ25DLG9CQUFDLHdCQUF3QixrQkFDWCxHQUFHLEtBQUssT0FBTyxFQUMzQixLQUFLLEVBQUUsS0FBSyxpQkFDQyxRQUFRLEtBQUssRUFBRSxJQUUzQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQ0ssQ0FDTixDQUN4QixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWlDLENBQUMsRUFDcEQsS0FBSyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsY0FBYyxFQUMxQyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxXQUFXLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUMsS0FBSyxHQUFHLENBQUM7QUFFaEQsTUFBTSxrQkFBa0IsR0FBaUMsQ0FBQyxFQUN4RCxLQUFLLEdBQUcsT0FBTyxDQUFDLFVB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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FlagType } from './
|
|
1
|
+
import { FlagType } from './types';
|
|
2
2
|
export declare const LiveArticleFlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
3
|
export declare const LiveArticleFlagText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
4
4
|
export declare const LiveArticleFlagIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -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,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2xvc2VJY29uQmxhY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9iYW5uZXIvYXNzZXRzL0Nsb3NlSWNvbkJsYWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsTUFBTSxjQUFjLEdBQWtCLENBQUMsRUFDckMsS0FBSyxHQUFHLEVBQUUsRUFDVixNQUFNLEdBQUcsRUFBRSxFQUNYLEtBQUssR0FBRyxNQUFNLEVBQ2QsR0FBRyxLQUFLLEVBQ1QsRUFBRSxFQUFFLENBQUMsQ0FDSiwyQ0FDRSxLQUFLLEVBQUMsNEJBQTRCLEVBQ2xDLEtBQUssRUFBRSxLQUFLLEVBQ1osTUFBTSxFQUFFLE1BQU0sRUFDZCxPQUFPLEVBQUMsV0FBVyxFQUNuQixJQUFJLEVBQUMsTUFBTSxJQUNQLEtBQUs7SUFFVCw4QkFDRSxDQUFDLEVBQUMsdUdBQXVHLEVBQ3pHLElBQUksRUFBRSxLQUFLLEdBQ1gsQ0FDRSxDQUNQLENBQUM7QUFFRixlQUFlLGNBQWMsQ0FBQyJ9
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1haWxJY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyL2Fzc2V0cy9FbWFpbEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLFNBQVMsR0FBa0IsQ0FBQyxFQUNoQyxLQUFLLEdBQUcsRUFBRSxFQUNWLE1BQU0sR0FBRyxFQUFFLEVBQ1gsS0FBSyxHQUFHLE1BQU0sRUFDZCxHQUFHLEtBQUssRUFDVCxFQUFFLEVBQUUsQ0FBQyxDQUNKLDJDQUNFLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsS0FBSyxFQUFFLEtBQUssRUFDWixNQUFNLEVBQUUsTUFBTSxFQUNkLE9BQU8sRUFBQyxXQUFXLEVBQ25CLElBQUksRUFBQyxNQUFNLElBQ1AsS0FBSztJQUVULDhCQUNFLENBQUMsRUFBQywrVUFBK1UsRUFDalYsSUFBSSxFQUFFLEtBQUssR0FDWCxDQUNFLENBQ1AsQ0FBQztBQUVGLGVBQWUsU0FBUyxDQUFDIn0=
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Body, CloseIconWrapper, Title, TitleWrapper, Wrapper, StyledBanner, BannerWrapper, BannerContentWrapper } from './styles';
|
|
3
|
+
import CloseIconBlack from './assets/CloseIconBlack';
|
|
4
|
+
import EmailIcon from './assets/EmailIcon';
|
|
5
|
+
export const Banner = ({ title, body, onClose }) => {
|
|
6
|
+
return (React.createElement(BannerWrapper, null,
|
|
7
|
+
React.createElement(StyledBanner, { "aria-label": "Email verification banner" },
|
|
8
|
+
React.createElement(BannerContentWrapper, { role: "region" },
|
|
9
|
+
React.createElement(Wrapper, null,
|
|
10
|
+
React.createElement(TitleWrapper, null,
|
|
11
|
+
React.createElement(EmailIcon, null),
|
|
12
|
+
React.createElement(Title, null, title)),
|
|
13
|
+
React.createElement(CloseIconWrapper, { onClick: onClose },
|
|
14
|
+
React.createElement(CloseIconBlack, { width: 14, height: 14 }))),
|
|
15
|
+
React.createElement(Body, null, body)))));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyL2Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxJQUFJLEVBQ0osZ0JBQWdCLEVBQ2hCLEtBQUssRUFDTCxZQUFZLEVBQ1osT0FBTyxFQUNQLFlBQVksRUFDWixhQUFhLEVBQ2Isb0JBQW9CLEVBQ3JCLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sY0FBYyxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sU0FBUyxNQUFNLG9CQUFvQixDQUFDO0FBUTNDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBb0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtJQUNsRSxPQUFPLENBQ0wsb0JBQUMsYUFBYTtRQUNaLG9CQUFDLFlBQVksa0JBQVksMkJBQTJCO1lBQ2xELG9CQUFDLG9CQUFvQixJQUFDLElBQUksRUFBQyxRQUFRO2dCQUNqQyxvQkFBQyxPQUFPO29CQUNOLG9CQUFDLFlBQVk7d0JBQ1gsb0JBQUMsU0FBUyxPQUFHO3dCQUNiLG9CQUFDLEtBQUssUUFBRSxLQUFLLENBQVMsQ0FDVDtvQkFDZixvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTzt3QkFDaEMsb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsR0FBSSxDQUN4QixDQUNYO2dCQUNWLG9CQUFDLElBQUksUUFBRSxJQUFJLENBQVEsQ0FDRSxDQUNWLENBQ0QsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -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,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '@testing-library/jest-dom';
|
|
3
|
+
import { render, fireEvent } from '@testing-library/react';
|
|
4
|
+
import { Breadcrumb } from '../breadcrumb';
|
|
5
|
+
import { breadcrumbItems } from '../fixtures/breadcrumbs.json';
|
|
6
|
+
import { TrackingContextProvider } from '../../../helpers/tracking/TrackingContextProvider';
|
|
7
|
+
describe('Render Breadcrumbs', () => {
|
|
8
|
+
const renderBreadcrumb = (analyticsStream) => render(React.createElement(TrackingContextProvider, { context: {
|
|
9
|
+
component: 'breadcrumb',
|
|
10
|
+
attrs: {}
|
|
11
|
+
}, analyticsStream: analyticsStream },
|
|
12
|
+
React.createElement(Breadcrumb, { data: breadcrumbItems })));
|
|
13
|
+
it('should render a snapshot', () => {
|
|
14
|
+
const { asFragment } = renderBreadcrumb();
|
|
15
|
+
expect(asFragment()).toMatchSnapshot();
|
|
16
|
+
});
|
|
17
|
+
it('should render the component', () => {
|
|
18
|
+
const { getByText } = renderBreadcrumb();
|
|
19
|
+
const getBreadcrumb = getByText('Tennis');
|
|
20
|
+
expect(getBreadcrumb).toBeInTheDocument();
|
|
21
|
+
});
|
|
22
|
+
it('items should have link with href', () => {
|
|
23
|
+
const { getAllByRole } = renderBreadcrumb();
|
|
24
|
+
const title = getAllByRole('link')[0];
|
|
25
|
+
expect(title).toHaveAttribute('href', '/sport');
|
|
26
|
+
});
|
|
27
|
+
it('last breadcrumb should be selected', () => {
|
|
28
|
+
const { getAllByRole } = renderBreadcrumb();
|
|
29
|
+
const title = getAllByRole('link')[2];
|
|
30
|
+
expect(title).toHaveAttribute('aria-current', 'page');
|
|
31
|
+
});
|
|
32
|
+
it('calls analyticsStream when you click', () => {
|
|
33
|
+
const analyticsStream = jest.fn();
|
|
34
|
+
const { getByText } = renderBreadcrumb(analyticsStream);
|
|
35
|
+
const breadcrumb = getByText('Tennis');
|
|
36
|
+
fireEvent.click(breadcrumb);
|
|
37
|
+
expect(analyticsStream).toHaveBeenCalledTimes(1);
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JyZWFkY3J1bWIvX190ZXN0c19fL2luZGV4LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFFNUYsUUFBUSxDQUFDLG9CQUFvQixFQUFFLEdBQUcsRUFBRTtJQUNsQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsZUFBc0MsRUFBRSxFQUFFLENBQ2xFLE1BQU0sQ0FDSixvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1lBQ1AsU0FBUyxFQUFFLFlBQVk7WUFDdkIsS0FBSyxFQUFFLEVBQUU7U0FDVixFQUNELGVBQWUsRUFBRSxlQUFlO1FBRWhDLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsZUFBZSxHQUFJLENBQ2IsQ0FDM0IsQ0FBQztJQUNKLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUU7UUFDbEMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7UUFDMUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxFQUFFO1FBQ3JDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3pDLE1BQU0sYUFBYSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMxQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM1QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUU7UUFDMUMsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7UUFDNUMsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxlQUFlLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2xELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLG9DQUFvQyxFQUFFLEdBQUcsRUFBRTtRQUM1QyxNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUM1QyxNQUFNLEtBQUssR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdEMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGVBQWUsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsc0NBQXNDLEVBQUUsR0FBRyxFQUFFO1FBQzlDLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztRQUNsQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDeEQsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZDLFNBQVMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
const BreadcrumbIcon = (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: props.color, d: "m6.667 4-.94.94L8.78 8l-3.053 3.06.94.94 4-4-4-4Z" })));
|
|
4
|
+
export default BreadcrumbIcon;
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9icmVhZGNydW1iL2Fzc2V0cy9CcmVhZGNydW1iSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDL0IsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLENBQ3JDLDJDQUNFLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLElBQUksRUFBQyxNQUFNLElBQ1AsS0FBSztJQUVULDhCQUNFLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNqQixDQUFDLEVBQUMsbURBQW1ELEdBQ3JELENBQ0UsQ0FDUCxDQUFDO0FBQ0YsZUFBZSxjQUFjLENBQUMifQ==
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Breadcrumbs, BreadcrumbItem, IconContainer, styleMap } from './styles';
|
|
3
|
+
import BreadcrumbIcon from './assets/BreadcrumbIcon';
|
|
4
|
+
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
5
|
+
export const Breadcrumb = ({ data }) => {
|
|
6
|
+
const clickEvent = (title) => ({
|
|
7
|
+
object: 'Breadcrumb',
|
|
8
|
+
action: 'Clicked',
|
|
9
|
+
attrs: {
|
|
10
|
+
event_navigation_action: 'navigation',
|
|
11
|
+
event_navigation_name: 'header:selection',
|
|
12
|
+
event_navigation_browsing_method: 'click',
|
|
13
|
+
article_parent_name: `breadcrumb : ${title}`
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
const handleClick = (fireAnalyticsEvent, title) => {
|
|
17
|
+
fireAnalyticsEvent && fireAnalyticsEvent(clickEvent(title));
|
|
18
|
+
};
|
|
19
|
+
const getBreadcrumbSeparator = (index, arr) => index < arr.length - 1;
|
|
20
|
+
return (React.createElement(TrackingContextProvider, null, ({ fireAnalyticsEvent }) => (React.createElement(Breadcrumbs, { "aria-label": "breadcrumbs" }, data.map((breadcrumbItem, breadcrumbIndex, breadcrumbArr) => {
|
|
21
|
+
const showSeparator = getBreadcrumbSeparator(breadcrumbIndex, breadcrumbArr);
|
|
22
|
+
return showSeparator ? (React.createElement(React.Fragment, null,
|
|
23
|
+
React.createElement(BreadcrumbItem, { key: breadcrumbItem.title, "aria-current": "false", href: breadcrumbItem.url, selected: false, onClick: () => handleClick(fireAnalyticsEvent, breadcrumbItem.title) }, breadcrumbItem.title),
|
|
24
|
+
React.createElement(IconContainer, null,
|
|
25
|
+
React.createElement(BreadcrumbIcon, { color: styleMap.colors.inkNonEssential })))) : (React.createElement(BreadcrumbItem, { "aria-current": "page", key: breadcrumbItem.title, href: breadcrumbItem.url, selected: true, onClick: () => handleClick(fireAnalyticsEvent, breadcrumbItem.title) }, breadcrumbItem.title));
|
|
26
|
+
})))));
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDaEYsT0FBTyxjQUFjLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUVMLHVCQUF1QixFQUN4QixNQUFNLGdEQUFnRCxDQUFDO0FBV3hELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQUUsSUFBSSxFQUFtQixFQUFFLEVBQUU7SUFDdEQsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDckMsTUFBTSxFQUFFLFlBQVk7UUFDcEIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFO1lBQ0wsdUJBQXVCLEVBQUUsWUFBWTtZQUNyQyxxQkFBcUIsRUFBRSxrQkFBa0I7WUFDekMsZ0NBQWdDLEVBQUUsT0FBTztZQUN6QyxtQkFBbUIsRUFBRSxnQkFBZ0IsS0FBSyxFQUFFO1NBQzdDO0tBQ0YsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsQ0FDbEIsa0JBQWtELEVBQ2xELEtBQWEsRUFDYixFQUFFO1FBQ0Ysa0JBQWtCLElBQUksa0JBQWtCLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDOUQsQ0FBQyxDQUFDO0lBRUYsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLEtBQWEsRUFBRSxHQUFVLEVBQUUsRUFBRSxDQUMzRCxLQUFLLEdBQUcsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFFekIsT0FBTyxDQUNMLG9CQUFDLHVCQUF1QixRQUNyQixDQUFDLEVBQUUsa0JBQWtCLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDM0Isb0JBQUMsV0FBVyxrQkFBWSxhQUFhLElBQ2xDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxjQUFjLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxFQUFFO1FBQzNELE1BQU0sYUFBYSxHQUFHLHNCQUFzQixDQUMxQyxlQUFlLEVBQ2YsYUFBYSxDQUNkLENBQUM7UUFDRixPQUFPLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FDckI7WUFDRSxvQkFBQyxjQUFjLElBQ2IsR0FBRyxFQUFFLGNBQWMsQ0FBQyxLQUFLLGtCQUNaLE9BQU8sRUFDcEIsSUFBSSxFQUFFLGNBQWMsQ0FBQyxHQUFHLEVBQ3hCLFFBQVEsRUFBRSxLQUFLLEVBQ2YsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUNaLFdBQVcsQ0FBQyxrQkFBa0IsRUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLElBR3RELGNBQWMsQ0FBQyxLQUFLLENBQ047WUFDakIsb0JBQUMsYUFBYTtnQkFDWixvQkFBQyxjQUFjLElBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxNQUFNLENBQUMsZUFBZSxHQUFJLENBQzVDLENBQ2YsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLGNBQWMsb0JBQ0EsTUFBTSxFQUNuQixHQUFHLEVBQUUsY0FBYyxDQUFDLEtBQUssRUFDekIsSUFBSSxFQUFFLGNBQWMsQ0FBQyxHQUFHLEVBQ3hCLFFBQVEsRUFBRSxJQUFJLEVBQ2QsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUNaLFdBQVcsQ0FBQyxrQkFBa0IsRUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLElBR3RELGNBQWMsQ0FBQyxLQUFLLENBQ04sQ0FDbEIsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUNVLENBQ2YsQ0FDdUIsQ0FDM0IsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"breadcrumbItems": [
|
|
3
|
+
{
|
|
4
|
+
"title": "Sport",
|
|
5
|
+
"url": "/sport"
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
"title": "Tennis",
|
|
9
|
+
"url": "/sport/tennis"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"title": "Australian Open",
|
|
13
|
+
"url": "/australian open"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
"breadcrumbItemsForTrackingDemo": [
|
|
17
|
+
{
|
|
18
|
+
"title": "Sport"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"title": "Tennis"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"title": "Australian Open"
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const styleMap: {
|
|
2
|
+
colors: {
|
|
3
|
+
blue070: string;
|
|
4
|
+
inkContrast: string;
|
|
5
|
+
inkSubtle: string;
|
|
6
|
+
inkNonEssential: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export declare const BreadcrumbItem: import("styled-components").StyledComponent<"a", any, {
|
|
10
|
+
selected: boolean;
|
|
11
|
+
}, never>;
|
|
12
|
+
export declare const Breadcrumbs: import("styled-components").StyledComponent<"nav", any, {}, never>;
|
|
13
|
+
export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
export const styleMap = {
|
|
3
|
+
colors: {
|
|
4
|
+
blue070: '#006699',
|
|
5
|
+
inkContrast: '#01000d',
|
|
6
|
+
inkSubtle: '#696969',
|
|
7
|
+
inkNonEssential: '#aaaaaa'
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
export const BreadcrumbItem = styled.a `
|
|
11
|
+
color: inherit;
|
|
12
|
+
text-decoration: none;
|
|
13
|
+
display: inline-grid;
|
|
14
|
+
font-family: Roboto-Regular;
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
font-weight: 500;
|
|
17
|
+
line-height: 1.250;
|
|
18
|
+
letter-spacing: 0%;
|
|
19
|
+
font-stretch: normal
|
|
20
|
+
display: inline-grid;
|
|
21
|
+
background-color: transparent;
|
|
22
|
+
min-height: 32px;
|
|
23
|
+
border: none;
|
|
24
|
+
place-content: center;
|
|
25
|
+
color: ${({ selected }) => selected ? styleMap.colors.inkContrast : styleMap.colors.inkSubtle};
|
|
26
|
+
&:hover {
|
|
27
|
+
color: ${styleMap.colors.blue070}
|
|
28
|
+
};
|
|
29
|
+
`;
|
|
30
|
+
export const Breadcrumbs = styled.nav `
|
|
31
|
+
display: flex;
|
|
32
|
+
`;
|
|
33
|
+
export const IconContainer = styled.div `
|
|
34
|
+
height: 32px;
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
padding-inline: 8px;
|
|
38
|
+
`;
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHO0lBQ3RCLE1BQU0sRUFBRTtRQUNOLE9BQU8sRUFBRSxTQUFTO1FBQ2xCLFdBQVcsRUFBRSxTQUFTO1FBQ3RCLFNBQVMsRUFBRSxTQUFTO1FBQ3BCLGVBQWUsRUFBRSxTQUFTO0tBQzNCO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUF1Qjs7Ozs7Ozs7Ozs7Ozs7O1NBZXBELENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQ3hCLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUzs7V0FFekQsUUFBUSxDQUFDLE1BQU0sQ0FBQyxPQUFPOztDQUVqQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRXBDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Q0FLdEMsQ0FBQyJ9
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsYXllZC1jb21wb25lbnQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RlbGF5ZWQtY29tcG9uZW50L19fdGVzdHNfXy9kZWxheWVkLWNvbXBvbmVudC50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhELFFBQVEsQ0FBQyxrQkFBa0IsRUFBRSxHQUFHLEVBQUU7SUFDaEMsRUFBRSxDQUFDLGtGQUFrRixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ2hHLE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxnQkFBZ0IsSUFBQyxZQUFZLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHO1lBQzlDLDRDQUFtQixDQUNGLENBQ3BCLENBQUM7UUFDRixNQUFNLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDNUMsTUFBTSxPQUFPLENBQUMsR0FBRyxFQUFFO1lBQ2pCLE1BQU0sQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLG1GQUFtRixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ2pHLE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxnQkFBZ0IsSUFBQyxZQUFZLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHO1lBQy9DLDRDQUFtQixDQUNGLENBQ3BCLENBQUM7UUFDRixNQUFNLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDNUMsTUFBTSxPQUFPLENBQUMsR0FBRyxFQUFFO1lBQ2pCLE1BQU0sQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -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=
|
|
@@ -139,4 +139,4 @@ export const InfoCard = ({ sectionColour, initialIndex = 0 }) => {
|
|
|
139
139
|
} }))))))))));
|
|
140
140
|
};
|
|
141
141
|
export default InfoCard;
|
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
142
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb0NhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLWluZm8tY2FyZC9JbmZvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUM5QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixVQUFVLEVBQ1YsdUJBQXVCLEVBQ3ZCLGNBQWMsRUFDZCwwQkFBMEIsRUFDMUIsaUJBQWlCLEVBQ2pCLGlCQUFpQixFQUNqQixjQUFjLEVBQ2QsT0FBTyxFQUNSLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQWF6RixNQUFNLENBQU4sSUFBWSxNQUdYO0FBSEQsV0FBWSxNQUFNO0lBQ2hCLDJCQUFpQixDQUFBO0lBQ2pCLHVCQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsTUFBTSxLQUFOLE1BQU0sUUFHakI7QUFFRCxJQUFJLGVBQWUsR0FBRyxJQUFJLEtBQUssRUFBRSxDQUFDO0FBQ2xDLE1B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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|