@newskit-render/standalone-components 0.0.0-e16014a0

package/dist/cjs/article-recommendations/components/AdPlaceholder.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const AdPlaceHolder: React.FC<{
+    id: string;
+    height?: string;
+    maxWidth?: string;
+    className?: string;
+    dataAdLabel?: string;
+}>;
+export default AdPlaceHolder;

package/dist/cjs/article-recommendations/components/AdPlaceholder.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var AdContainer = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  width: 100%;\n  min-height: max-content;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  ", "\n  width: 100%;\n  min-height: max-content;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+    var height = _a.height, maxWidth = _a.maxWidth;
+    return "height: ".concat(height || 'auto', ";\n    max-width: ").concat(maxWidth || '100%', ";");
+});
+var AdPlaceHolder = function (_a) {
+    var id = _a.id, height = _a.height, maxWidth = _a.maxWidth, className = _a.className, dataAdLabel = _a.dataAdLabel;
+    return (react_1.default.createElement(newskit_1.Block, { "data-testid": "ad-".concat(id) },
+        react_1.default.createElement(AdContainer, { id: id, height: height, maxWidth: maxWidth, className: className, "data-ad-label": dataAdLabel })));
+};
+exports.default = AdPlaceHolder;
+var templateObject_1;
+//# sourceMappingURL=AdPlaceholder.js.map

package/dist/cjs/article-recommendations/components/AdPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdPlaceholder.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/AdPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AAOvC,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,oNAAgB,MAC1C,EAEkC,yIAOrC,KATG,UAAC,EAAoB;QAAlB,MAAM,YAAA,EAAE,QAAQ,cAAA;IACnB,OAAA,kBAAW,MAAM,IAAI,MAAM,+BACd,QAAQ,IAAI,MAAM,MAAG;AADlC,CACkC,CAOrC,CAAA;AAED,IAAM,aAAa,GAMd,UAAC,EAAgD;QAA9C,EAAE,QAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IAAO,OAAA,CACzD,8BAAC,eAAK,mBAAc,aAAM,EAAE,CAAE;QAC5B,8BAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,mBACL,WAAW,GAC1B,CACI,CACT;AAV0D,CAU1D,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist/cjs/article-recommendations/components/ArticleGrid.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ArticleGridProps } from '../types';
+declare const AricleGrid: React.FC<ArticleGridProps>;
+export default AricleGrid;

package/dist/cjs/article-recommendations/components/ArticleGrid.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var helpers_1 = require("../helpers");
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var ArticleRecommendation_1 = __importDefault(require("./ArticleRecommendation"));
+var AdPlaceholder_1 = __importDefault(require("./AdPlaceholder"));
+var AricleGrid = function (_a) {
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.columnCount, columnCount = _c === void 0 ? '1' : _c, articles = _a.articles, _d = _a.size, size = _d === void 0 ? 'large' : _d, ads = _a.ads;
+    var renderedAds = 1;
+    return (react_1.default.createElement(newskit_1.GridLayout, __assign({ columns: (0, helpers_1.transformColumns)(columnCount), rowGap: { xs: 'space010', md: 'space040' }, columnGap: { md: 'space030', lg: 'space050' } }, overrides), articles.map(function (article, i) {
+        var isCurrentIndexApplicableForAd = ads && i % ads.articlesMargin === 0;
+        var shouldRenderAd = isCurrentIndexApplicableForAd && renderedAds <= ads.count;
+        renderedAds = shouldRenderAd ? renderedAds + 1 : renderedAds;
+        return (react_1.default.createElement("div", { key: "".concat(article.title, "-").concat(i) },
+            react_1.default.createElement(ArticleRecommendation_1.default, { article: article, size: size, key: i }),
+            shouldRenderAd ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(AdPlaceholder_1.default, { id: "".concat(ads.options.id, "-").concat(i), className: ads.options.className, dataAdLabel: ads.options.dataAdLabel }))) : null));
+    })));
+};
+exports.default = AricleGrid;
+//# sourceMappingURL=ArticleGrid.js.map

