@newskit-render/standalone-components 1.14.2 → 1.14.3-alpha.0

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

@@ -0,0 +1,18 @@
+export default function createRSSClient(): {
+    getFeedList: () => Promise<{
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    }[]>;
+    getFeedById: (id: number) => Promise<{
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    } | undefined>;
+};

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

@@ -0,0 +1,81 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var feeds = [
+    {
+        id: 1,
+        name: 'Sun Showbiz & Entertainment',
+        categories_included: ['Showbiz', 'Entertainment'],
+        categories_excluded: [],
+        tags_included: ['Test', 'Another tag'],
+        tags_excluded: ['Explicit'],
+    },
+    {
+        id: 2,
+        name: 'Sun Soccer',
+        categories_included: ['Showbiz', 'Entertainment'],
+        categories_excluded: ['Glamour', 'Politics'],
+        tags_included: ['Test', 'Another tag'],
+        tags_excluded: ['Explicit'],
+    },
+    {
+        id: 3,
+        name: 'Sun Test',
+        categories_included: ['Showbiz', 'Entertainment'],
+        categories_excluded: [],
+        tags_included: ['Test', 'Another tag'],
+        tags_excluded: ['Explicit'],
+    },
+];
+function createRSSClient() {
+    var _this = this;
+    return {
+        getFeedList: function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, feeds];
+            });
+        }); },
+        getFeedById: function (id) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, feeds.find(function (feed) { return feed.id === id; })];
+            });
+        }); },
+    };
+}
+exports.default = createRSSClient;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rss-console/client/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,KAAK,GAAG;IACZ;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,6BAA6B;QACnC,mBAAmB,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC;QACjD,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;QACtC,aAAa,EAAE,CAAC,UAAU,CAAC;KAC5B;IACD;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,YAAY;QAClB,mBAAmB,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC;QACjD,mBAAmB,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;QAC5C,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;QACtC,aAAa,EAAE,CAAC,UAAU,CAAC;KAC5B;IACD;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,UAAU;QAChB,mBAAmB,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC;QACjD,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;QACtC,aAAa,EAAE,CAAC,UAAU,CAAC;KAC5B;CACF,CAAA;AAED,SAAwB,eAAe;IAAvC,iBASC;IARC,OAAO;QACL,WAAW,EAAE;;gBACX,sBAAO,KAAK,EAAA;;aACb;QACD,WAAW,EAAE,UAAO,EAAU;;gBAC5B,sBAAO,KAAK,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,EAAA;;aAC5C;KACF,CAAA;AACH,CAAC;AATD,kCASC"}

package/dist/cjs/rss-console/hooks/useFeed.d.ts

@@ -0,0 +1,11 @@
+export default function useFeed(feedId: number): {
+    feed: {
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    } | undefined;
+    error: any;
+};

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

@@ -0,0 +1,53 @@
+"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 useFeed(feedId) {
+    var _this = this;
+    var client = (0, client_1.default)();
+    var _a = (0, swr_1.default)("feed/".concat(feedId), function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, client.getFeedById(feedId)];
+    }); }); }), data = _a.data, error = _a.error;
+    return { feed: data, error: error };
+}
+exports.default = useFeed;
+//# sourceMappingURL=useFeed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFeed.js","sourceRoot":"","sources":["../../../../src/rss-console/hooks/useFeed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuC;AACvC,4CAAwB;AAExB,SAAwB,OAAO,CAAC,MAAc;IAA9C,iBAQC;IAPC,IAAM,MAAM,GAAG,IAAA,gBAAe,GAAE,CAAA;IAE1B,IAAA,KAAkB,IAAA,aAAM,EAAC,eAAQ,MAAM,CAAE,EAAE;QAC/C,sBAAA,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,EAAA;aAAA,CAC3B,EAFO,IAAI,UAAA,EAAE,KAAK,WAElB,CAAA;IAED,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,CAAA;AAC9B,CAAC;AARD,0BAQC"}

package/dist/cjs/rss-console/hooks/useFeedList.d.ts

