@times-components/ts-components 1.23.0 → 1.25.1

package/dist/components/in-article-timelines/__tests__/Timelines.test.js

@@ -0,0 +1,256 @@
+import React from 'react';
+import mockDate from 'mockdate';
+import { cleanup, fireEvent, render } from '@testing-library/react';
+import { Timelines } from '../Timelines';
+import { useFetch } from '../../../helpers/fetch/FetchProvider';
+import { TrackingContextProvider } from '../../../helpers/tracking/TrackingContextProvider';
+import FakeIntersectionObserver from '../../../test-utils/FakeIntersectionObserver';
+import '@testing-library/jest-dom';
+import 'regenerator-runtime';
+jest.mock('@times-components/image', () => ({
+    Placeholder: () => React.createElement("div", null, "Placeholder")
+}));
+jest.mock('../../../helpers/fetch/FetchProvider', () => ({
+    useFetch: jest.fn()
+}));
+const deckApiPayloadWrapper = () => ({
+    data: testDataBullet
+});
+const deckApiPayloadWrapperCircle = () => ({
+    data: testDataCircle
+});
+const testDataBullet = {
+    deck_id: 45060,
+    deck_name: '[TEST] Timeline with Bullet Points - 25/08/2021 11:04:10',
+    deck_type: 'Timeline with Bullet Points',
+    version: 2,
+    updated_at: {
+        date: '2021-08-16 12:48:43.000000',
+        timezone_type: 3,
+        timezone: 'UTC'
+    },
+    fields: {
+        label: 'Venezuelan Politics',
+        headline: 'A history of injury troubles'
+    },
+    body: {
+        data: [
+            {
+                type: 'event',
+                data: {
+                    date: '9 June 2018',
+                    eventHeading: 'Event Heading 1',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '10 June 2018',
+                    eventHeading: 'Event Heading 2',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '11 June 2018',
+                    eventHeading: 'Event Heading 3',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '12 June 2018',
+                    eventHeading: 'Event Heading 4',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '13 June 2018',
+                    eventHeading: 'Event Heading 5',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '14 June 2018',
+                    eventHeading: 'Event Heading 6',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '15 June 2018',
+                    eventHeading: 'Event Heading 7',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            }
+        ]
+    },
+    html: '<!DOCTYPE html><html><head><title>The Times - In Article Timeline with Bullet Points</title></head><body></body></html>'
+};
+const testDataCircle = {
+    deck_id: 45061,
+    deck_name: '[TEST] Timeline with Images - 25/08/2021 11:11:38',
+    deck_type: 'Timeline with Circle Images',
+    version: 2,
+    updated_at: {
+        date: '2021-08-16 12:48:43.000000',
+        timezone_type: 3,
+        timezone: 'UTC'
+    },
+    fields: {
+        label: 'Venezuelan Politics',
+        headline: 'A history of injury troubles'
+    },
+    body: {
+        data: [
+            {
+                type: 'event',
+                data: {
+                    date: '9 June 2018',
+                    eventHeading: 'Event Heading 1',
+                    image: 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '10 June 2018',
+                    eventHeading: 'Event Heading 2',
+                    image: 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '11 June 2018',
+                    eventHeading: 'Event Heading 3',
+                    image: 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '12 June 2018',
+                    eventHeading: 'Event Heading 4',
+                    image: 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '13 June 2018',
+                    eventHeading: 'Event Heading 5',
+                    image: 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '14 June 2018',
+                    eventHeading: 'Event Heading 6',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            },
+            {
+                type: 'event',
+                data: {
+                    date: '15 June 2018',
+                    eventHeading: 'Event Heading 7',
+                    image: 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200',
+                    copy: 'Parturient mi dictumst suspendisse torquent primis potenti donec in parturient aliquam adipiscing bibendum bibendum magna nisi bibendum dignissim in dis a. Scelerisque a ullamcorper id maecenas tempor convallis ac cras. 1'
+                }
+            }
+        ]
+    },
+    html: '<!DOCTYPE html><html><head><title>The Times - In Article Timeline with Circle Images</title></head><body></body></html>'
+};
+const renderTimelines = () => render(React.createElement(Timelines, { sectionColour: "#636C17" }));
+describe('Timelines', () => {
+    beforeEach(() => {
+        mockDate.set(1620000000000);
+    });
+    afterEach(() => {
+        mockDate.reset();
+        jest.clearAllMocks();
+        cleanup();
+    });
+    it('should render the initial loading state correctly', async () => {
+        useFetch.mockReturnValue({ loading: true });
+        const { asFragment, findByText } = render(React.createElement(Timelines, { sectionColour: "#636C17" }));
+        await findByText('Placeholder');
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render the bullet points component', () => {
+        useFetch.mockReturnValue(deckApiPayloadWrapper());
+        const { asFragment } = renderTimelines();
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render the circle images component', () => {
+        useFetch.mockReturnValue(deckApiPayloadWrapperCircle());
+        const { asFragment, getAllByRole } = renderTimelines();
+        expect(getAllByRole('img')[0]).toHaveAttribute('src', 'https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ffee23bf0-04d7-11ec-89b3-29a9a04e8645.jpg?crop=1500%2C844%2C0%2C78&resize=1200');
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('click show all', async () => {
+        const { asFragment, getByText, findByText } = render(React.createElement(Timelines, { sectionColour: "#636C17" }));
+        fireEvent.click(getByText('Show all'));
+        await findByText('Collapse');
+        expect(asFragment()).toMatchSnapshot();
+    });
+    describe('tracking', () => {
+        useFetch.mockReturnValue(deckApiPayloadWrapper());
+        let oldIntersectionObserver;
+        const analyticsStream = jest.fn();
+        beforeEach(() => {
+            oldIntersectionObserver = window.IntersectionObserver;
+            // @ts-ignore
+            window.IntersectionObserver = FakeIntersectionObserver;
+        });
+        afterEach(() => {
+            window.IntersectionObserver = oldIntersectionObserver;
+            jest.resetAllMocks();
+        });
+        it('fires scroll event when viewed', () => {
+            useFetch.mockReturnValue(deckApiPayloadWrapper());
+            render(React.createElement(TrackingContextProvider, { context: {
+                    component: 'ArticleSkeleton',
+                    attrs: {
+                        articleHeadline: 'articleHeadline',
+                        section: 'section'
+                    }
+                }, analyticsStream: analyticsStream },
+                React.createElement(Timelines, { sectionColour: "#636C17" })));
+            FakeIntersectionObserver.intersect();
+            expect(analyticsStream).toHaveBeenCalledTimes(1);
+            expect(analyticsStream).toHaveBeenCalledWith({
+                action: 'Scrolled',
+                component: 'ArticleSkeleton',
+                object: 'InArticleTimelines',
+                attrs: {
+                    articleHeadline: 'articleHeadline',
+                    component_name: 'A history of injury troubles',
+                    component_type: 'in-article component : timelines: static',
+                    eventTime: '2021-05-03T00:00:00.000Z',
+                    event_navigation_action: 'navigation',
+                    event_navigation_browsing_method: 'scroll',
+                    event_navigation_name: 'in-article component displayed : timelines',
+                    section: 'section'
+                }
+            });
+        });
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVzLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLXRpbWVsaW5lcy9fX3Rlc3RzX18vVGltZWxpbmVzLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxVQUFVLENBQUM7QUFDaEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDaEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDNUYsT0FBTyx3QkFBd0IsTUFBTSw4Q0FBOEMsQ0FBQztBQUNwRixPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8scUJBQXFCLENBQUM7QUFFN0IsSUFBSSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQywrQ0FBc0I7Q0FDMUMsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDdkQsUUFBUSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Q0FDcEIsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLHFCQUFxQixHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDbkMsSUFBSSxFQUFFLGNBQWM7Q0FDckIsQ0FBQyxDQUFDO0FBRUgsTUFBTSwyQkFBMkIsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLElBQUksRUFBRSxjQUFjO0NBQ3JCLENBQUMsQ0FBQztBQUVILE1BQU0sY0FBYyxHQUFHO0lBQ3JCLE9BQU8sRUFBRSxLQUFLO0lBQ2QsU0FBUyxFQUFFLDBEQUEwRDtJQUNyRSxTQUFTLEVBQUUsNkJBQTZCO0lBQ3hDLE9BQU8sRUFBRSxDQUFDO0lBQ1YsVUFBVSxFQUFFO1FBQ1YsSUFBSSxFQUFFLDRCQUE0QjtRQUNsQyxhQUFhLEVBQUUsQ0FBQztRQUNoQixRQUFRLEVBQUUsS0FBSztLQUNoQjtJQUNELE1BQU0sRUFBRTtRQUNOLEtBQUssRUFBRSxxQkFBcUI7UUFDNUIsUUFBUSxFQUFFLDhCQUE4QjtLQUN6QztJQUNELElBQUksRUFBRTtRQUNKLElBQUksRUFBRTtZQUNKO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsYUFBYTtvQkFDbkIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsY0FBYztvQkFDcEIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsY0FBYztvQkFDcEIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsY0FBYztvQkFDcEIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsY0FBYztvQkFDcEIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsY0FBYztvQkFDcEIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxPQUFPO2dCQUNiLElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUUsY0FBYztvQkFDcEIsWUFBWSxFQUFFLGlCQUFpQjtvQkFDL0IsSUFBSSxFQUNGLCtOQUErTjtpQkFDbE87YUFDRjtTQUNGO0tBQ0Y7SUFDRCxJQUFJLEVBQ0YseUhBQXlIO0NBQzVILENBQUM7QUFFRixNQUFNLGNBQWMsR0FBRztJQUNyQixPQUFPLEVBQUUsS0FBSztJQUNkLFNBQVMsRUFBRSxtREFBbUQ7SUFDOUQsU0FBUyxFQUFFLDZCQUE2QjtJQUN4QyxPQUFPLEVBQUUsQ0FBQztJQUNWLFVBQVUsRUFBRTtRQUNWLElBQUksRUFBRSw0QkFBNEI7UUFDbEMsYUFBYSxFQUFFLENBQUM7UUFDaEIsUUFBUSxFQUFFLEtBQUs7S0FDaEI7SUFDRCxNQUFNLEVBQUU7UUFDTixLQUFLLEVBQUUscUJBQXFCO1FBQzVCLFFBQVEsRUFBRSw4QkFBOEI7S0FDekM7SUFDRCxJQUFJLEVBQUU7UUFDSixJQUFJLEVBQUU7WUFDSjtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGFBQWE7b0JBQ25CLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLEtBQUssRUFDSCxvS0FBb0s7b0JBQ3RLLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7WUFDRDtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLEtBQUssRUFDSCxvS0FBb0s7b0JBQ3RLLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7WUFDRDtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLEtBQUssRUFDSCxvS0FBb0s7b0JBQ3RLLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7WUFDRDtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLEtBQUssRUFDSCxvS0FBb0s7b0JBQ3RLLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7WUFDRDtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLEtBQUssRUFDSCxvS0FBb0s7b0JBQ3RLLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7WUFDRDtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7WUFDRDtnQkFDRSxJQUFJLEVBQUUsT0FBTztnQkFDYixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLFlBQVksRUFBRSxpQkFBaUI7b0JBQy9CLEtBQUssRUFDSCxvS0FBb0s7b0JBQ3RLLElBQUksRUFDRiwrTkFBK047aUJBQ2xPO2FBQ0Y7U0FDRjtLQUNGO0lBQ0QsSUFBSSxFQUNGLHlIQUF5SDtDQUM1SCxDQUFDO0FBRUYsTUFBTSxlQUFlLEdBQUcsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9CQUFDLFNBQVMsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztBQUU1RSxRQUFRLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRTtJQUN6QixVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsUUFBUSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM5QixDQUFDLENBQUMsQ0FBQztJQUVILFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsbURBQW1ELEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDaEUsUUFBc0IsQ0FBQyxlQUFlLENBQUMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMzRCxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDdkMsb0JBQUMsU0FBUyxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdEMsQ0FBQztRQUNGLE1BQU0sVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDJDQUEyQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxRQUFzQixDQUFDLGVBQWUsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLENBQUM7UUFDakUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBQ3pDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDJDQUEyQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxRQUFzQixDQUFDLGVBQWUsQ0FBQywyQkFBMkIsRUFBRSxDQUFDLENBQUM7UUFDdkUsTUFBTSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsR0FBRyxlQUFlLEVBQUUsQ0FBQztRQUN2RCxNQUFNLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUM1QyxLQUFLLEVBQ0wsb0tBQW9LLENBQ3JLLENBQUM7UUFDRixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLElBQUksRUFBRTtRQUM5QixNQUFNLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ2xELG9CQUFDLFNBQVMsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RDLENBQUM7UUFDRixTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzdCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0gsUUFBUSxDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUU7UUFDdkIsUUFBc0IsQ0FBQyxlQUFlLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxDQUFDO1FBQ2pFLElBQUksdUJBQW9ELENBQUM7UUFDekQsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBRWxDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCx1QkFBdUIsR0FBRyxNQUFNLENBQUMsb0JBQW9CLENBQUM7WUFDdEQsYUFBYTtZQUNiLE1BQU0sQ0FBQyxvQkFBb0IsR0FBRyx3QkFBd0IsQ0FBQztRQUN6RCxDQUFDLENBQUMsQ0FBQztRQUVILFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDYixNQUFNLENBQUMsb0JBQW9CLEdBQUcsdUJBQXVCLENBQUM7WUFDdEQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLGdDQUFnQyxFQUFFLEdBQUcsRUFBRTtZQUN2QyxRQUFzQixDQUFDLGVBQWUsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLENBQUM7WUFFakUsTUFBTSxDQUNKLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7b0JBQ1AsU0FBUyxFQUFFLGlCQUFpQjtvQkFDNUIsS0FBSyxFQUFFO3dCQUNMLGVBQWUsRUFBRSxpQkFBaUI7d0JBQ2xDLE9BQU8sRUFBRSxTQUFTO3FCQUNuQjtpQkFDRixFQUNELGVBQWUsRUFBRSxlQUFlO2dCQUVoQyxvQkFBQyxTQUFTLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUNiLENBQzNCLENBQUM7WUFFRix3QkFBd0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUVyQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDakQsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO2dCQUMzQyxNQUFNLEVBQUUsVUFBVTtnQkFDbEIsU0FBUyxFQUFFLGlCQUFpQjtnQkFDNUIsTUFBTSxFQUFFLG9CQUFvQjtnQkFDNUIsS0FBSyxFQUFFO29CQUNMLGVBQWUsRUFBRSxpQkFBaUI7b0JBQ2xDLGNBQWMsRUFBRSw4QkFBOEI7b0JBQzlDLGNBQWMsRUFBRSwwQ0FBMEM7b0JBQzFELFNBQVMsRUFBRSwwQkFBMEI7b0JBQ3JDLHVCQUF1QixFQUFFLFlBQVk7b0JBQ3JDLGdDQUFnQyxFQUFFLFFBQVE7b0JBQzFDLHFCQUFxQixFQUFFLDRDQUE0QztvQkFDbkUsT0FBTyxFQUFFLFNBQVM7aUJBQ25CO2FBQ0YsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/components/in-article-timelines/styles.d.ts

@@ -0,0 +1,15 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    sectionColour: string;
+}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledShowAllButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const LeftPanel: import("styled-components").StyledComponent<"div", any, {
+    sectionColour: string;
+    circularImage: string;
+}, never>;
+export declare const RightPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Date: import("styled-components").StyledComponent<"div", any, {
+    sectionColour: string;
+}, never>;
+export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/in-article-timelines/styles.js

@@ -0,0 +1,115 @@
+import styled from 'styled-components';
+import { breakpoints, colours, fonts } from '@times-components/styleguide';
+import { ShowAllButton } from '../common-styles';
+export const Container = styled.div `
+  margin: 0 auto 20px auto;
+  padding: 20px 0 0;
+  background-color: ${colours.functional.backgroundPrimary};
+  border-top: ${({ sectionColour }) => `2px solid ${sectionColour}`};
+  width: 100%;
+
+  @media (min-width: ${breakpoints.medium}px) {
+    width: 80.8%;
+  }
+
+  @media (min-width: ${breakpoints.wide}px) {
+    width: 56.2%;
+  }
+
+  a {
+    text-decoration: none;
+  }
+`;
+export const ContentContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 0 16px;
+`;
+export const StyledShowAllButton = styled(ShowAllButton) `
+  font-size: 14px;
+  margin: 11px 0;
+  padding: 12px 15px 10px;
+`;
+export const ListItem = styled.li `
+  padding: 12px 0 13px;
+  width: 100%;
+  position: relative;
+`;
+export const LeftPanel = styled.div `
+  display: table;
+  float: left;
+  width: ${({ circularImage }) => (circularImage ? '80px' : '40px')};
+  text-align: center;
+  padding-right: ${({ circularImage }) => (circularImage ? '16px' : '24px')};
+  height: 100%;
+
+  & img {
+    border-radius: 100%;
+    height: 50px;
+    width: 50px;
+    position: relative;
+    margin-left: 16px;
+    z-index: 2;
+  }
+
+  & :before {
+    content: '';
+    background: ${({ sectionColour }) => `${sectionColour}`};
+    position: relative;
+    top: 0px;
+    left: 15px;
+    width: 8px;
+    height: 8px;
+    border-radius: 100%;
+    z-index: 1;
+    display: ${({ circularImage }) => (circularImage ? 'none' : 'block')};
+  }
+
+  & :after {
+    content: '';
+    border-right: 1px solid #ccc;
+    height: 100%;
+    display: block;
+    position: absolute;
+    top: ${({ circularImage }) => (circularImage ? '60px' : '20px')};
+    left: ${({ circularImage }) => (circularImage ? '42px' : '19px')};
+    z-index: 1;
+  }
+
+  @media (min-width: ${breakpoints.medium}px) {
+    width: ${({ circularImage }) => (circularImage ? '100px' : '39px')};
+    padding-right: ${({ circularImage }) => (circularImage ? '16px' : '24px')};
+    & img {
+      height: 76px;
+      width: 76px;
+    }
+    & :after {
+      top: ${({ circularImage }) => (circularImage ? '74px' : '20px')};
+      left: ${({ circularImage }) => (circularImage ? '52px' : '19px')};
+    }
+  }
+`;
+export const RightPanel = styled.div `
+  display: grid;
+`;
+export const Date = styled.div `
+  font-family: ${fonts.supporting};
+  text-transform: uppercase;
+  font-size: 12px;
+  line-height: 16px;
+  margin-bottom: 8px;
+  color: ${({ sectionColour }) => `${sectionColour}`};
+`;
+export const SubHeading = styled.div `
+  font-size: 20px;
+  line-height: 20px;
+  color: ${colours.functional.brandColour};
+  font-family: ${fonts.headline};
+  margin-bottom: 6px;
+  @media (min-width: ${breakpoints.medium}px) {
+    font-size: 24px;
+    line-height: 24px;
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS10aW1lbGluZXMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVqRCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FFakM7OztzQkFHb0IsT0FBTyxDQUFDLFVBQVUsQ0FBQyxpQkFBaUI7Z0JBQzFDLENBQUMsRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFLENBQUMsYUFBYSxhQUFhLEVBQUU7Ozt1QkFHNUMsV0FBVyxDQUFDLE1BQU07Ozs7dUJBSWxCLFdBQVcsQ0FBQyxJQUFJOzs7Ozs7O0NBT3RDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7OztDQUt6QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFBOzs7O0NBSXZELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQTs7OztDQUloQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBR2pDOzs7V0FHUyxDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7bUJBRWhELENBQUMsRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7OztrQkFjekQsQ0FBQyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxHQUFHLGFBQWEsRUFBRTs7Ozs7Ozs7ZUFRNUMsQ0FBQyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7Ozs7Ozs7OztXQVM3RCxDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztZQUN2RCxDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7Ozt1QkFJN0MsV0FBVyxDQUFDLE1BQU07YUFDNUIsQ0FBQyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7cUJBQ2pELENBQUMsRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDOzs7Ozs7YUFNaEUsQ0FBQyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7Y0FDdkQsQ0FBQyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7OztDQUdyRSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRW5DLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBMkI7aUJBQ3hDLEtBQUssQ0FBQyxVQUFVOzs7OztXQUt0QixDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxDQUFDLEdBQUcsYUFBYSxFQUFFO0NBQ25ELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O1dBR3pCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQkFDeEIsS0FBSyxDQUFDLFFBQVE7O3VCQUVSLFdBQVcsQ0FBQyxNQUFNOzs7O0NBSXhDLENBQUMifQ==

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { InfoCardBulletPoints } from './components/in-article-info-card-bulletpo
 export { BigNumbers } from './components/in-article-big-numbers/BigNumbers';
 export { BreakingArticleFlag, LiveArticleFlag } from './components/article-flag/LiveArticleFlag';
 export { ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag } from './components/article-flag/ArticleFlag';
+export { Timelines } from './components/in-article-timelines/Timelines';
 export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
 export { PreviewNewsletterPuff } from './components/newsletter-puff/PreviewNewsletterPuff';

package/dist/index.js

@@ -6,6 +6,7 @@ export { InfoCardBulletPoints } from './components/in-article-info-card-bulletpo
 export { BigNumbers } from './components/in-article-big-numbers/BigNumbers';
 export { BreakingArticleFlag, LiveArticleFlag } from './components/article-flag/LiveArticleFlag';
 export { ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag } from './components/article-flag/ArticleFlag';
+export { Timelines } from './components/in-article-timelines/Timelines';
 // Newsletter Components
 export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
@@ -35,4 +36,4 @@ export { default as ArticleHeader } from './components/article-header/ArticleHea
 export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
 export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
 export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBRS9DLHdCQUF3QjtBQUN4QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0saURBQWlELENBQUM7QUFDekQsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLG1EQUFtRCxDQUFDO0FBQzNELE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSxvREFBb0QsQ0FBQztBQUU1RCxtQkFBbUI7QUFDbkIsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBQ2xFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxzREFBc0QsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsNkJBQTZCO0FBQzdCLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLHdCQUF3QixFQUN6QixNQUFNLG1FQUFtRSxDQUFDO0FBQzNFLHlCQUF5QjtBQUN6QixPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0scURBQXFELENBQUM7QUFFN0QsVUFBVTtBQUNWLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sK0NBQStDLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLDRDQUE0QyxDQUFDO0FBQ3BELE9BQU8sRUFDTCxxQkFBcUIsRUFDckIsZ0JBQWdCLEVBQ2pCLE1BQU0seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUUxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLE9BQU8sSUFBSSxhQUFhLEVBQ3pCLE1BQU0sMkNBQTJDLENBQUM7QUFFbkQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGlEQUFpRCxDQUFDO0FBRXpELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXpFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV4RSx3QkFBd0I7QUFDeEIsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxtREFBbUQsQ0FBQztBQUMzRCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sb0RBQW9ELENBQUM7QUFFNUQsbUJBQW1CO0FBQ25CLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSwwREFBMEQsQ0FBQztBQUNsRSxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sNERBQTRELENBQUM7QUFDcEUsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxzQkFBc0IsRUFDdkIsTUFBTSwrREFBK0QsQ0FBQztBQUN2RSxPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0sc0RBQXNELENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGlEQUFpRCxDQUFDO0FBRXpELDZCQUE2QjtBQUM3QixPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLGlCQUFpQixFQUNsQixNQUFNLG9EQUFvRCxDQUFDO0FBQzVELE9BQU8sRUFDTCx3QkFBd0IsRUFDekIsTUFBTSxtRUFBbUUsQ0FBQztBQUMzRSx5QkFBeUI7QUFDekIsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLHFEQUFxRCxDQUFDO0FBRTdELFVBQVU7QUFDVixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3JCLGdCQUFnQixFQUNqQixNQUFNLHlDQUF5QyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXZFLE9BQU8sRUFDTCxPQUFPLElBQUksYUFBYSxFQUN6QixNQUFNLDJDQUEyQyxDQUFDO0FBRW5ELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxpREFBaUQsQ0FBQztBQUV6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUV6RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLHNCQUFzQixFQUNsQyxNQUFNLGdDQUFnQyxDQUFDIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.23.0",
+  "version": "1.25.1",
   "description": "Reuseable Typescript React Components",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -55,9 +55,9 @@
     "@times-components/icons": "2.16.10",
     "@times-components/image": "6.8.15",
     "@times-components/link": "3.6.51",
-    "@times-components/provider": "1.30.0",
+    "@times-components/provider": "1.30.1",
     "@times-components/provider-queries": "2.15.3",
-    "@times-components/related-articles": "6.6.43",
+    "@times-components/related-articles": "6.6.46",
     "@times-components/styleguide": "3.38.29",
     "@times-components/ts-slices": "1.3.0",
     "@times-components/utils": "6.5.13",
@@ -81,7 +81,7 @@
     "@storybook/react": "5.3.18",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.2",
-    "@times-components/provider-test-tools": "1.23.0",
+    "@times-components/provider-test-tools": "1.24.0",
     "@times-components/storybook": "4.1.73",
     "@times-components/test-utils": "2.3.10",
     "@types/graphql": "14.0.3",
@@ -117,5 +117,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "c8d00bc18eb7ab8ce1e40afdfabb59217b14c249"
+  "gitHead": "bb0924512efc0f3bb18fce46d680d60e5b16ce58"
 }