package/dist/cjs/article-recommendations/components/ArticleGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleGrid.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sCAA6C;AAC7C,mCAAoC;AACpC,gDAAyB;AAEzB,kFAA2D;AAC3D,kEAA2C;AAE3C,IAAM,UAAU,GAA+B,UAAC,EAM/C;QALC,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACjB,QAAQ,cAAA,EACR,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,GAAG,SAAA;IAEH,IAAI,WAAW,GAAG,CAAC,CAAA;IACnB,OAAO,CACL,8BAAC,oBAAU,aACT,OAAO,EAAE,IAAA,0BAAgB,EAAC,WAAW,CAAC,EACtC,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAC1C,SAAS,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IACzC,SAAS,GAEZ,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;QACvB,IAAM,6BAA6B,GACjC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,cAAc,KAAK,CAAC,CAAA;QACrC,IAAM,cAAc,GAClB,6BAA6B,IAAI,WAAW,IAAI,GAAG,CAAC,KAAK,CAAA;QAE3D,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAA;QAE5D,OAAO,CACL,uCAAK,GAAG,EAAE,UAAG,OAAO,CAAC,KAAK,cAAI,CAAC,CAAE;YAC/B,8BAAC,+BAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,GAAI;YAC9D,cAAc,CAAC,CAAC,CAAC,CAChB;gBACE,8BAAC,uBAAa,IACZ,EAAE,EAAE,UAAG,GAAG,CAAC,OAAO,CAAC,EAAE,cAAI,CAAC,CAAE,EAC5B,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,EAChC,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,GACpC,CACD,CACJ,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;IACH,CAAC,CAAC,CACS,CACd,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/dist/cjs/article-recommendations/components/ArticleRecommendation.d.ts

@@ -0,0 +1,4 @@
+import { ArticleRecommendationProps } from '../types';
+import React from 'react';
+declare const ArticleRecommendation: React.FC<ArticleRecommendationProps>;
+export default ArticleRecommendation;

package/dist/cjs/article-recommendations/components/ArticleRecommendation.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ArticleRecommendationLarge_1 = __importDefault(require("./ArticleRecommendationLarge"));
+var ArticleRecommendationSmall_1 = __importDefault(require("./ArticleRecommendationSmall"));
+var articlesMap = {
+    large: ArticleRecommendationLarge_1.default,
+    small: ArticleRecommendationSmall_1.default,
+};
+var ArticleRecommendation = function (_a) {
+    var article = _a.article, size = _a.size, overrides = _a.overrides;
+    var Article = articlesMap[size];
+    return react_1.default.createElement(Article, { article: article, overrides: overrides });
+};
+exports.default = ArticleRecommendation;
+//# sourceMappingURL=ArticleRecommendation.js.map

package/dist/cjs/article-recommendations/components/ArticleRecommendation.js.map

@@ -0,0 +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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Article, ArticleRecommendationOverrides } from '../types';
+declare const ArticleRecommendationLarge: React.FC<{
+    article: Article;
+    overrides?: ArticleRecommendationOverrides;
+}>;
+export default ArticleRecommendationLarge;

package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js

@@ -0,0 +1,59 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var lodash_merge_1 = __importDefault(require("lodash.merge"));
+var baseProps_1 = require("./baseProps");
+var ArticleRecommendationLarge = function (_a) {
+    var article = _a.article, overrides = _a.overrides;
+    var href = article.href, title = article.title, text = article.text;
+    var siteHost = (0, shared_components_1.getHostNameFromWindow)();
+    var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationLarge, overrides); }, [overrides]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        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" },
+            react_1.default.createElement(newskit_1.Block, { marginBlockEnd: finalProps.marginBlockEnd },
+                react_1.default.createElement(newskit_1.Block, { marginBlockEnd: finalProps.headline.marginBlockEnd },
+                    react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),
+                react_1.default.createElement(newskit_1.Block, { marginBlockEnd: finalProps.text.marginBlockEnd },
+                    react_1.default.createElement(newskit_1.TextBlock, __assign({}, finalProps.text.overrides), text))))));
+};
+exports.default = ArticleRecommendationLarge;
+//# sourceMappingURL=ArticleRecommendationLarge.js.map

package/dist/cjs/article-recommendations/components/ArticleRecommendationLarge.js.map