@@ -0,0 +1,11 @@
+export default function useFeedList(): {
+    feeds: {
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    }[] | undefined;
+    error: any;
+};

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,EAAE,KAAK,OAAA,EAAE,CAAA;AAC/B,CAAC;AARD,8BAQC"}

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

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

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

@@ -20,12 +20,16 @@ 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 = {};
 var FeedsListPage = function (_a) {
-    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    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;
     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(shared_components_1.Header, __assign({}, enhancedContext.header)),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "h1" }, feed === null || feed === void 0 ? void 0 : feed.name)));
 };
 exports.FeedsListPage = FeedsListPage;
 exports.default = exports.FeedsListPage;

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

@@ -1 +1 @@
-{"version":3,"file":"FeedDetailsPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedDetailsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,sEAA4C;AAC5C,gEAAkC;AAClC,0CAA8E;AAE9E,uEAA0D;AAE1D,IAAM,sBAAsB,GAAG,EAAE,CAAA;AAE1B,IAAM,aAAa,GAA4B,UAAC,EAItD;QAHC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,oBAAY,CAAC,eAAe,EACzC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,8BAAC,0BAAM,eAAK,eAAe,CAAC,MAAM,EAAI,CAC/B,CACV,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,aAAa,iBAmBzB;AAED,kBAAe,qBAAa,CAAA"}
+{"version":3,"file":"FeedDetailsPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedDetailsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,sEAA4C;AAC5C,gEAAkC;AAClC,0CAA8E;AAE9E,uEAA0D;AAC1D,6DAAsC;AACtC,mCAAmC;AAEnC,IAAM,sBAAsB,GAAG,EAAE,CAAA;AAE1B,IAAM,aAAa,GAAmC,UAAC,EAK7D;QAJC,MAAM,YAAA,EACN,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAC/C,CAAA;IAEO,IAAA,IAAI,GAAK,IAAA,iBAAO,EAAC,MAAM,CAAC,KAApB,CAAoB;IAEhC,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,oBAAY,CAAC,eAAe,EACzC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,8BAAC,0BAAM,eAAK,eAAe,CAAC,MAAM,EAAI;QACtC,8BAAC,mBAAS,IAAC,EAAE,EAAC,IAAI,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAa,CACpC,CACV,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,aAAa,iBAuBzB;AAED,kBAAe,qBAAa,CAAA"}

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

@@ -20,12 +20,65 @@ 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(shared_components_1.Header, __assign({}, enhancedContext.header)),
+        react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-top", height: "auto", stackDistribution: "space-between", marginBlockEnd: "space040" },
+            react_1.default.createElement(newskit_1.TextBlock, { as: "h1" }, "RSS Feeds"),
+            react_1.default.createElement(newskit_1.Button, { size: "small" }, "Create Feed")),
+        feeds &&
+            feeds.map(function (feed) { return (react_1.default.createElement(newskit_1.CardInset, { href: "#", 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: "Included Categories", overrides: {
+                                spaceStack: '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: {
+                                spaceStack: '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: {
+                                spaceStack: '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: {
+                                spaceStack: 'space020',
+                                stylePreset: 'inkBrand010',
+                            } }, formatArrayToString(feed.tags_excluded)))))); })));
 };
 exports.FeedsListPage = FeedsListPage;
 exports.default = exports.FeedsListPage;

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

@@ -1 +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;AAE1D,IAAM,oBAAoB,GAAG,EAAE,CAAA;AAExB,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,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,CAC/B,CACV,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,aAAa,iBAmBzB;AAED,kBAAe,qBAAa,CAAA"}
+{"version":3,"file":"FeedsListPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedsListPage.tsx"],"names":[],"mappings":"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"}

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

@@ -6,3 +6,6 @@ export interface BasePageProps {
     themeDropdownObject?: ThemeDropdownObject;
     context?: Partial<ContextOptions>;
 }
+export interface FeedDetailsPageProps extends BasePageProps {
+    feedId: number;
+}

package/dist/esm/rss-console/client/index.d.ts

