@newskit-render/standalone-components 0.0.0-e16014a0

package/dist/cjs/rss-console/hooks/useFeedList.js

@@ -0,0 +1,55 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var client_1 = __importDefault(require("../client"));
+var swr_1 = __importDefault(require("swr"));
+function useFeedList() {
+    var _this = this;
+    var client = (0, client_1.default)();
+    var _a = (0, swr_1.default)('feeds', function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, client.getFeedList()];
+        });
+    }); }), data = _a.data, error = _a.error;
+    return { feeds: data || [], error: error };
+}
+exports.default = useFeedList;
+//# sourceMappingURL=useFeedList.js.map

package/dist/cjs/rss-console/hooks/useFeedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeedList.js","sourceRoot":"","sources":["../../../../src/rss-console/hooks/useFeedList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuC;AACvC,4CAAwB;AAExB,SAAwB,WAAW;IAAnC,iBAQC;IAPC,IAAM,MAAM,GAAG,IAAA,gBAAe,GAAE,CAAA;IAE1B,IAAA,KAAkB,IAAA,aAAM,EAAC,OAAO,EAAE;;YACtC,sBAAO,MAAM,CAAC,WAAW,EAAE,EAAA;;SAC5B,CAAC,EAFM,IAAI,UAAA,EAAE,KAAK,WAEjB,CAAA;IAEF,OAAO,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,KAAK,OAAA,EAAE,CAAA;AACrC,CAAC;AARD,8BAQC"}

package/dist/cjs/rss-console/index.d.ts

@@ -0,0 +1 @@
+export * from './pages';

package/dist/cjs/rss-console/index.js

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./pages"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/rss-console/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rss-console/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}

package/dist/cjs/rss-console/pages/CreateFeedPage.d.ts

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

package/dist/cjs/rss-console/pages/CreateFeedPage.js

@@ -0,0 +1,127 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeedsListPage = void 0;
+var react_1 = __importDefault(require("react"));
+var Templates_1 = __importDefault(require("../components/Templates"));
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var types_1 = require("../context/types");
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var router_1 = require("next/router");
+var useFeedCreation_1 = __importDefault(require("../hooks/useFeedCreation"));
+var createFeedPageContext = {};
+var FeedsListPage = function (_a) {
+    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    var router = (0, router_1.useRouter)();
+    var createFeed = (0, useFeedCreation_1.default)().createFeed;
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, createFeedPageContext, context));
+    var onSubmit = function (values) { return __awaiter(void 0, void 0, void 0, function () {
+        var newFeed;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, createFeed({
+                        name: values.name,
+                        categories_included: values.categories_included,
+                        categories_excluded: values.categories_excluded,
+                        tags_included: values.tags_included,
+                        tags_excluded: values.tags_excluded,
+                        order: values.order,
+                    })];
+                case 1:
+                    newFeed = _a.sent();
+                    router.push("/rss/feed/".concat(newFeed.id));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: types_1.PagesNameMap.CreateFeedPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, enhancedContext.header)),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "h1", marginBlockEnd: "space080" }, "Create Feed"),
+        react_1.default.createElement(newskit_1.Form, { onSubmit: onSubmit, marginBlockEnd: "space060" },
+            react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space060" },
+                react_1.default.createElement(newskit_1.FormInput, { name: "name" },
+                    react_1.default.createElement(newskit_1.FormInputLabel, null, "Feed Name"),
+                    react_1.default.createElement(newskit_1.FormInputTextField, null))),
+            react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space060" },
+                react_1.default.createElement(newskit_1.FormInput, { name: "categories_included" },
+                    react_1.default.createElement(newskit_1.FormInputLabel, null, "Categories"),
+                    react_1.default.createElement(newskit_1.FormInputTextField, null),
+                    react_1.default.createElement(newskit_1.FormInputAssistiveText, null, "Articles from these categories will be listed."))),
+            react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space060" },
+                react_1.default.createElement(newskit_1.FormInput, { name: "categories_excluded" },
+                    react_1.default.createElement(newskit_1.FormInputLabel, null, "Excluded Categories"),
+                    react_1.default.createElement(newskit_1.FormInputTextField, null),
+                    react_1.default.createElement(newskit_1.FormInputAssistiveText, null, "No articles from these categories will be listed."))),
+            react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space060" },
+                react_1.default.createElement(newskit_1.FormInput, { name: "tags_included" },
+                    react_1.default.createElement(newskit_1.FormInputLabel, null, "Tags"),
+                    react_1.default.createElement(newskit_1.FormInputTextField, null),
+                    react_1.default.createElement(newskit_1.FormInputAssistiveText, null, "Articles tagged with these will be listed."))),
+            react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space060" },
+                react_1.default.createElement(newskit_1.FormInput, { name: "tags_excluded" },
+                    react_1.default.createElement(newskit_1.FormInputLabel, null, "Excluded Tags"),
+                    react_1.default.createElement(newskit_1.FormInputTextField, null),
+                    react_1.default.createElement(newskit_1.FormInputAssistiveText, null, "No articles tagged with these will be listed."))),
+            react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space060" },
+                react_1.default.createElement(newskit_1.RadioGroup, { value: "date" },
+                    react_1.default.createElement(newskit_1.FormInput, { name: "order" },
+                        react_1.default.createElement(newskit_1.FormInputLabel, null, "Order By"),
+                        react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space020" },
+                            react_1.default.createElement(newskit_1.FormInputRadioButton, { label: "Date", value: "date" })),
+                        react_1.default.createElement(newskit_1.Stack, { marginBlockEnd: "space020" },
+                            react_1.default.createElement(newskit_1.FormInputRadioButton, { label: "Popularity", value: "popularity", state: "disabled" }))))),
+            react_1.default.createElement(newskit_1.Button, { type: "submit" }, "Submit"))));
+};
+exports.FeedsListPage = FeedsListPage;
+exports.default = exports.FeedsListPage;
+//# sourceMappingURL=CreateFeedPage.js.map

