@newskit-render/standalone-components 1.0.2 → 1.1.0

package/README.md

@@ -123,7 +123,41 @@ export async function getServerSideProps(context) {
 }
 ```
 
-## 2. Help-hub:
+## 2. Article Grid
+
+Article Grid - this is a grid element to display a list of articles with a customizable layout.
+
+The component takes the following props:
+
+```typescript
+export type ArticleGridProps = {
+  overrides?: {
+    rowGap?: MQ<string>
+    columnGap?: MQ<string>
+  }
+  columnCount?: MQ<string>
+  size: 'large' | 'small'
+  articles: Article[]
+}
+```
+
+### How to use
+
+The `columnCount` prop will determine the number of columns in the grid, it supports media query as well.
+
+```typescript
+const ArticleList: React.FC<{
+  articles: Article[]
+}> = ({ articles }) => (
+  <AricleGrid
+    columnCount={{ md: '1', lg: '2' }}
+    articles={articles}
+    size="large"
+  />
+)
+```
+
+## 3. Help-hub:
 
 Help - hub is a section of a website on which your customers can search for a specific problem and find some help to resolve it. It consists of three parts:
 

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,26 @@
+"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 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;
+    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) { return (react_1.default.createElement(ArticleRecommendation_1.default, { article: article, size: size })); })));
+};
+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;AAE3D,IAAM,UAAU,GAA+B,UAAC,EAK/C;QAJC,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACjB,QAAQ,cAAA,EACR,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA;IAEd,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,IAAK,OAAA,CACzB,8BAAC,+BAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,CACxD,EAF0B,CAE1B,CAAC,CACS,CACd,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

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

@@ -52,7 +52,7 @@ var ArticleRecommendationLarge = function (_a) {
                 src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
                 alt: title,
                 loadingAspectRatio: '3:2',
-            }, overrides: finalProps.card },
+            }, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
             react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.spaceStack },
                 react_1.default.createElement(newskit_1.Block, { spaceStack: finalProps.headline.spaceStack },
                     react_1.default.createElement(newskit_1.Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,uEAAyE;AACzE,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,EAAC,MAAM,CAAC,CAAA;IAC9C,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;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"}
+{"version":3,"file":"ArticleRecommendationLarge.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationLarge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0D;AAC1D,uEAAyE;AACzE,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,EAAC,MAAM,CAAC,CAAA;IAC9C,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;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,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"}

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

@@ -41,7 +41,7 @@ var ArticleRecommendationSmall = function (_a) {
             alt: 'Card Media',
             loadingAspectRatio: '3:2',
             overrides: finalProps.card.media.overrides,
-        }, overrides: finalProps.card.overrides },
+        }, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,uEAAyE;AACzE,mCAAwC;AACxC,8DAAgC;AAEhC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yCAAqB,EAAC,MAAM,CAAC,CAAA;IACtC,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;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"}
+{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,uEAAyE;AACzE,mCAAwC;AACxC,8DAAgC;AAEhC,yCAAuC;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yCAAqB,EAAC,MAAM,CAAC,CAAA;IACtC,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;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,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/index.d.ts

@@ -1,3 +1,4 @@
+import AricleGrid from './ArticleGrid';
 import ArticleRecommendation from './ArticleRecommendation';
 export * from './baseProps';
-export { ArticleRecommendation };
+export { ArticleRecommendation, AricleGrid };

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

@@ -17,7 +17,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArticleRecommendation = void 0;
+exports.AricleGrid = exports.ArticleRecommendation = void 0;
+var ArticleGrid_1 = __importDefault(require("./ArticleGrid"));
+exports.AricleGrid = ArticleGrid_1.default;
 var ArticleRecommendation_1 = __importDefault(require("./ArticleRecommendation"));
 exports.ArticleRecommendation = ArticleRecommendation_1.default;
 __exportStar(require("./baseProps"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kFAA2D;AAGlD,gCAHF,+BAAqB,CAGE;AAD9B,8CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,8DAAsC;AAIN,qBAJzB,qBAAU,CAIyB;AAH1C,kFAA2D;AAGlD,gCAHF,+BAAqB,CAGE;AAD9B,8CAA2B"}

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"}

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

@@ -5,6 +5,15 @@ export declare type Article = {
     title: string;
     text?: string;
 };
+export declare type ArticleGridProps = {
+    overrides?: {
+        rowGap?: MQ<string>;
+        columnGap?: MQ<string>;
+    };
+    columnCount?: MQ<string>;
+    size?: 'large' | 'small';
+    articles: Article[];
+};
 export declare type ArticleRecommendationProps = {
     article: Article;
     size: 'large' | 'small';

package/dist/cjs/help-hub/components/Templates/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ContextOptions, PagesNameMap } from '../../context';
 import { MQ, UncompiledTheme } from 'newskit';
 import { ThemeDropdownObject } from '@newskit-render/shared-components';

package/dist/esm/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/esm/article-recommendations/components/ArticleGrid.js

@@ -0,0 +1,21 @@
+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);
+};
+import { transformColumns } from '../helpers';
+import { GridLayout } from 'newskit';
+import React from 'react';
+import ArticleRecommendation from './ArticleRecommendation';
+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;
+    return (React.createElement(GridLayout, __assign({ columns: transformColumns(columnCount), rowGap: { xs: 'space010', md: 'space040' }, columnGap: { md: 'space030', lg: 'space050' } }, overrides), articles.map(function (article) { return (React.createElement(ArticleRecommendation, { article: article, size: size })); })));
+};
+export default AricleGrid;
+//# sourceMappingURL=ArticleGrid.js.map

package/dist/esm/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,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAE3D,IAAM,UAAU,GAA+B,UAAC,EAK/C;QAJC,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACjB,QAAQ,cAAA,EACR,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA;IAEd,OAAO,CACL,oBAAC,UAAU,aACT,OAAO,EAAE,gBAAgB,CAAC,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,IAAK,OAAA,CACzB,oBAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,CACxD,EAF0B,CAE1B,CAAC,CACS,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -24,7 +24,7 @@ var ArticleRecommendationLarge = function (_a) {
                 src: href || 'https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img',
                 alt: title,
                 loadingAspectRatio: '3:2',
-            }, overrides: finalProps.card },
+            }, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
             React.createElement(Block, { spaceStack: finalProps.spaceStack },
                 React.createElement(Block, { spaceStack: finalProps.headline.spaceStack },
                     React.createElement(Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),

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

@@ -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;AACzE,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,CAAC,MAAM,CAAC,CAAA;IAC9C,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;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,SAAS,EAAE,UAAU,CAAC,IAAI;YAE1B,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"}
+{"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;AACzE,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,CAAC,MAAM,CAAC,CAAA;IAC9C,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;gBACL,GAAG,EACD,IAAI,IAAI,2DAA2D;gBACrE,GAAG,EAAE,KAAK;gBACV,kBAAkB,EAAE,KAAK;aAC1B,EACD,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"}

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

@@ -13,7 +13,7 @@ var ArticleRecommendationSmall = function (_a) {
             alt: 'Card Media',
             loadingAspectRatio: '3:2',
             overrides: finalProps.card.media.overrides,
-        }, overrides: finalProps.card.overrides },
+        }, overrides: finalProps.card.overrides, "data-testid": "article-recommendation-small" },
         React.createElement(Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
 };
 export default ArticleRecommendationSmall;

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

@@ -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;AACzE,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,CAAC,MAAM,CAAC,CAAA;IACtC,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;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,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"}
+{"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;AACzE,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,CAAC,MAAM,CAAC,CAAA;IACtC,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;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,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/dist/esm/article-recommendations/components/index.d.ts

@@ -1,3 +1,4 @@
+import AricleGrid from './ArticleGrid';
 import ArticleRecommendation from './ArticleRecommendation';
 export * from './baseProps';
-export { ArticleRecommendation };
+export { ArticleRecommendation, AricleGrid };

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

@@ -1,4 +1,5 @@
+import AricleGrid from './ArticleGrid';
 import ArticleRecommendation from './ArticleRecommendation';
 export * from './baseProps';
-export { ArticleRecommendation };
+export { ArticleRecommendation, AricleGrid };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAE3D,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAE3D,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/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/esm/article-recommendations/helpers/index.js

@@ -0,0 +1,20 @@
+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);
+};
+export 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)");
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,MAAM,CAAC,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"}

package/dist/esm/article-recommendations/types/index.d.ts

@@ -5,6 +5,15 @@ export declare type Article = {
     title: string;
     text?: string;
 };
+export declare type ArticleGridProps = {
+    overrides?: {
+        rowGap?: MQ<string>;
+        columnGap?: MQ<string>;
+    };
+    columnCount?: MQ<string>;
+    size?: 'large' | 'small';
+    articles: Article[];
+};
 export declare type ArticleRecommendationProps = {
     article: Article;
     size: 'large' | 'small';

package/dist/esm/help-hub/components/Templates/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ContextOptions, PagesNameMap } from '../../context';
 import { MQ, UncompiledTheme } from 'newskit';
 import { ThemeDropdownObject } from '@newskit-render/shared-components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/standalone-components",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Newskit Render Standalone Components",
   "author": "",
   "license": "UNLICENSED",
@@ -34,7 +34,7 @@
     "@emotion-icons/material-outlined": "3.14.0",
     "@emotion/react": "11.10.4",
     "@emotion/styled": "11.10.4",
-    "@newskit-render/api": "^1.0.0",
+    "@newskit-render/api": "^1.1.0",
     "@newskit-render/shared-components": "^1.1.1",
     "algoliasearch": "4.13.1",
     "cross-fetch": "3.1.5",