npm - @pega/cosmos-react-demos - Versions diffs - 4.0.0-dev.3.1 → 4.0.0-dev.4.0 - Mend

@pega/cosmos-react-demos 4.0.0-dev.3.1 → 4.0.0-dev.4.0

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 (53) hide show

package/lib/core/Progress/Progress.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../src/core/Progress/Progress.stories.tsx"],"names":[],"mappings":";~~AAEA~~,OAAO,EAAE,~~aAAa~~,EAAE,~~IAAI~~,EAAE,QAAQ,~~EAAiB~~,IAAI,~~EAAE~~,MAAM,yBAAyB,CAAC;~~AAE7F~~,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,CAAC,sBAAsB,CAAC;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,OAAO;QAClB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE,EAAE;~~KACV~~;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC9E,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC3F,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC7C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACvC;CACM,CAAC;~~AAMV~~,MAAM,CAAC,MAAM,YAAY,GAA6B,CAAC,IAAuB,EAAE,EAAE;IAChF,OAAO,CACL,MAAC,cAAc,eACZ,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAC7B,KAAC,IAAI,gdAOE,CACR,EACA,IAAI,CAAC,SAAS,KAAK,QAAQ,IAAI,KAAC,IAAI,iCAAsB,EAC3D,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,~~IAAI~~,~~CAAC~~,~~OAAO,EACrB,~~KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,~~GAChD~~,IACa,~~CAClB~~,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,oBAAoB,GAAqC,CACpE,IAA+B,EAC/B,EAAE;IACF,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE;YACL,UAAU,EAAE;gBACV,QAAQ,EAAE;oBACR,gBAAgB,EAAE,IAAI,CAAC,aAAa;iBACrC;aACF;SACF,YAED,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,YAC9E,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,SAAG,GAC1E,GACO,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,aAAa,EAAE,SAAS;CACzB,CAAC;AAEF,oBAAoB,CAAC,QAAQ,GAAG;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC7C,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACvC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACtC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { Configuration, Flex, Progress, ProgressProps, Text } from '@pega/cosmos-react-core';\n\nimport { StyledDemoWrap } from './Progress.styles';\n\nexport default {\n title: 'Core/Progress',\n component: Progress,\n excludeStories: ['ConfigurableProgress'],\n args: {\n variant: 'ring',\n placement: 'local',\n message: '',\n determinate: false,\n value: 67\n },\n argTypes: {\n variant: { options: ['ring', 'bar', 'ellipsis'], control: { type: 'select' } },\n placement: { options: ['local', 'global', 'block', 'inline'], control: { type: 'select' } },\n message: { control: { type: 'text' } },\n determinate: { control: { type: 'boolean' } },\n value: { control: { type: 'number' } }\n }\n} as Meta;\n\ninterface ProgressDemoProps extends ProgressProps {\n determinate?: boolean;\n}\n\nexport const ProgressDemo: Story<ProgressDemoProps> = (args: ProgressDemoProps) => {\n return (\n <StyledDemoWrap>\n {args.placement === 'block' && (\n <Text>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ~~incididunt~~\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ~~exercitation~~\n ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ~~Excepteur\n~~ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id\n est laborum.\n </Text>\n )}\n {args.placement === 'inline' && <Text>Progress demo </Text>}\n <Progress\n variant={args.variant}\n placement={args.placement}\n message={~~args.message~~}\n value={args.determinate ? args.value : undefined}\n />\n </StyledDemoWrap>\n );\n};\n\ninterface ConfigurableProgressProps extends ProgressProps {\n progressColor?: string;\n}\n\nexport const ConfigurableProgress: Story<ConfigurableProgressProps> = (\n args: ConfigurableProgressProps\n) => {\n return (\n <Configuration\n theme={{\n components: {\n progress: {\n 'progress-color': args.progressColor\n }\n }\n }}\n >\n <Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledDemoWrap}>\n <Progress variant={args.variant} placement='local' message='Loading' visible />\n </Flex>\n </Configuration>\n );\n};\n\nConfigurableProgress.args = {\n progressColor: '#076bc9'\n};\n\nConfigurableProgress.argTypes = {\n progressColor: { control: { type: 'color' } },\n placement: { table: { disable: true } },\n message: { table: { disable: true } }\n};\n"]}
1	+ {"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../src/core/Progress/Progress.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Configuration,\n Flex,\n Progress,\n ProgressProps,\n ProgressHandleValue,\n Text,\n Button\n} from '@pega/cosmos-react-core';\n\nimport { StyledDemoWrap } from './Progress.styles';\n\nexport default {\n title: 'Core/Progress',\n component: Progress,\n excludeStories: ['ConfigurableProgress'],\n args: {\n variant: 'ring',\n placement: 'local',\n message: '',\n determinate: false,\n value: 67,\n cycleMessages: false,\n testImperativeFocus: false\n },\n argTypes: {\n variant: { options: ['ring', 'bar', 'ellipsis'], control: { type: 'select' } },\n placement: { options: ['local', 'global', 'block', 'inline'], control: { type: 'select' } },\n message: { control: { type: 'text' } },\n cycleMessages: { control: { type: 'boolean' } },\n testImperativeFocus: { control: { type: 'boolean' } },\n determinate: { control: { type: 'boolean' } },\n value: { control: { type: 'number' } }\n }\n} as Meta;\n\ninterface ProgressDemoProps extends ProgressProps {\n determinate?: boolean;\n cycleMessages?: boolean;\n testImperativeFocus?: boolean;\n}\n\nexport const ProgressDemo: Story<ProgressDemoProps> = (args: ProgressDemoProps) => {\n const messages = ['Initializing', 'Loading', 'Mounting', 'Checking our work'];\n const progressHandle = useRef<ProgressHandleValue>(null);\n const [messageIndex, setMessageIndex] = useState(0);\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n if (!args.message \|\| args.cycleMessages) {\n if (messageIndex < messages.length - 1) {\n setMessageIndex(messageIndex + 1);\n } else {\n setMessageIndex(0);\n }\n }\n }, 3000);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [messageIndex, args.message, args.cycleMessages]);\n\n const useMessage = useMemo(() => {\n return args.cycleMessages ? messages[messageIndex] : args.message;\n }, [args.message, messageIndex, args.cycleMessages]);\n\n return (\n <Flex container={{ direction: 'column', gap: 1 }}>\n <StyledDemoWrap>\n {args.placement === 'block' && (\n <Text>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud\n exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure\n dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n mollit anim id est laborum.\n </Text>\n )}\n {args.placement === 'inline' && <Text>Progress demo </Text>}\n <Progress\n variant={args.variant}\n placement={args.placement}\n message={useMessage}\n value={args.determinate ? args.value : undefined}\n handle={progressHandle}\n />\n </StyledDemoWrap>\n\n {args.testImperativeFocus && (\n <Flex item={{ grow: 0 }}>\n <Button\n onClick={() => {\n progressHandle.current?.focus();\n }}\n >\n Focus progress\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n\ninterface ConfigurableProgressProps extends ProgressProps {\n progressColor?: string;\n}\n\nexport const ConfigurableProgress: Story<ConfigurableProgressProps> = (\n args: ConfigurableProgressProps\n) => {\n return (\n <Configuration\n theme={{\n components: {\n progress: {\n 'progress-color': args.progressColor\n }\n }\n }}\n >\n <Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledDemoWrap}>\n <Progress variant={args.variant} placement='local' message='Loading' visible />\n </Flex>\n </Configuration>\n );\n};\n\nConfigurableProgress.args = {\n progressColor: '#076bc9'\n};\n\nConfigurableProgress.argTypes = {\n progressColor: { control: { type: 'color' } },\n placement: { table: { disable: true } },\n message: { table: { disable: true } }\n};\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-demos",
-  "version": "4.0.0-dev.3.1",
+  "version": "4.0.0-dev.4.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,14 +20,14 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-build": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-condition-builder": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-core": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-cs": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-dnd": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-rte": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-social": "4.0.0-dev.3.1",
-    "@pega/cosmos-react-work": "4.0.0-dev.3.1",
+    "@pega/cosmos-react-build": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-condition-builder": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-core": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-cs": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-dnd": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-rte": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-social": "4.0.0-dev.4.0",
+    "@pega/cosmos-react-work": "4.0.0-dev.4.0",
     "@types/emoji-mart": "^3.0.4",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",

package/jsx/build/AppHeader/AppHeader.stories.d.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { BranchButtonProps } from '@pega/cosmos-react-build';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface AppHeaderStoryProps extends BranchButtonProps {
-    showPreview: boolean;
-    showLinks: boolean;
-    showBranch: boolean;
-    showAppNameAndVersion: boolean;
-    appName: string;
-}
-export declare const AppHeaderDemo: Story<AppHeaderStoryProps>;
-//# sourceMappingURL=AppHeader.stories.d.ts.map

package/jsx/build/AppHeader/AppHeader.stories.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"AppHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/build/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAAa,iBAAiB,EAAkB,MAAM,0BAA0B,CAAC;;AAGxF,wBAMU;AAEV,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAmIpD,CAAC"}