package/dist/cjs/rss-console/pages/CreateFeedPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateFeedPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/CreateFeedPage.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/rss-console/pages/FeedDetailsPage.d.ts

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

package/dist/cjs/rss-console/pages/FeedDetailsPage.js

@@ -0,0 +1,84 @@
+"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 });
+exports.FeedsListPage = void 0;
+var react_1 = __importDefault(require("react"));
+var Templates_1 = __importDefault(require("../components/Templates"));
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var types_1 = require("../context/types");
+var shared_components_1 = require("@newskit-render/shared-components");
+var useFeed_1 = __importDefault(require("../hooks/useFeed"));
+var newskit_1 = require("newskit");
+var feedDetailsPageContext = {};
+function formatArrayToString(list) {
+    if (list.length === 0) {
+        return '-';
+    }
+    return list.join(', ');
+}
+var FeedsListPage = function (_a) {
+    var feedId = _a.feedId, context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, feedDetailsPageContext, context));
+    var feed = (0, useFeed_1.default)(feedId).feed;
+    if (!feed) {
+        return null;
+    }
+    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: types_1.PagesNameMap.FeedDetailsPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, enhancedContext.header)),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "h1", marginBlockEnd: "space080" }, feed === null || feed === void 0 ? void 0 : feed.name),
+        react_1.default.createElement(newskit_1.Caption, { creditText: "Feed URL", overrides: {
+                marginBlockEnd: 'space020',
+                stylePreset: 'inkBrand010',
+            } },
+            "https://rss.newsapis.co.uk/feed/",
+            feed.id),
+        react_1.default.createElement(newskit_1.GridLayout, { columns: "1fr 1fr", rowGap: "space060", overrides: {
+                marginBlockEnd: 'space060',
+            } },
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.Caption, { creditText: "Included Categories", overrides: {
+                        marginBlockEnd: 'space020',
+                        stylePreset: 'inkBrand010',
+                    } }, formatArrayToString(feed.categories_included))),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.Caption, { creditText: "Excluded Categories", overrides: {
+                        marginBlockEnd: 'space020',
+                        stylePreset: 'inkBrand010',
+                    } }, formatArrayToString(feed.categories_excluded))),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.Caption, { creditText: "Included Tags", overrides: {
+                        marginBlockEnd: 'space020',
+                        stylePreset: 'inkBrand010',
+                    } }, formatArrayToString(feed.tags_included))),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.Caption, { creditText: "Excluded Tags", overrides: {
+                        marginBlockEnd: 'space020',
+                        stylePreset: 'inkBrand010',
+                    } }, formatArrayToString(feed.tags_excluded))),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.Caption, { creditText: "Order By", overrides: {
+                        marginBlockEnd: 'space020',
+                        stylePreset: 'inkBrand010',
+                    } }, "Date")),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.Caption, { creditText: "Last Fetched", overrides: {
+                        marginBlockEnd: 'space020',
+                        stylePreset: 'inkBrand010',
+                    } }, "5 mins ago")))));
+};
+exports.FeedsListPage = FeedsListPage;
+exports.default = exports.FeedsListPage;
+//# sourceMappingURL=FeedDetailsPage.js.map

