@pega/cosmos-react-demos 7.11.3 → 7.11.4-10

package/jsx/work/GenAICoach/GenAICoach.stories.jsx

@@ -1,133 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import { GenAICoach, GenAIMessage, isUserMessage } from '@pega/cosmos-react-work';
-import { createUID } from '@pega/cosmos-react-core';
-import { coachOptionsMock, genAICoachMessageMockData, initialSuggestedMessagesMockData, starterMessageMock, StyledCoachName, StyledContainer, suggestionsMock } from './GenAICoach.mocks';
-export default {
-    title: 'Work/GenAICoach',
-    component: GenAICoach
-};
-export const GenAICoachDemo = (args) => {
-    const [loading, setLoading] = useState(false);
-    const [messages, setMessages] = useState([]);
-    const [initialSuggestedMessages, setInitialSuggestedMessages] = useState([]);
-    const [starterMessage, setStarterMessage] = useState(null);
-    const sendMessage = (userMessage) => {
-        setMessages([...messages, { ...userMessage, from: 'user' }]);
-    };
-    const initialize = () => {
-        setLoading(true);
-        setTimeout(() => {
-            setInitialSuggestedMessages(initialSuggestedMessagesMockData);
-            setMessages([]);
-            setLoading(false);
-        }, 1000);
-    };
-    useEffect(() => {
-        initialize();
-    }, []);
-    useEffect(() => {
-        if (args.showStarterMessage) {
-            setStarterMessage(starterMessageMock);
-        }
-        else {
-            setStarterMessage(null);
-        }
-    }, [args.showStarterMessage]);
-    useEffect(() => {
-        if (messages.length > 0 && isUserMessage(messages[messages.length - 1])) {
-            setMessages([
-                ...messages,
-                { loading: true, from: 'coach', coachName: 'Pega Gen AI™ coach', id: '1234' }
-            ]);
-            setTimeout(() => {
-                const random = Math.floor(Math.random() * 2);
-                setMessages([...messages, genAICoachMessageMockData[random]]);
-            }, 1000);
-        }
-    }, [messages.length]);
-    const messagesProp = useMemo(() => {
-        if (args.showMessageLoading)
-            return [
-                ...messages,
-                {
-                    id: '1',
-                    from: 'coach',
-                    coachName: 'Pega GenAI™ Coach',
-                    loading: true
-                }
-            ];
-        if (args.showErrorInMessage)
-            return [
-                ...messages,
-                {
-                    id: '2',
-                    from: 'coach',
-                    coachName: 'Pega GenAI™ Coach',
-                    error: 'Error retrieving response'
-                }
-            ];
-        return messages;
-    }, [args.showErrorInMessage, args.showMessageLoading, messages]);
-    return (<StyledContainer>
-      <GenAICoach loading={loading} coachOptions={coachOptionsMock} onCoachChange={initialize} messages={messagesProp} initialSuggestedMessages={initialSuggestedMessages} onSend={sendMessage} suggestions={suggestionsMock} variant={{ placement: 'fullpage' }} starterMessage={starterMessage
-            ? {
-                ...starterMessage,
-                onClose: () => setStarterMessage(null)
-            }
-            : undefined} error={args.showError ? 'Error retreving data' : undefined} guidedMode={args.guidedMode}/>
-    </StyledContainer>);
-};
-GenAICoachDemo.args = {
-    showStarterMessage: false,
-    showMessageLoading: false,
-    showErrorInMessage: false,
-    showError: false,
-    guidedMode: false
-};
-GenAICoachDemo.argTypes = {
-    showStarterMessage: { control: { type: 'boolean' } },
-    showMessageLoading: { control: { type: 'boolean' } },
-    showErrorInMessage: { control: { type: 'boolean' } },
-    showError: { control: { type: 'boolean' } },
-    guidedMode: { control: { type: 'boolean' } }
-};
-export const GenAICoachMessageDemo = (args) => {
-    let message = genAICoachMessageMockData.find(v => v.from === args.from);
-    if (message?.from === 'coach') {
-        if (args.showMessageLoading)
-            message = {
-                from: 'coach',
-                id: createUID(),
-                coachName: message.coachName,
-                loading: true
-            };
-        else if (args.showErrorInMessage) {
-            message = {
-                from: 'coach',
-                id: createUID(),
-                coachName: message.coachName,
-                error: 'Error retreiving response'
-            };
-        }
-        else if (!args.showSuggestions) {
-            message = {
-                ...message,
-                suggestions: undefined
-            };
-        }
-    }
-    return <StyledCoachName>{message && <GenAIMessage {...message}/>}</StyledCoachName>;
-};
-GenAICoachMessageDemo.args = {
-    from: 'coach',
-    showMessageLoading: false,
-    showErrorInMessage: false,
-    showSuggestions: false
-};
-GenAICoachMessageDemo.argTypes = {
-    from: { options: ['coach', 'user'], control: { type: 'select' } },
-    showMessageLoading: { control: { type: 'boolean' } },
-    showErrorInMessage: { control: { type: 'boolean' } },
-    showSuggestions: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=GenAICoach.stories.jsx.map

package/jsx/work/GenAICoach/GenAICoach.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenAICoach.stories.jsx","sourceRoot":"","sources":["../../../src/work/GenAICoach/GenAICoach.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { GenAICoach, GenAIMessage, isUserMessage } from '@pega/cosmos-react-work';\nimport type { GenAIMessageProps, MessageProps, GenAICoachProps } from '@pega/cosmos-react-work';\nimport { createUID } from '@pega/cosmos-react-core';\n\nimport {\n  coachOptionsMock,\n  genAICoachMessageMockData,\n  initialSuggestedMessagesMockData,\n  starterMessageMock,\n  StyledCoachName,\n  StyledContainer,\n  suggestionsMock\n} from './GenAICoach.mocks';\n\nexport default {\n  title: 'Work/GenAICoach',\n  component: GenAICoach\n} as Meta;\n\ninterface GenAiCoachDemoProps {\n  showStarterMessage?: boolean;\n  showMessageLoading?: boolean;\n  showErrorInMessage?: boolean;\n  showError?: boolean;\n  guidedMode?: boolean;\n}\n\nexport const GenAICoachDemo: StoryFn<GenAiCoachDemoProps> = (args: GenAiCoachDemoProps) => {\n  const [loading, setLoading] = useState(false);\n  const [messages, setMessages] = useState<GenAIMessageProps[]>([]);\n  const [initialSuggestedMessages, setInitialSuggestedMessages] = useState<MessageProps[]>([]);\n  const [starterMessage, setStarterMessage] = useState<GenAIMessageProps | null>(null);\n\n  const sendMessage = (userMessage: MessageProps) => {\n    setMessages([...messages, { ...userMessage, from: 'user' }]);\n  };\n\n  const initialize = () => {\n    setLoading(true);\n    setTimeout(() => {\n      setInitialSuggestedMessages(initialSuggestedMessagesMockData);\n      setMessages([]);\n      setLoading(false);\n    }, 1000);\n  };\n\n  useEffect(() => {\n    initialize();\n  }, []);\n\n  useEffect(() => {\n    if (args.showStarterMessage) {\n      setStarterMessage(starterMessageMock);\n    } else {\n      setStarterMessage(null);\n    }\n  }, [args.showStarterMessage]);\n\n  useEffect(() => {\n    if (messages.length > 0 && isUserMessage(messages[messages.length - 1])) {\n      setMessages([\n        ...messages,\n        { loading: true, from: 'coach', coachName: 'Pega Gen AI™ coach', id: '1234' }\n      ]);\n      setTimeout(() => {\n        const random = Math.floor(Math.random() * 2);\n        setMessages([...messages, genAICoachMessageMockData[random]]);\n      }, 1000);\n    }\n  }, [messages.length]);\n\n  const messagesProp: GenAICoachProps['messages'] = useMemo(() => {\n    if (args.showMessageLoading)\n      return [\n        ...messages,\n        {\n          id: '1',\n          from: 'coach',\n          coachName: 'Pega GenAI™ Coach',\n          loading: true\n        }\n      ];\n    if (args.showErrorInMessage)\n      return [\n        ...messages,\n        {\n          id: '2',\n          from: 'coach',\n          coachName: 'Pega GenAI™ Coach',\n          error: 'Error retrieving response'\n        }\n      ];\n    return messages;\n  }, [args.showErrorInMessage, args.showMessageLoading, messages]);\n\n  return (\n    <StyledContainer>\n      <GenAICoach\n        loading={loading}\n        coachOptions={coachOptionsMock}\n        onCoachChange={initialize}\n        messages={messagesProp}\n        initialSuggestedMessages={initialSuggestedMessages}\n        onSend={sendMessage}\n        suggestions={suggestionsMock}\n        variant={{ placement: 'fullpage' }}\n        starterMessage={\n          starterMessage\n            ? {\n                ...starterMessage,\n                onClose: () => setStarterMessage(null)\n              }\n            : undefined\n        }\n        error={args.showError ? 'Error retreving data' : undefined}\n        guidedMode={args.guidedMode}\n      />\n    </StyledContainer>\n  );\n};\n\nGenAICoachDemo.args = {\n  showStarterMessage: false,\n  showMessageLoading: false,\n  showErrorInMessage: false,\n  showError: false,\n  guidedMode: false\n};\n\nGenAICoachDemo.argTypes = {\n  showStarterMessage: { control: { type: 'boolean' } },\n  showMessageLoading: { control: { type: 'boolean' } },\n  showErrorInMessage: { control: { type: 'boolean' } },\n  showError: { control: { type: 'boolean' } },\n  guidedMode: { control: { type: 'boolean' } }\n};\n\ninterface GenAICoachMessageDemoProps {\n  from?: 'coach' | 'user';\n  showMessageLoading?: boolean;\n  showErrorInMessage?: boolean;\n  showSuggestions?: boolean;\n}\n\nexport const GenAICoachMessageDemo: StoryFn<GenAICoachMessageDemoProps> = (\n  args: GenAICoachMessageDemoProps\n) => {\n  let message = genAICoachMessageMockData.find(v => v.from === args.from);\n  if (message?.from === 'coach') {\n    if (args.showMessageLoading)\n      message = {\n        from: 'coach',\n        id: createUID(),\n        coachName: message.coachName,\n        loading: true\n      };\n    else if (args.showErrorInMessage) {\n      message = {\n        from: 'coach',\n        id: createUID(),\n        coachName: message.coachName,\n        error: 'Error retreiving response'\n      };\n    } else if (!args.showSuggestions) {\n      message = {\n        ...message,\n        suggestions: undefined\n      };\n    }\n  }\n  return <StyledCoachName>{message && <GenAIMessage {...message} />}</StyledCoachName>;\n};\n\nGenAICoachMessageDemo.args = {\n  from: 'coach',\n  showMessageLoading: false,\n  showErrorInMessage: false,\n  showSuggestions: false\n};\n\nGenAICoachMessageDemo.argTypes = {\n  from: { options: ['coach', 'user'], control: { type: 'select' } },\n  showMessageLoading: { control: { type: 'boolean' } },\n  showErrorInMessage: { control: { type: 'boolean' } },\n  showSuggestions: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/work/GenAICoach/useGenAICoach.d.ts

@@ -1,5 +0,0 @@
-import type { UtilitiesGenAICoachProps } from '@pega/cosmos-react-work';
-import type { UtilitiesLayoutDemoProps } from '../UtilitiesLayout/UtilitiesLayout.stories';
-declare const useGenAIcoach: (args: UtilitiesLayoutDemoProps) => UtilitiesGenAICoachProps | null;
-export default useGenAIcoach;
-//# sourceMappingURL=useGenAICoach.d.ts.map

package/jsx/work/GenAICoach/useGenAICoach.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGenAICoach.d.ts","sourceRoot":"","sources":["../../../src/work/GenAICoach/useGenAICoach.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,wBAAwB,EACzB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAU3F,QAAA,MAAM,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,wBAAwB,GAAG,IA2FnF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/jsx/work/GenAICoach/useGenAICoach.js

@@ -1,90 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { useEffect, useState } from 'react';
-import { menuHelpers } from '@pega/cosmos-react-core';
-import { isUserMessage } from '@pega/cosmos-react-work';
-import { coachOptionsMock, genAICoachMessageMockData, initialSuggestedMessagesMockData, starterMessageMock, suggestionsMock } from './GenAICoach.mocks';
-const useGenAIcoach = ({ enableGenAICoach, showGenAICoachStarterMessage, showGenAICoachErrorMessage }) => {
-    const [messages, setMessages] = useState([]);
-    const [genAIstarterMessage, setGenAIstarterMessage] = useState(null);
-    const [initialSuggestedMessages, setInitialSuggestedMessages] = useState([]);
-    const [selectedCoach, setSelectedCoach] = useState(coachOptionsMock[0]);
-    const [loading, setLoading] = useState(false);
-    useEffect(() => {
-        if (showGenAICoachStarterMessage) {
-            setGenAIstarterMessage(starterMessageMock);
-        }
-        else {
-            setGenAIstarterMessage(null);
-        }
-    }, [showGenAICoachStarterMessage]);
-    const sendMessage = message => {
-        if (genAIstarterMessage) {
-            setMessages([
-                {
-                    ...genAIstarterMessage,
-                    from: 'coach',
-                    coachName: selectedCoach.primary
-                }
-            ]);
-            setGenAIstarterMessage(null);
-        }
-        else
-            setMessages([
-                ...messages,
-                {
-                    ...message,
-                    from: 'user'
-                }
-            ]);
-    };
-    useEffect(() => {
-        if (messages.length > 0 && isUserMessage(messages[messages.length - 1])) {
-            setTimeout(() => {
-                const random = Math.floor(Math.random() * 2);
-                const genAiMessage = genAICoachMessageMockData[random];
-                if (!isUserMessage(genAiMessage))
-                    setMessages([...messages, { ...genAiMessage, coachName: selectedCoach?.primary }]);
-            }, 500);
-        }
-    }, [messages.length]);
-    const initializeCoach = () => {
-        setLoading(true);
-        setTimeout(() => {
-            setInitialSuggestedMessages(initialSuggestedMessagesMockData);
-            setMessages([]);
-            setLoading(false);
-        }, 1000);
-    };
-    useEffect(() => {
-        initializeCoach();
-    }, []);
-    if (enableGenAICoach)
-        return {
-            loading,
-            coachOptions: coachOptionsMock,
-            error: showGenAICoachErrorMessage ? 'Error retreiving the data' : undefined,
-            onCoachChange: (id) => {
-                if (id) {
-                    const selected = menuHelpers.getItem(coachOptionsMock, id);
-                    if (selected)
-                        setSelectedCoach(selected);
-                }
-                initializeCoach();
-            },
-            messages,
-            initialSuggestedMessages,
-            onSend: sendMessage,
-            suggestions: suggestionsMock,
-            starterMessage: genAIstarterMessage
-                ? {
-                    ...genAIstarterMessage,
-                    onClose: () => setGenAIstarterMessage(null)
-                }
-                : undefined,
-            onOpen: action('Gen AI open'),
-            onClose: action('Gen AI closed')
-        };
-    return null;
-};
-export default useGenAIcoach;
-//# sourceMappingURL=useGenAICoach.js.map

package/jsx/work/GenAICoach/useGenAICoach.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGenAICoach.js","sourceRoot":"","sources":["../../../src/work/GenAICoach/useGenAICoach.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport { useEffect, useState } from 'react';\n\nimport { menuHelpers, type MenuItemProps, type MenuProps } from '@pega/cosmos-react-core';\nimport { isUserMessage } from '@pega/cosmos-react-work';\nimport type {\n  GenAIMessageProps,\n  MessageProps,\n  UtilitiesGenAICoachProps\n} from '@pega/cosmos-react-work';\n\nimport type { UtilitiesLayoutDemoProps } from '../UtilitiesLayout/UtilitiesLayout.stories';\n\nimport {\n  coachOptionsMock,\n  genAICoachMessageMockData,\n  initialSuggestedMessagesMockData,\n  starterMessageMock,\n  suggestionsMock\n} from './GenAICoach.mocks';\n\nconst useGenAIcoach: (args: UtilitiesLayoutDemoProps) => UtilitiesGenAICoachProps | null = ({\n  enableGenAICoach,\n  showGenAICoachStarterMessage,\n  showGenAICoachErrorMessage\n}) => {\n  const [messages, setMessages] = useState<GenAIMessageProps[]>([]);\n\n  const [genAIstarterMessage, setGenAIstarterMessage] = useState<GenAIMessageProps | null>(null);\n  const [initialSuggestedMessages, setInitialSuggestedMessages] = useState<MessageProps[]>([]);\n  const [selectedCoach, setSelectedCoach] = useState<MenuItemProps>(coachOptionsMock[0]);\n\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (showGenAICoachStarterMessage) {\n      setGenAIstarterMessage(starterMessageMock);\n    } else {\n      setGenAIstarterMessage(null);\n    }\n  }, [showGenAICoachStarterMessage]);\n\n  const sendMessage: (message: MessageProps) => void = message => {\n    if (genAIstarterMessage) {\n      setMessages([\n        {\n          ...genAIstarterMessage,\n          from: 'coach',\n          coachName: selectedCoach.primary\n        }\n      ]);\n      setGenAIstarterMessage(null);\n    } else\n      setMessages([\n        ...messages,\n        {\n          ...message,\n          from: 'user'\n        }\n      ]);\n  };\n\n  useEffect(() => {\n    if (messages.length > 0 && isUserMessage(messages[messages.length - 1])) {\n      setTimeout(() => {\n        const random = Math.floor(Math.random() * 2);\n        const genAiMessage = genAICoachMessageMockData[random];\n        if (!isUserMessage(genAiMessage))\n          setMessages([...messages, { ...genAiMessage, coachName: selectedCoach?.primary }]);\n      }, 500);\n    }\n  }, [messages.length]);\n\n  const initializeCoach = () => {\n    setLoading(true);\n    setTimeout(() => {\n      setInitialSuggestedMessages(initialSuggestedMessagesMockData);\n      setMessages([]);\n      setLoading(false);\n    }, 1000);\n  };\n\n  useEffect(() => {\n    initializeCoach();\n  }, []);\n\n  if (enableGenAICoach)\n    return {\n      loading,\n      coachOptions: coachOptionsMock,\n      error: showGenAICoachErrorMessage ? 'Error retreiving the data' : undefined,\n      onCoachChange: (id: MenuProps['id']) => {\n        if (id) {\n          const selected = menuHelpers.getItem(coachOptionsMock, id);\n          if (selected) setSelectedCoach(selected);\n        }\n        initializeCoach();\n      },\n      messages,\n      initialSuggestedMessages,\n      onSend: sendMessage,\n      suggestions: suggestionsMock,\n      starterMessage: genAIstarterMessage\n        ? {\n            ...genAIstarterMessage,\n            onClose: () => setGenAIstarterMessage(null)\n          }\n        : undefined,\n      onOpen: action('Gen AI open'),\n      onClose: action('Gen AI closed')\n    };\n  return null;\n};\n\nexport default useGenAIcoach;\n"]}

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

