@times-components/ts-components 1.112.0 → 1.112.1-alpha.4
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/components/in-article-big-numbers/BigNumbers.stories.js +6 -4
- package/dist/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.stories.js +4 -2
- package/dist/components/in-article-timelines/Timelines.stories.js +5 -3
- package/dist/utils/__tests__/getDeckApiUrl.test.d.ts +1 -0
- package/dist/utils/__tests__/getDeckApiUrl.test.js +31 -0
- package/dist/utils/getDeckApiUrl.d.ts +1 -0
- package/dist/utils/getDeckApiUrl.js +15 -0
- package/package.json +16 -16
- package/src/components/in-article-big-numbers/BigNumbers.stories.tsx +6 -3
- package/src/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.stories.tsx +4 -1
- package/src/components/in-article-timelines/Timelines.stories.tsx +5 -2
- package/src/utils/__tests__/getDeckApiUrl.test.ts +44 -0
- package/src/utils/getDeckApiUrl.ts +14 -0
|
@@ -5,6 +5,8 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { BigNumbers } from './BigNumbers';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
+
import { getDeckApiUrl } from '../../utils/getDeckApiUrl';
|
|
9
|
+
const deckApiUrl = getDeckApiUrl();
|
|
8
10
|
storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
9
11
|
.add('Standard without a headline', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
12
|
component: 'ArticleSkeleton',
|
|
@@ -14,7 +16,7 @@ storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
|
14
16
|
}
|
|
15
17
|
}, analyticsStream: analyticsStream },
|
|
16
18
|
React.createElement(ArticleHarness, null,
|
|
17
|
-
React.createElement(FetchProvider, { url:
|
|
19
|
+
React.createElement(FetchProvider, { url: deckApiUrl + '?id=44335' },
|
|
18
20
|
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))))
|
|
19
21
|
.add('Standard with One Card', () => (React.createElement(TrackingContextProvider, { context: {
|
|
20
22
|
component: 'ArticleSkeleton',
|
|
@@ -24,7 +26,7 @@ storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
|
24
26
|
}
|
|
25
27
|
}, analyticsStream: analyticsStream },
|
|
26
28
|
React.createElement(ArticleHarness, null,
|
|
27
|
-
React.createElement(FetchProvider, { url:
|
|
29
|
+
React.createElement(FetchProvider, { url: deckApiUrl + '?id=44336' },
|
|
28
30
|
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))))
|
|
29
31
|
.add('Wide with a headline', () => (React.createElement(TrackingContextProvider, { context: {
|
|
30
32
|
component: 'ArticleSkeleton',
|
|
@@ -34,6 +36,6 @@ storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
|
34
36
|
}
|
|
35
37
|
}, analyticsStream: analyticsStream },
|
|
36
38
|
React.createElement(ArticleHarness, null,
|
|
37
|
-
React.createElement(FetchProvider, { url:
|
|
39
|
+
React.createElement(FetchProvider, { url: deckApiUrl + '?id=44334' },
|
|
38
40
|
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))));
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmlnTnVtYmVycy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1iaWctbnVtYmVycy9CaWdOdW1iZXJzLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUUxRCxNQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztBQUVuQyxTQUFTLENBQUMsNkNBQTZDLEVBQUUsTUFBTSxDQUFDO0tBQzdELEdBQUcsQ0FBQyw2QkFBNkIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUN4QyxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGlCQUFpQjtRQUM1QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsaUJBQWlCO1lBQy9CLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0YsRUFDRCxlQUFlLEVBQUUsZUFBZTtJQUVoQyxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxVQUFVLEdBQUcsV0FBVztZQUMxQyxvQkFBQyxVQUFVLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN4QixDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUNuQyxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGlCQUFpQjtRQUM1QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsaUJBQWlCO1lBQy9CLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0YsRUFDRCxlQUFlLEVBQUUsZUFBZTtJQUVoQyxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxVQUFVLEdBQUcsV0FBVztZQUMxQyxvQkFBQyxVQUFVLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN4QixDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUNqQyxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGlCQUFpQjtRQUM1QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsaUJBQWlCO1lBQy9CLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0YsRUFDRCxlQUFlLEVBQUUsZUFBZTtJQUVoQyxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxVQUFVLEdBQUcsV0FBVztZQUMxQyxvQkFBQyxVQUFVLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN4QixDQUNELENBQ08sQ0FDM0IsQ0FBQyxDQUFDIn0=
|
|
@@ -5,6 +5,8 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { InfoCardBulletPoints } from './InfoCardBulletPoints';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
+
import { getDeckApiUrl } from '../../utils/getDeckApiUrl';
|
|
9
|
+
const deckApiUrl = getDeckApiUrl();
|
|
8
10
|
storiesOf('Typescript Component/In Article/Info Card', module).add('Bullet Points', () => (React.createElement(TrackingContextProvider, { context: {
|
|
9
11
|
component: 'ArticleSkeleton',
|
|
10
12
|
attrs: {
|
|
@@ -13,6 +15,6 @@ storiesOf('Typescript Component/In Article/Info Card', module).add('Bullet Point
|
|
|
13
15
|
}
|
|
14
16
|
}, analyticsStream: analyticsStream },
|
|
15
17
|
React.createElement(ArticleHarness, null,
|
|
16
|
-
React.createElement(FetchProvider, { url:
|
|
18
|
+
React.createElement(FetchProvider, { url: deckApiUrl + '?id=43978' },
|
|
17
19
|
React.createElement(InfoCardBulletPoints, { sectionColour: "#636C17" }))))));
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb0NhcmRCdWxsZXRQb2ludHMuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtaW5mby1jYXJkLWJ1bGxldHBvaW50cy9JbmZvQ2FyZEJ1bGxldFBvaW50cy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFDakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE1BQU0sVUFBVSxHQUFXLGFBQWEsRUFBRSxDQUFDO0FBRTNDLFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQ2hFLGVBQWUsRUFDZixHQUFHLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFVBQVUsR0FBRyxXQUFXO1lBQzFDLG9CQUFDLG9CQUFvQixJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDbEMsQ0FDRCxDQUNPLENBQzNCLENBQ0YsQ0FBQyJ9
|
|
@@ -5,6 +5,8 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { Timelines } from './Timelines';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
+
import { getDeckApiUrl } from '../../utils/getDeckApiUrl';
|
|
9
|
+
const deckApiUrl = getDeckApiUrl();
|
|
8
10
|
storiesOf('Typescript Component/In Article/Timelines', module)
|
|
9
11
|
.add('Timelines with Bullet Point', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
12
|
component: 'ArticleSkeleton',
|
|
@@ -14,7 +16,7 @@ storiesOf('Typescript Component/In Article/Timelines', module)
|
|
|
14
16
|
}
|
|
15
17
|
}, analyticsStream: analyticsStream },
|
|
16
18
|
React.createElement(ArticleHarness, null,
|
|
17
|
-
React.createElement(FetchProvider, { url:
|
|
19
|
+
React.createElement(FetchProvider, { url: deckApiUrl + '?id=45060' },
|
|
18
20
|
React.createElement(Timelines, { sectionColour: "#008347" }))))))
|
|
19
21
|
.add('Timelines with Circular Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
20
22
|
component: 'ArticleSkeleton',
|
|
@@ -24,6 +26,6 @@ storiesOf('Typescript Component/In Article/Timelines', module)
|
|
|
24
26
|
}
|
|
25
27
|
}, analyticsStream: analyticsStream },
|
|
26
28
|
React.createElement(ArticleHarness, null,
|
|
27
|
-
React.createElement(FetchProvider, { url:
|
|
29
|
+
React.createElement(FetchProvider, { url: deckApiUrl + '?id=45061' },
|
|
28
30
|
React.createElement(Timelines, { sectionColour: "#008347" }))))));
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLXRpbWVsaW5lcy9UaW1lbGluZXMuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFDakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE1BQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0FBRW5DLFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUM7S0FDM0QsR0FBRyxDQUFDLDZCQUE2QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3hDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFVBQVUsR0FBRyxXQUFXO1lBQzFDLG9CQUFDLFNBQVMsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3ZCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzFDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFVBQVUsR0FBRyxXQUFXO1lBQzFDLG9CQUFDLFNBQVMsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3ZCLENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// getDeckApiUrl.test.ts
|
|
2
|
+
import { getDeckApiUrl } from '../getDeckApiUrl';
|
|
3
|
+
describe('getDeckApiUrl', () => {
|
|
4
|
+
beforeEach(() => {
|
|
5
|
+
global.window = {};
|
|
6
|
+
});
|
|
7
|
+
afterEach(() => {
|
|
8
|
+
delete global.window;
|
|
9
|
+
});
|
|
10
|
+
it('should return the production URL when environmentName is prod', () => {
|
|
11
|
+
global.window.__TIMES_CONFIG__ = {
|
|
12
|
+
environmentName: 'prod'
|
|
13
|
+
};
|
|
14
|
+
expect(getDeckApiUrl()).toBe('https://editorial-tm.newsapis.co.uk/prod/deck-component-data-api');
|
|
15
|
+
});
|
|
16
|
+
it('should return the staging URL when environmentName is not prod', () => {
|
|
17
|
+
global.window.__TIMES_CONFIG__ = {
|
|
18
|
+
environmentName: 'staging'
|
|
19
|
+
};
|
|
20
|
+
expect(getDeckApiUrl()).toBe('https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api');
|
|
21
|
+
});
|
|
22
|
+
it('should return the staging URL when window is undefined', () => {
|
|
23
|
+
delete global.window;
|
|
24
|
+
expect(getDeckApiUrl()).toBe('https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api');
|
|
25
|
+
});
|
|
26
|
+
it('should return the staging URL when __TIMES_CONFIG__ is undefined', () => {
|
|
27
|
+
global.window = {};
|
|
28
|
+
expect(getDeckApiUrl()).toBe('https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api');
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RGVja0FwaVVybC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL19fdGVzdHNfXy9nZXREZWNrQXBpVXJsLnRlc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0JBQXdCO0FBQ3hCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVqRCxRQUFRLENBQUMsZUFBZSxFQUFFLEdBQUcsRUFBRTtJQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBYyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7SUFDOUIsQ0FBQyxDQUFDLENBQUM7SUFFSCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsT0FBUSxNQUFjLENBQUMsTUFBTSxDQUFDO0lBQ2hDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLCtEQUErRCxFQUFFLEdBQUcsRUFBRTtRQUN0RSxNQUFjLENBQUMsTUFBTSxDQUFDLGdCQUFnQixHQUFHO1lBQ3hDLGVBQWUsRUFBRSxNQUFNO1NBQ3hCLENBQUM7UUFDRixNQUFNLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQzFCLGtFQUFrRSxDQUNuRSxDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsZ0VBQWdFLEVBQUUsR0FBRyxFQUFFO1FBQ3ZFLE1BQWMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEdBQUc7WUFDeEMsZUFBZSxFQUFFLFNBQVM7U0FDM0IsQ0FBQztRQUNGLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FDMUIsNkVBQTZFLENBQzlFLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx3REFBd0QsRUFBRSxHQUFHLEVBQUU7UUFDaEUsT0FBUSxNQUFjLENBQUMsTUFBTSxDQUFDO1FBQzlCLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FDMUIsNkVBQTZFLENBQzlFLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxrRUFBa0UsRUFBRSxHQUFHLEVBQUU7UUFDekUsTUFBYyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDNUIsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUMxQiw2RUFBNkUsQ0FDOUUsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getDeckApiUrl: () => string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export const getDeckApiUrl = () => {
|
|
2
|
+
if (typeof window !== 'undefined') {
|
|
3
|
+
const environmentName = window.__TIMES_CONFIG__ && window.__TIMES_CONFIG__.environmentName;
|
|
4
|
+
if (environmentName === 'prod') {
|
|
5
|
+
return 'https://editorial-tm.newsapis.co.uk/prod/deck-component-data-api';
|
|
6
|
+
}
|
|
7
|
+
else {
|
|
8
|
+
return 'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api';
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
return 'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api';
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RGVja0FwaVVybC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9nZXREZWNrQXBpVXJsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFXLEVBQUU7SUFDeEMsSUFBSSxPQUFPLE1BQU0sS0FBSyxXQUFXLEVBQUU7UUFDakMsTUFBTSxlQUFlLEdBQ25CLE1BQU0sQ0FBQyxnQkFBZ0IsSUFBSSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDO1FBRXJFLElBQUksZUFBZSxLQUFLLE1BQU0sRUFBRTtZQUM5QixPQUFPLGtFQUFrRSxDQUFDO1NBQzNFO2FBQU07WUFDTCxPQUFPLDZFQUE2RSxDQUFDO1NBQ3RGO0tBQ0Y7U0FBTTtRQUNMLE9BQU8sNkVBQTZFLENBQUM7S0FDdEY7QUFDSCxDQUFDLENBQUMifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.112.
|
|
3
|
+
"version": "1.112.1-alpha.4+410a98124e",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -50,17 +50,17 @@
|
|
|
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.23.0",
|
|
56
|
-
"@times-components/image": "6.18.2",
|
|
57
|
-
"@times-components/link": "3.17.34",
|
|
58
|
-
"@times-components/provider": "1.41.4",
|
|
59
|
-
"@times-components/provider-queries": "2.23.3",
|
|
60
|
-
"@times-components/related-articles": "6.19.
|
|
61
|
-
"@times-components/ts-slices": "1.10.0",
|
|
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.23.0",
|
|
56
|
+
"@times-components/image": "^6.18.2",
|
|
57
|
+
"@times-components/link": "^3.17.34",
|
|
58
|
+
"@times-components/provider": "^1.41.4",
|
|
59
|
+
"@times-components/provider-queries": "^2.23.3",
|
|
60
|
+
"@times-components/related-articles": "^6.19.1-alpha.4+410a98124e",
|
|
61
|
+
"@times-components/ts-slices": "^1.10.0",
|
|
62
|
+
"@times-components/ts-styleguide": "^1.50.34",
|
|
63
|
+
"@times-components/utils": "^6.26.0",
|
|
64
64
|
"algoliasearch": "4.9.0",
|
|
65
65
|
"date-fns": "2.28.0",
|
|
66
66
|
"date-fns-tz": "1.3.3",
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
"@storybook/react": "6.5.16",
|
|
83
83
|
"@testing-library/jest-dom": "^5.12.0",
|
|
84
84
|
"@testing-library/react": "^12.1.2",
|
|
85
|
-
"@times-components/provider-test-tools": "1.30.4",
|
|
86
|
-
"@times-components/storybook": "4.12.34",
|
|
87
|
-
"@times-components/test-utils": "2.4.2",
|
|
85
|
+
"@times-components/provider-test-tools": "^1.30.4",
|
|
86
|
+
"@times-components/storybook": "^4.12.34",
|
|
87
|
+
"@times-components/test-utils": "^2.4.2",
|
|
88
88
|
"@types/lodash.get": "4.4.6",
|
|
89
89
|
"@types/lodash.keyby": "4.6.6",
|
|
90
90
|
"@types/lodash.merge": "4.6.2",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"@testing-library/jest-dom/extend-expect"
|
|
118
118
|
]
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "410a98124e43741d9d7557bbe8be57e7e549f904"
|
|
121
121
|
}
|
|
@@ -5,6 +5,9 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { BigNumbers } from './BigNumbers';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
+
import { getDeckApiUrl } from '../../utils/getDeckApiUrl';
|
|
9
|
+
|
|
10
|
+
const deckApiUrl = getDeckApiUrl();
|
|
8
11
|
|
|
9
12
|
storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
10
13
|
.add('Standard without a headline', () => (
|
|
@@ -19,7 +22,7 @@ storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
|
19
22
|
analyticsStream={analyticsStream}
|
|
20
23
|
>
|
|
21
24
|
<ArticleHarness>
|
|
22
|
-
<FetchProvider url=
|
|
25
|
+
<FetchProvider url={deckApiUrl + '?id=44335'}>
|
|
23
26
|
<BigNumbers sectionColour="#636C17" />
|
|
24
27
|
</FetchProvider>
|
|
25
28
|
</ArticleHarness>
|
|
@@ -37,7 +40,7 @@ storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
|
37
40
|
analyticsStream={analyticsStream}
|
|
38
41
|
>
|
|
39
42
|
<ArticleHarness>
|
|
40
|
-
<FetchProvider url=
|
|
43
|
+
<FetchProvider url={deckApiUrl + '?id=44336'}>
|
|
41
44
|
<BigNumbers sectionColour="#636C17" />
|
|
42
45
|
</FetchProvider>
|
|
43
46
|
</ArticleHarness>
|
|
@@ -55,7 +58,7 @@ storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
|
55
58
|
analyticsStream={analyticsStream}
|
|
56
59
|
>
|
|
57
60
|
<ArticleHarness>
|
|
58
|
-
<FetchProvider url=
|
|
61
|
+
<FetchProvider url={deckApiUrl + '?id=44334'}>
|
|
59
62
|
<BigNumbers sectionColour="#636C17" />
|
|
60
63
|
</FetchProvider>
|
|
61
64
|
</ArticleHarness>
|
|
@@ -5,6 +5,9 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { InfoCardBulletPoints } from './InfoCardBulletPoints';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
+
import { getDeckApiUrl } from '../../utils/getDeckApiUrl';
|
|
9
|
+
|
|
10
|
+
const deckApiUrl: string = getDeckApiUrl();
|
|
8
11
|
|
|
9
12
|
storiesOf('Typescript Component/In Article/Info Card', module).add(
|
|
10
13
|
'Bullet Points',
|
|
@@ -20,7 +23,7 @@ storiesOf('Typescript Component/In Article/Info Card', module).add(
|
|
|
20
23
|
analyticsStream={analyticsStream}
|
|
21
24
|
>
|
|
22
25
|
<ArticleHarness>
|
|
23
|
-
<FetchProvider url=
|
|
26
|
+
<FetchProvider url={deckApiUrl + '?id=43978'}>
|
|
24
27
|
<InfoCardBulletPoints sectionColour="#636C17" />
|
|
25
28
|
</FetchProvider>
|
|
26
29
|
</ArticleHarness>
|
|
@@ -5,6 +5,9 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { Timelines } from './Timelines';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
+
import { getDeckApiUrl } from '../../utils/getDeckApiUrl';
|
|
9
|
+
|
|
10
|
+
const deckApiUrl = getDeckApiUrl();
|
|
8
11
|
|
|
9
12
|
storiesOf('Typescript Component/In Article/Timelines', module)
|
|
10
13
|
.add('Timelines with Bullet Point', () => (
|
|
@@ -19,7 +22,7 @@ storiesOf('Typescript Component/In Article/Timelines', module)
|
|
|
19
22
|
analyticsStream={analyticsStream}
|
|
20
23
|
>
|
|
21
24
|
<ArticleHarness>
|
|
22
|
-
<FetchProvider url=
|
|
25
|
+
<FetchProvider url={deckApiUrl + '?id=45060'}>
|
|
23
26
|
<Timelines sectionColour="#008347" />
|
|
24
27
|
</FetchProvider>
|
|
25
28
|
</ArticleHarness>
|
|
@@ -37,7 +40,7 @@ storiesOf('Typescript Component/In Article/Timelines', module)
|
|
|
37
40
|
analyticsStream={analyticsStream}
|
|
38
41
|
>
|
|
39
42
|
<ArticleHarness>
|
|
40
|
-
<FetchProvider url=
|
|
43
|
+
<FetchProvider url={deckApiUrl + '?id=45061'}>
|
|
41
44
|
<Timelines sectionColour="#008347" />
|
|
42
45
|
</FetchProvider>
|
|
43
46
|
</ArticleHarness>
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// getDeckApiUrl.test.ts
|
|
2
|
+
import { getDeckApiUrl } from '../getDeckApiUrl';
|
|
3
|
+
|
|
4
|
+
describe('getDeckApiUrl', () => {
|
|
5
|
+
beforeEach(() => {
|
|
6
|
+
(global as any).window = {};
|
|
7
|
+
});
|
|
8
|
+
|
|
9
|
+
afterEach(() => {
|
|
10
|
+
delete (global as any).window;
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
it('should return the production URL when environmentName is prod', () => {
|
|
14
|
+
(global as any).window.__TIMES_CONFIG__ = {
|
|
15
|
+
environmentName: 'prod'
|
|
16
|
+
};
|
|
17
|
+
expect(getDeckApiUrl()).toBe(
|
|
18
|
+
'https://editorial-tm.newsapis.co.uk/prod/deck-component-data-api'
|
|
19
|
+
);
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
it('should return the staging URL when environmentName is not prod', () => {
|
|
23
|
+
(global as any).window.__TIMES_CONFIG__ = {
|
|
24
|
+
environmentName: 'staging'
|
|
25
|
+
};
|
|
26
|
+
expect(getDeckApiUrl()).toBe(
|
|
27
|
+
'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api'
|
|
28
|
+
);
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
it('should return the staging URL when window is undefined', () => {
|
|
32
|
+
delete (global as any).window;
|
|
33
|
+
expect(getDeckApiUrl()).toBe(
|
|
34
|
+
'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api'
|
|
35
|
+
);
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it('should return the staging URL when __TIMES_CONFIG__ is undefined', () => {
|
|
39
|
+
(global as any).window = {};
|
|
40
|
+
expect(getDeckApiUrl()).toBe(
|
|
41
|
+
'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api'
|
|
42
|
+
);
|
|
43
|
+
});
|
|
44
|
+
});
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const getDeckApiUrl = (): string => {
|
|
2
|
+
if (typeof window !== 'undefined') {
|
|
3
|
+
const environmentName =
|
|
4
|
+
window.__TIMES_CONFIG__ && window.__TIMES_CONFIG__.environmentName;
|
|
5
|
+
|
|
6
|
+
if (environmentName === 'prod') {
|
|
7
|
+
return 'https://editorial-tm.newsapis.co.uk/prod/deck-component-data-api';
|
|
8
|
+
} else {
|
|
9
|
+
return 'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api';
|
|
10
|
+
}
|
|
11
|
+
} else {
|
|
12
|
+
return 'https://editorial-tm.staging.newsapis.co.uk/staging/deck-component-data-api';
|
|
13
|
+
}
|
|
14
|
+
};
|