package/dist/cjs/rss-console/pages/FeedDetailsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedDetailsPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedDetailsPage.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/rss-console/pages/FeedsListPage.d.ts

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

package/dist/cjs/rss-console/pages/FeedsListPage.js

@@ -0,0 +1,72 @@
+"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 });
+exports.FeedsListPage = void 0;
+var react_1 = __importDefault(require("react"));
+var Templates_1 = __importDefault(require("../components/Templates"));
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var types_1 = require("../context/types");
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var useFeedList_1 = __importDefault(require("../hooks/useFeedList"));
+var feedsListPageContext = {};
+function formatArrayToString(list) {
+    if (list.length === 0) {
+        return '-';
+    }
+    return list.join(', ');
+}
+var FeedsListPage = function (_a) {
+    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, feedsListPageContext, context));
+    if (customTheme === null || customTheme === void 0 ? void 0 : customTheme.stylePresets) {
+        customTheme.stylePresets = __assign(__assign({}, customTheme.stylePresets), { card: {
+                base: {
+                    boxShadow: '{{shadows.shadow020}}',
+                },
+                hover: {
+                    boxShadow: '{{shadows.shadow040}}',
+                },
+            }, cardTitle: {
+                base: {
+                    color: '{{colors.neutral070}}',
+                },
+            } });
+    }
+    var feeds = (0, useFeedList_1.default)().feeds;
+    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: types_1.PagesNameMap.FeedsListPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, enhancedContext.header)),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "h1", marginBlockEnd: "space040" }, "RSS Feeds"),
+        feeds.map(function (feed) { return (react_1.default.createElement(newskit_1.CardInset, { key: feed.id, href: "/rss/feed/".concat(feed.id), overrides: {
+                stylePreset: 'card',
+                marginBlockEnd: 'space040',
+            } },
+            react_1.default.createElement(newskit_1.TextBlock, { as: "h3", marginBlockEnd: "space040", stylePreset: "cardTitle" }, feed.name),
+            react_1.default.createElement(newskit_1.GridLayout, { columns: "1fr 1fr", rowGap: "space060" },
+                react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                    react_1.default.createElement(newskit_1.Caption, { creditText: "Categories", overrides: {
+                            marginBlockEnd: 'space020',
+                            stylePreset: 'inkBrand010',
+                        } }, formatArrayToString(feed.categories_included))),
+                react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                    react_1.default.createElement(newskit_1.Caption, { creditText: "Tags", overrides: {
+                            marginBlockEnd: 'space020',
+                            stylePreset: 'inkBrand010',
+                        } }, formatArrayToString(feed.tags_included)))))); })));
+};
+exports.FeedsListPage = FeedsListPage;
+exports.default = exports.FeedsListPage;
+//# sourceMappingURL=FeedsListPage.js.map