@@ -1,5 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-export declare const GlimpseDemo: StoryFn;
-//# sourceMappingURL=Glimpse.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Glimpse.stories.d.ts","sourceRoot":"","sources":["../../../src/work/Glimpse/Glimpse.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAQtD,wBAIU;AAEV,eAAO,MAAM,WAAW,EAAE,OA+CzB,CAAC"}

package/jsx/work/Glimpse/Glimpse.stories.jsx

@@ -1,42 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { Avatar, Button, EmailDisplay, PhoneDisplay, useElement } from '@pega/cosmos-react-core';
-import { Glimpse } from '@pega/cosmos-react-work';
-export default {
-    title: 'Work/Glimpse',
-    component: Glimpse,
-    parameters: { layout: 'centered' }
-};
-export const GlimpseDemo = () => {
-    const [target, setTarget] = useElement(null);
-    const fields = [
-        {
-            name: 'Project',
-            value: 'Constellation Demo'
-        },
-        {
-            name: 'Phone number',
-            value: <PhoneDisplay value='(111) 111-1111'/>
-        },
-        {
-            name: 'Email',
-            value: <EmailDisplay value='turnc@example.com'/>
-        },
-        {
-            name: 'Reports to',
-            value: 'Helen Bush'
-        }
-    ];
-    return (<>
-      <Button variant='link' onClick={(e) => {
-            setTarget(e.currentTarget);
-        }}>
-        Open Glimpse
-      </Button>
-      {target && (<Glimpse id='turnc' target={target} heading={{
-                primary: 'Cindy Turner',
-                secondary: 'Lead Engineer',
-                visual: <Avatar name='Cindy Turner'/>
-            }} fields={fields} onViewProfile={action('View profile')} onDismiss={() => setTarget(null)}/>)}
-    </>);
-};
-//# sourceMappingURL=Glimpse.stories.jsx.map

