@newskit-render/standalone-components 0.8.0 → 0.10.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.
Files changed (32) hide show
  1. package/README.md +39 -3
  2. package/dist/article-recommendations/components/ArticleRecommendation.js +2 -2
  3. package/dist/article-recommendations/components/ArticleRecommendation.js.map +1 -1
  4. package/dist/article-recommendations/components/ArticleRecommendationLarge.d.ts +2 -1
  5. package/dist/article-recommendations/components/ArticleRecommendationLarge.js +42 -29
  6. package/dist/article-recommendations/components/ArticleRecommendationLarge.js.map +1 -1
  7. package/dist/article-recommendations/components/ArticleRecommendationSmall.d.ts +2 -1
  8. package/dist/article-recommendations/components/ArticleRecommendationSmall.js +27 -18
  9. package/dist/article-recommendations/components/ArticleRecommendationSmall.js.map +1 -1
  10. package/dist/article-recommendations/components/baseProps.d.ts +63 -0
  11. package/dist/article-recommendations/components/baseProps.js +67 -0
  12. package/dist/article-recommendations/components/baseProps.js.map +1 -0
  13. package/dist/article-recommendations/components/index.d.ts +1 -0
  14. package/dist/article-recommendations/components/index.js +11 -0
  15. package/dist/article-recommendations/components/index.js.map +1 -1
  16. package/dist/article-recommendations/types/index.d.ts +32 -0
  17. package/dist/cjs/article-recommendations/components/ArticleRecommendation.js +2 -2
  18. package/dist/cjs/article-recommendations/components/ArticleRecommendation.js.map +1 -1
  19. package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.d.ts +2 -1
  20. package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js +42 -29
  21. package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js.map +1 -1
  22. package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.d.ts +2 -1
  23. package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js +27 -18
  24. package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js.map +1 -1
  25. package/dist/cjs/article-recommendations/components/baseProps.d.ts +63 -0
  26. package/dist/cjs/article-recommendations/components/baseProps.js +67 -0
  27. package/dist/cjs/article-recommendations/components/baseProps.js.map +1 -0
  28. package/dist/cjs/article-recommendations/components/index.d.ts +1 -0
  29. package/dist/cjs/article-recommendations/components/index.js +11 -0
  30. package/dist/cjs/article-recommendations/components/index.js.map +1 -1
  31. package/dist/cjs/article-recommendations/types/index.d.ts +32 -0
  32. package/package.json +5 -4
package/README.md CHANGED
@@ -26,16 +26,51 @@ For npm:
26
26
  - title: string // mandatory
27
27
  - text: string // optional
28
28
  - `size` can be `large` or `small`.
29
+ - `overrides` can be used to pass overrides to the component to handle the styling
30
+ ```typescript
31
+ overrides: {
32
+ spaceStack?: MQ<string>
33
+ card?: {
34
+ overrides?: {
35
+ stylePreset?: MQ<string>
36
+ mediaContainer?: {
37
+ spaceInline?: MQ<string>
38
+ }
39
+ }
40
+ media?: {
41
+ overrides: {
42
+ width?: string
43
+ height?: string
44
+ }
45
+ }
46
+ }
47
+ headline?: {
48
+ spaceStack?: MQ<string>
49
+ overrides: {
50
+ typographyPreset?: MQ<string>
51
+ }
52
+ }
53
+ text?: {
54
+ spaceStack?: MQ<string>
55
+ overrides: {
56
+ stylePreset?: MQ<string>
57
+ typographyPreset?: MQ<string>
58
+ }
59
+ }
60
+ }
61
+ ```
29
62
 
30
63
  2. Help-hub pages: the package provides 2 pages:
31
- - Search page: where the user is able to search their queries and see the most common questions.
32
- - Result page: displaying the relevant results based on the user query. To facilitate the search we are using Algolia.
64
+
65
+ - Search page: where the user is able to search their queries and see the most common questions.
66
+ - Result page: displaying the relevant results based on the user query. To facilitate the search we are using Algolia.
33
67
 
34
68
  The Help-hub pages will work independent of other components and customized using the context.
69
+
35
70
  # How to use
36
71
 
37
72
  1. Article recommendations:
38
- First, you need to fetch some article recommendations with the recommendationsProvider function, then iterate over the returned array and use the ArticleRecommendation component to display them.
73
+ First, you need to fetch some article recommendations with the recommendationsProvider function, then iterate over the returned array and use the ArticleRecommendation component to display them.
39
74
 
40
75
  Example of use:
41
76
 