package/jsx/build/AppHeader/AppHeader.stories.jsx DELETED Viewed

@@ -1,153 +0,0 @@
-import { useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { AppHeader } from '@pega/cosmos-react-build';
-import { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';
-export default {
-    title: 'Build/AppHeader',
-    component: AppHeader,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const AppHeaderDemo = (args) => {
-    const { create } = useModalManager();
-    const openAddBranchModal = () => {
-        const { dismiss, update } = create(Modal, {
-            children: <Input label='Branch'/>,
-            heading: 'Add branch'
-        });
-        update({
-            actions: [
-                <Button onClick={dismiss}>Cancel</Button>,
-                <Button onClick={dismiss} variant='primary'>
-          Finish
-        </Button>
-            ]
-        });
-    };
-    const [contexts, setContexts] = useState([
-        {
-            id: '1',
-            primary: 'Studio',
-            selected: true,
-            visual: <Icon name='app'/>,
-            href: 'www.pega.com'
-        },
-        {
-            id: '2',
-            primary: 'Administration',
-            selected: false,
-            visual: <Icon name='cloud'/>,
-            href: 'www.pega.com'
-        }
-    ]);
-    return (<AppHeader brand={{
-            label: 'Launchpad',
-            logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',
-            href: '/',
-            onClick: e => {
-                e.preventDefault();
-                action('Navigated to root');
-            }
-        }} contexts={contexts} onContextClick={id => {
-            setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));
-        }} links={args.showLinks
-            ? [
-                {
-                    id: '1',
-                    name: 'Applications',
-                    onClick: action('Clicked Applications')
-                },
-                {
-                    id: '2',
-                    name: 'Shared resources',
-                    onClick: action('Clicked Shared resources')
-                }
-            ]
-            : []} utils={{
-            search: {
-                placeholder: 'Search'
-            },
-            appInfo: args.showAppNameAndVersion
-                ? {
-                    name: args.appName,
-                    version: '1.0.0'
-                }
-                : undefined,
-            avatar: { name: 'Lee Ram' },
-            branch: args.showBranch
-                ? {
-                    text: args.text,
-                    count: args.count,
-                    variant: args.variant,
-                    compact: args.compact,
-                    items: [
-                        {
-                            primary: 'Commit to branch',
-                            id: 'commitToBranch',
-                            onClick: action('Clicked commitToBranch')
-                        },
-                        {
-                            primary: 'Merge branch',
-                            id: 'mergeBranch',
-                            onClick: action('Clicked mergeBranch')
-                        },
-                        {
-                            primary: 'View branch',
-                            id: 'viewBranch',
-                            onClick: action('Clicked viewBranch')
-                        },
-                        {
-                            primary: 'Switch branch',
-                            id: 'switchBranch',
-                            onClick: action('Clicked switchBranch')
-                        },
-                        {
-                            primary: 'Add branch',
-                            id: 'addBranch',
-                            onClick: () => {
-                                action('Clicked addBranch')();
-                                openAddBranchModal();
-                            }
-                        },
-                        {
-                            primary: 'View all branches',
-                            id: 'viewAllBranches',
-                            onClick: action('Clicked viewAllBranches')
-                        }
-                    ]
-                }
-                : undefined,
-            action: args.showPreview
-                ? {
-                    id: 'preview',
-                    text: 'Preview',
-                    onClick: action('Clicked preview button'),
-                    icon: 'play-solid'
-                }
-                : undefined
-        }}/>);
-};
-AppHeaderDemo.args = {
-    variant: 'success',
-    text: 'Launchpad (Main)',
-    count: 4,
-    compact: false,
-    showLinks: false,
-    showAppNameAndVersion: true,
-    showBranch: true,
-    showPreview: true,
-    appName: 'Compass App'
-};
-AppHeaderDemo.argTypes = {
-    variant: { options: ['success', 'urgent'], control: { type: 'radio' } },
-    text: { control: { type: 'text' } },
-    count: { control: { type: 'number' } },
-    compact: { control: { type: 'boolean' } },
-    showLinks: { control: { type: 'boolean' } },
-    showAppNameAndVersion: { control: { type: 'boolean' } },
-    showBranch: { control: { type: 'boolean' } },
-    showPreview: { control: { type: 'boolean' } },
-    appName: { control: { type: 'text' } }
-};
-//# sourceMappingURL=AppHeader.stories.jsx.map

package/jsx/build/AppHeader/AppHeader.stories.jsx.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"AppHeader.stories.jsx","sourceRoot":"","sources":["../../../src/build/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { AppHeader, BranchButtonProps, AppHeaderProps } from '@pega/cosmos-react-build';\nimport { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';\n\nexport default {\n title: 'Build/AppHeader',\n component: AppHeader,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\ninterface AppHeaderStoryProps extends BranchButtonProps {\n showPreview: boolean;\n showLinks: boolean;\n showBranch: boolean;\n showAppNameAndVersion: boolean;\n appName: string;\n}\n\nexport const AppHeaderDemo: Story<AppHeaderStoryProps> = (args: AppHeaderStoryProps) => {\n const { create } = useModalManager();\n\n const openAddBranchModal = () => {\n const { dismiss, update } = create(Modal, {\n children: <Input label='Branch' />,\n heading: 'Add branch'\n });\n update({\n actions: [\n <Button onClick={dismiss}>Cancel</Button>,\n <Button onClick={dismiss} variant='primary'>\n Finish\n </Button>\n ]\n });\n };\n\n const [contexts, setContexts] = useState<AppHeaderProps['contexts']>([\n {\n id: '1',\n primary: 'Studio',\n selected: true,\n visual: <Icon name='app' />,\n href: 'www.pega.com'\n },\n {\n id: '2',\n primary: 'Administration',\n selected: false,\n visual: <Icon name='cloud' />,\n href: 'www.pega.com'\n }\n ]);\n\n return (\n <AppHeader\n brand={{\n label: 'Launchpad',\n logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n href: '/',\n onClick: e => {\n e.preventDefault();\n action('Navigated to root');\n }\n }}\n contexts={contexts}\n onContextClick={id => {\n setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));\n }}\n links={\n args.showLinks\n ? [\n {\n id: '1',\n name: 'Applications',\n onClick: action('Clicked Applications')\n },\n {\n id: '2',\n name: 'Shared resources',\n onClick: action('Clicked Shared resources')\n }\n ]\n : []\n }\n utils={{\n search: {\n placeholder: 'Search'\n },\n appInfo: args.showAppNameAndVersion\n ? {\n name: args.appName,\n version: '1.0.0'\n }\n : undefined,\n avatar: { name: 'Lee Ram' },\n branch: args.showBranch\n ? {\n text: args.text,\n count: args.count,\n variant: args.variant,\n compact: args.compact,\n items: [\n {\n primary: 'Commit to branch',\n id: 'commitToBranch',\n onClick: action('Clicked commitToBranch')\n },\n {\n primary: 'Merge branch',\n id: 'mergeBranch',\n onClick: action('Clicked mergeBranch')\n },\n {\n primary: 'View branch',\n id: 'viewBranch',\n onClick: action('Clicked viewBranch')\n },\n {\n primary: 'Switch branch',\n id: 'switchBranch',\n onClick: action('Clicked switchBranch')\n },\n {\n primary: 'Add branch',\n id: 'addBranch',\n onClick: () => {\n action('Clicked addBranch')();\n openAddBranchModal();\n }\n },\n {\n primary: 'View all branches',\n id: 'viewAllBranches',\n onClick: action('Clicked viewAllBranches')\n }\n ]\n }\n : undefined,\n action: args.showPreview\n ? {\n id: 'preview',\n text: 'Preview',\n onClick: action('Clicked preview button'),\n icon: 'play-solid'\n }\n : undefined\n }}\n />\n );\n};\n\nAppHeaderDemo.args = {\n variant: 'success',\n text: 'Launchpad (Main)',\n count: 4,\n compact: false,\n showLinks: false,\n showAppNameAndVersion: true,\n showBranch: true,\n showPreview: true,\n appName: 'Compass App'\n};\n\nAppHeaderDemo.argTypes = {\n variant: { options: ['success', 'urgent'], control: { type: 'radio' } },\n text: { control: { type: 'text' } },\n count: { control: { type: 'number' } },\n compact: { control: { type: 'boolean' } },\n showLinks: { control: { type: 'boolean' } },\n showAppNameAndVersion: { control: { type: 'boolean' } },\n showBranch: { control: { type: 'boolean' } },\n showPreview: { control: { type: 'boolean' } },\n appName: { control: { type: 'text' } }\n};\n"]}

