@pega/cosmos-react-demos 6.6.0 → 6.6.2

package/jsx/work/ArticleList/ArticleBuddy.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArticleBuddy.stories.jsx","sourceRoot":"","sources":["../../../src/work/ArticleList/ArticleBuddy.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { HTML, Card } from '@pega/cosmos-react-core';\nimport type { OmitStrict, TextAreaProps } from '@pega/cosmos-react-core';\nimport { ArticleBuddy } from '@pega/cosmos-react-work';\nimport type { ArticleBuddyProps, Reaction } from '@pega/cosmos-react-work';\n\nimport { ArticleBuddyMockData } from './ArticleList.mocks';\n\nexport default {\n  title: 'Work/ArticleList',\n  component: ArticleBuddy\n} as Meta;\n\ninterface ArticleBuddyDemoProps {\n  showDisclaimer: boolean;\n  showReferences: boolean;\n  showActions: boolean;\n  showError: boolean;\n  showFeedback: boolean;\n}\n\ntype MockBuddyArticles = OmitStrict<\n  ArticleBuddyProps,\n  'query' | 'loading' | 'onSubmit' | 'onClear' | 'feedback'\n>;\n\nexport const ArticleBuddyDemo: StoryFn<ArticleBuddyDemoProps> = (args: ArticleBuddyDemoProps) => {\n  const [searchVal, setSearchVal] = useState('');\n  const [commentVal, setCommentVal] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [searchResult, setSearchResult] = useState<MockBuddyArticles>();\n  const [reaction, setReaction] = useState<Reaction>(undefined);\n\n  const updateBuddyArticles = (mockBuddyArticle: MockBuddyArticles) => {\n    const actionItems = [\n      { id: '1', text: 'Share' },\n      { id: '2', text: 'Copy' }\n    ];\n    return {\n      title: mockBuddyArticle.title,\n      content: mockBuddyArticle.content,\n      references: mockBuddyArticle.references,\n      disclaimer: mockBuddyArticle.disclaimer,\n      actions: actionItems\n    };\n  };\n\n  const fetchSearchResult: () => Promise<{\n    data: MockBuddyArticles;\n  }> = () => {\n    return new Promise(resolve => {\n      setTimeout(() => {\n        resolve({\n          data: updateBuddyArticles(ArticleBuddyMockData)\n        });\n      }, 1000);\n    });\n  };\n\n  const getResults = async () => {\n    setLoading(true);\n    const res = await fetchSearchResult();\n    setSearchResult(res.data);\n    setLoading(false);\n  };\n\n  const queryParams: TextAreaProps = {\n    placeholder: 'Ask your question here...',\n    value: searchVal,\n    onChange: (e: ChangeEvent<HTMLTextAreaElement>) => setSearchVal(e.target.value)\n  };\n\n  const commentParams: TextAreaProps = {\n    placeholder: 'How can I improve...',\n    value: commentVal,\n    onChange: (e: ChangeEvent<HTMLTextAreaElement>) => setCommentVal(e.target.value)\n  };\n\n  const onReaction = (feedback: Reaction) => {\n    setReaction(feedback);\n  };\n\n  const feedbackProps: ArticleBuddyProps['feedback'] = {\n    comment: commentParams,\n    reaction,\n    onReaction,\n    onSubmit: (response: { reaction: Reaction; comment: string }) => {\n      action('onClick')(`Response sent ${response.reaction} ${response.comment}`);\n      setCommentVal('');\n      setReaction(undefined);\n    }\n  };\n\n  return (\n    <Card>\n      <ArticleBuddy\n        query={queryParams}\n        onSubmit={getResults}\n        onClear={() => {\n          setSearchVal('');\n        }}\n        title={searchResult?.title}\n        actions={args.showActions ? searchResult?.actions : []}\n        content={\n          !args.showError && searchResult?.content ? (\n            <HTML content={ArticleBuddyMockData.content} />\n          ) : undefined\n        }\n        disclaimer={args.showDisclaimer ? ArticleBuddyMockData.disclaimer : undefined}\n        references={args.showReferences ? searchResult?.references : undefined}\n        feedback={args.showFeedback ? feedbackProps : undefined}\n        loading={loading}\n        error={args.showError}\n      />\n    </Card>\n  );\n};\n\nArticleBuddyDemo.args = {\n  showDisclaimer: true,\n  showActions: true,\n  showReferences: true,\n  showError: false,\n  showFeedback: true\n};\n\nArticleBuddyDemo.argTypes = {\n  showDisclaimer: { control: { type: 'boolean' } },\n  showActions: { control: { type: 'boolean' } },\n  showReferences: { control: { type: 'boolean' } },\n  showError: { control: { type: 'boolean' } },\n  showFeedback: { control: { type: 'boolean' } }\n};\n"]}

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