package/dist/cjs/rss-console/pages/FeedsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedsListPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedsListPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,sEAA4C;AAC5C,gEAAkC;AAClC,0CAA4E;AAE5E,uEAA0D;AAC1D,mCAMgB;AAChB,qEAA8C;AAE9C,IAAM,oBAAoB,GAAG,EAAE,CAAA;AAE/B,SAAS,mBAAmB,CAAC,IAAmB;IAC9C,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,OAAO,GAAG,CAAA;KACX;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACxB,CAAC;AAEM,IAAM,aAAa,GAA4B,UAAC,EAItD;QAHC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAC7C,CAAA;IAED,IAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,EAAE;QAC7B,WAAW,CAAC,YAAY,yBACnB,WAAW,CAAC,YAAY,KAC3B,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,SAAS,EAAE,uBAAuB;iBACnC;gBACD,KAAK,EAAE;oBACL,SAAS,EAAE,uBAAuB;iBACnC;aACF,EACD,SAAS,EAAE;gBACT,IAAI,EAAE;oBACJ,KAAK,EAAE,uBAAuB;iBAC/B;aACF,GACF,CAAA;KACF;IAEO,IAAA,KAAK,GAAK,IAAA,qBAAW,GAAE,MAAlB,CAAkB;IAE/B,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,oBAAY,CAAC,aAAa,EACvC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,8BAAC,0BAAM,eAAK,eAAe,CAAC,MAAM,EAAI;QACtC,8BAAC,mBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,cAAc,EAAC,UAAU,gBAEhC;QACX,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,8BAAC,mBAAS,IACR,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,oBAAa,IAAI,CAAC,EAAE,CAAE,EAC5B,SAAS,EAAE;gBACT,WAAW,EAAE,MAAM;gBACnB,cAAc,EAAE,UAAU;aAC3B;YAED,8BAAC,mBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,cAAc,EAAC,UAAU,EAAC,WAAW,EAAC,WAAW,IACjE,IAAI,CAAC,IAAI,CACA;YACZ,8BAAC,oBAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU;gBAC7C,8BAAC,wBAAc;oBACb,8BAAC,iBAAO,IACN,UAAU,EAAC,YAAY,EACvB,SAAS,EAAE;4BACT,cAAc,EAAE,UAAU;4BAC1B,WAAW,EAAE,aAAa;yBAC3B,IAEA,mBAAmB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CACtC,CACK;gBACjB,8BAAC,wBAAc;oBACb,8BAAC,iBAAO,IACN,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE;4BACT,cAAc,EAAE,UAAU;4BAC1B,WAAW,EAAE,aAAa;yBAC3B,IAEA,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAChC,CACK,CACN,CACH,CACb,EArCoB,CAqCpB,CAAC,CACK,CACV,CAAA;AACH,CAAC,CAAA;AAjFY,QAAA,aAAa,iBAiFzB;AAED,kBAAe,qBAAa,CAAA"}

package/dist/cjs/rss-console/pages/index.d.ts

@@ -0,0 +1,6 @@
+import FeedsListPage from './FeedsListPage';
+import FeedDetailsPage from './FeedDetailsPage';
+import CreateFeedPage from './CreateFeedPage';
+export { FeedsListPage as RSSConsoleFeedsListPage };
+export { FeedDetailsPage as RSSConsoleFeedDetailsPage };
+export { CreateFeedPage as RSSConsoleCreateFeedPage };

package/dist/cjs/rss-console/pages/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RSSConsoleCreateFeedPage = exports.RSSConsoleFeedDetailsPage = exports.RSSConsoleFeedsListPage = void 0;
+var FeedsListPage_1 = __importDefault(require("./FeedsListPage"));
+exports.RSSConsoleFeedsListPage = FeedsListPage_1.default;
+var FeedDetailsPage_1 = __importDefault(require("./FeedDetailsPage"));
+exports.RSSConsoleFeedDetailsPage = FeedDetailsPage_1.default;
+var CreateFeedPage_1 = __importDefault(require("./CreateFeedPage"));
+exports.RSSConsoleCreateFeedPage = CreateFeedPage_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/rss-console/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/index.ts"],"names":[],"mappings":";;;;;;AAAA,kEAA2C;AAIjB,kCAJnB,uBAAa,CAI6B;AAHjD,sEAA+C;AAInB,oCAJrB,yBAAe,CAI+B;AAHrD,oEAA6C;AAIlB,mCAJpB,wBAAc,CAI8B"}

package/dist/cjs/rss-console/pages/types.d.ts

@@ -0,0 +1,11 @@
+import { ThemeDropdownObject } from '@newskit-render/shared-components';
+import { UncompiledTheme } from 'newskit';
+import { ContextOptions } from '../context';
+export interface BasePageProps {
+    customTheme?: UncompiledTheme;
+    themeDropdownObject?: ThemeDropdownObject;
+    context?: Partial<ContextOptions>;
+}
+export interface FeedDetailsPageProps extends BasePageProps {
+    feedId: number;
+}