@@ -0,0 +1,18 @@
+export default function createRSSClient(): {
+    getFeedList: () => Promise<{
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    }[]>;
+    getFeedById: (id: number) => Promise<{
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    } | undefined>;
+};

package/dist/esm/rss-console/client/index.js

@@ -0,0 +1,78 @@
+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 feeds = [
+    {
+        id: 1,
+        name: 'Sun Showbiz & Entertainment',
+        categories_included: ['Showbiz', 'Entertainment'],
+        categories_excluded: [],
+        tags_included: ['Test', 'Another tag'],
+        tags_excluded: ['Explicit'],
+    },
+    {
+        id: 2,
+        name: 'Sun Soccer',
+        categories_included: ['Showbiz', 'Entertainment'],
+        categories_excluded: ['Glamour', 'Politics'],
+        tags_included: ['Test', 'Another tag'],
+        tags_excluded: ['Explicit'],
+    },
+    {
+        id: 3,
+        name: 'Sun Test',
+        categories_included: ['Showbiz', 'Entertainment'],
+        categories_excluded: [],
+        tags_included: ['Test', 'Another tag'],
+        tags_excluded: ['Explicit'],
+    },
+];
+export default function createRSSClient() {
+    var _this = this;
+    return {
+        getFeedList: function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, feeds];
+            });
+        }); },
+        getFeedById: function (id) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, feeds.find(function (feed) { return feed.id === id; })];
+            });
+        }); },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/rss-console/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rss-console/client/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,KAAK,GAAG;IACZ;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,6BAA6B;QACnC,mBAAmB,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC;QACjD,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;QACtC,aAAa,EAAE,CAAC,UAAU,CAAC;KAC5B;IACD;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,YAAY;QAClB,mBAAmB,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC;QACjD,mBAAmB,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;QAC5C,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;QACtC,aAAa,EAAE,CAAC,UAAU,CAAC;KAC5B;IACD;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,UAAU;QAChB,mBAAmB,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC;QACjD,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;QACtC,aAAa,EAAE,CAAC,UAAU,CAAC;KAC5B;CACF,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe;IAAvC,iBASC;IARC,OAAO;QACL,WAAW,EAAE;;gBACX,sBAAO,KAAK,EAAA;;aACb;QACD,WAAW,EAAE,UAAO,EAAU;;gBAC5B,sBAAO,KAAK,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC,EAAA;;aAC5C;KACF,CAAA;AACH,CAAC"}

package/dist/esm/rss-console/hooks/useFeed.d.ts

@@ -0,0 +1,11 @@
+export default function useFeed(feedId: number): {
+    feed: {
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    } | undefined;
+    error: any;
+};

package/dist/esm/rss-console/hooks/useFeed.js

@@ -0,0 +1,47 @@
+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 };
+    }
+};
+import createRSSClient from '../client';
+import useSWR from 'swr';
+export default function useFeed(feedId) {
+    var _this = this;
+    var client = createRSSClient();
+    var _a = useSWR("feed/".concat(feedId), function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, client.getFeedById(feedId)];
+    }); }); }), data = _a.data, error = _a.error;
+    return { feed: data, error: error };
+}
+//# sourceMappingURL=useFeed.js.map

package/dist/esm/rss-console/hooks/useFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeed.js","sourceRoot":"","sources":["../../../../src/rss-console/hooks/useFeed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,eAAe,MAAM,WAAW,CAAA;AACvC,OAAO,MAAM,MAAM,KAAK,CAAA;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,MAAc;IAA9C,iBAQC;IAPC,IAAM,MAAM,GAAG,eAAe,EAAE,CAAA;IAE1B,IAAA,KAAkB,MAAM,CAAC,eAAQ,MAAM,CAAE,EAAE;QAC/C,sBAAA,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,EAAA;aAAA,CAC3B,EAFO,IAAI,UAAA,EAAE,KAAK,WAElB,CAAA;IAED,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,CAAA;AAC9B,CAAC"}

package/dist/esm/rss-console/hooks/useFeedList.d.ts