@@ -1,222 +0,0 @@
-import type { ArticleBuddyProps } from '@pega/cosmos-react-work';
-export declare const suggestedMock: {
-    count: number;
-    articles: ({
-        articleId: string;
-        title: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        href?: undefined;
-        quickFilters?: undefined;
-    } | {
-        articleId: string;
-        title: string;
-        href: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters: {
-            id: string;
-            name: string;
-        }[];
-    } | {
-        articleId: string;
-        title: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters: {
-            id: string;
-            name: string;
-        }[];
-        href?: undefined;
-    })[];
-};
-export declare const followedMock: {
-    count: number;
-    articles: ({
-        articleId: string;
-        title: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters: {
-            id: string;
-            name: string;
-        }[];
-        href?: undefined;
-    } | {
-        articleId: string;
-        title: string;
-        href: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters: {
-            id: string;
-            name: string;
-        }[];
-    } | {
-        articleId: string;
-        title: string;
-        href: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters?: undefined;
-    })[];
-    category: ({
-        id: string;
-        primary: string;
-        secondary: string[];
-        items: {
-            id: string;
-            primary: string;
-            secondary: string[];
-        }[];
-    } | {
-        id: string;
-        primary: string;
-        secondary: string[];
-        items?: undefined;
-    })[];
-    sortBy: {
-        id: string;
-        primary: string;
-    }[];
-};
-export declare const searchMock: {
-    count: number;
-    articles: ({
-        articleId: string;
-        title: string;
-        href: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters: {
-            id: string;
-            name: string;
-        }[];
-    } | {
-        articleId: string;
-        title: string;
-        abstract: string;
-        meta: {
-            category: string;
-            publishedDate: string;
-        };
-        feedback: {
-            likes: number;
-            dislikes: number;
-            liked: boolean;
-            disliked: boolean;
-        };
-        isFollowed: boolean;
-        isLiked: boolean;
-        quickFilters: {
-            id: string;
-            name: string;
-        }[];
-        href?: undefined;
-    })[];
-    category: ({
-        id: string;
-        primary: string;
-        secondary: string[];
-        items: {
-            id: string;
-            primary: string;
-            secondary: string[];
-        }[];
-    } | {
-        id: string;
-        primary: string;
-        secondary: string[];
-        items?: undefined;
-    })[];
-    sortBy: {
-        id: string;
-        primary: string;
-    }[];
-};
-export declare const ArticleBuddyMockData: Pick<ArticleBuddyProps, 'title' | 'references' | 'disclaimer'> & {
-    content: string;
-};
-export declare const ArticleBuddyActions: {
-    id: string;
-    text: string;
-    onClick: () => void;
-}[];
-//# sourceMappingURL=ArticleList.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ArticleList.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/ArticleList/ArticleList.mocks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAqBjE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJzB,CAAC;AACF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,IAAI,CACrC,iBAAiB,EACjB,OAAO,GAAG,YAAY,GAAG,YAAY,CACtC,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAsCpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GAW/B,CAAC"}