@pega/cosmos-react-demos 5.0.0-dev.4.8 → 5.0.0-dev.5.0

package/jsx/work/ArticleList/ArticleList.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleList.mocks.js","sourceRoot":"","sources":["../../../src/work/ArticleList/ArticleList.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["const categoryList = [\n  {\n    id: 'Category-1',\n    name: 'Banking and Retail'\n  },\n  {\n    id: 'Category-2',\n    name: 'Retail'\n  },\n  {\n    id: 'Category-3',\n    name: 'Finance'\n  },\n  {\n    id: 'Category-4',\n    name: 'Insurance'\n  }\n];\n\nexport const suggestedMock = {\n  count: 8,\n  articles: [\n    {\n      articleId: '1',\n      title:\n        'Bear claw jujubes pastry jujubes chocolate bar chupa Bear claw jujubes pastry jujubes chocolate bar chupa Bear claw jujubes pastry jujubes chocolate bar chupa ',\n      href: 'design.pega.com',\n      abstract:\n        'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',\n      meta: {\n        category: categoryList[0],\n        publishedDate: '2023-04-06'\n      },\n      feedback: {\n        likes: 20,\n        dislikes: 80,\n        liked: true,\n        disliked: false\n      },\n      isFollowed: true,\n      isLiked: true\n    },\n    {\n      articleId: '2',\n      title:\n        'Oat cake jujubes bear claw jujubes pastry jujubes chocolate bar chupa Bear claw jujubes pastry jujubes chocolate',\n      href: 'design.pega.com',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: categoryList[1],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 50, dislikes: 50, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '1', name: 'insurance' },\n        { id: '2', name: 'policy' }\n      ]\n    },\n    {\n      articleId: '3',\n      title: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      href: 'design.pega.com',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: {\n        likes: 20,\n        dislikes: 80,\n        liked: false,\n        disliked: false\n      },\n      isFollowed: false,\n      isLiked: false,\n      quickFilters: [{ id: '3', name: 'test-tag' }]\n    },\n    {\n      articleId: '4',\n      title: 'Tootsie roll tiramisu jujubes gingerbread macaroon jujubes',\n      href: 'design.pega.com',\n      abstract:\n        'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: {\n        likes: 85,\n        dislikes: 15,\n        liked: false,\n        disliked: false\n      },\n      isFollowed: false,\n      isLiked: false,\n      quickFilters: [{ id: '4', name: 'test-tag' }]\n    },\n    {\n      articleId: '5',\n      title: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',\n      href: 'design.pega.com',\n      abstract:\n        'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',\n      meta: {\n        category: categoryList[0],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 20, dislikes: 80, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '5', name: 'profiles' },\n        { id: '6', name: 'accounts' },\n        { id: '7', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '6',\n      title: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      href: 'design.pega.com',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: categoryList[0],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 90, dislikes: 10, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '8', name: 'profiles' },\n        { id: '9', name: 'accounts' },\n        { id: '10', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '7',\n      title: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      href: 'design.pega.com',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 30, dislikes: 70, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '11', name: 'profiles' },\n        { id: '12', name: 'accounts' },\n        { id: '13', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '8',\n      title: 'Tootsie roll tiramisu jujubes gingerbread macaroon jujubes',\n      href: 'design.pega.com',\n      abstract:\n        'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 90, dislikes: 10, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '14', name: 'profiles' },\n        { id: '15', name: 'accounts' },\n        { id: '16', name: 'banking' }\n      ]\n    }\n  ]\n};\nexport const followedMock = {\n  count: 7,\n  articles: [\n    {\n      articleId: '1',\n      title: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      href: 'design.pega.com',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: categoryList[1],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 47, dislikes: 15, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '17', name: 'profiles' },\n        { id: '18', name: 'accounts' },\n        { id: '19', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '2',\n      title: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',\n      href: 'design.pega.com',\n      abstract:\n        'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',\n      meta: {\n        category: categoryList[0],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 15, dislikes: 85, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '20', name: 'profiles' },\n        { id: '21', name: 'accounts' },\n        { id: '22', name: 'banking' }\n      ]\n    },\n\n    {\n      articleId: '3',\n      title: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      href: 'design.pega.com',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 89, dislikes: 33, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '23', name: 'profiles' },\n        { id: '24', name: 'accounts' },\n        { id: '25', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '4',\n      title: 'Tootsie roll tiramisu jujubes gingerbread macaroon jujubes',\n      href: 'design.pega.com',\n      abstract:\n        'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',\n      meta: {\n        category: categoryList[3],\n        publishedDate: '2023-04-06'\n      },\n      feedback: {\n        likes: 95,\n        dislikes: 5,\n        liked: false,\n        disliked: false\n      },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '26', name: 'profiles' },\n        { id: '27', name: 'accounts' },\n        { id: '28', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '5',\n      title: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',\n      href: 'design.pega.com',\n      abstract:\n        'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',\n      meta: {\n        category: categoryList[0],\n        publishedDate: '2023-04-06'\n      },\n      feedback: {\n        likes: 15,\n        dislikes: 85,\n        liked: false,\n        disliked: false\n      },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '29', name: 'profiles' },\n        { id: '30', name: 'accounts' },\n        { id: '31', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '6',\n      title: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      href: 'design.pega.com',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: categoryList[1],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 47, dislikes: 15, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '32', name: 'profiles' },\n        { id: '33', name: 'accounts' },\n        { id: '34', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '7',\n      title: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      href: 'design.pega.com',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 89, dislikes: 33, liked: false, disliked: false },\n      isFollowed: true,\n      isLiked: true\n    }\n  ],\n  category: [\n    {\n      id: '01',\n      primary: 'Group',\n      secondary: ['Experts', 'Loans'],\n      items: [\n        { id: '01-1', primary: 'Personal loan', secondary: ['Experts', 'Loans'] },\n        { id: '01-2', primary: 'Education loan', secondary: ['Experts', 'Loans'] },\n        { id: '01-3', primary: 'Auto loan', secondary: ['Experts', 'Loans'] }\n      ]\n    },\n    { id: '3', primary: 'Credit card', secondary: ['Intermediate', 'Banking'] },\n    { id: '4', primary: 'General Q & A', secondary: ['Intermediate', 'Others'] },\n    { id: '5', primary: 'Debit card', secondary: ['Intermediate', 'Banking'] },\n    { id: '6', primary: 'Retail banking', secondary: ['Intermediate', 'Banking'] },\n    { id: 'Category-1', primary: 'Banking and Retail', secondary: ['Intermediate', 'Banking'] },\n    { id: 'Category-2', primary: 'Retail', secondary: ['Intermediate', 'Others'] },\n    { id: 'Category-3', primary: 'Finance', secondary: ['Intermediate', 'Banking'] },\n    { id: 'Category-4', primary: 'Insurance', secondary: ['Intermediate', 'Banking'] }\n  ],\n  sortBy: [\n    { id: '1', primary: 'Most relevant' },\n    { id: '2', primary: 'Most recent' },\n    { id: '3', primary: 'Recently published' }\n  ]\n};\n\nexport const searchMock = {\n  count: 5,\n  articles: [\n    {\n      articleId: '8',\n      title: 'Tootsie roll tiramisu jujubes gingerbread macaroon jujubes',\n      href: 'design.pega.com',\n      abstract:\n        'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',\n      meta: {\n        category: categoryList[3],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 95, dislikes: 5, liked: true, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '35', name: 'profiles' },\n        { id: '36', name: 'accounts' },\n        { id: '37', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '3',\n      title: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      href: 'design.pega.com',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 89, dislikes: 33, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '38', name: 'profiles' },\n        { id: '39', name: 'accounts' },\n        { id: '40', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '6',\n      title: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      href: 'design.pega.com',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: categoryList[1],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 47, dislikes: 15, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '41', name: 'profiles' },\n        { id: '42', name: 'accounts' },\n        { id: '43', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '7',\n      title: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      href: 'design.pega.com',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: categoryList[2],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 89, dislikes: 33, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '44', name: 'profiles' },\n        { id: '45', name: 'accounts' },\n        { id: '46', name: 'banking' }\n      ]\n    },\n    {\n      articleId: '2',\n      title: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      href: 'design.pega.com',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: categoryList[1],\n        publishedDate: '2023-04-06'\n      },\n      feedback: { likes: 47, dislikes: 15, liked: false, disliked: false },\n      isFollowed: false,\n      isLiked: true,\n      quickFilters: [\n        { id: '47', name: 'profiles' },\n        { id: '48', name: 'accounts' },\n        { id: '49', name: 'banking' }\n      ]\n    }\n  ],\n  category: [\n    {\n      id: '1',\n      primary: 'Group',\n      secondary: ['Experts', 'Loans'],\n      items: [\n        { id: '1-1', primary: 'Personal loan', secondary: ['Experts', 'Loans'] },\n        { id: '1-2', primary: 'Education loan', secondary: ['Experts', 'Loans'] },\n        { id: '1-3', primary: 'Auto loan', secondary: ['Experts', 'Loans'] }\n      ]\n    },\n    { id: '3', primary: 'Credit card', secondary: ['Intermediate', 'Banking'] },\n    { id: '4', primary: 'General Q & A', secondary: ['Intermediate', 'Others'] },\n    { id: '5', primary: 'Debit card', secondary: ['Intermediate', 'Banking'] },\n    { id: '6', primary: 'Retail banking', secondary: ['Intermediate', 'Banking'] },\n    { id: 'Category-1', primary: 'Banking and Retail', secondary: ['Intermediate', 'Banking'] },\n    { id: 'Category-2', primary: 'Retail', secondary: ['Intermediate', 'Others'] },\n    { id: 'Category-3', primary: 'Finance', secondary: ['Intermediate', 'Banking'] },\n    { id: 'Category-4', primary: 'Insurance', secondary: ['Intermediate', 'Banking'] }\n  ],\n  sortBy: [\n    { id: '1', primary: 'Most relevant' },\n    { id: '2', primary: 'Most recent' },\n    { id: '3', primary: 'Recently published' }\n  ]\n};\n"]}

