npm - @pega/cosmos-react-demos - Versions diffs - 6.0.5 → 6.0.7 - Mend

@pega/cosmos-react-demos 6.0.5 → 6.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/lib/work/Article/Article.stories.js CHANGED Viewed

@@ -21,7 +21,6 @@ export const ArticleStory = (args) => {
     const [likeCount, setLikeCount] = useState(ArticleMockData.fullArticleContent.feedback.likes);
     const [dislikeCount, setDislikeCount] = useState(ArticleMockData.fullArticleContent.feedback.disLikes);
     const [reaction, setReaction] = useState(ArticleMockData.fullArticleContent.feedback.reaction);
-    const { showHeader, backButtonText, showPrimaryActions, showSecondaryActions, showFooter, enableFeedback, showTags, showRelatedLinks, showMoreLikeThis, showAttachments } = args;
     const onBackToArticlesClick = (event) => {
         event.preventDefault();
     };
@@ -59,15 +58,15 @@ export const ArticleStory = (args) => {
     };
     return (_jsx("div", { style: {
             maxWidth: '25rem'
-        }, children: _jsx(Article, { articleId: ArticleMockData.fullArticleContent.articleId, header: showHeader
+        }, children: _jsx(Article, { articleId: ArticleMockData.fullArticleContent.articleId, header: args.showHeader
                 ? {
                     title: 'Knowledge articles',
                     icon: 'book-open'
                 }
                 : undefined, backNavigation: {
-                title: backButtonText,
+                title: args.backButtonText,
                 onClick: onBackToArticlesClick
-            }, primaryActions: showPrimaryActions
+            }, primaryActions: args.showPrimaryActions
                 ? [
                     {
                         icon: 'star',
@@ -86,7 +85,7 @@ export const ArticleStory = (args) => {
                         }
                     }
                 ]
-                : undefined, secondaryActions: showSecondaryActions
+                : undefined, secondaryActions: args.showSecondaryActions
                 ? [
                     {
                         text: 'Send in email',
@@ -107,16 +106,16 @@ export const ArticleStory = (args) => {
                 dislikes: (dislikeCount * 100) / (likeCount + dislikeCount),
                 reaction,
                 onReaction
-            }, footer: showFooter
+            }, footer: args.showFooter
                 ? {
-                    feedback: enableFeedback
+                    feedback: args.enableFeedback
                         ? {
                             onReaction,
                             showThanksMessage: !!reaction,
                             reaction
                         }
                         : undefined,
-                    tags: showTags
+                    tags: args.showTags
                         ? {
                             list: [
                                 {
@@ -147,13 +146,13 @@ export const ArticleStory = (args) => {
                             onTagClick: action('Tag clicked')
                         }
                         : undefined,
-                    relatedLinks: showRelatedLinks
+                    relatedLinks: args.showRelatedLinks
                         ? [
                             { title: 'Retail banking for beginners', href: 'https://pega.com' },
                             { title: 'How to handle premium customers', href: 'https://pega.com' }
                         ]
                         : undefined,
-                    relatedArticles: showMoreLikeThis
+                    relatedArticles: args.showMoreLikeThis
                         ? [
                             {
                                 title: 'What are the implications of change in billing cycle',
@@ -172,7 +171,7 @@ export const ArticleStory = (args) => {
                             }
                         ]
                         : undefined,
-                    attachments: showAttachments
+                    attachments: args.showAttachments
                         ? [
                             { name: 'Billing cycle FAQ.doc', onDownload: action('On Download') },
                             { name: 'Training video.mp4', onDownload: action('On Download') },

package/lib/work/Article/Article.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Article.stories.js","sourceRoot":"","sources":["../../../src/work/Article/Article.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport type { MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { registerIcon, createUID, HTML, Flex } from '@pega/cosmos-react-core';\nimport * as openIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';\nimport * as starIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/star.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport { Article, ArticleFooter, ArticleRating } from '@pega/cosmos-react-work';\nimport type { ArticleProps, ArticleRatingProps } from '@pega/cosmos-react-work';\n\nimport { ArticleMockData } from './Article.mocks';\n\nregisterIcon(openIcon, starIcon, caretLeftIcon);\n\nexport default {\n title: 'Work/Article',\n component: Article,\n subcomponents: { ArticleFooter },\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport interface ArticleDemoProps {\n showHeader: boolean;\n backButtonText: string;\n showPrimaryActions: boolean;\n showSecondaryActions: boolean;\n showFooter: boolean;\n enableFeedback: boolean;\n showTags: boolean;\n showRelatedLinks: boolean;\n showMoreLikeThis: boolean;\n showAttachments: boolean;\n}\n\nexport const ArticleStory: StoryFn<ArticleDemoProps> = (args: ArticleDemoProps) => {\n const [loading, setLoading] = useState<boolean>(true);\n\n const [likeCount, setLikeCount] = useState(ArticleMockData.fullArticleContent.feedback.likes);\n const [dislikeCount, setDislikeCount] = useState(\n ArticleMockData.fullArticleContent.feedback.disLikes\n );\n const [reaction, setReaction] = useState<ArticleRatingProps['reaction']>(\n ArticleMockData.fullArticleContent.feedback.reaction\n );\n\n const {\n showHeader,\n backButtonText,\n showPrimaryActions,\n showSecondaryActions,\n showFooter,\n enableFeedback,\n showTags,\n showRelatedLinks,\n showMoreLikeThis,\n showAttachments\n } = args;\n\n const onBackToArticlesClick = (event: MouseEvent) => {\n event.preventDefault();\n };\n\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }, []);\n\n const onReaction: Required<ArticleProps>['feedback']['onReaction'] = (id, reactionParam) => {\n action('onReaction')(id);\n if (reactionParam === 'liked') {\n setReaction('liked');\n setLikeCount(prev => prev + 1);\n\n if (reaction === 'disliked') {\n setDislikeCount(prev => prev - 1);\n }\n return;\n }\n\n if (reactionParam === 'disliked') {\n setReaction('disliked');\n setDislikeCount(prev => prev + 1);\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n }\n }\n\n if (reactionParam === undefined) {\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n } else {\n setDislikeCount(prev => prev - 1);\n }\n setReaction(undefined);\n }\n };\n\n return (\n <div\n style={{\n maxWidth: '25rem'\n }}\n >\n <Article\n articleId={ArticleMockData.fullArticleContent.articleId}\n header={\n showHeader\n ? {\n title: 'Knowledge articles',\n icon: 'book-open'\n }\n : undefined\n }\n backNavigation={{\n title: backButtonText,\n onClick: onBackToArticlesClick\n }}\n primaryActions={\n showPrimaryActions\n ? [\n {\n icon: 'star',\n label: 'Follow',\n id: createUID(),\n onClick: id => {\n action('Follow')(id);\n }\n },\n {\n icon: 'open',\n label: 'Open',\n id: createUID(),\n onClick: id => {\n action('Open')(id);\n }\n }\n ]\n : undefined\n }\n secondaryActions={\n showSecondaryActions\n ? [\n {\n text: 'Send in email',\n id: 'action1',\n onClick: action('Action')\n },\n {\n text: 'Send in chat',\n id: 'action2',\n onClick: action('Action')\n }\n ]\n : undefined\n }\n content={<HTML content={ArticleMockData.fullArticleContent.content} />}\n title={ArticleMockData.fullArticleContent.header}\n meta={{\n category: ArticleMockData.fullArticleContent.meta.category,\n publishedDate: ArticleMockData.fullArticleContent.meta.publishedDate\n }}\n feedback={{\n likes: (likeCount * 100) / (likeCount + dislikeCount),\n dislikes: (dislikeCount * 100) / (likeCount + dislikeCount),\n reaction,\n onReaction\n }}\n footer={\n showFooter\n ? {\n feedback: enableFeedback\n ? {\n onReaction,\n showThanksMessage: !!reaction,\n reaction\n }\n : undefined,\n tags: showTags\n ? {\n list: [\n {\n id: 'Retail banking',\n tagName: '#Retail_banking'\n },\n {\n id: 'Billing',\n tagName: '#Billing'\n },\n {\n id: '223444',\n tagName: '#CSR_Skills'\n },\n {\n id: '223446',\n tagName: '#Premium_Customers'\n },\n {\n id: '223447',\n tagName: '#Rare_Customers'\n },\n {\n id: '223448',\n tagName: '#Finance_Customers'\n }\n ],\n onTagClick: action('Tag clicked')\n }\n : undefined,\n relatedLinks: showRelatedLinks\n ? [\n { title: 'Retail banking for beginners', href: 'https://pega.com' },\n { title: 'How to handle premium customers', href: 'https://pega.com' }\n ]\n : undefined,\n relatedArticles: showMoreLikeThis\n ? [\n {\n title: 'What are the implications of change in billing cycle',\n onClick: action('Related article'),\n id: createUID()\n },\n {\n title: 'What is the best billing cycle for premium customers',\n onClick: action('Related article'),\n id: createUID()\n },\n {\n title: 'How to enable automatic bill payment',\n onClick: action('Related article'),\n id: createUID()\n }\n ]\n : undefined,\n attachments: showAttachments\n ? [\n { name: 'Billing cycle FAQ.doc', onDownload: action('On Download') },\n { name: 'Training video.mp4', onDownload: action('On Download') },\n { name: 'Terms and conditions.pdf', onDownload: action('On Download') }\n ]\n : undefined\n }\n : undefined\n }\n loading={loading}\n />\n </div>\n );\n};\n\nArticleStory.args = {\n showHeader: true,\n backButtonText: 'Back to all articles',\n showPrimaryActions: true,\n showSecondaryActions: true,\n showFooter: true,\n enableFeedback: true,\n showTags: true,\n showRelatedLinks: true,\n showMoreLikeThis: true,\n showAttachments: true\n};\n\nArticleStory.argTypes = {\n showHeader: { control: { type: 'boolean' } },\n backButtonText: { control: { type: 'text' } },\n showPrimaryActions: { control: { type: 'boolean' } },\n showSecondaryActions: { control: { type: 'boolean' } },\n showFooter: { control: { type: 'boolean' } },\n enableFeedback: { control: { type: 'boolean' } },\n showTags: { control: { type: 'boolean' } },\n showRelatedLinks: { control: { type: 'boolean' } },\n showMoreLikeThis: { control: { type: 'boolean' } },\n showAttachments: { control: { type: 'boolean' } }\n};\n\nexport const ArticleRatingDemo: StoryFn = () => {\n const [likeCount, setLikeCount] = useState(5);\n const [dislikeCount, setDislikeCount] = useState(2);\n const [reaction, setReaction] = useState<ArticleRatingProps['reaction']>();\n\n const onReaction: ArticleRatingProps['onReaction'] = reactionParam => {\n if (reactionParam === 'liked') {\n // no reaction\n // already disliked and liking now\n setReaction('liked');\n setLikeCount(prev => prev + 1);\n if (reaction === 'disliked') {\n setDislikeCount(prev => prev - 1);\n }\n return;\n }\n\n if (reactionParam === 'disliked') {\n // Dislike clicked\n setReaction('disliked');\n setDislikeCount(prev => prev + 1);\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n }\n }\n\n if (reactionParam === undefined) {\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n } else {\n setDislikeCount(prev => prev - 1);\n }\n setReaction(undefined);\n }\n };\n\n return (\n <Flex container={{ pad: [1, 1] }}>\n <ArticleRating\n likes={(likeCount * 100) / (likeCount + dislikeCount)}\n dislikes={(dislikeCount * 100) / (likeCount + dislikeCount)}\n onReaction={onReaction}\n reaction={reaction}\n />\n </Flex>\n );\n};\n"]}
1	+ {"version":3,"file":"Article.stories.js","sourceRoot":"","sources":["../../../src/work/Article/Article.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport type { MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { registerIcon, createUID, HTML, Flex } from '@pega/cosmos-react-core';\nimport * as openIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';\nimport * as starIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/star.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport { Article, ArticleFooter, ArticleRating } from '@pega/cosmos-react-work';\nimport type { ArticleProps, ArticleRatingProps } from '@pega/cosmos-react-work';\n\nimport { ArticleMockData } from './Article.mocks';\n\nregisterIcon(openIcon, starIcon, caretLeftIcon);\n\nexport default {\n title: 'Work/Article',\n component: Article,\n subcomponents: { ArticleFooter },\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport interface ArticleDemoProps {\n showHeader: boolean;\n backButtonText: string;\n showPrimaryActions: boolean;\n showSecondaryActions: boolean;\n showFooter: boolean;\n enableFeedback: boolean;\n showTags: boolean;\n showRelatedLinks: boolean;\n showMoreLikeThis: boolean;\n showAttachments: boolean;\n}\n\nexport const ArticleStory: StoryFn<ArticleDemoProps> = (args: ArticleDemoProps) => {\n const [loading, setLoading] = useState<boolean>(true);\n\n const [likeCount, setLikeCount] = useState(ArticleMockData.fullArticleContent.feedback.likes);\n const [dislikeCount, setDislikeCount] = useState(\n ArticleMockData.fullArticleContent.feedback.disLikes\n );\n const [reaction, setReaction] = useState<ArticleRatingProps['reaction']>(\n ArticleMockData.fullArticleContent.feedback.reaction\n );\n\n const onBackToArticlesClick = (event: MouseEvent) => {\n event.preventDefault();\n };\n\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }, []);\n\n const onReaction: Required<ArticleProps>['feedback']['onReaction'] = (id, reactionParam) => {\n action('onReaction')(id);\n if (reactionParam === 'liked') {\n setReaction('liked');\n setLikeCount(prev => prev + 1);\n\n if (reaction === 'disliked') {\n setDislikeCount(prev => prev - 1);\n }\n return;\n }\n\n if (reactionParam === 'disliked') {\n setReaction('disliked');\n setDislikeCount(prev => prev + 1);\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n }\n }\n\n if (reactionParam === undefined) {\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n } else {\n setDislikeCount(prev => prev - 1);\n }\n setReaction(undefined);\n }\n };\n\n return (\n <div\n style={{\n maxWidth: '25rem'\n }}\n >\n <Article\n articleId={ArticleMockData.fullArticleContent.articleId}\n header={\n args.showHeader\n ? {\n title: 'Knowledge articles',\n icon: 'book-open'\n }\n : undefined\n }\n backNavigation={{\n title: args.backButtonText,\n onClick: onBackToArticlesClick\n }}\n primaryActions={\n args.showPrimaryActions\n ? [\n {\n icon: 'star',\n label: 'Follow',\n id: createUID(),\n onClick: id => {\n action('Follow')(id);\n }\n },\n {\n icon: 'open',\n label: 'Open',\n id: createUID(),\n onClick: id => {\n action('Open')(id);\n }\n }\n ]\n : undefined\n }\n secondaryActions={\n args.showSecondaryActions\n ? [\n {\n text: 'Send in email',\n id: 'action1',\n onClick: action('Action')\n },\n {\n text: 'Send in chat',\n id: 'action2',\n onClick: action('Action')\n }\n ]\n : undefined\n }\n content={<HTML content={ArticleMockData.fullArticleContent.content} />}\n title={ArticleMockData.fullArticleContent.header}\n meta={{\n category: ArticleMockData.fullArticleContent.meta.category,\n publishedDate: ArticleMockData.fullArticleContent.meta.publishedDate\n }}\n feedback={{\n likes: (likeCount * 100) / (likeCount + dislikeCount),\n dislikes: (dislikeCount * 100) / (likeCount + dislikeCount),\n reaction,\n onReaction\n }}\n footer={\n args.showFooter\n ? {\n feedback: args.enableFeedback\n ? {\n onReaction,\n showThanksMessage: !!reaction,\n reaction\n }\n : undefined,\n tags: args.showTags\n ? {\n list: [\n {\n id: 'Retail banking',\n tagName: '#Retail_banking'\n },\n {\n id: 'Billing',\n tagName: '#Billing'\n },\n {\n id: '223444',\n tagName: '#CSR_Skills'\n },\n {\n id: '223446',\n tagName: '#Premium_Customers'\n },\n {\n id: '223447',\n tagName: '#Rare_Customers'\n },\n {\n id: '223448',\n tagName: '#Finance_Customers'\n }\n ],\n onTagClick: action('Tag clicked')\n }\n : undefined,\n relatedLinks: args.showRelatedLinks\n ? [\n { title: 'Retail banking for beginners', href: 'https://pega.com' },\n { title: 'How to handle premium customers', href: 'https://pega.com' }\n ]\n : undefined,\n relatedArticles: args.showMoreLikeThis\n ? [\n {\n title: 'What are the implications of change in billing cycle',\n onClick: action('Related article'),\n id: createUID()\n },\n {\n title: 'What is the best billing cycle for premium customers',\n onClick: action('Related article'),\n id: createUID()\n },\n {\n title: 'How to enable automatic bill payment',\n onClick: action('Related article'),\n id: createUID()\n }\n ]\n : undefined,\n attachments: args.showAttachments\n ? [\n { name: 'Billing cycle FAQ.doc', onDownload: action('On Download') },\n { name: 'Training video.mp4', onDownload: action('On Download') },\n { name: 'Terms and conditions.pdf', onDownload: action('On Download') }\n ]\n : undefined\n }\n : undefined\n }\n loading={loading}\n />\n </div>\n );\n};\n\nArticleStory.args = {\n showHeader: true,\n backButtonText: 'Back to all articles',\n showPrimaryActions: true,\n showSecondaryActions: true,\n showFooter: true,\n enableFeedback: true,\n showTags: true,\n showRelatedLinks: true,\n showMoreLikeThis: true,\n showAttachments: true\n};\n\nArticleStory.argTypes = {\n showHeader: { control: { type: 'boolean' } },\n backButtonText: { control: { type: 'text' } },\n showPrimaryActions: { control: { type: 'boolean' } },\n showSecondaryActions: { control: { type: 'boolean' } },\n showFooter: { control: { type: 'boolean' } },\n enableFeedback: { control: { type: 'boolean' } },\n showTags: { control: { type: 'boolean' } },\n showRelatedLinks: { control: { type: 'boolean' } },\n showMoreLikeThis: { control: { type: 'boolean' } },\n showAttachments: { control: { type: 'boolean' } }\n};\n\nexport const ArticleRatingDemo: StoryFn = () => {\n const [likeCount, setLikeCount] = useState(5);\n const [dislikeCount, setDislikeCount] = useState(2);\n const [reaction, setReaction] = useState<ArticleRatingProps['reaction']>();\n\n const onReaction: ArticleRatingProps['onReaction'] = reactionParam => {\n if (reactionParam === 'liked') {\n // no reaction\n // already disliked and liking now\n setReaction('liked');\n setLikeCount(prev => prev + 1);\n if (reaction === 'disliked') {\n setDislikeCount(prev => prev - 1);\n }\n return;\n }\n\n if (reactionParam === 'disliked') {\n // Dislike clicked\n setReaction('disliked');\n setDislikeCount(prev => prev + 1);\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n }\n }\n\n if (reactionParam === undefined) {\n if (reaction === 'liked') {\n setLikeCount(prev => prev - 1);\n } else {\n setDislikeCount(prev => prev - 1);\n }\n setReaction(undefined);\n }\n };\n\n return (\n <Flex container={{ pad: [1, 1] }}>\n <ArticleRating\n likes={(likeCount * 100) / (likeCount + dislikeCount)}\n dislikes={(dislikeCount * 100) / (likeCount + dislikeCount)}\n onReaction={onReaction}\n reaction={reaction}\n />\n </Flex>\n );\n};\n"]}

package/lib/work/CaseView/CaseView.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAE1D,wBAMU;AAEV,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,~~CAOnD~~,CAAC"}
1	+ {"version":3,"file":"CaseView.stories.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAE1D,wBAMU;AAEV,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,CA6BnD,CAAC"}

package/lib/work/CaseView/CaseView.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ export default {
     }
 };
 export const CaseViewDemo = (args) => {
-    return (_jsx(AppShellDemo, { appHeader: true, main: _jsx(CaseViewMock, { ...args, defaultExpanded: !!args.defaultExpanded }) }));
+    return (_jsx(AppShellDemo, { appHeader: true, main: _jsx(CaseViewMock, { ...args, caseId: args.caseId, heading: args.heading, subheading: args.subheading, summaryFields: args.summaryFields, stages: args.stages, tasks: args.tasks, taskCount: args.taskCount, parentCases: args.parentCases, predictions: args.predictions, attachments: args.attachments, stakeholders: args.stakeholders, followers: args.followers, tags: args.tags, persistentUtility: args.persistentUtility, banner: args.banner, promotedActions: args.promotedActions, headingLength: args.headingLength, defaultExpanded: !!args.defaultExpanded }) }));
 };
 CaseViewDemo.args = {
     caseId: 'C-123456',

package/lib/work/CaseView/CaseView.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAA+B,CAAC,IAAuB,EAAE,EAAE;IAClF,OAAO,CACL,KAAC,YAAY,IACX,SAAS,QACT,IAAI,~~EAAE~~,KAAC,YAAY,~~OAAK~~,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,~~GAAI~~,~~GACzE~~,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,CAAC;IAClB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;IAClB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,IAAI;IACV,iBAAiB,EAAE,KAAK;IACxB,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,OAAO;IACtB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACzC,aAAa,EAAE;QACb,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,gBAAgB,CAAC;KACnD;IACD,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACxC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACvC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC9C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACtC,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACnD,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACxC,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;IAC7E,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE;IACpF,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAClD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { CaseView } from '@pega/cosmos-react-work';\n\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\n\nimport { CaseViewMock } from './CaseView.mocks';\nimport type { CaseViewMockProps } from './CaseView.mocks';\n\nexport default {\n title: 'Work/CaseView',\n component: CaseView,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport const CaseViewDemo: StoryFn<CaseViewMockProps> = (args: CaseViewMockProps) => {\n return (\n <AppShellDemo\n appHeader\n main={<CaseViewMock {...args} defaultExpanded={!!args.defaultExpanded} />}\n />\n );\n};\n\nCaseViewDemo.args = {\n caseId: 'C-123456',\n heading: 'Constellation',\n subheading: 'C-123456',\n parentCases: false,\n promotedActions: 1,\n summaryFields: 'All',\n stages: true,\n tasks: true,\n taskCount: 4,\n predictions: true,\n attachments: true,\n stakeholders: true,\n followers: true,\n tags: true,\n persistentUtility: false,\n banner: false,\n headingLength: 'short',\n defaultExpanded: true\n};\n\nCaseViewDemo.argTypes = {\n caseId: { control: { type: 'text' } },\n heading: { control: { type: 'text' } },\n subheading: { control: { type: 'text' } },\n summaryFields: {\n control: 'radio',\n options: ['All', 'Primary only', 'Secondary only']\n },\n stages: { control: { type: 'boolean' } },\n tasks: { control: { type: 'boolean' } },\n taskCount: { control: { type: 'number' } },\n parentCases: { control: { type: 'boolean' } },\n predictions: { control: { type: 'boolean' } },\n attachments: { control: { type: 'boolean' } },\n stakeholders: { control: { type: 'boolean' } },\n followers: { control: { type: 'boolean' } },\n tags: { control: { type: 'boolean' } },\n persistentUtility: { control: { type: 'boolean' } },\n banner: { control: { type: 'boolean' } },\n promotedActions: { control: { type: 'select' }, options: [0, 1, 2, 3, 4, 5] },\n headingLength: { control: { type: 'select' }, options: ['short', 'medium', 'long'] },\n defaultExpanded: { control: { type: 'boolean' } }\n};\n"]}
1	+ {"version":3,"file":"CaseView.stories.js","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAA+B,CAAC,IAAuB,EAAE,EAAE;IAClF,OAAO,CACL,KAAC,YAAY,IACX,SAAS,QACT,IAAI,EACF,KAAC,YAAY,OACP,IAAI,EACR,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GACvC,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,CAAC;IAClB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;IAClB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,IAAI;IACV,iBAAiB,EAAE,KAAK;IACxB,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,OAAO;IACtB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACrC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACzC,aAAa,EAAE;QACb,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,gBAAgB,CAAC;KACnD;IACD,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACxC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACvC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC1C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC7C,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC9C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC3C,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACtC,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACnD,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACxC,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;IAC7E,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE;IACpF,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAClD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { CaseView } from '@pega/cosmos-react-work';\n\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\n\nimport { CaseViewMock } from './CaseView.mocks';\nimport type { CaseViewMockProps } from './CaseView.mocks';\n\nexport default {\n title: 'Work/CaseView',\n component: CaseView,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\nexport const CaseViewDemo: StoryFn<CaseViewMockProps> = (args: CaseViewMockProps) => {\n return (\n <AppShellDemo\n appHeader\n main={\n <CaseViewMock\n {...args}\n caseId={args.caseId}\n heading={args.heading}\n subheading={args.subheading}\n summaryFields={args.summaryFields}\n stages={args.stages}\n tasks={args.tasks}\n taskCount={args.taskCount}\n parentCases={args.parentCases}\n predictions={args.predictions}\n attachments={args.attachments}\n stakeholders={args.stakeholders}\n followers={args.followers}\n tags={args.tags}\n persistentUtility={args.persistentUtility}\n banner={args.banner}\n promotedActions={args.promotedActions}\n headingLength={args.headingLength}\n defaultExpanded={!!args.defaultExpanded}\n />\n }\n />\n );\n};\n\nCaseViewDemo.args = {\n caseId: 'C-123456',\n heading: 'Constellation',\n subheading: 'C-123456',\n parentCases: false,\n promotedActions: 1,\n summaryFields: 'All',\n stages: true,\n tasks: true,\n taskCount: 4,\n predictions: true,\n attachments: true,\n stakeholders: true,\n followers: true,\n tags: true,\n persistentUtility: false,\n banner: false,\n headingLength: 'short',\n defaultExpanded: true\n};\n\nCaseViewDemo.argTypes = {\n caseId: { control: { type: 'text' } },\n heading: { control: { type: 'text' } },\n subheading: { control: { type: 'text' } },\n summaryFields: {\n control: 'radio',\n options: ['All', 'Primary only', 'Secondary only']\n },\n stages: { control: { type: 'boolean' } },\n tasks: { control: { type: 'boolean' } },\n taskCount: { control: { type: 'number' } },\n parentCases: { control: { type: 'boolean' } },\n predictions: { control: { type: 'boolean' } },\n attachments: { control: { type: 'boolean' } },\n stakeholders: { control: { type: 'boolean' } },\n followers: { control: { type: 'boolean' } },\n tags: { control: { type: 'boolean' } },\n persistentUtility: { control: { type: 'boolean' } },\n banner: { control: { type: 'boolean' } },\n promotedActions: { control: { type: 'select' }, options: [0, 1, 2, 3, 4, 5] },\n headingLength: { control: { type: 'select' }, options: ['short', 'medium', 'long'] },\n defaultExpanded: { control: { type: 'boolean' } }\n};\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-demos",
-  "version": "6.0.5",
+  "version": "6.0.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pegasystems/cosmos-react.git",
@@ -20,12 +20,12 @@
     "build": "tsc -b tsconfig.build.json && tsc -b tsconfig.build-preserve.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "6.0.5",
-    "@pega/cosmos-react-core": "6.0.5",
-    "@pega/cosmos-react-dnd": "6.0.5",
-    "@pega/cosmos-react-rte": "6.0.5",
-    "@pega/cosmos-react-social": "6.0.5",
-    "@pega/cosmos-react-work": "6.0.5",
+    "@pega/cosmos-react-condition-builder": "6.0.7",
+    "@pega/cosmos-react-core": "6.0.7",
+    "@pega/cosmos-react-dnd": "6.0.7",
+    "@pega/cosmos-react-rte": "6.0.7",
+    "@pega/cosmos-react-social": "6.0.7",
+    "@pega/cosmos-react-work": "6.0.7",
     "@storybook/addon-actions": "~7.5.3",
     "@storybook/react": "~7.5.3",
     "@types/dompurify": "^3.0.5",