@@ -0,0 +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,cAAc,EAAE,UAAU,CAAC,cAAc;gBAC9C,8BAAC,eAAK,IAAC,cAAc,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc;oBACvD,8BAAC,kBAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACL;gBACR,8BAAC,eAAK,IAAC,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc;oBACnD,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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Article, ArticleRecommendationOverrides } from '../types';
+declare const ArticleRecommendationSmall: React.FC<{
+    article: Article;
+    overrides?: ArticleRecommendationOverrides;
+}>;
+export default ArticleRecommendationSmall;

package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var lodash_merge_1 = __importDefault(require("lodash.merge"));
+var baseProps_1 = require("./baseProps");
+var ArticleRecommendationSmall = function (_a) {
+    var article = _a.article, overrides = _a.overrides;
+    var siteHost = (0, shared_components_1.getHostNameFromWindow)();
+    var href = article.href, title = article.title;
+    var finalProps = (0, react_1.useMemo)(function () { return (0, lodash_merge_1.default)({}, baseProps_1.baseProps.articleRecommendationSmall, overrides); }, [overrides]);
+    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" },
+        react_1.default.createElement(newskit_1.Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
+};
+exports.default = ArticleRecommendationSmall;
+//# sourceMappingURL=ArticleRecommendationSmall.js.map

package/dist/cjs/article-recommendations/components/ArticleRecommendationSmall.js.map

@@ -0,0 +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"}

package/dist/cjs/article-recommendations/components/ArticleRecommendationsProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ArticleRecommendationsProviderProps } from '../types';
+declare const ArticleRecommendationsProvider: React.FC<ArticleRecommendationsProviderProps>;
+export default ArticleRecommendationsProvider;

package/dist/cjs/article-recommendations/components/ArticleRecommendationsProvider.js

@@ -0,0 +1,83 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var swr_1 = __importDefault(require("swr"));
+var context_1 = require("../context");
+var provider_1 = require("../provider");
+var defaultContext = {
+    dpaTemplates: [
+        {
+            templateId: 'list-1',
+            columnCount: '1',
+            size: 'small',
+            recommendedArticlesCount: 4,
+            ads: {
+                count: 3,
+                articlesMargin: 2,
+                options: {
+                    id: 'dynamic-mpu',
+                    className: 'nuk-ad-placeholder',
+                    dataAdLabel: 'dynamicMpus',
+                },
+            },
+        },
+        {
+            templateId: 'list-2',
+            columnCount: { xs: '1', sm: '2', lg: '4' },
+            size: 'large',
+            recommendedArticlesCount: 15,
+            ads: {
+                count: 4,
+                articlesMargin: 2,
+                options: {
+                    id: 'dynamic-mpu',
+                    className: 'nuk-ad-placeholder',
+                    dataAdLabel: 'dynamicMpus',
+                },
+            },
+        },
+    ],
+};
+var addArticlesToDPATemplates = function (articles, dpaTemplates) {
+    var totalArticlesCount = 0;
+    return dpaTemplates.reduce(function (acc, _a) {
+        var templateId = _a.templateId, columnCount = _a.columnCount, size = _a.size, recommendedArticlesCount = _a.recommendedArticlesCount, ads = _a.ads;
+        var currentDPATemplateArticles = articles.slice(totalArticlesCount, totalArticlesCount + recommendedArticlesCount);
+        var templateWithArticles = {
+            templateId: templateId,
+            columnCount: columnCount,
+            size: size,
+            ads: ads,
+            recommendedArticles: currentDPATemplateArticles,
+        };
+        totalArticlesCount += recommendedArticlesCount;
+        acc.push(templateWithArticles);
+        return acc;
+    }, []);
+};
+var ArticleRecommendationsProvider = function (_a) {
+    var articleId = _a.articleId, context = _a.context, config = _a.config, children = _a.children;
+    var enhancedContext = context || defaultContext;
+    var articles = (0, swr_1.default)([articleId, config], provider_1.fetcher).data;
+    var dpaTemplates = articles
+        ? addArticlesToDPATemplates(articles, enhancedContext.dpaTemplates)
+        : [];
+    var contextWithArticles = __assign(__assign({}, enhancedContext), { dpaTemplates: dpaTemplates, articleId: articleId });
+    return (react_1.default.createElement(context_1.ArticleRecommendationsProviderContext.Provider, { value: contextWithArticles }, children));
+};
+exports.default = ArticleRecommendationsProvider;
+//# sourceMappingURL=ArticleRecommendationsProvider.js.map