package/lib/build/AppHeader/AppHeader.stories.d.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { BranchButtonProps } from '@pega/cosmos-react-build';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface AppHeaderStoryProps extends BranchButtonProps {
-    showPreview: boolean;
-    showLinks: boolean;
-    showBranch: boolean;
-    showAppNameAndVersion: boolean;
-    appName: string;
-}
-export declare const AppHeaderDemo: Story<AppHeaderStoryProps>;
-//# sourceMappingURL=AppHeader.stories.d.ts.map

package/lib/build/AppHeader/AppHeader.stories.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

package/lib/build/AppHeader/AppHeader.stories.js DELETED Viewed

@@ -1,152 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { AppHeader } from '@pega/cosmos-react-build';
-import { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';
-export default {
-    title: 'Build/AppHeader',
-    component: AppHeader,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const AppHeaderDemo = (args) => {
-    const { create } = useModalManager();
-    const openAddBranchModal = () => {
-        const { dismiss, update } = create(Modal, {
-            children: _jsx(Input, { label: 'Branch' }),
-            heading: 'Add branch'
-        });
-        update({
-            actions: [
-                _jsx(Button, { onClick: dismiss, children: "Cancel" }),
-                _jsx(Button, { onClick: dismiss, variant: 'primary', children: "Finish" })
-            ]
-        });
-    };
-    const [contexts, setContexts] = useState([
-        {
-            id: '1',
-            primary: 'Studio',
-            selected: true,
-            visual: _jsx(Icon, { name: 'app' }),
-            href: 'www.pega.com'
-        },
-        {
-            id: '2',
-            primary: 'Administration',
-            selected: false,
-            visual: _jsx(Icon, { name: 'cloud' }),
-            href: 'www.pega.com'
-        }
-    ]);
-    return (_jsx(AppHeader, { brand: {
-            label: 'Launchpad',
-            logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',
-            href: '/',
-            onClick: e => {
-                e.preventDefault();
-                action('Navigated to root');
-            }
-        }, contexts: contexts, onContextClick: id => {
-            setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));
-        }, links: args.showLinks
-            ? [
-                {
-                    id: '1',
-                    name: 'Applications',
-                    onClick: action('Clicked Applications')
-                },
-                {
-                    id: '2',
-                    name: 'Shared resources',
-                    onClick: action('Clicked Shared resources')
-                }
-            ]
-            : [], utils: {
-            search: {
-                placeholder: 'Search'
-            },
-            appInfo: args.showAppNameAndVersion
-                ? {
-                    name: args.appName,
-                    version: '1.0.0'
-                }
-                : undefined,
-            avatar: { name: 'Lee Ram' },
-            branch: args.showBranch
-                ? {
-                    text: args.text,
-                    count: args.count,
-                    variant: args.variant,
-                    compact: args.compact,
-                    items: [
-                        {
-                            primary: 'Commit to branch',
-                            id: 'commitToBranch',
-                            onClick: action('Clicked commitToBranch')
-                        },
-                        {
-                            primary: 'Merge branch',
-                            id: 'mergeBranch',
-                            onClick: action('Clicked mergeBranch')
-                        },
-                        {
-                            primary: 'View branch',
-                            id: 'viewBranch',
-                            onClick: action('Clicked viewBranch')
-                        },
-                        {
-                            primary: 'Switch branch',
-                            id: 'switchBranch',
-                            onClick: action('Clicked switchBranch')
-                        },
-                        {
-                            primary: 'Add branch',
-                            id: 'addBranch',
-                            onClick: () => {
-                                action('Clicked addBranch')();
-                                openAddBranchModal();
-                            }
-                        },
-                        {
-                            primary: 'View all branches',
-                            id: 'viewAllBranches',
-                            onClick: action('Clicked viewAllBranches')
-                        }
-                    ]
-                }
-                : undefined,
-            action: args.showPreview
-                ? {
-                    id: 'preview',
-                    text: 'Preview',
-                    onClick: action('Clicked preview button'),
-                    icon: 'play-solid'
-                }
-                : undefined
-        } }));
-};
-AppHeaderDemo.args = {
-    variant: 'success',
-    text: 'Launchpad (Main)',
-    count: 4,
-    compact: false,
-    showLinks: false,
-    showAppNameAndVersion: true,
-    showBranch: true,
-    showPreview: true,
-    appName: 'Compass App'
-};
-AppHeaderDemo.argTypes = {
-    variant: { options: ['success', 'urgent'], control: { type: 'radio' } },
-    text: { control: { type: 'text' } },
-    count: { control: { type: 'number' } },
-    compact: { control: { type: 'boolean' } },
-    showLinks: { control: { type: 'boolean' } },
-    showAppNameAndVersion: { control: { type: 'boolean' } },
-    showBranch: { control: { type: 'boolean' } },
-    showPreview: { control: { type: 'boolean' } },
-    appName: { control: { type: 'text' } }
-};
-//# sourceMappingURL=AppHeader.stories.js.map

