@newskit-render/standalone-components 1.14.7 → 1.15.0-alpha.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/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js +1 -5
- package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js.map +1 -1
- package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js +1 -6
- package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js.map +1 -1
- package/dist/esm/article-recommendations/components/ArticleRecommendationLarge.js +2 -6
- package/dist/esm/article-recommendations/components/ArticleRecommendationLarge.js.map +1 -1
- package/dist/esm/article-recommendations/components/ArticleRecommendationSmall.js +2 -7
- package/dist/esm/article-recommendations/components/ArticleRecommendationSmall.js.map +1 -1
- package/package.json +2 -2
|
@@ -48,11 +48,7 @@ var ArticleRecommendationLarge = function (_a) {
|
|
|
48
48
|
var siteHost = (0, shared_components_1.getHostNameFromWindow)();
|
|
49
49
|
var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationLarge, overrides); }, [overrides]);
|
|
50
50
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
51
|
-
react_1.default.createElement(newskit_1.Card, { href: siteHost, media: {
|
|
52
|
-
src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
|
|
53
|
-
alt: title,
|
|
54
|
-
loadingAspectRatio: '3:2',
|
|
55
|
-
}, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
|
|
51
|
+
react_1.default.createElement(newskit_1.Card, { href: siteHost, media: function () { return react_1.default.createElement(shared_components_1.Image, { aspectRatio: "3/2", src: href, alt: title }); }, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
|
|
56
52
|
react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.spaceStack },
|
|
57
53
|
react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.headline.spaceStack },
|
|
58
54
|
react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,uEAAgF;AAChF,8DAAgC;AAEhC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,IAAM,QAAQ,GAAG,IAAA,yCAAqB,GAAE,CAAA;IACxC,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,IAAA,sBAAK,EAAC,EAAE,EAAE,qBAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL;QACE,8BAAC,cAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,cAAM,OAAA,8BAAC,yBAAK,IAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EAAlD,CAAkD,EAC/D,SAAS,EAAE,UAAU,CAAC,IAAI,iBACd,8BAA8B;YAE1C,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,CAAC,UAAU;gBACtC,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU;oBAC/C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACL;gBACR,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,UAAU;oBAC3C,8BAAC,mBAAS,eAAK,UAAU,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAa,CACtD,CACF,CACH,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
|
|
@@ -36,12 +36,7 @@ var ArticleRecommendationSmall = function (_a) {
|
|
|
36
36
|
var siteHost = (0, shared_components_1.getHostNameFromWindow)();
|
|
37
37
|
var href = article.href, title = article.title;
|
|
38
38
|
var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationSmall, overrides); }, [overrides]);
|
|
39
|
-
return (react_1.default.createElement(newskit_1.Card, { href: "".concat(siteHost), layout: "horizontal", media: {
|
|
40
|
-
src: href,
|
|
41
|
-
alt: 'Card Media',
|
|
42
|
-
loadingAspectRatio: '3:2',
|
|
43
|
-
overrides: finalProps.card.media.overrides,
|
|
44
|
-
}, overrides: finalProps.card.overrides, "data-testid": "article-recommendation-small" },
|
|
39
|
+
return (react_1.default.createElement(newskit_1.Card, { href: "".concat(siteHost), layout: "horizontal", media: function () { return react_1.default.createElement(shared_components_1.Image, { aspectRatio: "3/2", src: href, alt: title }); }, overrides: finalProps.card.overrides, "data-testid": "article-recommendation-small" },
|
|
45
40
|
react_1.default.createElement(newskit_1.Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
|
|
46
41
|
};
|
|
47
42
|
exports.default = ArticleRecommendationSmall;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,uEAAgF;AAChF,mCAAwC;AACxC,8DAAgC;AAEhC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yCAAqB,GAAE,CAAA;IAChC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,IAAA,sBAAK,EAAC,EAAE,EAAE,qBAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,IACH,IAAI,EAAE,UAAG,QAAQ,CAAE,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,cAAM,OAAA,8BAAC,yBAAK,IAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EAAlD,CAAkD,EAC/D,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,iBACxB,8BAA8B;QAE1C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
|
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useMemo } from 'react';
|
|
13
13
|
import { Block, Card, Headline, TextBlock } from 'newskit';
|
|
14
|
-
import { getHostNameFromWindow } from '@newskit-render/shared-components';
|
|
14
|
+
import { getHostNameFromWindow, Image } from '@newskit-render/shared-components';
|
|
15
15
|
import merge from 'lodash.merge';
|
|
16
16
|
import { baseProps } from './baseProps';
|
|
17
17
|
var ArticleRecommendationLarge = function (_a) {
|
|
@@ -20,11 +20,7 @@ var ArticleRecommendationLarge = function (_a) {
|
|
|
20
20
|
var siteHost = getHostNameFromWindow();
|
|
21
21
|
var finalProps = useMemo(function () { return merge({}, baseProps.articleRecommendationLarge, overrides); }, [overrides]);
|
|
22
22
|
return (React.createElement(React.Fragment, null,
|
|
23
|
-
React.createElement(Card, { href: siteHost, media: {
|
|
24
|
-
src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
|
|
25
|
-
alt: title,
|
|
26
|
-
loadingAspectRatio: '3:2',
|
|
27
|
-
}, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
|
|
23
|
+
React.createElement(Card, { href: siteHost, media: function () { return React.createElement(Image, { aspectRatio: "3/2", src: href, alt: title }); }, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
|
|
28
24
|
React.createElement(Block, { spaceStack: finalProps.spaceStack },
|
|
29
25
|
React.createElement(Block, { spaceStack: finalProps.headline.spaceStack },
|
|
30
26
|
React.createElement(Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAChF,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,IAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAA;IACxC,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL;QACE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,cAAM,OAAA,oBAAC,KAAK,IAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EAAlD,CAAkD,EAC/D,SAAS,EAAE,UAAU,CAAC,IAAI,iBACd,8BAA8B;YAE1C,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,CAAC,UAAU;gBACtC,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU;oBAC/C,oBAAC,QAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACL;gBACR,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,UAAU;oBAC3C,oBAAC,SAAS,eAAK,UAAU,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAa,CACtD,CACF,CACH,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
-
import { getHostNameFromWindow } from '@newskit-render/shared-components';
|
|
2
|
+
import { getHostNameFromWindow, Image } from '@newskit-render/shared-components';
|
|
3
3
|
import { Card, Headline } from 'newskit';
|
|
4
4
|
import merge from 'lodash.merge';
|
|
5
5
|
import { baseProps } from './baseProps';
|
|
@@ -8,12 +8,7 @@ var ArticleRecommendationSmall = function (_a) {
|
|
|
8
8
|
var siteHost = getHostNameFromWindow();
|
|
9
9
|
var href = article.href, title = article.title;
|
|
10
10
|
var finalProps = useMemo(function () { return merge({}, baseProps.articleRecommendationSmall, overrides); }, [overrides]);
|
|
11
|
-
return (React.createElement(Card, { href: "".concat(siteHost), layout: "horizontal", media: {
|
|
12
|
-
src: href,
|
|
13
|
-
alt: 'Card Media',
|
|
14
|
-
loadingAspectRatio: '3:2',
|
|
15
|
-
overrides: finalProps.card.media.overrides,
|
|
16
|
-
}, overrides: finalProps.card.overrides, "data-testid": "article-recommendation-small" },
|
|
11
|
+
return (React.createElement(Card, { href: "".concat(siteHost), layout: "horizontal", media: function () { return React.createElement(Image, { aspectRatio: "3/2", src: href, alt: title }); }, overrides: finalProps.card.overrides, "data-testid": "article-recommendation-small" },
|
|
17
12
|
React.createElement(Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
|
|
18
13
|
};
|
|
19
14
|
export default ArticleRecommendationSmall;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAChF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAA;IAChC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAE,UAAG,QAAQ,CAAE,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,cAAM,OAAA,oBAAC,KAAK,IAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EAAlD,CAAkD,EAC/D,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,iBACxB,8BAA8B;QAE1C,oBAAC,QAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/standalone-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.15.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render Standalone Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@emotion/react": "11.10.4",
|
|
36
36
|
"@emotion/styled": "11.10.4",
|
|
37
37
|
"@newskit-render/api": "^1.5.3",
|
|
38
|
-
"@newskit-render/shared-components": "^1.
|
|
38
|
+
"@newskit-render/shared-components": "^1.24.0-alpha.0",
|
|
39
39
|
"algoliasearch": "4.13.1",
|
|
40
40
|
"cross-fetch": "3.1.5",
|
|
41
41
|
"graphql": "15.6.0",
|