package/jsx/work/Glimpse/Glimpse.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Glimpse.stories.jsx","sourceRoot":"","sources":["../../../src/work/Glimpse/Glimpse.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEjG,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CAC3B,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAY,GAAG,EAAE;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,CAAoB,IAAI,CAAC,CAAC;IAChE,MAAM,MAAM,GAAkC;QAC5C;YACE,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,oBAAoB;SAC5B;QACD;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,gBAAgB,EAAG;SAC/C;QACD;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,mBAAmB,EAAG;SAClD;QACD;YACE,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,YAAY;SACpB;KACF,CAAC;IAEF,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,MAAM,CACd,OAAO,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE;YAC5C,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAEF;;MACF,EAAE,MAAM,CACR;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,OAAO,CACN,EAAE,CAAC,OAAO,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC;gBACP,OAAO,EAAE,cAAc;gBACvB,SAAS,EAAE,eAAe;gBAC1B,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAG;aACvC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CACtC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EACjC,CACH,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// cspell:words turnc\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { Avatar, Button, EmailDisplay, PhoneDisplay, useElement } from '@pega/cosmos-react-core';\nimport type { FieldValueListProps } from '@pega/cosmos-react-core';\nimport { Glimpse } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Glimpse',\n  component: Glimpse,\n  parameters: { layout: 'centered' }\n} as Meta;\n\nexport const GlimpseDemo: StoryFn = () => {\n  const [target, setTarget] = useElement<HTMLButtonElement>(null);\n  const fields: FieldValueListProps['fields'] = [\n    {\n      name: 'Project',\n      value: 'Constellation Demo'\n    },\n    {\n      name: 'Phone number',\n      value: <PhoneDisplay value='(111) 111-1111' />\n    },\n    {\n      name: 'Email',\n      value: <EmailDisplay value='turnc@example.com' />\n    },\n    {\n      name: 'Reports to',\n      value: 'Helen Bush'\n    }\n  ];\n\n  return (\n    <>\n      <Button\n        variant='link'\n        onClick={(e: MouseEvent<HTMLButtonElement>) => {\n          setTarget(e.currentTarget);\n        }}\n      >\n        Open Glimpse\n      </Button>\n      {target && (\n        <Glimpse\n          id='turnc'\n          target={target}\n          heading={{\n            primary: 'Cindy Turner',\n            secondary: 'Lead Engineer',\n            visual: <Avatar name='Cindy Turner' />\n          }}\n          fields={fields}\n          onViewProfile={action('View profile')}\n          onDismiss={() => setTarget(null)}\n        />\n      )}\n    </>\n  );\n};\n"]}