package/dist/cjs/article-recommendations/components/ArticleRecommendationsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleRecommendationsProvider.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationsProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,4CAAwB;AACxB,sCAAkE;AAQlE,wCAAqC;AAErC,IAAM,cAAc,GAA8C;IAChE,YAAY,EAAE;QACZ;YACE,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,GAAG;YAChB,IAAI,EAAE,OAAO;YACb,wBAAwB,EAAE,CAAC;YAC3B,GAAG,EAAE;gBACH,KAAK,EAAE,CAAC;gBACR,cAAc,EAAE,CAAC;gBACjB,OAAO,EAAE;oBACP,EAAE,EAAE,aAAa;oBACjB,SAAS,EAAE,oBAAoB;oBAC/B,WAAW,EAAE,aAAa;iBAC3B;aACF;SACF;QACD;YACE,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;YAC1C,IAAI,EAAE,OAAO;YACb,wBAAwB,EAAE,EAAE;YAC5B,GAAG,EAAE;gBACH,KAAK,EAAE,CAAC;gBACR,cAAc,EAAE,CAAC;gBACjB,OAAO,EAAE;oBACP,EAAE,EAAE,aAAa;oBACjB,SAAS,EAAE,oBAAoB;oBAC/B,WAAW,EAAE,aAAa;iBAC3B;aACF;SACF;KACF;CACF,CAAA;AAED,IAAM,yBAAyB,GAAG,UAChC,QAAmB,EACnB,YAA2B;IAE3B,IAAI,kBAAkB,GAAG,CAAC,CAAA;IAC1B,OAAO,YAAY,CAAC,MAAM,CACxB,UACE,GAA8B,EAC9B,EAMc;YALZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,wBAAwB,8BAAA,EACxB,GAAG,SAAA;QAGL,IAAM,0BAA0B,GAAG,QAAQ,CAAC,KAAK,CAC/C,kBAAkB,EAClB,kBAAkB,GAAG,wBAAwB,CAC9C,CAAA;QACD,IAAM,oBAAoB,GAA4B;YACpD,UAAU,YAAA;YACV,WAAW,aAAA;YACX,IAAI,MAAA;YACJ,GAAG,KAAA;YACH,mBAAmB,EAAE,0BAA0B;SAChD,CAAA;QAED,kBAAkB,IAAI,wBAAwB,CAAA;QAC9C,GAAG,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAC9B,OAAO,GAAG,CAAA;IACZ,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,8BAA8B,GAEhC,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA;IACzC,IAAM,eAAe,GAAG,OAAO,IAAI,cAAc,CAAA;IACzC,IAAM,QAAQ,GAAK,IAAA,aAAM,EAAY,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,kBAAO,CAAC,KAApD,CAAoD;IAE1E,IAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,yBAAyB,CAAC,QAAQ,EAAE,eAAe,CAAC,YAAY,CAAC;QACnE,CAAC,CAAC,EAAE,CAAA;IAEN,IAAM,mBAAmB,yBACpB,eAAe,KAClB,YAAY,cAAA,EACZ,SAAS,WAAA,GACV,CAAA;IAED,OAAO,CACL,8BAAC,+CAAqC,CAAC,QAAQ,IAAC,KAAK,EAAE,mBAAmB,IACvE,QAAQ,CACsC,CAClD,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,8BAA8B,CAAA"}

package/dist/cjs/article-recommendations/components/RecommendedArticleList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const RecommendedArticleList: React.FC<{
+    templateId: string;
+}>;
+export default RecommendedArticleList;

package/dist/cjs/article-recommendations/components/RecommendedArticleList.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ArticleGrid_1 = __importDefault(require("./ArticleGrid"));
+var context_1 = require("../context");
+var RecommendedArticleList = function (_a) {
+    var templateId = _a.templateId;
+    var context = (0, react_1.useContext)(context_1.ArticleRecommendationsProviderContext);
+    var dpaTemplate = context.dpaTemplates.find(function (dpaTemplate) { return dpaTemplate.templateId === templateId; });
+    if (!dpaTemplate) {
+        return null;
+    }
+    var recommendedArticles = dpaTemplate.recommendedArticles, columnCount = dpaTemplate.columnCount, size = dpaTemplate.size, ads = dpaTemplate.ads;
+    return (react_1.default.createElement(ArticleGrid_1.default, { articles: recommendedArticles, columnCount: columnCount, size: size, ads: ads }));
+};
+exports.default = RecommendedArticleList;
+//# sourceMappingURL=RecommendedArticleList.js.map