@@ -0,0 +1,11 @@
+export default function useFeedList(): {
+    feeds: {
+        id: number;
+        name: string;
+        categories_included: string[];
+        categories_excluded: string[];
+        tags_included: string[];
+        tags_excluded: string[];
+    }[] | undefined;
+    error: any;
+};

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

@@ -0,0 +1,49 @@
+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 };
+    }
+};
+import createRSSClient from '../client';
+import useSWR from 'swr';
+export default function useFeedList() {
+    var _this = this;
+    var client = createRSSClient();
+    var _a = useSWR('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 };
+}
+//# sourceMappingURL=useFeedList.js.map

package/dist/esm/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,OAAO,eAAe,MAAM,WAAW,CAAA;AACvC,OAAO,MAAM,MAAM,KAAK,CAAA;AAExB,MAAM,CAAC,OAAO,UAAU,WAAW;IAAnC,iBAQC;IAPC,IAAM,MAAM,GAAG,eAAe,EAAE,CAAA;IAE1B,IAAA,KAAkB,MAAM,CAAC,OAAO,EAAE;;YACtC,sBAAO,MAAM,CAAC,WAAW,EAAE,EAAA;;SAC5B,CAAC,EAFM,IAAI,UAAA,EAAE,KAAK,WAEjB,CAAA;IAEF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,CAAA;AAC/B,CAAC"}

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

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

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

@@ -14,12 +14,16 @@ import Layout from '../components/Templates';
 import assign from 'lodash.assign';
 import { PagesNameMap } from '../context/types';
 import { Header } from '@newskit-render/shared-components';
+import useFeed from '../hooks/useFeed';
+import { TextBlock } from 'newskit';
 var feedDetailsPageContext = {};
 export var FeedsListPage = function (_a) {
-    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    var feedId = _a.feedId, context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
     var enhancedContext = __assign({}, assign({}, feedDetailsPageContext, context));
+    var feed = useFeed(feedId).feed;
     return (React.createElement(Layout, { context: enhancedContext, contextName: PagesNameMap.FeedDetailsPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
-        React.createElement(Header, __assign({}, enhancedContext.header))));
+        React.createElement(Header, __assign({}, enhancedContext.header)),
+        React.createElement(TextBlock, { as: "h1" }, feed === null || feed === void 0 ? void 0 : feed.name)));
 };
 export default FeedsListPage;
 //# sourceMappingURL=FeedDetailsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedDetailsPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedDetailsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAiC,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE9E,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,IAAM,sBAAsB,GAAG,EAAE,CAAA;AAEjC,MAAM,CAAC,IAAM,aAAa,GAA4B,UAAC,EAItD;QAHC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,MAAM,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,YAAY,CAAC,eAAe,EACzC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,oBAAC,MAAM,eAAK,eAAe,CAAC,MAAM,EAAI,CAC/B,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"FeedDetailsPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedDetailsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAiC,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE9E,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,OAAO,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,IAAM,sBAAsB,GAAG,EAAE,CAAA;AAEjC,MAAM,CAAC,IAAM,aAAa,GAAmC,UAAC,EAK7D;QAJC,MAAM,YAAA,EACN,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,MAAM,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAC/C,CAAA;IAEO,IAAA,IAAI,GAAK,OAAO,CAAC,MAAM,CAAC,KAApB,CAAoB;IAEhC,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,YAAY,CAAC,eAAe,EACzC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,oBAAC,MAAM,eAAK,eAAe,CAAC,MAAM,EAAI;QACtC,oBAAC,SAAS,IAAC,EAAE,EAAC,IAAI,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAa,CACpC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -14,12 +14,65 @@ import Layout from '../components/Templates';
 import assign from 'lodash.assign';
 import { PagesNameMap } from '../context/types';
 import { Header } from '@newskit-render/shared-components';
+import { Stack, Button, Caption, TextBlock, GridLayout, GridLayoutItem, CardInset, } from 'newskit';
+import useFeedList from '../hooks/useFeedList';
 var feedsListPageContext = {};