package/lib/build/AppHeader/AppHeader.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"AppHeader.stories.js","sourceRoot":"","sources":["../../../src/build/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { AppHeader, BranchButtonProps, AppHeaderProps } from '@pega/cosmos-react-build';\nimport { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';\n\nexport default {\n title: 'Build/AppHeader',\n component: AppHeader,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\n\ninterface AppHeaderStoryProps extends BranchButtonProps {\n showPreview: boolean;\n showLinks: boolean;\n showBranch: boolean;\n showAppNameAndVersion: boolean;\n appName: string;\n}\n\nexport const AppHeaderDemo: Story<AppHeaderStoryProps> = (args: AppHeaderStoryProps) => {\n const { create } = useModalManager();\n\n const openAddBranchModal = () => {\n const { dismiss, update } = create(Modal, {\n children: <Input label='Branch' />,\n heading: 'Add branch'\n });\n update({\n actions: [\n <Button onClick={dismiss}>Cancel</Button>,\n <Button onClick={dismiss} variant='primary'>\n Finish\n </Button>\n ]\n });\n };\n\n const [contexts, setContexts] = useState<AppHeaderProps['contexts']>([\n {\n id: '1',\n primary: 'Studio',\n selected: true,\n visual: <Icon name='app' />,\n href: 'www.pega.com'\n },\n {\n id: '2',\n primary: 'Administration',\n selected: false,\n visual: <Icon name='cloud' />,\n href: 'www.pega.com'\n }\n ]);\n\n return (\n <AppHeader\n brand={{\n label: 'Launchpad',\n logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n href: '/',\n onClick: e => {\n e.preventDefault();\n action('Navigated to root');\n }\n }}\n contexts={contexts}\n onContextClick={id => {\n setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));\n }}\n links={\n args.showLinks\n ? [\n {\n id: '1',\n name: 'Applications',\n onClick: action('Clicked Applications')\n },\n {\n id: '2',\n name: 'Shared resources',\n onClick: action('Clicked Shared resources')\n }\n ]\n : []\n }\n utils={{\n search: {\n placeholder: 'Search'\n },\n appInfo: args.showAppNameAndVersion\n ? {\n name: args.appName,\n version: '1.0.0'\n }\n : undefined,\n avatar: { name: 'Lee Ram' },\n branch: args.showBranch\n ? {\n text: args.text,\n count: args.count,\n variant: args.variant,\n compact: args.compact,\n items: [\n {\n primary: 'Commit to branch',\n id: 'commitToBranch',\n onClick: action('Clicked commitToBranch')\n },\n {\n primary: 'Merge branch',\n id: 'mergeBranch',\n onClick: action('Clicked mergeBranch')\n },\n {\n primary: 'View branch',\n id: 'viewBranch',\n onClick: action('Clicked viewBranch')\n },\n {\n primary: 'Switch branch',\n id: 'switchBranch',\n onClick: action('Clicked switchBranch')\n },\n {\n primary: 'Add branch',\n id: 'addBranch',\n onClick: () => {\n action('Clicked addBranch')();\n openAddBranchModal();\n }\n },\n {\n primary: 'View all branches',\n id: 'viewAllBranches',\n onClick: action('Clicked viewAllBranches')\n }\n ]\n }\n : undefined,\n action: args.showPreview\n ? {\n id: 'preview',\n text: 'Preview',\n onClick: action('Clicked preview button'),\n icon: 'play-solid'\n }\n : undefined\n }}\n />\n );\n};\n\nAppHeaderDemo.args = {\n variant: 'success',\n text: 'Launchpad (Main)',\n count: 4,\n compact: false,\n showLinks: false,\n showAppNameAndVersion: true,\n showBranch: true,\n showPreview: true,\n appName: 'Compass App'\n};\n\nAppHeaderDemo.argTypes = {\n variant: { options: ['success', 'urgent'], control: { type: 'radio' } },\n text: { control: { type: 'text' } },\n count: { control: { type: 'number' } },\n compact: { control: { type: 'boolean' } },\n showLinks: { control: { type: 'boolean' } },\n showAppNameAndVersion: { control: { type: 'boolean' } },\n showBranch: { control: { type: 'boolean' } },\n showPreview: { control: { type: 'boolean' } },\n appName: { control: { type: 'text' } }\n};\n"]}