package/jsx/work/ArticleList/ArticleList.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryFn } from '@storybook/react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+interface ArticleListDemoProps {
+    isSuggestArticleAction: boolean;
+    showAction: boolean;
+    showHeader: boolean;
+    showHeaderIcon: boolean;
+    showQuickFilters: boolean;
+    showCount: boolean;
+    showResults: boolean;
+    showLoadMore: boolean;
+}
+export declare const ArticleListDemo: StoryFn<ArticleListDemoProps>;
+//# sourceMappingURL=ArticleList.stories.d.ts.map

package/jsx/work/ArticleList/ArticleList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleList.stories.d.ts","sourceRoot":"","sources":["../../../src/work/ArticleList/ArticleList.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AA2BtD,wBAOU;AAIV,UAAU,oBAAoB;IAC5B,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACvB;AAOD,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,oBAAoB,CAojBzD,CAAC"}

package/jsx/work/ArticleList/ArticleList.stories.jsx

@@ -0,0 +1,520 @@
+import { useCallback, useEffect, useMemo, useState, useRef } from 'react';
+import { action } from '@storybook/addon-actions';
+import { createUID, menuHelpers, registerIcon, escapeRegExp } from '@pega/cosmos-react-core';
+import * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';
+import * as thumbsDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down-solid.icon';
+import * as bookOpen from '@pega/cosmos-react-core/lib/components/Icon/icons/book-open.icon';
+import { ArticleList, ArticleSummary, ArticleListFilter } from '@pega/cosmos-react-work';
+import { suggestedMock, followedMock, searchMock } from './ArticleList.mocks';
+export default {
+    title: 'Work/ArticleList',
+    component: ArticleList,
+    subcomponents: { ArticleSummary, ArticleListFilter },
+    parameters: {
+        layout: 'fullscreen'
+    }
+};
+registerIcon(thumbsUpSolidIcon, thumbsDownSolidIcon, bookOpen);
+export const ArticleListDemo = (args) => {
+    const [searchVal, setSearchVal] = useState('');
+    const [activeTab, setActiveTab] = useState('Suggested');
+    const [loading, setLoading] = useState(false);
+    const [categoryList, setCategoryList] = useState([]);
+    const [sortBy, setSortBy] = useState([]);
+    const [articles, setArticles] = useState([]);
+    const [quickFilters, setQuickFilters] = useState([]);
+    const [loadingMore, isSetLoadMore] = useState(false);
+    const [hasMore, setHasMore] = useState(true);
+    const [filterCategoryValue, setFilterCategoryValue] = useState('');
+    const [categoryId, setCategoryId] = useState({
+        id: '',
+        value: false
+    });
+    const comboboxRef = useRef(null);
+    const selectedSortByOption = useMemo(() => menuHelpers.getSelected(sortBy)[0], [sortBy]);
+    const selectSortByOption = useCallback((id) => {
+        setSortBy(cur => menuHelpers.selectItem(cur, id, 'single-select'));
+    }, []);
+    const selectedCategory = useMemo(() => {
+        return menuHelpers.getSelected(categoryList).map(item => ({ text: item.primary, id: item.id }));
+    }, [categoryList]);
+    const categoryListToRender = useMemo(() => {
+        return menuHelpers.mapTree(categoryList, item => ({
+            ...item,
+            selected: !!item.selected
+        }));
+    }, [categoryList]);
+    const toggleItem = (id) => {
+        setCategoryList(cur => menuHelpers.toggleSelected(cur, id, 'multi-select'));
+    };
+    const onReaction = (articleId, reaction) => {
+        setArticles(prevArticles => {
+            const itemIndex = prevArticles.findIndex(article => article?.articleId === articleId);
+            const updatedData = [...prevArticles];
+            if (itemIndex !== -1) {
+                const currentItemFeedback = updatedData[itemIndex].feedback;
+                if (currentItemFeedback) {
+                    const likeValue = currentItemFeedback?.likes || 0;
+                    const dislikeValue = currentItemFeedback?.dislikes || 0;
+                    if (!reaction) {
+                        if (currentItemFeedback.reaction === 'liked') {
+                            currentItemFeedback.likes = likeValue - 1;
+                        }
+                        else {
+                            currentItemFeedback.dislikes = dislikeValue - 1;
+                        }
+                        currentItemFeedback.reaction = undefined;
+                    }
+                    if (reaction === 'liked') {
+                        if (currentItemFeedback?.reaction === 'disliked') {
+                            currentItemFeedback.dislikes = dislikeValue - 1;
+                        }
+                        currentItemFeedback.likes = likeValue + 1;
+                        currentItemFeedback.reaction = 'liked';
+                    }
+                    if (reaction === 'disliked') {
+                        if (currentItemFeedback.reaction === 'liked') {
+                            currentItemFeedback.likes = likeValue - 1;
+                        }
+                        currentItemFeedback.dislikes = dislikeValue + 1;
+                        currentItemFeedback.reaction = 'disliked';
+                    }
+                }
+            }
+            return updatedData;
+        });
+    };
+    const removeCategoryItem = (id) => {
+        setCategoryId(prev => {
+            return {
+                id: prev.id,
+                value: prev.id === id ? false : prev.value
+            };
+        });
+        setCategoryList(cur => menuHelpers.toggleSelected(cur, id, 'multi-select'));
+    };
+    const updateArticles = (mockArticles) => {
+        const data = Object.values(mockArticles);
+        return data.map(({ isLiked = false, isFollowed = false, articleId = '', title, href = '/', abstract, meta, feedback, quickFilters: quickFilterTags }) => {
+            const actionObj = [{ id: '1', text: 'Edit' }];
+            if (isLiked) {
+                actionObj.push({ id: '3', text: 'Dislike' });
+            }
+            else {
+                actionObj.push({ id: '3', text: 'Like' });
+            }
+            if (isFollowed) {
+                actionObj.push({ id: '4', text: 'Unfollow' });
+            }
+            else {
+                actionObj.push({ id: '4', text: 'Follow' });
+            }
+            return {
+                articleId,
+                href,
+                title,
+                abstract,
+                onTitleClick: (id, e) => {
+                    e?.preventDefault();
+                },
+                primaryActions: actionObj,
+                meta,
+                feedback,
+                quickFilters: args.showQuickFilters && quickFilterTags?.length
+                    ? quickFilterTags?.map(({ id, name }) => {
+                        return {
+                            id,
+                            name
+                        };
+                    })
+                    : []
+            };
+        });
+    };
+    const fetchArticleContent = activeTabName => {
+        return new Promise(resolve => {
+            let activeTabContent = null;
+            if (!activeTabName || activeTabName === 'Search')
+                activeTabContent = { ...searchMock };
+            else if (activeTabName === 'Suggested')
+                activeTabContent = { ...suggestedMock };
+            else if (activeTabName === 'Followed')
+                activeTabContent = { ...followedMock };
+            setTimeout(() => {
+                if (activeTabContent) {
+                    resolve({
+                        articles: updateArticles(activeTabContent.articles),
+                        category: activeTabContent.category || [],
+                        sortBy: activeTabContent.sortBy || []
+                    });
+                }
+            }, 500);
+        });
+    };
+    const handleCategoryClick = (id) => {
+        setArticles([]);
+        setCategoryId({
+            id,
+            value: true
+        });
+        setLoading(true);
+        fetchArticleContent('Search').then(res => {
+            const filteredArticles = res.articles.filter(item => item.meta?.category?.id === id);
+            setArticles(filteredArticles);
+            setCategoryList(res.category);
+            toggleItem(id);
+            setSortBy(res.sortBy);
+            setLoading(false);
+            if (comboboxRef.current) {
+                comboboxRef.current.querySelector('input')?.focus();
+            }
+        });
+        setActiveTab('Search');
+        setSearchVal('');
+        if (id !== 'Search') {
+            setQuickFilters([]);
+        }
+    };
+    searchMock.articles = searchMock.articles.map(article => {
+        return {
+            ...article,
+            meta: {
+                ...article.meta,
+                category: {
+                    ...article.meta.category,
+                    onClick: handleCategoryClick
+                }
+            },
+            feedback: {
+                ...article.feedback,
+                id: article.articleId,
+                onReaction
+            }
+        };
+    });
+    suggestedMock.articles = suggestedMock.articles.map(article => {
+        return {
+            ...article,
+            meta: {
+                ...article.meta,
+                category: {
+                    ...article.meta.category,
+                    onClick: handleCategoryClick
+                }
+            },
+            feedback: {
+                ...article.feedback,
+                id: article.articleId,
+                onReaction
+            }
+        };
+    });
+    followedMock.articles = followedMock.articles.map(article => {
+        return {
+            ...article,
+            meta: {
+                ...article.meta,
+                category: {
+                    ...article.meta.category,
+                    onClick: handleCategoryClick
+                }
+            },
+            feedback: {
+                ...article.feedback,
+                id: article.articleId,
+                onReaction
+            }
+        };
+    });
+    const handleTabChange = (id) => {
+        setArticles([]);
+        setCategoryList([]);
+        setLoading(true);
+        fetchArticleContent(id).then(res => {
+            setArticles(res.articles);
+            setCategoryList(res.category);
+            setSortBy(res.sortBy);
+            setLoading(false);
+        });
+        setActiveTab(id);
+        setSearchVal('');
+        if (id !== 'Search') {
+            setQuickFilters([]);
+        }
+    };
+    useEffect(() => {
+        fetchArticleContent(activeTab).then(res => {
+            if (selectedCategory.length > 0) {
+                const filteredArticles = res.articles.filter(item => item.meta?.category?.id === selectedCategory[0].id);
+                setArticles(filteredArticles);
+            }
+            else if (!categoryId.value) {
+                setArticles(res.articles);
+            }
+        });
+    }, [selectedCategory, activeTab, categoryId]);
+    const filterRegex = useMemo(() => escapeRegExp(filterCategoryValue), [filterCategoryValue]);
+    const categoryProps = {
+        label: 'Category',
+        placeholder: 'Select categories',
+        onChange: e => {
+            setFilterCategoryValue(e.target.value);
+        },
+        value: filterCategoryValue,
+        mode: 'multi-select',
+        selected: {
+            items: selectedCategory,
+            onRemove: removeCategoryItem
+        },
+        menu: {
+            items: filterCategoryValue
+                ? menuHelpers.flatten(categoryList).filter(({ primary }) => {
+                    return filterRegex.toLowerCase().includes(primary.toLowerCase());
+                })
+                : categoryListToRender,
+            onItemClick: toggleItem
+        },
+        ref: comboboxRef
+    };
+    const sortByProps = {
+        label: 'Sort by',
+        placeholder: 'Select sort by',
+        selected: selectedSortByOption
+            ? {
+                items: {
+                    id: selectedSortByOption.id,
+                    text: selectedSortByOption.primary
+                }
+            }
+            : undefined,
+        menu: {
+            items: sortBy,
+            onItemClick: selectSortByOption
+        }
+    };
+    const searchOptions = {
+        placeholder: 'Search article',
+        filters: ['Help site 1', 'Help site 2', 'Help site 3'],
+        value: searchVal,
+        onSearchChange: (val) => {
+            setSearchVal(val);
+        },
+        onFilterChange: (val) => {
+            return val;
+        }
+    };
+    const actionOptions = [
+        {
+            id: '1',
+            text: 'Action 1',
+            onClick: (id) => action('onClick')(`action ${id}`)
+        },
+        {
+            id: '2',
+            text: 'Action 2',
+            onClick: (id) => action('onClick')(`action ${id}`)
+        },
+        {
+            id: '3',
+            text: 'Action 3',
+            onClick: (id) => action('onClick')(`action ${id}`)
+        }
+    ];
+    const suggestNewArticleAction = {
+        id: 'Suggest action',
+        text: 'Suggest action',
+        onClick: (id) => action('onClick')(id),
+        icon: 'plus'
+    };
+    let actions;
+    if (args.showAction) {
+        if (args.isSuggestArticleAction) {
+            actions = [suggestNewArticleAction];
+        }
+        else {
+            actions = actionOptions;
+        }
+    }
+    const handleClearClick = () => {
+        setQuickFilters([]);
+        setSearchVal('');
+        setCategoryList(curr => {
+            return curr?.map(categoryListItem => {
+                return {
+                    ...categoryListItem,
+                    selected: false
+                };
+            });
+        });
+        setSortBy(curr => {
+            return curr?.map(sortByListItem => {
+                return {
+                    ...sortByListItem,
+                    selected: false
+                };
+            });
+        });
+    };
+    let timeoutId;
+    const stopTimeout = () => {
+        clearTimeout(timeoutId);
+    };
+    const onLoadMore = useCallback(() => {
+        if (!loading && !loadingMore && activeTab) {
+            isSetLoadMore(true);
+            setLoading(false);
+            timeoutId = setTimeout(() => {
+                isSetLoadMore(false);
+                setLoading(false);
+                setHasMore(true);
+                setArticles(prevArticles => [
+                    ...prevArticles,
+                    {
+                        articleId: createUID(),
+                        title: 'Last article alert!!!',
+                        href: 'design.pega.com',
+                        abstract: 'Last article alert. This is the last article , hence the last index to be noted. This will be appended at the end of the list',
+                        meta: {
+                            category: {
+                                id: 'Category-1',
+                                name: 'Retail',
+                                onClick: handleCategoryClick
+                            },
+                            publishedDate: '2023-04-06'
+                        },
+                        feedback: {
+                            articleId: createUID(),
+                            likes: 20,
+                            dislikes: 80,
+                            liked: true,
+                            disliked: false,
+                            onReaction: () => { }
+                        },
+                        isFollowed: false,
+                        isLiked: true,
+                        quickFilters: [
+                            { id: '1', name: 'insurance' },
+                            { id: '2', name: 'policy' }
+                        ]
+                    }
+                ]);
+            }, 3000);
+        }
+    }, [loading, loadingMore, activeTab]);
+    useEffect(() => {
+        return () => stopTimeout();
+    }, []);
+    return (<div style={{
+            width: '25rem',
+            height: '80vh'
+        }}>
+      <ArticleList header={args.showHeader
+            ? {
+                title: 'Knowledge articles',
+                icon: args.showHeaderIcon ? 'book-open' : '',
+                actions
+            }
+            : undefined} activeTab={activeTab} onTabClick={handleTabChange} skeletonize={false} suggested={{
+            count: args.showCount ? suggestedMock.count : undefined,
+            articles: articles.map(article => {
+                if (!article.feedback ||
+                    article.feedback.likes === undefined ||
+                    article.feedback.dislikes === undefined) {
+                    return article;
+                }
+                const likesValue = (article.feedback?.likes ?? 0 * 100) / article.feedback.likes +
+                    article.feedback.dislikes;
+                const disLikeValue = (article.feedback.dislikes ?? 0 * 100) / article.feedback.likes +
+                    article.feedback.dislikes;
+                return {
+                    ...article,
+                    feedback: {
+                        ...article.feedback,
+                        likes: likesValue,
+                        dislikes: disLikeValue
+                    }
+                };
+            })
+        }} followed={{
+            count: args.showCount ? followedMock.count : undefined,
+            articles: articles.map(article => {
+                if (!article.feedback ||
+                    article.feedback.likes === undefined ||
+                    article.feedback.dislikes === undefined) {
+                    return article;
+                }
+                const likesValue = (article.feedback?.likes ?? 0 * 100) / article.feedback.likes +
+                    article.feedback.dislikes;
+                const disLikeValue = (article.feedback.dislikes ?? 0 * 100) / article.feedback.likes +
+                    article.feedback.dislikes;
+                return {
+                    ...article,
+                    feedback: {
+                        ...article.feedback,
+                        likes: likesValue,
+                        dislikes: disLikeValue
+                    }
+                };
+            }),
+            searchInput: searchOptions,
+            category: categoryProps,
+            sortBy: sortByProps,
+            onClearClick: handleClearClick,
+            showResults: args.showResults
+        }} search={{
+            count: args.showCount ? searchMock.count : undefined,
+            articles: articles.map(article => {
+                if (!article.feedback ||
+                    article.feedback.likes === undefined ||
+                    article.feedback.dislikes === undefined) {
+                    return article;
+                }
+                const likesValue = (article.feedback?.likes ?? 0 * 100) / article.feedback.likes +
+                    article.feedback.dislikes;
+                const disLikeValue = (article.feedback.dislikes ?? 0 * 100) / article.feedback.likes +
+                    article.feedback.dislikes;
+                return {
+                    ...article,
+                    feedback: {
+                        ...article.feedback,
+                        likes: likesValue,
+                        dislikes: disLikeValue
+                    }
+                };
+            }),
+            searchInput: searchOptions,
+            category: categoryProps,
+            sortBy: sortByProps,
+            onClearClick: handleClearClick,
+            quickFilters,
+            handleQuickFilterRemove: (id) => {
+                setQuickFilters(quickFilters.filter(item => item.id !== id));
+            },
+            showResults: args.showResults
+        }} onQuickFilterClick={(quickFilterParam) => {
+            handleTabChange('Search');
+            setQuickFilters([...quickFilters, quickFilterParam]);
+        }} loading={loading} loadingMore={loadingMore} onLoadMore={args.showLoadMore && hasMore ? onLoadMore : undefined}/>
+    </div>);
+};
+ArticleListDemo.args = {
+    isSuggestArticleAction: true,
+    showAction: true,
+    showHeader: true,
+    showHeaderIcon: true,
+    showQuickFilters: true,
+    showCount: true,
+    showResults: true,
+    showLoadMore: false
+};
+ArticleListDemo.argTypes = {
+    isSuggestArticleAction: { control: { type: 'boolean' } },
+    showAction: { control: { type: 'boolean' } },
+    showHeader: { control: { type: 'boolean' } },
+    showHeaderIcon: { control: { type: 'boolean' } },
+    showQuickFilters: { control: { type: 'boolean' } },
+    showCount: { control: { type: 'boolean' } },
+    showResults: { control: { type: 'boolean' } },
+    showLoadMore: { control: { type: 'boolean' } }
+};
+//# sourceMappingURL=ArticleList.stories.jsx.map