+function formatArrayToString(list) {
+    if (list.length === 0) {
+        return '-';
+    }
+    return list.join(', ');
+}
 export var FeedsListPage = function (_a) {
     var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
     var enhancedContext = __assign({}, assign({}, 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 = useFeedList().feeds;
     return (React.createElement(Layout, { context: enhancedContext, contextName: PagesNameMap.FeedsListPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
-        React.createElement(Header, __assign({}, enhancedContext.header))));
+        React.createElement(Header, __assign({}, enhancedContext.header)),
+        React.createElement(Stack, { flow: "horizontal-top", height: "auto", stackDistribution: "space-between", marginBlockEnd: "space040" },
+            React.createElement(TextBlock, { as: "h1" }, "RSS Feeds"),
+            React.createElement(Button, { size: "small" }, "Create Feed")),
+        feeds &&
+            feeds.map(function (feed) { return (React.createElement(CardInset, { href: "#", overrides: {
+                    stylePreset: 'card',
+                    marginBlockEnd: 'space040',
+                } },
+                React.createElement(TextBlock, { as: "h3", marginBlockEnd: "space040", stylePreset: "cardTitle" }, feed.name),
+                React.createElement(GridLayout, { columns: "1fr 1fr", rowGap: "space060" },
+                    React.createElement(GridLayoutItem, null,
+                        React.createElement(Caption, { creditText: "Included Categories", overrides: {
+                                spaceStack: 'space020',
+                                stylePreset: 'inkBrand010',
+                            } }, formatArrayToString(feed.categories_included))),
+                    React.createElement(GridLayoutItem, null,
+                        React.createElement(Caption, { creditText: "Excluded Categories", overrides: {
+                                spaceStack: 'space020',
+                                stylePreset: 'inkBrand010',
+                            } }, formatArrayToString(feed.categories_excluded))),
+                    React.createElement(GridLayoutItem, null,
+                        React.createElement(Caption, { creditText: "Included Tags", overrides: {
+                                spaceStack: 'space020',
+                                stylePreset: 'inkBrand010',
+                            } }, formatArrayToString(feed.tags_included))),
+                    React.createElement(GridLayoutItem, null,
+                        React.createElement(Caption, { creditText: "Excluded Tags", overrides: {
+                                spaceStack: 'space020',
+                                stylePreset: 'inkBrand010',
+                            } }, formatArrayToString(feed.tags_excluded)))))); })));
 };
 export default FeedsListPage;
 //# sourceMappingURL=FeedsListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedsListPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedsListPage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAA+B,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,IAAM,oBAAoB,GAAG,EAAE,CAAA;AAE/B,MAAM,CAAC,IAAM,aAAa,GAA4B,UAAC,EAItD;QAHC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,MAAM,CAAC,EAAE,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAC7C,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,YAAY,CAAC,aAAa,EACvC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,oBAAC,MAAM,eAAK,eAAe,CAAC,MAAM,EAAI,CAC/B,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"FeedsListPage.js","sourceRoot":"","sources":["../../../../src/rss-console/pages/FeedsListPage.tsx"],"names":[],"mappings":"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"}

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

@@ -6,3 +6,6 @@ export interface BasePageProps {
     themeDropdownObject?: ThemeDropdownObject;
     context?: Partial<ContextOptions>;
 }
+export interface FeedDetailsPageProps extends BasePageProps {
+    feedId: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/standalone-components",
-  "version": "1.14.2",
+  "version": "1.14.3-alpha.0",
   "description": "Newskit Render Standalone Components",
   "author": "",
   "license": "UNLICENSED",
@@ -35,7 +35,7 @@
     "@emotion/react": "11.10.4",
     "@emotion/styled": "11.10.4",
     "@newskit-render/api": "^1.5.2",
-    "@newskit-render/shared-components": "^1.22.1",
+    "@newskit-render/shared-components": "^1.22.2-alpha.0",
     "algoliasearch": "4.13.1",
     "cross-fetch": "3.1.5",
     "graphql": "15.6.0",