package/dist/cjs/article-recommendations/components/RecommendedArticleList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendedArticleList.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/RecommendedArticleList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8DAAsC;AACtC,sCAAkE;AAGlE,IAAM,sBAAsB,GAAqC,UAAC,EAEjE;QADC,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG,IAAA,kBAAU,EACxB,+CAAqC,CACmB,CAAA;IAE1D,IAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAC3C,UAAC,WAAW,IAAK,OAAA,WAAW,CAAC,UAAU,KAAK,UAAU,EAArC,CAAqC,CACvD,CAAA;IAED,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAEO,IAAA,mBAAmB,GAA6B,WAAW,oBAAxC,EAAE,WAAW,GAAgB,WAAW,YAA3B,EAAE,IAAI,GAAU,WAAW,KAArB,EAAE,GAAG,GAAK,WAAW,IAAhB,CAAgB;IACnE,OAAO,CACL,8BAAC,qBAAU,IACT,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,GACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,sBAAsB,CAAA"}

package/dist/cjs/article-recommendations/components/baseProps.d.ts

@@ -0,0 +1,63 @@
+export declare const baseProps: {
+    articleRecommendationLarge: {
+        card: {
+            overrides: {
+                stylePreset: string;
+                mediaContainer: {
+                    spaceInline: string;
+                };
+            };
+        };
+        marginBlockEnd: string;
+        headline: {
+            marginBlockEnd: {
+                xs: string;
+                md: string;
+            };
+            overrides: {
+                typographyPreset: {
+                    xs: string;
+                    md: string;
+                    xl: string;
+                };
+            };
+        };
+        text: {
+            marginBlockEnd: {
+                xs: string;
+                md: string;
+            };
+            overrides: {
+                stylePreset: string;
+                typographyPreset: {
+                    xs: string;
+                    md: string;
+                };
+            };
+        };
+    };
+    articleRecommendationSmall: {
+        card: {
+            overrides: {
+                stylePreset: string;
+                mediaContainer: {
+                    spaceInline: string;
+                };
+            };
+            media: {
+                overrides: {
+                    width: string;
+                    height: string;
+                };
+            };
+        };
+        headline: {
+            overrides: {
+                typographyPreset: {
+                    xs: string;
+                    xl: string;
+                };
+            };
+        };
+    };
+};

