@times-components/ts-components 1.19.4 → 1.22.0

package/dist/components/updated-timestamp/__tests__/UpdatedTimestamp.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { UpdatedTimestamp } from '../UpdatedTimestamp';
+import MockDate from 'mockdate';
+describe('UpdatedTimestamp', () => {
+    const updated = '2022-02-28T09:00:00Z';
+    afterEach(() => MockDate.reset());
+    it('does not show the timestamp within the first minute after the last update', () => {
+        MockDate.set('2022-02-28T09:00:00Z');
+        const { baseElement, queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(baseElement).toMatchSnapshot();
+        expect(queryByTestId('MinutesHoursSinceUpdate')).toBeFalsy();
+    });
+    it('appears one minute after the last update', () => {
+        MockDate.set('2022-02-28T09:01:00Z');
+        const { queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(queryByTestId('MinutesHoursSinceUpdate')).toBeTruthy();
+        expect(queryByTestId('MinutesHoursSinceUpdate').textContent).toBe('Updated 1 minute ago');
+    });
+    it('appears between 1 and 12 hours after the last update', () => {
+        MockDate.set('2022-02-28T11:30:00Z');
+        const { queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(queryByTestId('MinutesHoursSinceUpdate')).toBeTruthy();
+        expect(queryByTestId('MinutesHoursSinceUpdate').textContent).toBe('Updated 2 hours ago');
+    });
+    it('shows the date and time of update 13 hours or more after the last update', () => {
+        MockDate.set('2022-02-28T23:30:00Z');
+        const { queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(queryByTestId('DateTimeUpdated')).toBeTruthy();
+        expect(queryByTestId('DateTimeUpdated').textContent).toBe('Updated February 28, 9.00am');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVzdGFtcC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvX190ZXN0c19fL1VwZGF0ZWRUaW1lc3RhbXAudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLFVBQVUsQ0FBQztBQUVoQyxRQUFRLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLE1BQU0sT0FBTyxHQUFHLHNCQUFzQixDQUFDO0lBQ3ZDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVsQyxFQUFFLENBQUMsMkVBQTJFLEVBQUUsR0FBRyxFQUFFO1FBQ25GLFFBQVEsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FDM0Msb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sR0FBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQy9ELENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLDBDQUEwQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxRQUFRLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDckMsTUFBTSxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FDOUIsb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sR0FBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDOUQsTUFBTSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FDaEUsc0JBQXNCLENBQ3ZCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUNILEVBQUUsQ0FBQyxzREFBc0QsRUFBRSxHQUFHLEVBQUU7UUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBQ3JDLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxNQUFNLENBQzlCLG9CQUFDLGdCQUFnQixJQUFDLFdBQVcsRUFBRSxPQUFPLEdBQUksQ0FDM0MsQ0FBQztRQUNGLE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzlELE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQ2hFLHFCQUFxQixDQUN0QixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsMEVBQTBFLEVBQUUsR0FBRyxFQUFFO1FBQ2xGLFFBQVEsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUcsTUFBTSxDQUM5QixvQkFBQyxnQkFBZ0IsSUFBQyxXQUFXLEVBQUUsT0FBTyxHQUFJLENBQzNDLENBQUM7UUFDRixNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0RCxNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUN4RCw2QkFBNkIsQ0FDOUIsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/updated-timestamp/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimeSinceUpdate: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/updated-timestamp/styles.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+import { colours, fonts } from '@times-components/styleguide';
+export const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  padding: 3px 0 0 8px;
+`;
+export const TimeSinceUpdate = styled.div `
+  color: ${colours.functional.primary};
+  font-family: ${fonts.supporting};
+  font-size: 12px;
+  line-height: 16px;
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFOUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJbEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO1dBQzlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTztpQkFDcEIsS0FBSyxDQUFDLFVBQVU7OztDQUdoQyxDQUFDIn0=

package/dist/helpers/time/UpdatedTimeProvider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const UpdatedTimeProvider: React.FC<{
+    updatedTime: string;
+}>;
+export declare const useUpdatedTime: () => string | undefined;

package/dist/helpers/time/UpdatedTimeProvider.js

@@ -0,0 +1,9 @@
+import React, { createContext, useContext } from 'react';
+const UpdatedTimeProviderContext = createContext(undefined);
+export const UpdatedTimeProvider = ({ updatedTime, children }) => {
+    return (React.createElement(UpdatedTimeProviderContext.Provider, { value: updatedTime }, children));
+};
+export const useUpdatedTime = () => {
+    return useContext(UpdatedTimeProviderContext);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL3RpbWUvVXBkYXRlZFRpbWVQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXpELE1BQU0sMEJBQTBCLEdBQUcsYUFBYSxDQUFxQixTQUFTLENBQUMsQ0FBQztBQUVoRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FFM0IsQ0FBQyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ2pDLE9BQU8sQ0FDTCxvQkFBQywwQkFBMEIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLFdBQVcsSUFDcEQsUUFBUSxDQUMyQixDQUN2QyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRTtJQUNqQyxPQUFPLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0FBQ2hELENBQUMsQ0FBQyJ9

package/dist/helpers/time/__tests__/UpdatedTimeProvider.test.d.ts

@@ -0,0 +1 @@
+import 'regenerator-runtime';

package/dist/helpers/time/__tests__/UpdatedTimeProvider.test.js

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+import React from 'react';
+import { useUpdatedTime, UpdatedTimeProvider } from '../UpdatedTimeProvider';
+import 'regenerator-runtime';
+const TestComponent = () => {
+    const updatedTime = useUpdatedTime();
+    return React.createElement(React.Fragment, null, updatedTime);
+};
+describe('UpdatedTimeProvider', () => {
+    it('should pass the updated time to the context value', () => {
+        const updatedTime = '2022-03-01T09:00:00.000Z';
+        const { findByText } = render(React.createElement(UpdatedTimeProvider, { updatedTime: updatedTime },
+            React.createElement(TestComponent, null)));
+        findByText(updatedTime);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvdGltZS9fX3Rlc3RzX18vVXBkYXRlZFRpbWVQcm92aWRlci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxjQUFjLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RSxPQUFPLHFCQUFxQixDQUFDO0FBRTdCLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUN6QixNQUFNLFdBQVcsR0FBRyxjQUFjLEVBQUUsQ0FBQztJQUNyQyxPQUFPLDBDQUFHLFdBQVcsQ0FBSSxDQUFDO0FBQzVCLENBQUMsQ0FBQztBQUVGLFFBQVEsQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLEVBQUU7SUFDbkMsRUFBRSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRTtRQUMzRCxNQUFNLFdBQVcsR0FBRywwQkFBMEIsQ0FBQztRQUUvQyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxDQUMzQixvQkFBQyxtQkFBbUIsSUFBQyxXQUFXLEVBQUUsV0FBVztZQUMzQyxvQkFBQyxhQUFhLE9BQUcsQ0FDRyxDQUN2QixDQUFDO1FBRUYsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzFCLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/index.d.ts

@@ -26,4 +26,6 @@ export { HiddenDiv } from './components/common-styles';
 export { InlineMessage } from './components/inline-message/InlineMessage';
 export { InlineDialog } from './components/inline-dialog/InlineDialog';
 export { default as ArticleHeader } from './components/article-header/ArticleHeader';
+export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
+export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
 export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';

package/dist/index.js

@@ -32,5 +32,7 @@ export { HiddenDiv } from './components/common-styles';
 export { InlineMessage } from './components/inline-message/InlineMessage';
 export { InlineDialog } from './components/inline-dialog/InlineDialog';
 export { default as ArticleHeader } from './components/article-header/ArticleHeader';
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBRS9DLHdCQUF3QjtBQUN4QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0saURBQWlELENBQUM7QUFDekQsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLG1EQUFtRCxDQUFDO0FBQzNELE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSxvREFBb0QsQ0FBQztBQUU1RCxtQkFBbUI7QUFDbkIsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBQ2xFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxzREFBc0QsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsNkJBQTZCO0FBQzdCLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLHdCQUF3QixFQUN6QixNQUFNLG1FQUFtRSxDQUFDO0FBQzNFLHlCQUF5QjtBQUN6QixPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0scURBQXFELENBQUM7QUFFN0QsVUFBVTtBQUNWLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sK0NBQStDLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLDRDQUE0QyxDQUFDO0FBQ3BELE9BQU8sRUFDTCxxQkFBcUIsRUFDckIsZ0JBQWdCLEVBQ2pCLE1BQU0seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUUxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLE9BQU8sSUFBSSxhQUFhLEVBQ3pCLE1BQU0sMkNBQTJDLENBQUM7QUFFbkQsT0FBTyxFQUNMLE9BQU8sSUFBSSxzQkFBc0IsRUFDbEMsTUFBTSxnQ0FBZ0MsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBRS9DLHdCQUF3QjtBQUN4QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0saURBQWlELENBQUM7QUFDekQsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLG1EQUFtRCxDQUFDO0FBQzNELE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSxvREFBb0QsQ0FBQztBQUU1RCxtQkFBbUI7QUFDbkIsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBQ2xFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxzREFBc0QsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsNkJBQTZCO0FBQzdCLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLHdCQUF3QixFQUN6QixNQUFNLG1FQUFtRSxDQUFDO0FBQzNFLHlCQUF5QjtBQUN6QixPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0scURBQXFELENBQUM7QUFFN0QsVUFBVTtBQUNWLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sK0NBQStDLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLDRDQUE0QyxDQUFDO0FBQ3BELE9BQU8sRUFDTCxxQkFBcUIsRUFDckIsZ0JBQWdCLEVBQ2pCLE1BQU0seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUUxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLE9BQU8sSUFBSSxhQUFhLEVBQ3pCLE1BQU0sMkNBQTJDLENBQUM7QUFFbkQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGlEQUFpRCxDQUFDO0FBRXpELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXpFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.19.4",
+  "version": "1.22.0",
   "description": "Reuseable Typescript React Components",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -29,6 +29,7 @@
     "lint": "tslint --project . && prettier \"src/**/*.{ts,tsx}\" --list-different",
     "test:lint": "tslint --project . && prettier \"src/**/*.{ts,tsx}\" --list-different",
     "test:unit": "jest --coverage",
+    "watch:build": "run-s clean && run-p build:* \"build:module -- -w\"",
     "watch:tests": "run-s clean build:module && run-p \"build:module -- -w\" \"test:unit -- --watch\"",
     "doc": "run-s doc:html && open-cli build/docs/index.html",
     "doc:publish": "gh-pages -m \"[ci skip] Updates\" -d build/docs",
@@ -54,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.29.4",
+    "@times-components/provider": "1.30.0",
     "@times-components/provider-queries": "2.15.3",
-    "@times-components/related-articles": "6.6.36",
+    "@times-components/related-articles": "6.6.39",
     "@times-components/styleguide": "3.38.29",
     "@times-components/ts-slices": "1.3.0",
     "@times-components/utils": "6.5.13",
@@ -80,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.22.3",
+    "@times-components/provider-test-tools": "1.23.0",
     "@times-components/storybook": "4.1.73",
     "@times-components/test-utils": "2.3.10",
     "@types/graphql": "14.0.3",
@@ -116,5 +117,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "1a776decda230f8742785c6cd484da0ef077743e"
+  "gitHead": "02df6419719c8e72b887ae8acd6d5c7a06d40a79"
 }