@@ -102,5 +137,6 @@ const HelpHub = () => (
102
137
 
103
138
  export default HelpHub
104
139
  ```
140
+
105
141
  .
106
142
  .
package/dist/article-recommendations/components/ArticleRecommendation.js CHANGED
@@ -11,9 +11,9 @@ var articlesMap = {
11
11
  small: ArticleRecommendationSmall_1.default,
12
12
  };
13
13
  var ArticleRecommendation = function (_a) {
14
- var article = _a.article, size = _a.size;
14
+ var article = _a.article, size = _a.size, overrides = _a.overrides;
15
15
  var Article = articlesMap[size];
16
- return react_1.default.createElement(Article, { article: article });
16
+ return react_1.default.createElement(Article, { article: article, overrides: overrides });
17
17
  };
18
18
  exports.default = ArticleRecommendation;
19
19
  //# sourceMappingURL=ArticleRecommendation.js.map
package/dist/article-recommendations/components/ArticleRecommendation.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ArticleRecommendation.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/ArticleRecommendation.tsx"],"names":[],"mappings":";;;;;AACA,gDAAyB;AACzB,4FAAqE;AACrE,4FAAqE;AAErE,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,oCAA0B;IACjC,KAAK,EAAE,oCAA0B;CAClC,CAAA;AAED,IAAM,qBAAqB,GAAyC,UAAC,EAGpE;QAFC,OAAO,aAAA,EACP,IAAI,UAAA;IAEJ,IAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;IACjC,OAAO,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;AACtC,CAAC,CAAA;AAED,kBAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"ArticleRecommendation.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/ArticleRecommendation.tsx"],"names":[],"mappings":";;;;;AACA,gDAAyB;AACzB,4FAAqE;AACrE,4FAAqE;AAErE,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,oCAA0B;IACjC,KAAK,EAAE,oCAA0B;CAClC,CAAA;AAED,IAAM,qBAAqB,GAAyC,UAAC,EAIpE;QAHC,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA;IAET,IAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;IACjC,OAAO,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,kBAAe,qBAAqB,CAAA"}
package/dist/article-recommendations/components/ArticleRecommendationLarge.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { Article } from '../types';
2
+ import { Article, ArticleRecommendationOverrides } from '../types';
3
3
  declare const ArticleRecommendationLarge: React.FC<{
4
4
  article: Article;
5
+ overrides?: ArticleRecommendationOverrides;
5
6
  }>;
6
7
  export default ArticleRecommendationLarge;
package/dist/article-recommendations/components/ArticleRecommendationLarge.js CHANGED
@@ -1,45 +1,58 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
2
32
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
33
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
34
  };
5
35
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
36
+ var react_1 = __importStar(require("react"));
7
37
  var newskit_1 = require("newskit");
38
+ var lodash_merge_1 = __importDefault(require("lodash.merge"));
8
39
  var config_1 = require("../../config");
40
+ var baseProps_1 = require("./baseProps");
9
41
  var ArticleRecommendationLarge = function (_a) {
10
- var article = _a.article;
42
+ var article = _a.article, overrides = _a.overrides;
11
43
  var href = article.href, title = article.title, text = article.text;
44
+ var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationLarge, overrides); }, [overrides]);
12
45
  return (react_1.default.createElement(react_1.default.Fragment, null,
13
46
  react_1.default.createElement(newskit_1.Card, { href: config_1.siteHost, media: {
14
- src: href,
47
+ src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
15
48
  alt: title,
16
49
  loadingAspectRatio: '3:2',
17
- }, overrides: {
18
- stylePreset: 'cardContainer',
19
- mediaContainer: {
20
- spaceInline: 'space030',
21
- },
22
- } },
23
- react_1.default.createElement(newskit_1.Block, { spaceStack: "space060" },
24
- react_1.default.createElement(newskit_1.Block, { spaceStack: {
25
- xs: 'space040',
26
- md: 'space050',
27
- } },
28
- react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: {
29
- typographyPreset: {
30
- xs: 'editorialHeadline020',
31
- md: 'editorialHeadline030',
32
- xl: 'editorialHeadline040',
33
- },
34
- } }, title)),
35
- react_1.default.createElement(newskit_1.Block, { spaceStack: {
36
- xs: 'space040',
37
- md: 'space050',
38
- } },
39
- react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkContrast", typographyPreset: {
40
- xs: 'editorialParagraph010',
41
- md: 'editorialParagraph020',
42
- } }, text))))));
50
+ }, overrides: finalProps.card },
51
+ react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.spaceStack },
52
+ react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.headline.spaceStack },
53
+ react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),
54
+ react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.text.spaceStack },
55
+ react_1.default.createElement(newskit_1.TextBlock, __assign({}, finalProps.text.overrides), text))))));
43
56
  };
44
57
  exports.default = ArticleRecommendationLarge;
45
58
  //# sourceMappingURL=ArticleRecommendationLarge.js.map
package/dist/article-recommendations/components/ArticleRecommendationLarge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mCAA0D;AAE1D,uCAAuC;AACvC,IAAM,0BAA0B,GAAmC,UAAC,EAEnE;QADC,OAAO,aAAA;IAEC,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,OAAO,CACL;QACE,8BAAC,cAAI,IACH,IAAI,EAAE,iBAAQ,EACd,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI;gBACT,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;YAED,8BAAC,eAAK,IAAC,UAAU,EAAC,UAAU;gBAC1B,8BAAC,eAAK,IACJ,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;oBAED,8BAAC,kBAAQ,IACP,SAAS,EAAC,IAAI,EACd,SAAS,EAAE;4BACT,gBAAgB,EAAE;gCAChB,EAAE,EAAE,sBAAsB;gCAC1B,EAAE,EAAE,sBAAsB;gCAC1B,EAAE,EAAE,sBAAsB;6BAC3B;yBACF,IAEA,KAAK,CACG,CACL;gBACR,8BAAC,eAAK,IACJ,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;oBAED,8BAAC,mBAAS,IACR,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAE;4BAChB,EAAE,EAAE,uBAAuB;4BAC3B,EAAE,EAAE,uBAAuB;yBAC5B,IAEA,IAAI,CACK,CACN,CACF,CACH,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
1
+ {"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,8DAAgC;AAEhC,uCAAuC;AACvC,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,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,iBAAQ,EACd,KAAK,EAAE;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE,UAAU,CAAC,IAAI;YAE1B,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"}
package/dist/article-recommendations/components/ArticleRecommendationSmall.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { Article } from '../types';
2
+ import { Article, ArticleRecommendationOverrides } from '../types';
3
3
  declare const ArticleRecommendationSmall: React.FC<{
4
4
  article: Article;
5
+ overrides?: ArticleRecommendationOverrides;
5
6
  }>;
6
7
  export default ArticleRecommendationSmall;
package/dist/article-recommendations/components/ArticleRecommendationSmall.js CHANGED
@@ -1,34 +1,43 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
2
21
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
22
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
23
  };
5
24
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
25
+ var react_1 = __importStar(require("react"));
7
26
  var newskit_1 = require("newskit");
27
+ var lodash_merge_1 = __importDefault(require("lodash.merge"));
8
28
  var config_1 = require("../../config");
29
+ var baseProps_1 = require("./baseProps");
9
30
  var ArticleRecommendationSmall = function (_a) {
10
- var article = _a.article;
31
+ var article = _a.article, overrides = _a.overrides;
11
32
  var href = article.href, title = article.title;
33
+ var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationSmall, overrides); }, [overrides]);
12
34
  return (react_1.default.createElement(newskit_1.Card, { href: "" + config_1.siteHost, layout: "horizontal", media: {
13
35
  src: href,
14
36
  alt: 'Card Media',
15
37
  loadingAspectRatio: '3:2',
16
- overrides: {
17
- width: '150px',
18
- height: '100px',
19
- },
20
- }, overrides: {
21
- stylePreset: 'cardContainer',
22
- mediaContainer: {
23
- spaceInline: 'space030',
24
- },
25
- } },
26
- react_1.default.createElement(newskit_1.Headline, { headingAs: "h4", overrides: {
27
- typographyPreset: {
28
- xs: 'editorialHeadline040',
29
- xl: 'editorialHeadline020',
30
- },
31
- } }, title)));
38
+ overrides: finalProps.card.media.overrides,
39
+ }, overrides: finalProps.card.overrides },
40
+ react_1.default.createElement(newskit_1.Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
32
41
  };
33
42
  exports.default = ArticleRecommendationSmall;
34
43
  //# sourceMappingURL=ArticleRecommendationSmall.js.map
package/dist/article-recommendations/components/ArticleRecommendationSmall.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mCAAwC;AAExC,uCAAuC;AACvC,IAAM,0BAA0B,GAAmC,UAAC,EAEnE;QADC,OAAO,aAAA;IAEC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,OAAO,CACL,8BAAC,cAAI,IACH,IAAI,EAAE,KAAG,iBAAU,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE;YACL,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,YAAY;YACjB,kBAAkB,EAAE,KAAK;YACzB,SAAS,EAAE;gBACT,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;aAChB;SACF,EACD,SAAS,EAAE;YACT,WAAW,EAAE,eAAe;YAC5B,cAAc,EAAE;gBACd,WAAW,EAAE,UAAU;aACxB;SACF;QAED,8BAAC,kBAAQ,IACP,SAAS,EAAC,IAAI,EACd,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF,IAEA,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
1
+ {"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAAwC;AACxC,8DAAgC;AAEhC,uCAAuC;AACvC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,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,KAAG,iBAAU,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE;YACL,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,YAAY;YACjB,kBAAkB,EAAE,KAAK;YACzB,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAC3C,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS;QAEpC,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"}
package/dist/article-recommendations/components/baseProps.d.ts ADDED
@@ -0,0 +1,63 @@
1
+ export declare const baseProps: {
2
+ articleRecommendationLarge: {
3
+ card: {
4
+ overrides: {
5
+ stylePreset: string;
6
+ mediaContainer: {
7
+ spaceInline: string;
8
+ };
9
+ };
10
+ };
11
+ spaceStack: string;
12
+ headline: {
13
+ spaceStack: {
14
+ xs: string;
15
+ md: string;
16
+ };
17
+ overrides: {
18
+ typographyPreset: {
19
+ xs: string;
20
+ md: string;
21
+ xl: string;
22
+ };
23
+ };
24
+ };
25
+ text: {
26
+ spaceStack: {
27
+ xs: string;
28
+ md: string;
29
+ };
30
+ overrides: {
31
+ stylePreset: string;
32
+ typographyPreset: {
33
+ xs: string;
34
+ md: string;
35
+ };
36
+ };
37
+ };
38
+ };
39
+ articleRecommendationSmall: {
40
+ card: {
41
+ overrides: {
42
+ stylePreset: string;
43
+ mediaContainer: {
44
+ spaceInline: string;
45
+ };
46
+ };
47
+ media: {
48
+ overrides: {
49
+ width: string;
50
+ height: string;
51
+ };
52
+ };
53
+ };
54
+ headline: {
55
+ overrides: {
56
+ typographyPreset: {
57
+ xs: string;
58
+ xl: string;
59
+ };
60
+ };
61
+ };
62
+ };
63
+ };
package/dist/article-recommendations/components/baseProps.js ADDED
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.baseProps = void 0;
4
+ exports.baseProps = {
5
+ articleRecommendationLarge: {
6
+ card: {
7
+ overrides: {
8
+ stylePreset: 'cardContainer',
9
+ mediaContainer: {
10
+ spaceInline: 'space030',
11
+ },
12
+ },
13
+ },
14
+ spaceStack: 'space060',
15
+ headline: {
16
+ spaceStack: {
17
+ xs: 'space040',
18
+ md: 'space050',
19
+ },
20
+ overrides: {
21
+ typographyPreset: {
22
+ xs: 'editorialHeadline020',
23
+ md: 'editorialHeadline030',
24
+ xl: 'editorialHeadline040',
25
+ },
26
+ },
27
+ },
28
+ text: {
29
+ spaceStack: {
30
+ xs: 'space040',
31
+ md: 'space050',
32
+ },
33
+ overrides: {
34
+ stylePreset: 'inkContrast',
35
+ typographyPreset: {
36
+ xs: 'editorialParagraph010',
37
+ md: 'editorialParagraph020',
38
+ },
39
+ },
40
+ },
41
+ },
42
+ articleRecommendationSmall: {
43
+ card: {
44
+ overrides: {
45
+ stylePreset: 'cardContainer',
46
+ mediaContainer: {
47
+ spaceInline: 'space030',
48
+ },
49
+ },
50
+ media: {
51
+ overrides: {
52
+ width: '150px',
53
+ height: '100px',
54
+ },
55
+ },
56
+ },
57
+ headline: {
58
+ overrides: {
59
+ typographyPreset: {
60
+ xs: 'editorialHeadline040',
61
+ xl: 'editorialHeadline020',
62
+ },
63
+ },
64
+ },
65
+ },
66
+ };
67
+ //# sourceMappingURL=baseProps.js.map
package/dist/article-recommendations/components/baseProps.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"baseProps.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/baseProps.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;SACF;QACD,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE;YACR,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;QACD,IAAI,EAAE;YACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,aAAa;gBAC1B,gBAAgB,EAAE;oBAChB,EAAE,EAAE,uBAAuB;oBAC3B,EAAE,EAAE,uBAAuB;iBAC5B;aACF;SACF;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;YACD,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;iBAChB;aACF;SACF;QACD,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;KACF;CACF,CAAA"}
package/dist/article-recommendations/components/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import ArticleRecommendation from './ArticleRecommendation';
2
+ export * from './baseProps';
2
3
  export { ArticleRecommendation };
package/dist/article-recommendations/components/index.js CHANGED
@@ -1,4 +1,14 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
2
12
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
13
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
14
  };
@@ -6,4 +16,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
16
  exports.ArticleRecommendation = void 0;
7
17
  var ArticleRecommendation_1 = __importDefault(require("./ArticleRecommendation"));
8
18
  exports.ArticleRecommendation = ArticleRecommendation_1.default;
19
+ __exportStar(require("./baseProps"), exports);
9
20
  //# sourceMappingURL=index.js.map
package/dist/article-recommendations/components/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;AAAA,kFAA2D;AAElD,gCAFF,+BAAqB,CAEE"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kFAA2D;AAGlD,gCAHF,+BAAqB,CAGE;AAD9B,8CAA2B"}
package/dist/article-recommendations/types/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Publisher } from '@newskit-render/api';
2
+ import { MQ } from 'newskit';
2
3
  export declare type Article = {
3
4
  href: string;
4
5
  title: string;
@@ -7,9 +8,40 @@ export declare type Article = {
7
8
  export declare type ArticleRecommendationProps = {
8
9
  article: Article;
9
10
  size: 'large' | 'small';
11
+ overrides?: ArticleRecommendationOverrides;
10
12
  };
11
13
  export declare type ProviderArgs = {
12
14
  userId?: string;
13
15
  publisher: Publisher;
14
16
  articleId: string;
15
17
  };
18
+ export declare type ArticleRecommendationOverrides = {
19
+ spaceStack?: MQ<string>;
20
+ card?: {
21
+ overrides?: {
22
+ stylePreset?: MQ<string>;
23
+ mediaContainer?: {
24
+ spaceInline?: MQ<string>;
25
+ };
26
+ };
27
+ media?: {
28
+ overrides: {
29
+ width?: string;
30
+ height?: string;
31
+ };
32
+ };
33
+ };
34
+ headline?: {
35
+ spaceStack?: MQ<string>;
36
+ overrides: {
37
+ typographyPreset?: MQ<string>;
38
+ };
39
+ };
40
+ text?: {
41
+ spaceStack?: MQ<string>;
42
+ overrides: {
43
+ stylePreset?: MQ<string>;
44
+ typographyPreset?: MQ<string>;
45
+ };
46
+ };
47
+ };
package/dist/cjs/article-recommendations/components/ArticleRecommendation.js CHANGED
@@ -11,9 +11,9 @@ var articlesMap = {
11
11
  small: ArticleRecommendationSmall_1.default,
12
12
  };
13
13
  var ArticleRecommendation = function (_a) {
14
- var article = _a.article, size = _a.size;
14
+ var article = _a.article, size = _a.size, overrides = _a.overrides;
15
15
  var Article = articlesMap[size];
16
- return react_1.default.createElement(Article, { article: article });
16
+ return react_1.default.createElement(Article, { article: article, overrides: overrides });
17
17
  };
18
18
  exports.default = ArticleRecommendation;
19
19
  //# sourceMappingURL=ArticleRecommendation.js.map
package/dist/cjs/article-recommendations/components/ArticleRecommendation.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ArticleRecommendation.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendation.tsx"],"names":[],"mappings":";;;;;AACA,gDAAyB;AACzB,4FAAqE;AACrE,4FAAqE;AAErE,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,oCAA0B;IACjC,KAAK,EAAE,oCAA0B;CAClC,CAAA;AAED,IAAM,qBAAqB,GAAyC,UAAC,EAGpE;QAFC,OAAO,aAAA,EACP,IAAI,UAAA;IAEJ,IAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;IACjC,OAAO,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;AACtC,CAAC,CAAA;AAED,kBAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"ArticleRecommendation.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendation.tsx"],"names":[],"mappings":";;;;;AACA,gDAAyB;AACzB,4FAAqE;AACrE,4FAAqE;AAErE,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,oCAA0B;IACjC,KAAK,EAAE,oCAA0B;CAClC,CAAA;AAED,IAAM,qBAAqB,GAAyC,UAAC,EAIpE;QAHC,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA;IAET,IAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;IACjC,OAAO,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,kBAAe,qBAAqB,CAAA"}
package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { Article } from '../types';
2
+ import { Article, ArticleRecommendationOverrides } from '../types';
3
3
  declare const ArticleRecommendationLarge: React.FC<{
4
4
  article: Article;
5
+ overrides?: ArticleRecommendationOverrides;
5
6
  }>;
6
7
  export default ArticleRecommendationLarge;
package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js CHANGED
@@ -1,45 +1,58 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
2
32
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
33
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
34
  };
5
35
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
36
+ var react_1 = __importStar(require("react"));
7
37
  var newskit_1 = require("newskit");
38
+ var lodash_merge_1 = __importDefault(require("lodash.merge"));
8
39
  var config_1 = require("../../config");
40
+ var baseProps_1 = require("./baseProps");
9
41
  var ArticleRecommendationLarge = function (_a) {
10
- var article = _a.article;
42
+ var article = _a.article, overrides = _a.overrides;
11
43
  var href = article.href, title = article.title, text = article.text;
44
+ var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationLarge, overrides); }, [overrides]);
12
45
  return (react_1.default.createElement(react_1.default.Fragment, null,
13
46
  react_1.default.createElement(newskit_1.Card, { href: config_1.siteHost, media: {
14
- src: href,
47
+ src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
15
48
  alt: title,
16
49
  loadingAspectRatio: '3:2',
17
- }, overrides: {
18
- stylePreset: 'cardContainer',
19
- mediaContainer: {
20
- spaceInline: 'space030',
21
- },
22
- } },
23
- react_1.default.createElement(newskit_1.Block, { spaceStack: "space060" },
24
- react_1.default.createElement(newskit_1.Block, { spaceStack: {
25
- xs: 'space040',
26
- md: 'space050',
27
- } },
28
- react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: {
29
- typographyPreset: {
30
- xs: 'editorialHeadline020',
31
- md: 'editorialHeadline030',
32
- xl: 'editorialHeadline040',
33
- },
34
- } }, title)),
35
- react_1.default.createElement(newskit_1.Block, { spaceStack: {
36
- xs: 'space040',
37
- md: 'space050',
38
- } },
39
- react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkContrast", typographyPreset: {
40
- xs: 'editorialParagraph010',
41
- md: 'editorialParagraph020',
42
- } }, text))))));
50
+ }, overrides: finalProps.card },
51
+ react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.spaceStack },
52
+ react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.headline.spaceStack },
53
+ react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),
54
+ react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.text.spaceStack },
55
+ react_1.default.createElement(newskit_1.TextBlock, __assign({}, finalProps.text.overrides), text))))));
43
56
  };
44
57
  exports.default = ArticleRecommendationLarge;
45
58
  //# sourceMappingURL=ArticleRecommendationLarge.js.map
package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mCAA0D;AAE1D,uCAAuC;AACvC,IAAM,0BAA0B,GAAmC,UAAC,EAEnE;QADC,OAAO,aAAA;IAEC,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,OAAO,CACL;QACE,8BAAC,cAAI,IACH,IAAI,EAAE,iBAAQ,EACd,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI;gBACT,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;YAED,8BAAC,eAAK,IAAC,UAAU,EAAC,UAAU;gBAC1B,8BAAC,eAAK,IACJ,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;oBAED,8BAAC,kBAAQ,IACP,SAAS,EAAC,IAAI,EACd,SAAS,EAAE;4BACT,gBAAgB,EAAE;gCAChB,EAAE,EAAE,sBAAsB;gCAC1B,EAAE,EAAE,sBAAsB;gCAC1B,EAAE,EAAE,sBAAsB;6BAC3B;yBACF,IAEA,KAAK,CACG,CACL;gBACR,8BAAC,eAAK,IACJ,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;oBAED,8BAAC,mBAAS,IACR,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAE;4BAChB,EAAE,EAAE,uBAAuB;4BAC3B,EAAE,EAAE,uBAAuB;yBAC5B,IAEA,IAAI,CACK,CACN,CACF,CACH,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
1
+ {"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,8DAAgC;AAEhC,uCAAuC;AACvC,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,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,iBAAQ,EACd,KAAK,EAAE;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE,UAAU,CAAC,IAAI;YAE1B,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"}
package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { Article } from '../types';
2
+ import { Article, ArticleRecommendationOverrides } from '../types';
3
3
  declare const ArticleRecommendationSmall: React.FC<{
4
4
  article: Article;
5
+ overrides?: ArticleRecommendationOverrides;
5
6
  }>;
6
7
  export default ArticleRecommendationSmall;
package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js CHANGED
@@ -1,34 +1,43 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
2
21
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
22
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
23
  };
5
24
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
25
+ var react_1 = __importStar(require("react"));
7
26
  var newskit_1 = require("newskit");
27
+ var lodash_merge_1 = __importDefault(require("lodash.merge"));
8
28
  var config_1 = require("../../config");
29
+ var baseProps_1 = require("./baseProps");
9
30
  var ArticleRecommendationSmall = function (_a) {
10
- var article = _a.article;
31
+ var article = _a.article, overrides = _a.overrides;
11
32
  var href = article.href, title = article.title;
33
+ var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationSmall, overrides); }, [overrides]);
12
34
  return (react_1.default.createElement(newskit_1.Card, { href: "" + config_1.siteHost, layout: "horizontal", media: {
13
35
  src: href,
14
36
  alt: 'Card Media',
15
37
  loadingAspectRatio: '3:2',
16
- overrides: {
17
- width: '150px',
18
- height: '100px',
19
- },
20
- }, overrides: {
21
- stylePreset: 'cardContainer',
22
- mediaContainer: {
23
- spaceInline: 'space030',
24
- },
25
- } },
26
- react_1.default.createElement(newskit_1.Headline, { headingAs: "h4", overrides: {
27
- typographyPreset: {
28
- xs: 'editorialHeadline040',
29
- xl: 'editorialHeadline020',
30
- },
31
- } }, title)));
38
+ overrides: finalProps.card.media.overrides,
39
+ }, overrides: finalProps.card.overrides },
40
+ react_1.default.createElement(newskit_1.Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
32
41
  };
33
42
  exports.default = ArticleRecommendationSmall;
34
43
  //# sourceMappingURL=ArticleRecommendationSmall.js.map
package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mCAAwC;AAExC,uCAAuC;AACvC,IAAM,0BAA0B,GAAmC,UAAC,EAEnE;QADC,OAAO,aAAA;IAEC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,OAAO,CACL,8BAAC,cAAI,IACH,IAAI,EAAE,KAAG,iBAAU,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE;YACL,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,YAAY;YACjB,kBAAkB,EAAE,KAAK;YACzB,SAAS,EAAE;gBACT,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;aAChB;SACF,EACD,SAAS,EAAE;YACT,WAAW,EAAE,eAAe;YAC5B,cAAc,EAAE;gBACd,WAAW,EAAE,UAAU;aACxB;SACF;QAED,8BAAC,kBAAQ,IACP,SAAS,EAAC,IAAI,EACd,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF,IAEA,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,0BAA0B,CAAA"}
1
+ {"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAAwC;AACxC,8DAAgC;AAEhC,uCAAuC;AACvC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,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,KAAG,iBAAU,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE;YACL,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,YAAY;YACjB,kBAAkB,EAAE,KAAK;YACzB,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAC3C,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS;QAEpC,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"}
package/dist/cjs/article-recommendations/components/baseProps.d.ts ADDED
@@ -0,0 +1,63 @@
1
+ export declare const baseProps: {
2
+ articleRecommendationLarge: {
3
+ card: {
4
+ overrides: {
5
+ stylePreset: string;
6
+ mediaContainer: {
7
+ spaceInline: string;
8
+ };
9
+ };
10
+ };
11
+ spaceStack: string;
12
+ headline: {
13
+ spaceStack: {
14
+ xs: string;
15
+ md: string;
16
+ };
17
+ overrides: {
18
+ typographyPreset: {
19
+ xs: string;
20
+ md: string;
21
+ xl: string;
22
+ };
23
+ };
24
+ };
25
+ text: {
26
+ spaceStack: {
27
+ xs: string;
28
+ md: string;
29
+ };
30
+ overrides: {
31
+ stylePreset: string;
32
+ typographyPreset: {
33
+ xs: string;
34
+ md: string;
35
+ };
36
+ };
37
+ };
38
+ };
39
+ articleRecommendationSmall: {
40
+ card: {
41
+ overrides: {
42
+ stylePreset: string;
43
+ mediaContainer: {
44
+ spaceInline: string;
45
+ };
46
+ };
47
+ media: {
48
+ overrides: {
49
+ width: string;
50
+ height: string;
51
+ };
52
+ };
53
+ };
54
+ headline: {
55
+ overrides: {
56
+ typographyPreset: {
57
+ xs: string;
58
+ xl: string;
59
+ };
60
+ };
61
+ };
62
+ };
63
+ };
package/dist/cjs/article-recommendations/components/baseProps.js ADDED
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.baseProps = void 0;
4
+ exports.baseProps = {
5
+ articleRecommendationLarge: {
6
+ card: {
7
+ overrides: {
8
+ stylePreset: 'cardContainer',
9
+ mediaContainer: {
10
+ spaceInline: 'space030',
11
+ },
12
+ },
13
+ },
14
+ spaceStack: 'space060',
15
+ headline: {
16
+ spaceStack: {
17
+ xs: 'space040',
18
+ md: 'space050',
19
+ },
20
+ overrides: {
21
+ typographyPreset: {
22
+ xs: 'editorialHeadline020',
23
+ md: 'editorialHeadline030',
24
+ xl: 'editorialHeadline040',
25
+ },
26
+ },
27
+ },
28
+ text: {
29
+ spaceStack: {
30
+ xs: 'space040',
31
+ md: 'space050',
32
+ },
33
+ overrides: {
34
+ stylePreset: 'inkContrast',
35
+ typographyPreset: {
36
+ xs: 'editorialParagraph010',
37
+ md: 'editorialParagraph020',
38
+ },
39
+ },
40
+ },
41
+ },
42
+ articleRecommendationSmall: {
43
+ card: {
44
+ overrides: {
45
+ stylePreset: 'cardContainer',
46
+ mediaContainer: {
47
+ spaceInline: 'space030',
48
+ },
49
+ },
50
+ media: {
51
+ overrides: {
52
+ width: '150px',
53
+ height: '100px',
54
+ },
55
+ },
56
+ },
57
+ headline: {
58
+ overrides: {
59
+ typographyPreset: {
60
+ xs: 'editorialHeadline040',
61
+ xl: 'editorialHeadline020',
62
+ },
63
+ },
64
+ },
65
+ },
66
+ };
67
+ //# sourceMappingURL=baseProps.js.map
package/dist/cjs/article-recommendations/components/baseProps.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"baseProps.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/baseProps.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;SACF;QACD,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE;YACR,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;QACD,IAAI,EAAE;YACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,aAAa;gBAC1B,gBAAgB,EAAE;oBAChB,EAAE,EAAE,uBAAuB;oBAC3B,EAAE,EAAE,uBAAuB;iBAC5B;aACF;SACF;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;YACD,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;iBAChB;aACF;SACF;QACD,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;KACF;CACF,CAAA"}
package/dist/cjs/article-recommendations/components/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import ArticleRecommendation from './ArticleRecommendation';
2
+ export * from './baseProps';
2
3
  export { ArticleRecommendation };
package/dist/cjs/article-recommendations/components/index.js CHANGED
@@ -1,4 +1,14 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
2
12
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
13
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
14
  };
@@ -6,4 +16,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
16
  exports.ArticleRecommendation = void 0;
7
17
  var ArticleRecommendation_1 = __importDefault(require("./ArticleRecommendation"));
8
18
  exports.ArticleRecommendation = ArticleRecommendation_1.default;
19
+ __exportStar(require("./baseProps"), exports);
9
20
  //# sourceMappingURL=index.js.map
package/dist/cjs/article-recommendations/components/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;AAAA,kFAA2D;AAElD,gCAFF,+BAAqB,CAEE"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kFAA2D;AAGlD,gCAHF,+BAAqB,CAGE;AAD9B,8CAA2B"}
package/dist/cjs/article-recommendations/types/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Publisher } from '@newskit-render/api';
2
+ import { MQ } from 'newskit';
2
3
  export declare type Article = {
3
4
  href: string;
4
5
  title: string;
@@ -7,9 +8,40 @@ export declare type Article = {
7
8
  export declare type ArticleRecommendationProps = {
8
9
  article: Article;
9
10
  size: 'large' | 'small';
11
+ overrides?: ArticleRecommendationOverrides;
10
12
  };
11
13
  export declare type ProviderArgs = {
12
14
  userId?: string;
13
15
  publisher: Publisher;
14
16
  articleId: string;
15
17
  };
18
+ export declare type ArticleRecommendationOverrides = {
19
+ spaceStack?: MQ<string>;
20
+ card?: {
21
+ overrides?: {
22
+ stylePreset?: MQ<string>;
23
+ mediaContainer?: {
24
+ spaceInline?: MQ<string>;
25
+ };
26
+ };
27
+ media?: {
28
+ overrides: {
29
+ width?: string;
30
+ height?: string;
31
+ };
32
+ };
33
+ };
34
+ headline?: {
35
+ spaceStack?: MQ<string>;
36
+ overrides: {
37
+ typographyPreset?: MQ<string>;
38
+ };
39
+ };
40
+ text?: {
41
+ spaceStack?: MQ<string>;
42
+ overrides: {
43
+ stylePreset?: MQ<string>;
44
+ typographyPreset?: MQ<string>;
45
+ };
46
+ };
47
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/standalone-components",
3
- "version": "0.8.0",
3
+ "version": "0.10.0",
4
4
  "description": "Newskit Render Standalone Components",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",
@@ -54,7 +54,7 @@
54
54
  "jest-junit": "12.0.0",
55
55
  "jest-watch-typeahead": "0.6.3",
56
56
  "lint-staged": "12.1.7",
57
- "newskit": "5.1.1",
57
+ "newskit": "5.4.5",
58
58
  "prettier": "2.2.1",
59
59
  "react": "17.0.2",
60
60
  "react-dom": "17.0.2",
@@ -77,8 +77,9 @@
77
77
  },
78
78
  "dependencies": {
79
79
  "@apollo/client": "3.4.16",
80
- "@newskit-render/api": "^0.24.0",
81
- "graphql": "15.6.0"
80
+ "@newskit-render/api": "^0.25.0",
81
+ "graphql": "15.6.0",
82
+ "lodash.merge": "4.6.2"
82
83
  },
83
84
  "resolutions": {
84
85
  "@types/react": "^17.0.1",