package/dist/cjs/article-recommendations/components/baseProps.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseProps = void 0;
+exports.baseProps = {
+    articleRecommendationLarge: {
+        card: {
+            overrides: {
+                stylePreset: 'cardContainer',
+                mediaContainer: {
+                    spaceInline: 'space030',
+                },
+            },
+        },
+        marginBlockEnd: 'space060',
+        headline: {
+            marginBlockEnd: {
+                xs: 'space040',
+                md: 'space050',
+            },
+            overrides: {
+                typographyPreset: {
+                    xs: 'editorialHeadline020',
+                    md: 'editorialHeadline030',
+                    xl: 'editorialHeadline040',
+                },
+            },
+        },
+        text: {
+            marginBlockEnd: {
+                xs: 'space040',
+                md: 'space050',
+            },
+            overrides: {
+                stylePreset: 'inkContrast',
+                typographyPreset: {
+                    xs: 'editorialParagraph010',
+                    md: 'editorialParagraph020',
+                },
+            },
+        },
+    },
+    articleRecommendationSmall: {
+        card: {
+            overrides: {
+                stylePreset: 'cardContainer',
+                mediaContainer: {
+                    spaceInline: 'space030',
+                },
+            },
+            media: {
+                overrides: {
+                    width: '150px',
+                    height: '100px',
+                },
+            },
+        },
+        headline: {
+            overrides: {
+                typographyPreset: {
+                    xs: 'editorialHeadline040',
+                    xl: 'editorialHeadline020',
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=baseProps.js.map

package/dist/cjs/article-recommendations/components/baseProps.js.map

@@ -0,0 +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,cAAc,EAAE,UAAU;QAC1B,QAAQ,EAAE;YACR,cAAc,EAAE;gBACd,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,cAAc,EAAE;gBACd,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

@@ -0,0 +1,7 @@
+import AdPlaceholder from './AdPlaceholder';
+import AricleGrid from './ArticleGrid';
+import ArticleRecommendation from './ArticleRecommendation';
+import ArticleRecommendationsProvider from './ArticleRecommendationsProvider';
+import RecommendedArticleList from './RecommendedArticleList';
+export * from './baseProps';
+export { ArticleRecommendation, AricleGrid, ArticleRecommendationsProvider, RecommendedArticleList, AdPlaceholder, };

package/dist/cjs/article-recommendations/components/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdPlaceholder = exports.RecommendedArticleList = exports.ArticleRecommendationsProvider = exports.AricleGrid = exports.ArticleRecommendation = void 0;
+var AdPlaceholder_1 = __importDefault(require("./AdPlaceholder"));
+exports.AdPlaceholder = AdPlaceholder_1.default;
+var ArticleGrid_1 = __importDefault(require("./ArticleGrid"));
+exports.AricleGrid = ArticleGrid_1.default;
+var ArticleRecommendation_1 = __importDefault(require("./ArticleRecommendation"));
+exports.ArticleRecommendation = ArticleRecommendation_1.default;
+var ArticleRecommendationsProvider_1 = __importDefault(require("./ArticleRecommendationsProvider"));
+exports.ArticleRecommendationsProvider = ArticleRecommendationsProvider_1.default;
+var RecommendedArticleList_1 = __importDefault(require("./RecommendedArticleList"));
+exports.RecommendedArticleList = RecommendedArticleList_1.default;
+__exportStar(require("./baseProps"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kEAA2C;AAYzC,wBAZK,uBAAa,CAYL;AAXf,8DAAsC;AAQpC,qBARK,qBAAU,CAQL;AAPZ,kFAA2D;AAMzD,gCANK,+BAAqB,CAML;AALvB,oGAA6E;AAO3E,yCAPK,wCAA8B,CAOL;AANhC,oFAA6D;AAO3D,iCAPK,gCAAsB,CAOL;AALxB,8CAA2B"}

package/dist/cjs/article-recommendations/context/index.d.ts

@@ -0,0 +1,3 @@
+import { ArticleRecommendationsProviderContextType } from '../types';
+import React from 'react';
+export declare const ArticleRecommendationsProviderContext: React.Context<ArticleRecommendationsProviderContextType | null>;

package/dist/cjs/article-recommendations/context/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleRecommendationsProviderContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.ArticleRecommendationsProviderContext = react_1.default.createContext(null);
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/context/index.tsx"],"names":[],"mappings":";;;;;;AACA,gDAAyB;AAEZ,QAAA,qCAAqC,GAChD,eAAK,CAAC,aAAa,CAAmD,IAAI,CAAC,CAAA"}

package/dist/cjs/article-recommendations/helpers/index.d.ts

@@ -0,0 +1,2 @@
+import { MQ } from 'newskit';
+export declare const transformColumns: (coulmnCount: MQ<string>) => MQ<string>;

package/dist/cjs/article-recommendations/helpers/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformColumns = void 0;
+var transformColumns = function (coulmnCount) {
+    return typeof coulmnCount === 'object'
+        ? Object.entries(coulmnCount).reduce(function (acc, count) {
+            var _a;
+            return (__assign(__assign({}, acc), (_a = {}, _a[count[0]] = "repeat(".concat(count[1], ", 1fr)"), _a)));
+        }, {})
+        : "repeat(".concat(coulmnCount, ", 1fr)");
+};
+exports.transformColumns = transformColumns;
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEO,IAAM,gBAAgB,GAAG,UAAC,WAAuB;IACtD,OAAA,OAAO,WAAW,KAAK,QAAQ;QAC7B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,CAChC,UAAC,GAAG,EAAE,KAAK;;YAAK,OAAA,uBACX,GAAG,gBACL,KAAK,CAAC,CAAC,CAAC,IAAG,iBAAU,KAAK,CAAC,CAAC,CAAC,WAAQ,OACtC;QAHc,CAGd,EACF,EAAE,CACH;QACH,CAAC,CAAC,iBAAU,WAAW,WAAQ;AARjC,CAQiC,CAAA;AATtB,QAAA,gBAAgB,oBASM"}