package/jsx/work/HierarchicalAssignments/HierarchicalAssignments.mock.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import type { FieldValueListProps } from '@pega/cosmos-react-core';
-import type { HierarchicalAssignmentProps } from '@pega/cosmos-react-work';
-export declare const fields: FieldValueListProps['fields'];
-export declare const task: {
-    processName: string;
-    avatar: import("react").JSX.Element;
-    meta: import("react").JSX.Element;
-    additionalActions: {
-        id: string;
-        text: string;
-    }[];
-};
-export declare const assigneeProfileHeader: {
-    primary: string;
-    secondary: string;
-    visual: import("react").JSX.Element;
-};
-declare const MockHierarchicalAssignments: (props: HierarchicalAssignmentProps & {
-    showAction?: boolean;
-    showTask?: boolean;
-}) => import("react").JSX.Element;
-export default MockHierarchicalAssignments;
-//# sourceMappingURL=HierarchicalAssignments.mock.d.ts.map

package/jsx/work/HierarchicalAssignments/HierarchicalAssignments.mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HierarchicalAssignments.mock.d.ts","sourceRoot":"","sources":["../../../src/work/HierarchicalAssignments/HierarchicalAssignments.mock.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAGV,2BAA2B,EAC5B,MAAM,yBAAyB,CAAC;AAMjC,eAAO,MAAM,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAiBhD,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;CAuBhB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAKF,QAAA,MAAM,2BAA2B,UACxB,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gCAihBlF,CAAC;AACF,eAAe,2BAA2B,CAAC"}