@times-components/ts-components 1.123.4 → 1.124.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/social-embed/SocialMediaEmbed.stories.d.ts +1 -0
- package/dist/components/social-embed/SocialMediaEmbed.stories.js +17 -0
- package/dist/components/social-embed/SocialVendor.d.ts +3 -0
- package/dist/components/social-embed/SocialVendor.js +4 -2
- package/dist/components/social-embed/__tests__/SocialVendor.test.js +8 -1
- package/dist/components/social-embed/components/InstagramComponent.d.ts +3 -0
- package/dist/components/social-embed/components/InstagramComponent.js +17 -0
- package/dist/components/social-embed/components/__tests__/InstagramComponent.test.d.ts +1 -0
- package/dist/components/social-embed/components/__tests__/InstagramComponent.test.js +36 -0
- package/dist/components/social-embed/constants.d.ts +1 -0
- package/dist/components/social-embed/constants.js +2 -1
- package/dist/components/social-embed/helpers/socialMediaVendors.js +11 -2
- package/dist/components/social-embed/styles.d.ts +1 -0
- package/dist/components/social-embed/styles.js +13 -1
- package/dist/contexts/SocialEmbedsProvider.js +4 -1
- package/dist/contexts/__tests__/SocialEmbedsProvider.test.js +3 -1
- package/package.json +14 -14
- package/rnw.js +1 -1
- package/src/components/social-embed/SocialMediaEmbed.stories.tsx +42 -0
- package/src/components/social-embed/SocialVendor.tsx +3 -1
- package/src/components/social-embed/__tests__/SocialVendor.test.tsx +11 -0
- package/src/components/social-embed/components/InstagramComponent.tsx +27 -0
- package/src/components/social-embed/components/__tests__/InstagramComponent.test.tsx +51 -0
- package/src/components/social-embed/constants.ts +1 -0
- package/src/components/social-embed/helpers/socialMediaVendors.ts +10 -1
- package/src/components/social-embed/styles.ts +13 -0
- package/src/contexts/SocialEmbedsProvider.tsx +3 -0
- package/src/contexts/__tests__/SocialEmbedsProvider.test.tsx +2 -0
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.124.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.123.4...@times-components/ts-components@1.124.0) (2025-03-17)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRS-497:** add instagram embed component ([#4100](https://github.com/newsuk/times-components/issues/4100)) ([ce7eac3](https://github.com/newsuk/times-components/commit/ce7eac3666adb69cbc751ae720cf29c9afbf28d2))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [1.123.4](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.123.3...@times-components/ts-components@1.123.4) (2025-03-13)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/ts-components
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { storiesOf } from '@storybook/react';
|
|
4
|
+
import { SocialMediaEmbed } from './SocialMediaEmbed';
|
|
5
|
+
import { SocialEmbedsProvider } from '../../contexts/SocialEmbedsProvider';
|
|
6
|
+
const Wrapper = styled.div `
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
padding: 20px;
|
|
10
|
+
`;
|
|
11
|
+
storiesOf('Typescript Component/SocialMediaEmbed', module).add('Instagram', () => (React.createElement(SocialEmbedsProvider, null,
|
|
12
|
+
React.createElement(Wrapper, null,
|
|
13
|
+
React.createElement(SocialMediaEmbed, { url: "https://www.instagram.com/p/CEuqUvxBqGB", vendorName: "instagram", id: "c5a0fc3a-d42c-462e-8576-fa3599fbfd2f" })))));
|
|
14
|
+
storiesOf('Typescript Component/SocialMediaEmbed', module).add('Twitter', () => (React.createElement(SocialEmbedsProvider, null,
|
|
15
|
+
React.createElement(Wrapper, null,
|
|
16
|
+
React.createElement(SocialMediaEmbed, { url: "https://twitter.com/realDonaldTrump/status/1034663158357655552", vendorName: "twitter", id: "c9fda8ab-3809-432e-c88b-bfcecf6900bc" })))));
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTWVkaWFFbWJlZC5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL1NvY2lhbE1lZGlhRW1iZWQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUUzRSxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSXpCLENBQUM7QUFFRixTQUFTLENBQUMsdUNBQXVDLEVBQUUsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUM1RCxXQUFXLEVBQ1gsR0FBRyxFQUFFLENBQUMsQ0FDSixvQkFBQyxvQkFBb0I7SUFDbkIsb0JBQUMsT0FBTztRQUNOLG9CQUFDLGdCQUFnQixJQUNmLEdBQUcsRUFBQyx5Q0FBeUMsRUFDN0MsVUFBVSxFQUFDLFdBQVcsRUFDdEIsRUFBRSxFQUFDLHNDQUFzQyxHQUN6QyxDQUNNLENBQ1csQ0FDeEIsQ0FDRixDQUFDO0FBRUYsU0FBUyxDQUFDLHVDQUF1QyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDNUQsU0FBUyxFQUNULEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsb0JBQW9CO0lBQ25CLG9CQUFDLE9BQU87UUFDTixvQkFBQyxnQkFBZ0IsSUFDZixHQUFHLEVBQUMsZ0VBQWdFLEVBQ3BFLFVBQVUsRUFBQyxTQUFTLEVBQ3BCLEVBQUUsRUFBQyxzQ0FBc0MsR0FDekMsQ0FDTSxDQUNXLENBQ3hCLENBQ0YsQ0FBQyJ9
|
|
@@ -8,6 +8,9 @@ declare const vendors: {
|
|
|
8
8
|
tiktok: ({ url }: {
|
|
9
9
|
url: string;
|
|
10
10
|
}) => JSX.Element;
|
|
11
|
+
instagram: ({ url }: {
|
|
12
|
+
url: string;
|
|
13
|
+
}) => JSX.Element;
|
|
11
14
|
};
|
|
12
15
|
export declare type VendorName = keyof typeof vendors;
|
|
13
16
|
export declare const Vendor: ({ vendorName, url }: {
|
|
@@ -2,13 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import { Twitter } from './components/TwitterComponent';
|
|
3
3
|
import { Youtube } from './components/YoutubeComponent';
|
|
4
4
|
import { TikTok } from './components/TiktokComponent';
|
|
5
|
+
import { Instagram } from './components/InstagramComponent';
|
|
5
6
|
const vendors = {
|
|
6
7
|
twitter: Twitter,
|
|
7
8
|
youtube: Youtube,
|
|
8
|
-
tiktok: TikTok
|
|
9
|
+
tiktok: TikTok,
|
|
10
|
+
instagram: Instagram
|
|
9
11
|
};
|
|
10
12
|
export const Vendor = ({ vendorName, url }) => {
|
|
11
13
|
const Component = vendors[vendorName];
|
|
12
14
|
return React.createElement(Component, { url: url });
|
|
13
15
|
};
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL1NvY2lhbFZlbmRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU1RCxNQUFNLE9BQU8sR0FBRztJQUNkLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLE1BQU0sRUFBRSxNQUFNO0lBQ2QsU0FBUyxFQUFFLFNBQVM7Q0FDckIsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxDQUFDLEVBQ3JCLFVBQVUsRUFDVixHQUFHLEVBSUosRUFBRSxFQUFFO0lBQ0gsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3RDLE9BQU8sb0JBQUMsU0FBUyxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FBQztBQUNqQyxDQUFDLENBQUMifQ==
|
|
@@ -12,6 +12,9 @@ jest.mock('../components/YoutubeComponent', () => ({
|
|
|
12
12
|
jest.mock('../components/TiktokComponent', () => ({
|
|
13
13
|
TikTok: jest.fn(() => (React.createElement("div", { "data-testid": "tiktok-component" }, "TikTok Component")))
|
|
14
14
|
}));
|
|
15
|
+
jest.mock('../components/InstagramComponent', () => ({
|
|
16
|
+
Instagram: jest.fn(() => (React.createElement("div", { "data-testid": "instagram-component" }, "Instagram Component")))
|
|
17
|
+
}));
|
|
15
18
|
describe('Vendor Component', () => {
|
|
16
19
|
const renderVendor = (vendorName, url) => render(React.createElement(Vendor, { vendorName: vendorName, url: url }));
|
|
17
20
|
it('renders the Twitter component when vendorName is "twitter"', () => {
|
|
@@ -26,9 +29,13 @@ describe('Vendor Component', () => {
|
|
|
26
29
|
renderVendor('tiktok', 'https://www.tiktok.com/@user/video/1234567890');
|
|
27
30
|
expect(screen.getByTestId('tiktok-component')).toBeInTheDocument();
|
|
28
31
|
});
|
|
32
|
+
it('renders the Instagram component when vendorName is "instagram"', () => {
|
|
33
|
+
renderVendor('instagram', 'https://instagram.com/some/video');
|
|
34
|
+
expect(screen.getByTestId('instagram-component')).toBeInTheDocument();
|
|
35
|
+
});
|
|
29
36
|
it('throws an error if an invalid vendorName is provided', () => {
|
|
30
37
|
const renderInvalidVendor = () => render(React.createElement(Vendor, { vendorName: 'invalid', url: "https://example.com" }));
|
|
31
38
|
expect(renderInvalidVendor).toThrowError();
|
|
32
39
|
});
|
|
33
40
|
});
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zb2NpYWwtZW1iZWQvX190ZXN0c19fL1NvY2lhbFZlbmRvci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQ3JCLDRDQUFpQixtQkFBbUIsd0JBQXdCLENBQzdELENBQUM7Q0FDSCxDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMsZ0NBQWdDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNqRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUNyQiw0Q0FBaUIsbUJBQW1CLHdCQUF3QixDQUM3RCxDQUFDO0NBQ0gsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FDcEIsNENBQWlCLGtCQUFrQix1QkFBdUIsQ0FDM0QsQ0FBQztDQUNILENBQUMsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELFNBQVMsRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQ3ZCLDRDQUFpQixxQkFBcUIsMEJBQTBCLENBQ2pFLENBQUM7Q0FDSCxDQUFDLENBQUMsQ0FBQztBQUVKLFFBQVEsQ0FBQyxrQkFBa0IsRUFBRSxHQUFHLEVBQUU7SUFDaEMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxVQUFzQixFQUFFLEdBQVcsRUFBRSxFQUFFLENBQzNELE1BQU0sQ0FBQyxvQkFBQyxNQUFNLElBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQUMsQ0FBQztJQUV2RCxFQUFFLENBQUMsNERBQTRELEVBQUUsR0FBRyxFQUFFO1FBQ3BFLFlBQVksQ0FBQyxTQUF1QixFQUFFLGdDQUFnQyxDQUFDLENBQUM7UUFDeEUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDdEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsNERBQTRELEVBQUUsR0FBRyxFQUFFO1FBQ3BFLFlBQVksQ0FBQyxTQUF1QixFQUFFLGdDQUFnQyxDQUFDLENBQUM7UUFDeEUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDdEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMERBQTBELEVBQUUsR0FBRyxFQUFFO1FBQ2xFLFlBQVksQ0FDVixRQUFzQixFQUN0QiwrQ0FBK0MsQ0FDaEQsQ0FBQztRQUNGLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3JFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGdFQUFnRSxFQUFFLEdBQUcsRUFBRTtRQUN4RSxZQUFZLENBQUMsV0FBeUIsRUFBRSxrQ0FBa0MsQ0FBQyxDQUFDO1FBQzVFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3hFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHNEQUFzRCxFQUFFLEdBQUcsRUFBRTtRQUM5RCxNQUFNLG1CQUFtQixHQUFHLEdBQUcsRUFBRSxDQUMvQixNQUFNLENBQ0osb0JBQUMsTUFBTSxJQUNMLFVBQVUsRUFBRSxTQUF1QixFQUNuQyxHQUFHLEVBQUMscUJBQXFCLEdBQ3pCLENBQ0gsQ0FBQztRQUNKLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { useEffect } from 'react';
|
|
2
|
+
import { InstagramContainer } from '../styles';
|
|
3
|
+
import { Placeholder } from '@times-components/image';
|
|
4
|
+
export const Instagram = ({ url }) => {
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
const script = document.createElement('script');
|
|
7
|
+
script.src = 'https://www.instagram.com/embed.js';
|
|
8
|
+
script.async = true;
|
|
9
|
+
document.body.appendChild(script);
|
|
10
|
+
return () => {
|
|
11
|
+
document.body.removeChild(script);
|
|
12
|
+
};
|
|
13
|
+
}, []);
|
|
14
|
+
return (React.createElement(InstagramContainer, { className: "instagram-media", "data-instgrm-captioned": true, "data-instgrm-permalink": `${url}?utm_source=ig_embed&utm_campaign=loading`, "data-instgrm-version": "14" },
|
|
15
|
+
React.createElement(Placeholder, null)));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5zdGFncmFtQ29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbXBvbmVudHMvSW5zdGFncmFtQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUFDLEVBQUUsR0FBRyxFQUFtQixFQUFFLEVBQUU7SUFDcEQsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDaEQsTUFBTSxDQUFDLEdBQUcsR0FBRyxvQ0FBb0MsQ0FBQztRQUNsRCxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNwQixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVsQyxPQUFPLEdBQUcsRUFBRTtZQUNWLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQztJQUNKLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCxvQkFBQyxrQkFBa0IsSUFDakIsU0FBUyxFQUFDLGlCQUFpQiw0REFFSCxHQUFHLEdBQUcsK0NBQStDLDBCQUN4RCxJQUFJO1FBRXpCLG9CQUFDLFdBQVcsT0FBRyxDQUNJLENBQ3RCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, cleanup } from '@testing-library/react';
|
|
3
|
+
import { Instagram } from '../InstagramComponent';
|
|
4
|
+
describe('Instagram Component', () => {
|
|
5
|
+
const instagramUrl = 'https://www.instagram.com/p/1234567890';
|
|
6
|
+
afterEach(() => {
|
|
7
|
+
cleanup();
|
|
8
|
+
jest.restoreAllMocks();
|
|
9
|
+
});
|
|
10
|
+
it('injects the Instagram embed script on mount', () => {
|
|
11
|
+
const appendChildSpy = jest.spyOn(document.body, 'appendChild');
|
|
12
|
+
render(React.createElement(Instagram, { url: instagramUrl }));
|
|
13
|
+
const script = Array.from(document.body.getElementsByTagName('script')).find(el => el.src === 'https://www.instagram.com/embed.js');
|
|
14
|
+
expect(script).toBeTruthy();
|
|
15
|
+
expect(appendChildSpy).toHaveBeenCalledWith(expect.any(HTMLScriptElement));
|
|
16
|
+
});
|
|
17
|
+
it('removes the Instagram embed script on unmount', () => {
|
|
18
|
+
const removeChildSpy = jest.spyOn(document.body, 'removeChild');
|
|
19
|
+
const { unmount } = render(React.createElement(Instagram, { url: instagramUrl }));
|
|
20
|
+
unmount();
|
|
21
|
+
const script = Array.from(document.body.getElementsByTagName('script')).find(el => el.src === '//www.instagram.com/embed.js');
|
|
22
|
+
expect(script).toBeFalsy();
|
|
23
|
+
expect(removeChildSpy).toHaveBeenCalledWith(expect.any(HTMLScriptElement));
|
|
24
|
+
});
|
|
25
|
+
it('does not throw an error if the script is already removed during unmount', () => {
|
|
26
|
+
jest.spyOn(document.body, 'removeChild').mockImplementation(node => {
|
|
27
|
+
if (!document.body.contains(node)) {
|
|
28
|
+
throw new Error('The node to be removed is not a child of this node');
|
|
29
|
+
}
|
|
30
|
+
return node; // Ensure the removed node is returned
|
|
31
|
+
});
|
|
32
|
+
const { unmount } = render(React.createElement(Instagram, { url: instagramUrl }));
|
|
33
|
+
expect(() => unmount()).not.toThrow();
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5zdGFncmFtQ29tcG9uZW50LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zb2NpYWwtZW1iZWQvY29tcG9uZW50cy9fX3Rlc3RzX18vSW5zdGFncmFtQ29tcG9uZW50LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUVsRCxRQUFRLENBQUMscUJBQXFCLEVBQUUsR0FBRyxFQUFFO0lBQ25DLE1BQU0sWUFBWSxHQUFHLHdDQUF3QyxDQUFDO0lBRTlELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixPQUFPLEVBQUUsQ0FBQztRQUNWLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw2Q0FBNkMsRUFBRSxHQUFHLEVBQUU7UUFDckQsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBRWhFLE1BQU0sQ0FBQyxvQkFBQyxTQUFTLElBQUMsR0FBRyxFQUFFLFlBQVksR0FBSSxDQUFDLENBQUM7UUFFekMsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FDdkIsUUFBUSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FDN0MsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLG9DQUFvQyxDQUFDLENBQUM7UUFFOUQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM3RSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQywrQ0FBK0MsRUFBRSxHQUFHLEVBQUU7UUFDdkQsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBRWhFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxNQUFNLENBQUMsb0JBQUMsU0FBUyxJQUFDLEdBQUcsRUFBRSxZQUFZLEdBQUksQ0FBQyxDQUFDO1FBQzdELE9BQU8sRUFBRSxDQUFDO1FBRVYsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FDdkIsUUFBUSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FDN0MsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLDhCQUE4QixDQUFDLENBQUM7UUFFeEQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQzNCLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM3RSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx5RUFBeUUsRUFBRSxHQUFHLEVBQUU7UUFDakYsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2pFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDakMsTUFBTSxJQUFJLEtBQUssQ0FBQyxvREFBb0QsQ0FBQyxDQUFDO2FBQ3ZFO1lBQ0QsT0FBTyxJQUFJLENBQUMsQ0FBQyxzQ0FBc0M7UUFDckQsQ0FBQyxDQUFDLENBQUM7UUFFSCxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsTUFBTSxDQUFDLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsWUFBWSxHQUFJLENBQUMsQ0FBQztRQUM3RCxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -8,6 +8,7 @@ export const eventStatus = {
|
|
|
8
8
|
userActionComplete: 'useractioncomplete'
|
|
9
9
|
};
|
|
10
10
|
export const vendors = {
|
|
11
|
+
instagram: 'instagram',
|
|
11
12
|
twitter: 'twitter'
|
|
12
13
|
};
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDdkIsSUFBSSxFQUFFLE1BQU07SUFDWixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsa0JBQWtCLEVBQUUsb0JBQW9CO0NBQ2hDLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLFNBQVM7Q0FDVixDQUFDIn0=
|
|
@@ -9,6 +9,15 @@ export const socialMediaVendors = {
|
|
|
9
9
|
status: 'pending',
|
|
10
10
|
title: 'Youtube'
|
|
11
11
|
},
|
|
12
|
-
tiktok: {
|
|
12
|
+
tiktok: {
|
|
13
|
+
id: '5e7f6927b8e05c4e491e7380',
|
|
14
|
+
status: 'pending',
|
|
15
|
+
title: 'Tiktok'
|
|
16
|
+
},
|
|
17
|
+
instagram: {
|
|
18
|
+
id: '5e7f6927b8e05c4e491e6324',
|
|
19
|
+
status: 'pending',
|
|
20
|
+
title: 'Instagram'
|
|
21
|
+
}
|
|
13
22
|
};
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsTWVkaWFWZW5kb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2hlbHBlcnMvc29jaWFsTWVkaWFWZW5kb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUUzQjtJQUNGLE9BQU8sRUFBRTtRQUNQLEVBQUUsRUFBRSwwQkFBMEI7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFLGFBQWE7S0FDckI7SUFDRCxPQUFPLEVBQUU7UUFDUCxFQUFFLEVBQUUsMEJBQTBCO1FBQzlCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsTUFBTSxFQUFFO1FBQ04sRUFBRSxFQUFFLDBCQUEwQjtRQUM5QixNQUFNLEVBQUUsU0FBUztRQUNqQixLQUFLLEVBQUUsUUFBUTtLQUNoQjtJQUNELFNBQVMsRUFBRTtRQUNULEVBQUUsRUFBRSwwQkFBMEI7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFLFdBQVc7S0FDbkI7Q0FDRixDQUFDIn0=
|
|
@@ -6,3 +6,4 @@ export declare const Paragraph: import("styled-components").StyledComponent<"p",
|
|
|
6
6
|
export declare const EnableButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
7
7
|
export declare const AllowButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
8
8
|
export declare const LinkPrivacyManager: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
9
|
+
export declare const InstagramContainer: import("styled-components").StyledComponent<"blockquote", any, {}, never>;
|
|
@@ -75,4 +75,16 @@ export const AllowButton = styled.button `
|
|
|
75
75
|
export const LinkPrivacyManager = styled.a `
|
|
76
76
|
color: #00527a;
|
|
77
77
|
`;
|
|
78
|
-
|
|
78
|
+
export const InstagramContainer = styled.blockquote `
|
|
79
|
+
background: #fff;
|
|
80
|
+
border: 0;
|
|
81
|
+
border-radius: 3px;
|
|
82
|
+
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15);
|
|
83
|
+
margin: 1px;
|
|
84
|
+
max-width: 540px;
|
|
85
|
+
min-width: 326px;
|
|
86
|
+
padding: 0;
|
|
87
|
+
width: calc(100% - 2px);
|
|
88
|
+
position: relative;
|
|
89
|
+
`;
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7OztDQVF0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRS9CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUE7Ozs7Ozs7OztDQVN2RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUE7Ozs7Ozs7Ozt1QkFTUCxXQUFXLENBQUMsTUFBTTs7O0NBR3hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7Ozs7Ozs7O3VCQVNWLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOzs7Ozs7Ozs7O0NBVXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTs7Ozs7Ozs7Ozs7Q0FXdkMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7O0NBRXpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFBOzs7Ozs7Ozs7OztDQVdsRCxDQUFDIn0=
|
|
@@ -2,11 +2,13 @@ import React, { createContext, useContext, useState, useEffect } from 'react';
|
|
|
2
2
|
const SocialEmbedsContext = createContext(undefined);
|
|
3
3
|
export const SocialEmbedsProvider = ({ children }) => {
|
|
4
4
|
const [isSocialEmbedAllowed, setIsSocialEmbedAllowed] = useState({
|
|
5
|
+
instagram: false,
|
|
5
6
|
twitter: false,
|
|
6
7
|
tiktok: false,
|
|
7
8
|
youtube: false
|
|
8
9
|
});
|
|
9
10
|
const [isAllowedOnce, setIsAllowedOnce] = useState({
|
|
11
|
+
instagram: false,
|
|
10
12
|
twitter: false,
|
|
11
13
|
tiktok: false,
|
|
12
14
|
youtube: false
|
|
@@ -14,6 +16,7 @@ export const SocialEmbedsProvider = ({ children }) => {
|
|
|
14
16
|
useEffect(() => {
|
|
15
17
|
// Set defaults or perform any logic needed to initialize the values
|
|
16
18
|
setIsAllowedOnce({
|
|
19
|
+
instagram: isSocialEmbedAllowed.instagram,
|
|
17
20
|
twitter: isSocialEmbedAllowed.twitter,
|
|
18
21
|
tiktok: isSocialEmbedAllowed.tiktok,
|
|
19
22
|
youtube: isSocialEmbedAllowed.youtube
|
|
@@ -33,4 +36,4 @@ export const useSocialEmbedsContext = () => {
|
|
|
33
36
|
}
|
|
34
37
|
return context;
|
|
35
38
|
};
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsRW1iZWRzUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29udGV4dHMvU29jaWFsRW1iZWRzUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBYTlFLE1BQU0sbUJBQW1CLEdBQUcsYUFBYSxDQUN2QyxTQUFTLENBQ1YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzdELE1BQU0sQ0FBQyxvQkFBb0IsRUFBRSx1QkFBdUIsQ0FBQyxHQUFHLFFBQVEsQ0FFOUQ7UUFDQSxTQUFTLEVBQUUsS0FBSztRQUNoQixPQUFPLEVBQUUsS0FBSztRQUNkLE1BQU0sRUFBRSxLQUFLO1FBQ2IsT0FBTyxFQUFFLEtBQUs7S0FDZixDQUFDLENBQUM7SUFFSCxNQUFNLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLEdBQUcsUUFBUSxDQUEwQjtRQUMxRSxTQUFTLEVBQUUsS0FBSztRQUNoQixPQUFPLEVBQUUsS0FBSztRQUNkLE1BQU0sRUFBRSxLQUFLO1FBQ2IsT0FBTyxFQUFFLEtBQUs7S0FDZixDQUFDLENBQUM7SUFFSCxTQUFTLENBQ1AsR0FBRyxFQUFFO1FBQ0gsb0VBQW9FO1FBQ3BFLGdCQUFnQixDQUFDO1lBQ2YsU0FBUyxFQUFFLG9CQUFvQixDQUFDLFNBQVM7WUFDekMsT0FBTyxFQUFFLG9CQUFvQixDQUFDLE9BQU87WUFDckMsTUFBTSxFQUFFLG9CQUFvQixDQUFDLE1BQU07WUFDbkMsT0FBTyxFQUFFLG9CQUFvQixDQUFDLE9BQU87U0FDdEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUNELENBQUMsb0JBQW9CLENBQUMsQ0FDdkIsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQzNCLEtBQUssRUFBRTtZQUNMLG9CQUFvQjtZQUNwQix1QkFBdUI7WUFDdkIsYUFBYTtZQUNiLGdCQUFnQjtTQUNqQixJQUVBLFFBQVEsQ0FDb0IsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLEdBQUcsRUFBRTtJQUN6QyxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUNoRCxJQUFJLENBQUMsT0FBTyxFQUFFO1FBQ1osTUFBTSxJQUFJLEtBQUssQ0FDYixtRUFBbUUsQ0FDcEUsQ0FBQztLQUNIO0lBQ0QsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDIn0=
|
|
@@ -8,11 +8,13 @@ describe('SocialEmbedsProvider and useSocialEmbedsContext', () => {
|
|
|
8
8
|
const wrapper = ({ children }) => (React.createElement(SocialEmbedsProvider, null, children));
|
|
9
9
|
const { result } = renderHook(() => useSocialEmbedsContext(), { wrapper });
|
|
10
10
|
expect(result.current.isSocialEmbedAllowed).toEqual({
|
|
11
|
+
instagram: false,
|
|
11
12
|
twitter: false,
|
|
12
13
|
tiktok: false,
|
|
13
14
|
youtube: false
|
|
14
15
|
});
|
|
15
16
|
expect(result.current.isAllowedOnce).toEqual({
|
|
17
|
+
instagram: false,
|
|
16
18
|
twitter: false,
|
|
17
19
|
tiktok: false,
|
|
18
20
|
youtube: false
|
|
@@ -52,4 +54,4 @@ describe('SocialEmbedsProvider and useSocialEmbedsContext', () => {
|
|
|
52
54
|
expect(screen.getByTestId('child-element')).toBeInTheDocument();
|
|
53
55
|
});
|
|
54
56
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsRW1iZWRzUHJvdmlkZXIudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb250ZXh0cy9fX3Rlc3RzX18vU29jaWFsRW1iZWRzUHJvdmlkZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RSxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsc0JBQXNCLEVBQ3ZCLE1BQU0seUJBQXlCLENBQUM7QUFDakMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTFELFFBQVEsQ0FBQyxpREFBaUQsRUFBRSxHQUFHLEVBQUU7SUFDL0QsRUFBRSxDQUFDLG9FQUFvRSxFQUFFLEdBQUcsRUFBRTtRQUM1RSxNQUFNLE9BQU8sR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFpQyxFQUFFLEVBQUUsQ0FBQyxDQUMvRCxvQkFBQyxvQkFBb0IsUUFBRSxRQUFRLENBQXdCLENBQ3hELENBQUM7UUFFRixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBRTNFLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUMsT0FBTyxDQUFDO1lBQ2xELFNBQVMsRUFBRSxLQUFLO1lBQ2hCLE9BQU8sRUFBRSxLQUFLO1lBQ2QsTUFBTSxFQUFFLEtBQUs7WUFDYixPQUFPLEVBQUUsS0FBSztTQUNmLENBQUMsQ0FBQztRQUVILE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLE9BQU8sQ0FBQztZQUMzQyxTQUFT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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.124.0",
|
|
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.
|
|
54
|
-
"@times-components/date-publication": "0.30.
|
|
55
|
-
"@times-components/icons": "2.23.
|
|
56
|
-
"@times-components/image": "6.18.
|
|
57
|
-
"@times-components/link": "3.17.
|
|
58
|
-
"@times-components/provider": "1.41.
|
|
53
|
+
"@times-components/button": "2.10.65",
|
|
54
|
+
"@times-components/date-publication": "0.30.38",
|
|
55
|
+
"@times-components/icons": "2.23.4",
|
|
56
|
+
"@times-components/image": "6.18.6",
|
|
57
|
+
"@times-components/link": "3.17.38",
|
|
58
|
+
"@times-components/provider": "1.41.10",
|
|
59
59
|
"@times-components/provider-queries": "2.25.0",
|
|
60
|
-
"@times-components/related-articles": "6.19.
|
|
61
|
-
"@times-components/ts-slices": "1.10.
|
|
62
|
-
"@times-components/ts-styleguide": "1.
|
|
63
|
-
"@times-components/utils": "6.
|
|
60
|
+
"@times-components/related-articles": "6.19.20",
|
|
61
|
+
"@times-components/ts-slices": "1.10.4",
|
|
62
|
+
"@times-components/ts-styleguide": "1.51.0",
|
|
63
|
+
"@times-components/utils": "6.29.0",
|
|
64
64
|
"algoliasearch": "4.9.0",
|
|
65
65
|
"date-fns": "2.28.0",
|
|
66
66
|
"date-fns-tz": "1.3.3",
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
"@testing-library/jest-dom": "^5.12.0",
|
|
84
84
|
"@testing-library/react": "^12.1.2",
|
|
85
85
|
"@testing-library/react-hooks": "8.0.1",
|
|
86
|
-
"@times-components/provider-test-tools": "1.
|
|
87
|
-
"@times-components/storybook": "4.12.
|
|
86
|
+
"@times-components/provider-test-tools": "1.31.0",
|
|
87
|
+
"@times-components/storybook": "4.12.38",
|
|
88
88
|
"@times-components/test-utils": "2.4.2",
|
|
89
89
|
"@types/lodash.get": "4.4.6",
|
|
90
90
|
"@types/lodash.keyby": "4.6.6",
|
|
@@ -118,5 +118,5 @@
|
|
|
118
118
|
"@testing-library/jest-dom/extend-expect"
|
|
119
119
|
]
|
|
120
120
|
},
|
|
121
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "96ba6ba2abdb6bdbd1ff5cf3a6d38ded0a35b48b"
|
|
122
122
|
}
|