package/dist/cjs/rss-console/pages/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/rss-console/pages/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { styled, Block } from 'newskit';
+var AdContainer = 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.createElement(Block, { "data-testid": "ad-".concat(id) },
+        React.createElement(AdContainer, { id: id, height: height, maxWidth: maxWidth, className: className, "data-ad-label": dataAdLabel })));
+};
+export default AdPlaceHolder;
+var templateObject_1;
+//# sourceMappingURL=AdPlaceholder.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOvC,IAAM,WAAW,GAAG,MAAM,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,oBAAC,KAAK,mBAAc,aAAM,EAAE,CAAE;QAC5B,oBAAC,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,eAAe,aAAa,CAAA"}

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,31 @@
+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';
+import AdPlaceholder from './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.createElement(GridLayout, __assign({ columns: 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.createElement("div", { key: "".concat(article.title, "-").concat(i) },
+            React.createElement(ArticleRecommendation, { article: article, size: size, key: i }),
+            shouldRenderAd ? (React.createElement(React.Fragment, null,
+                React.createElement(AdPlaceholder, { id: "".concat(ads.options.id, "-").concat(i), className: ads.options.className, dataAdLabel: ads.options.dataAdLabel }))) : null));
+    })));
+};
+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;AAC3D,OAAO,aAAa,MAAM,iBAAiB,CAAA;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,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,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,6BAAK,GAAG,EAAE,UAAG,OAAO,CAAC,KAAK,cAAI,CAAC,CAAE;YAC/B,oBAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,GAAI;YAC9D,cAAc,CAAC,CAAC,CAAC,CAChB;gBACE,oBAAC,aAAa,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,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import ArticleRecommendationLarge from './ArticleRecommendationLarge';
+import ArticleRecommendationSmall from './ArticleRecommendationSmall';
+var articlesMap = {
+    large: ArticleRecommendationLarge,
+    small: ArticleRecommendationSmall,
+};
+var ArticleRecommendation = function (_a) {
+    var article = _a.article, size = _a.size, overrides = _a.overrides;
+    var Article = articlesMap[size];
+    return React.createElement(Article, { article: article, overrides: overrides });
+};
+export default ArticleRecommendation;
+//# sourceMappingURL=ArticleRecommendation.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AACrE,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AAErE,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,0BAA0B;IACjC,KAAK,EAAE,0BAA0B;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,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

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

@@ -0,0 +1,31 @@
+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 React, { useMemo } from 'react';
+import { Block, Card, Headline, TextBlock } from 'newskit';
+import { getHostNameFromWindow, Image } from '@newskit-render/shared-components';
+import merge from 'lodash.merge';
+import { baseProps } from './baseProps';
+var ArticleRecommendationLarge = function (_a) {
+    var article = _a.article, overrides = _a.overrides;
+    var href = article.href, title = article.title, text = article.text;
+    var siteHost = getHostNameFromWindow();
+    var finalProps = useMemo(function () { return merge({}, baseProps.articleRecommendationLarge, overrides); }, [overrides]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { href: siteHost, media: function () { return React.createElement(Image, { aspectRatio: "3/2", src: href, alt: title }); }, overrides: finalProps.card, "data-testid": "article-recommendation-large" },
+            React.createElement(Block, { marginBlockEnd: finalProps.marginBlockEnd },
+                React.createElement(Block, { marginBlockEnd: finalProps.headline.marginBlockEnd },
+                    React.createElement(Headline, { headingAs: "h6", overrides: finalProps.headline.overrides }, title)),
+                React.createElement(Block, { marginBlockEnd: finalProps.text.marginBlockEnd },
+                    React.createElement(TextBlock, __assign({}, finalProps.text.overrides), text))))));
+};
+export default ArticleRecommendationLarge;
+//# sourceMappingURL=ArticleRecommendationLarge.js.map

package/dist/esm/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,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAChF,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAChB,IAAA,IAAI,GAAkB,OAAO,KAAzB,EAAE,KAAK,GAAW,OAAO,MAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;IACrC,IAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAA;IACxC,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL;QACE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,cAAM,OAAA,oBAAC,KAAK,IAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EAAlD,CAAkD,EAC/D,SAAS,EAAE,UAAU,CAAC,IAAI,iBACd,8BAA8B;YAE1C,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU,CAAC,cAAc;gBAC9C,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc;oBACvD,oBAAC,QAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACL;gBACR,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc;oBACnD,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.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;