@pega/cosmos-react-wss 5.0.0-dev.4.7 → 5.0.0-dev.4.9

package/lib/components/AppShell/AppShell.types.d.ts

@@ -1,96 +0,0 @@
-import { MouseEventHandler, ReactNode, Ref } from 'react';
-import { AvatarProps, BaseProps, ImageProps, NoChildrenProp } from '@pega/cosmos-react-core';
-import { ContextSwitcherProps, NavListItemProps } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.types';
-export type InteractionEvent = MouseEvent | KeyboardEvent;
-interface AppInfoProps {
-    /** Name of the application. */
-    appName: string;
-    /** URL source of the logo image. */
-    imageSrc: ImageProps['src'];
-    /** URL or DOM id to navigate to from the logo and appName. */
-    href?: string;
-    /** Click handler for the logo and appName. */
-    onClick?: MouseEventHandler<HTMLAnchorElement>;
-    /** Specifies where to open the link href. */
-    target?: string;
-}
-interface NavLinkProps {
-    /** Unique id for the link */
-    id: string;
-    /** Text that is displayed for the link. */
-    text: string;
-    /** URL or DOM id to navigate to. */
-    href: string;
-    /** Click handler for the link. */
-    onClick?: (e: InteractionEvent) => void;
-    /** Indicates if the link represents the current view within the app. */
-    current?: boolean;
-}
-interface OperatorProps {
-    /** Props for constructing the operator avatar. */
-    avatar: AvatarProps;
-    /** The title of the operator menu. */
-    title: string;
-    /** A list of actions that will populate a menu attached to the operator. */
-    actions: Pick<NavListItemProps, 'id' | 'primary' | 'href' | 'onClick' | 'visual'>[];
-}
-export interface NotificationItem {
-    /** An id representing the item. */
-    id: string;
-    /** The primary text for the item. */
-    primary: string;
-    /** Secondary text that will be rendered as a Meta List. */
-    secondary?: string[];
-    /** A visual associated with the item. */
-    visual?: ReactNode;
-    /** A flag indicating if the item has been read. */
-    unread?: boolean;
-    /** URL or DOM id to navigate to. */
-    href?: string;
-    /** The onClick handler for the item. */
-    onClick?: (event: InteractionEvent) => void;
-}
-export interface NotificationProps {
-    /** The title of the notifications view. */
-    title: string;
-    /** The number of new notifications. */
-    count: number;
-    /** A list of notification items. */
-    items: NotificationItem[];
-    /** If true, a loading indicator will render in place of the list. */
-    loading?: boolean;
-    /** Click event for items within the list. */
-    onItemClick?: (id: string, event: InteractionEvent) => void;
-    /** Callback that fires when the notification view opens. */
-    onNotificationsOpen?: () => void;
-    /** Callback that fires when the notification view closes. */
-    onNotificationsClose?: () => void;
-}
-export interface AppShellProps extends BaseProps, NoChildrenProp {
-    /** The content of the application. */
-    main: ReactNode;
-    /** Props related to the app name and logo. */
-    appInfo: AppInfoProps;
-    /** Context manager configuration. */
-    contextSwitcher?: ContextSwitcherProps;
-    /** A set of navigation links for the application. */
-    navLinks: NavLinkProps[];
-    /** Props for the operator menu. */
-    operator: OperatorProps;
-    /** Props related to notifications for the application. */
-    notifications?: NotificationProps;
-    /**
-     * The alignment of navigation links within the header.
-     * @default 'end'
-     */
-    navAlignment?: 'start' | 'center' | 'end';
-    /**
-     * The positioning of the navigation links relative to the other app header elements.
-     * @default 'inline'
-     */
-    navPosition?: 'inline' | 'below';
-    /** Ref for the wrapping div element. */
-    ref?: Ref<HTMLDivElement>;
-}
-export {};
-//# sourceMappingURL=AppShell.types.d.ts.map

package/lib/components/AppShell/AppShell.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.types.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.types.ts"],"names":[],"mappings":"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"}

package/lib/components/AppShell/AppShell.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=AppShell.types.js.map

package/lib/components/AppShell/AppShell.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.types.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.types.ts"],"names":[],"mappings":"","sourcesContent":["import { MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport { AvatarProps, BaseProps, ImageProps, NoChildrenProp } from '@pega/cosmos-react-core';\nimport {\n  ContextSwitcherProps,\n  NavListItemProps\n} from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.types';\n\nexport type InteractionEvent = MouseEvent | KeyboardEvent;\n\ninterface AppInfoProps {\n  /** Name of the application. */\n  appName: string;\n  /** URL source of the logo image. */\n  imageSrc: ImageProps['src'];\n  /** URL or DOM id to navigate to from the logo and appName. */\n  href?: string;\n  /** Click handler for the logo and appName. */\n  onClick?: MouseEventHandler<HTMLAnchorElement>;\n  /** Specifies where to open the link href. */\n  target?: string;\n}\n\ninterface NavLinkProps {\n  /** Unique id for the link */\n  id: string;\n  /** Text that is displayed for the link. */\n  text: string;\n  /** URL or DOM id to navigate to. */\n  href: string;\n  /** Click handler for the link. */\n  onClick?: (e: InteractionEvent) => void;\n  /** Indicates if the link represents the current view within the app. */\n  current?: boolean;\n}\n\ninterface OperatorProps {\n  /** Props for constructing the operator avatar. */\n  avatar: AvatarProps;\n  /** The title of the operator menu. */\n  title: string;\n  /** A list of actions that will populate a menu attached to the operator. */\n  actions: Pick<NavListItemProps, 'id' | 'primary' | 'href' | 'onClick' | 'visual'>[];\n}\n\nexport interface NotificationItem {\n  /** An id representing the item. */\n  id: string;\n  /** The primary text for the item. */\n  primary: string;\n  /** Secondary text that will be rendered as a Meta List. */\n  secondary?: string[];\n  /** A visual associated with the item. */\n  visual?: ReactNode;\n  /** A flag indicating if the item has been read. */\n  unread?: boolean;\n  /** URL or DOM id to navigate to. */\n  href?: string;\n  /** The onClick handler for the item. */\n  onClick?: (event: InteractionEvent) => void;\n}\n\nexport interface NotificationProps {\n  /** The title of the notifications view. */\n  title: string;\n  /** The number of new notifications. */\n  count: number;\n  /** A list of notification items. */\n  items: NotificationItem[];\n  /** If true, a loading indicator will render in place of the list. */\n  loading?: boolean;\n  /** Click event for items within the list. */\n  onItemClick?: (id: string, event: InteractionEvent) => void;\n  /** Callback that fires when the notification view opens. */\n  onNotificationsOpen?: () => void;\n  /** Callback that fires when the notification view closes. */\n  onNotificationsClose?: () => void;\n}\n\nexport interface AppShellProps extends BaseProps, NoChildrenProp {\n  /** The content of the application. */\n  main: ReactNode;\n  /** Props related to the app name and logo. */\n  appInfo: AppInfoProps;\n  /** Context manager configuration. */\n  contextSwitcher?: ContextSwitcherProps;\n  /** A set of navigation links for the application. */\n  navLinks: NavLinkProps[];\n  /** Props for the operator menu. */\n  operator: OperatorProps;\n  /** Props related to notifications for the application. */\n  notifications?: NotificationProps;\n  /**\n   * The alignment of navigation links within the header.\n   * @default 'end'\n   */\n  navAlignment?: 'start' | 'center' | 'end';\n  /**\n   * The positioning of the navigation links relative to the other app header elements.\n   * @default 'inline'\n   */\n  navPosition?: 'inline' | 'below';\n  /** Ref for the wrapping div element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/AppShell/MobileHeaderContent.d.ts

@@ -1,11 +0,0 @@
-import { FunctionComponent } from 'react';
-import { AppShellProps } from './AppShell.types';
-interface MobileHeaderContentProps {
-    appInfo: AppShellProps['appInfo'];
-    navLinks: AppShellProps['navLinks'];
-    operator: AppShellProps['operator'];
-    onClose: () => void;
-}
-declare const MobileHeaderContent: FunctionComponent<MobileHeaderContentProps>;
-export default MobileHeaderContent;
-//# sourceMappingURL=MobileHeaderContent.d.ts.map

package/lib/components/AppShell/MobileHeaderContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MobileHeaderContent.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/MobileHeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAY1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,wBAAwB;IAChC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,wBAAwB,CA0EpE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/components/AppShell/MobileHeaderContent.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Button, Avatar, Icon, Text, useI18n } from '@pega/cosmos-react-core';
-import { HorizontalBreak, StyledLinkSection, StyledMobileLink, StyledMobileNav, StyledOperatorSection, StyledPrimaryName } from './AppShell.styles';
-const MobileHeaderContent = ({ appInfo, navLinks, operator, onClose }) => {
-    const t = useI18n();
-    return (_jsxs(Flex, { as: StyledMobileNav, container: { direction: 'column' }, children: [_jsx(Flex, { container: { pad: 1 }, item: { alignSelf: 'end' }, children: _jsx(Button, { variant: 'simple', icon: true, onClick: onClose, label: t('close'), children: _jsx(Icon, { name: 'times' }) }) }), _jsx(Button, { as: StyledMobileLink, variant: 'text', href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: _jsx(Text, { as: StyledPrimaryName, variant: 'h1', children: appInfo.appName }) }), _jsx(Flex, { as: StyledLinkSection, container: { direction: 'column', gap: 1, pad: [1, 0] }, item: { grow: 1 }, children: navLinks.map(navLink => (_jsx(Button, { as: StyledMobileLink, variant: 'text', "aria-current": navLink.current ? 'page' : undefined, href: navLink.href, onClick: navLink.onClick, children: navLink.text }, navLink.id))) }), _jsxs(Flex, { as: StyledOperatorSection, container: { direction: 'column', gap: 2, pad: [0, 0, 2, 0] }, children: [_jsx(HorizontalBreak, {}), _jsxs(Flex, { container: { gap: 1, alignItems: 'center' }, children: [_jsx(Avatar, { ...operator.avatar }), _jsx(Text, { as: StyledPrimaryName, variant: 'h2', children: "Account" })] }), _jsx(Flex, { container: { direction: 'column', gap: 1 }, children: operator.actions.map(action => (_jsx(Button, { as: StyledMobileLink, variant: 'text', href: action.href, onClick: action.onClick, children: action.primary }, action.id))) })] })] }));
-};
-export default MobileHeaderContent;
-//# sourceMappingURL=MobileHeaderContent.js.map

package/lib/components/AppShell/MobileHeaderContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MobileHeaderContent.js","sourceRoot":"","sources":["../../../src/components/AppShell/MobileHeaderContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent } from 'react';\n\nimport { Flex, Button, Avatar, Icon, Text, useI18n } from '@pega/cosmos-react-core';\n\nimport {\n  HorizontalBreak,\n  StyledLinkSection,\n  StyledMobileLink,\n  StyledMobileNav,\n  StyledOperatorSection,\n  StyledPrimaryName\n} from './AppShell.styles';\nimport { AppShellProps } from './AppShell.types';\n\ninterface MobileHeaderContentProps {\n  appInfo: AppShellProps['appInfo'];\n  navLinks: AppShellProps['navLinks'];\n  operator: AppShellProps['operator'];\n  onClose: () => void;\n}\n\nconst MobileHeaderContent: FunctionComponent<MobileHeaderContentProps> = ({\n  appInfo,\n  navLinks,\n  operator,\n  onClose\n}: MobileHeaderContentProps) => {\n  const t = useI18n();\n\n  return (\n    <Flex as={StyledMobileNav} container={{ direction: 'column' }}>\n      <Flex container={{ pad: 1 }} item={{ alignSelf: 'end' }}>\n        <Button variant='simple' icon onClick={onClose} label={t('close')}>\n          <Icon name='times' />\n        </Button>\n      </Flex>\n\n      <Button\n        as={StyledMobileLink}\n        variant='text'\n        href={appInfo.href}\n        onClick={appInfo.onClick}\n        target={appInfo.target}\n      >\n        <Text as={StyledPrimaryName} variant='h1'>\n          {appInfo.appName}\n        </Text>\n      </Button>\n\n      <Flex\n        as={StyledLinkSection}\n        container={{ direction: 'column', gap: 1, pad: [1, 0] }}\n        item={{ grow: 1 }}\n      >\n        {navLinks.map(navLink => (\n          <Button\n            as={StyledMobileLink}\n            variant='text'\n            key={navLink.id}\n            aria-current={navLink.current ? 'page' : undefined}\n            href={navLink.href}\n            onClick={navLink.onClick}\n          >\n            {navLink.text}\n          </Button>\n        ))}\n      </Flex>\n\n      <Flex\n        as={StyledOperatorSection}\n        container={{ direction: 'column', gap: 2, pad: [0, 0, 2, 0] }}\n      >\n        <HorizontalBreak />\n        <Flex container={{ gap: 1, alignItems: 'center' }}>\n          <Avatar {...operator.avatar} />\n          <Text as={StyledPrimaryName} variant='h2'>\n            Account\n          </Text>\n        </Flex>\n        <Flex container={{ direction: 'column', gap: 1 }}>\n          {operator.actions.map(action => (\n            <Button\n              as={StyledMobileLink}\n              variant='text'\n              key={action.id}\n              href={action.href}\n              onClick={action.onClick}\n            >\n              {action.primary}\n            </Button>\n          ))}\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default MobileHeaderContent;\n"]}

package/lib/components/AppShell/NavLinks.d.ts

@@ -1,11 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { AppShellProps } from './AppShell.types';
-interface NavLinksProps {
-    navLinks: AppShellProps['navLinks'];
-    navAlignment: AppShellProps['navAlignment'];
-    navPosition: AppShellProps['navPosition'];
-    ref?: Ref<HTMLDivElement>;
-}
-declare const NavLinks: FunctionComponent<NavLinksProps>;
-export default NavLinks;
-//# sourceMappingURL=NavLinks.d.ts.map

package/lib/components/AppShell/NavLinks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavLinks.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/NavLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,GAAG,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,aAAa;IACrB,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAgC7C,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/AppShell/NavLinks.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Flex, Button } from '@pega/cosmos-react-core';
-import { StyledNav, StyledLink } from './AppShell.styles';
-const NavLinks = forwardRef(function NavLinks({ navLinks, navAlignment, navPosition }, ref) {
-    return (_jsx(Flex, { as: StyledNav, ref: ref, container: {
-            alignItems: 'center',
-            gap: 1,
-            justify: navAlignment
-        }, item: { grow: 1 }, navPosition: navPosition, children: navLinks.map(navLink => {
-            return (_jsx(StyledLink, { as: Button, "aria-current": navLink.current ? 'page' : undefined, variant: 'text', href: navLink.href, onClick: navLink.onClick, children: navLink.text }, navLink.id));
-        }) }));
-});
-export default NavLinks;
-//# sourceMappingURL=NavLinks.js.map

package/lib/components/AppShell/NavLinks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavLinks.js","sourceRoot":"","sources":["../../../src/components/AppShell/NavLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,UAAU,EAAwB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU1D,MAAM,QAAQ,GAAqC,UAAU,CAAC,SAAS,QAAQ,CAC7E,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAkC,EACvE,GAAyB;IAEzB,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,YAAY;SACtB,EACD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACjB,WAAW,EAAE,WAAW,YAEvB,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACtB,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,MAAM,kBACI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAClD,OAAO,EAAC,MAAM,EAEd,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,CAAC,OAAO,YAEvB,OAAO,CAAC,IAAI,IAJR,OAAO,CAAC,EAAE,CAKJ,CACd,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { FunctionComponent, forwardRef, PropsWithoutRef, Ref } from 'react';\n\nimport { Flex, Button } from '@pega/cosmos-react-core';\n\nimport { StyledNav, StyledLink } from './AppShell.styles';\nimport { AppShellProps } from './AppShell.types';\n\ninterface NavLinksProps {\n  navLinks: AppShellProps['navLinks'];\n  navAlignment: AppShellProps['navAlignment'];\n  navPosition: AppShellProps['navPosition'];\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst NavLinks: FunctionComponent<NavLinksProps> = forwardRef(function NavLinks(\n  { navLinks, navAlignment, navPosition }: PropsWithoutRef<NavLinksProps>,\n  ref: NavLinksProps['ref']\n) {\n  return (\n    <Flex\n      as={StyledNav}\n      ref={ref}\n      container={{\n        alignItems: 'center',\n        gap: 1,\n        justify: navAlignment\n      }}\n      item={{ grow: 1 }}\n      navPosition={navPosition}\n    >\n      {navLinks.map(navLink => {\n        return (\n          <StyledLink\n            as={Button}\n            aria-current={navLink.current ? 'page' : undefined}\n            variant='text'\n            key={navLink.id}\n            href={navLink.href}\n            onClick={navLink.onClick}\n          >\n            {navLink.text}\n          </StyledLink>\n        );\n      })}\n    </Flex>\n  );\n});\n\nexport default NavLinks;\n"]}

package/lib/components/AppShell/Notifications.d.ts

@@ -1,9 +0,0 @@
-import { FunctionComponent } from 'react';
-import { NotificationProps } from './AppShell.types';
-interface NotificationsViewProps extends NotificationProps {
-    popover?: boolean;
-    onClose?: () => void;
-}
-declare const Notifications: FunctionComponent<NotificationsViewProps>;
-export default Notifications;
-//# sourceMappingURL=Notifications.d.ts.map

package/lib/components/AppShell/Notifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAe1C,OAAO,EAAsC,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWzF,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,sBAAsB,CA4E5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/AppShell/Notifications.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Button, Icon, Text, Progress, MetaList, SummaryItem, Alert, EmptyState, useI18n } from '@pega/cosmos-react-core';
-import { StyledNotifications, StyledNotificationList, StyledNotification, StyledNotificationPrimary, StyledNotificationSecondary, StyledNotificationVisual, StyledPrimaryName } from './AppShell.styles';
-const Notifications = ({ title, items, loading, onItemClick, popover, onClose }) => {
-    const t = useI18n();
-    const renderContent = items.length ? (_jsx(Flex, { as: StyledNotificationList, item: { grow: 1 }, children: items.map(({ id, primary, secondary, visual, unread, href, onClick }) => {
-            const onSummaryItemClick = (e) => {
-                if (e.type === 'click' || (e.type === 'keyup' && e.key === 'Enter')) {
-                    onClick?.(e);
-                    onItemClick?.(id, e);
-                }
-            };
-            return (_jsxs("li", { children: [unread && (_jsx(StyledNotificationVisual, { unread: unread, children: _jsx(Alert, { variant: 'urgent' }) })), _jsx(SummaryItem, { as: StyledNotification, primary: _jsx(StyledNotificationPrimary, { unread: unread, children: primary }), secondary: secondary?.length ? (_jsx(StyledNotificationSecondary, { unread: unread, children: _jsx(MetaList, { items: secondary }) })) : undefined, visual: visual, href: href, onClick: onSummaryItemClick })] }, id));
-        }) })) : (_jsx(Flex, { container: { justify: 'center', alignItems: 'center' }, item: { grow: 1 }, children: _jsx(EmptyState, { message: t('app_header_notifications_empty') }) }));
-    return (_jsxs(Flex, { as: StyledNotifications, container: { direction: 'column', gap: 1 }, popover: popover, children: [onClose && (_jsx(Flex, { container: { pad: 1 }, item: { alignSelf: 'end' }, children: _jsx(Button, { variant: 'simple', icon: true, onClick: onClose, label: t('close'), children: _jsx(Icon, { name: 'times' }) }) })), _jsx(Flex, { container: { pad: popover ? [2, 3, 0, 3] : [0, 3] }, children: _jsx(Text, { as: StyledPrimaryName, variant: 'h1', children: title }) }), loading ? (_jsx(Flex, { container: { justify: 'center', alignItems: 'center' }, item: { grow: 1 }, children: _jsx(Progress, { placement: 'local', message: t('app_header_notifications_loading') }) })) : (renderContent)] }));
-};
-export default Notifications;
-//# sourceMappingURL=Notifications.js.map

package/lib/components/AppShell/Notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../src/components/AppShell/Notifications.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,EACL,UAAU,EACV,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,mBAAmB,CAAC;AAO3B,MAAM,aAAa,GAA8C,CAAC,EAChE,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACgB,EAAE,EAAE;IAC3B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACnC,KAAC,IAAI,IAAC,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAoB,EAAE,EAAE;YACzF,MAAM,kBAAkB,GAAG,CAAC,CAAmB,EAAE,EAAE;gBACjD,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAK,CAAmB,CAAC,GAAG,KAAK,OAAO,CAAC,EAAE;oBACtF,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;oBACb,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;iBACtB;YACH,CAAC,CAAC;YAEF,OAAO,CACL,yBACG,MAAM,IAAI,CACT,KAAC,wBAAwB,IAAC,MAAM,EAAE,MAAM,YACtC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,GAAG,GACD,CAC5B,EACD,KAAC,WAAW,IACV,EAAE,EAAE,kBAAkB,EACtB,OAAO,EACL,KAAC,yBAAyB,IAAC,MAAM,EAAE,MAAM,YAAG,OAAO,GAA6B,EAElF,SAAS,EACP,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,KAAC,2BAA2B,IAAC,MAAM,EAAE,MAAM,YACzC,KAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI,GACF,CAC/B,CAAC,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,kBAAkB,GAC3B,KArBK,EAAE,CAsBN,CACN,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAC7E,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,gCAAgC,CAAC,GAAI,GACvD,CACR,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,aACxF,OAAO,IAAI,CACV,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,YACrD,KAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,QAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,GACJ,CACR,EACD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,YACvD,KAAC,IAAI,IAAC,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAC,IAAI,YACtC,KAAK,GACD,GACF,EACN,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAC7E,KAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,CAAC,kCAAkC,CAAC,GAAI,GACzE,CACR,CAAC,CAAC,CAAC,CACF,aAAa,CACd,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\n\nimport {\n  Flex,\n  Button,\n  Icon,\n  Text,\n  Progress,\n  MetaList,\n  SummaryItem,\n  Alert,\n  EmptyState,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nimport { InteractionEvent, NotificationItem, NotificationProps } from './AppShell.types';\nimport {\n  StyledNotifications,\n  StyledNotificationList,\n  StyledNotification,\n  StyledNotificationPrimary,\n  StyledNotificationSecondary,\n  StyledNotificationVisual,\n  StyledPrimaryName\n} from './AppShell.styles';\n\ninterface NotificationsViewProps extends NotificationProps {\n  popover?: boolean;\n  onClose?: () => void;\n}\n\nconst Notifications: FunctionComponent<NotificationsViewProps> = ({\n  title,\n  items,\n  loading,\n  onItemClick,\n  popover,\n  onClose\n}: NotificationsViewProps) => {\n  const t = useI18n();\n\n  const renderContent = items.length ? (\n    <Flex as={StyledNotificationList} item={{ grow: 1 }}>\n      {items.map(({ id, primary, secondary, visual, unread, href, onClick }: NotificationItem) => {\n        const onSummaryItemClick = (e: InteractionEvent) => {\n          if (e.type === 'click' || (e.type === 'keyup' && (e as KeyboardEvent).key === 'Enter')) {\n            onClick?.(e);\n            onItemClick?.(id, e);\n          }\n        };\n\n        return (\n          <li key={id}>\n            {unread && (\n              <StyledNotificationVisual unread={unread}>\n                <Alert variant='urgent' />\n              </StyledNotificationVisual>\n            )}\n            <SummaryItem\n              as={StyledNotification}\n              primary={\n                <StyledNotificationPrimary unread={unread}>{primary}</StyledNotificationPrimary>\n              }\n              secondary={\n                secondary?.length ? (\n                  <StyledNotificationSecondary unread={unread}>\n                    <MetaList items={secondary} />\n                  </StyledNotificationSecondary>\n                ) : undefined\n              }\n              visual={visual}\n              href={href}\n              onClick={onSummaryItemClick}\n            />\n          </li>\n        );\n      })}\n    </Flex>\n  ) : (\n    <Flex container={{ justify: 'center', alignItems: 'center' }} item={{ grow: 1 }}>\n      <EmptyState message={t('app_header_notifications_empty')} />\n    </Flex>\n  );\n\n  return (\n    <Flex as={StyledNotifications} container={{ direction: 'column', gap: 1 }} popover={popover}>\n      {onClose && (\n        <Flex container={{ pad: 1 }} item={{ alignSelf: 'end' }}>\n          <Button variant='simple' icon onClick={onClose} label={t('close')}>\n            <Icon name='times' />\n          </Button>\n        </Flex>\n      )}\n      <Flex container={{ pad: popover ? [2, 3, 0, 3] : [0, 3] }}>\n        <Text as={StyledPrimaryName} variant='h1'>\n          {title}\n        </Text>\n      </Flex>\n      {loading ? (\n        <Flex container={{ justify: 'center', alignItems: 'center' }} item={{ grow: 1 }}>\n          <Progress placement='local' message={t('app_header_notifications_loading')} />\n        </Flex>\n      ) : (\n        renderContent\n      )}\n    </Flex>\n  );\n};\n\nexport default Notifications;\n"]}

package/lib/components/AppShell/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './AppShell';
-export type { AppShellProps, NotificationItem } from './AppShell.types';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/AppShell/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/AppShell/index.js

@@ -1,2 +0,0 @@
-export { default } from './AppShell';
-//# sourceMappingURL=index.js.map

package/lib/components/AppShell/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default } from './AppShell';\nexport type { AppShellProps, NotificationItem } from './AppShell.types';\n"]}

package/lib/components/CaseView/CaseView.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import { CaseViewProps } from './CaseView.types';
-declare const CaseView: FC<CaseViewProps & ForwardProps>;
-export default CaseView;
-//# sourceMappingURL=CaseView.d.ts.map

package/lib/components/CaseView/CaseView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsC,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,YAAY,EAWb,MAAM,yBAAyB,CAAC;AAQjC,OAAO,EAAE,aAAa,EAAU,MAAM,kBAAkB,CAAC;AAEzD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,GAAG,YAAY,CAuG9C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/CaseView/CaseView.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { useBreakpoint, Flex, Tabs, TabPanel, Text, MenuButton, useI18n, Icon, useAfterInitialEffect } from '@pega/cosmos-react-core';
-import { StyledAside, StyledCaseHeader, StyledCaseView, StyledContentContainer } from './CaseView.styles';
-const CaseView = ({ heading, actions, stages, tasks, summary, feed, utility, ...restProps }) => {
-    const isMediumOrAbove = useBreakpoint('md');
-    const t = useI18n();
-    const tabs = useMemo(() => {
-        if (isMediumOrAbove)
-            return null;
-        const tabsArr = [];
-        if (summary)
-            tabsArr.push({ name: 'Summary', content: summary.content });
-        if (feed)
-            tabsArr.push({ name: 'Feed', content: feed.content });
-        if (utility)
-            tabsArr.push({ name: 'Utility', content: utility.content });
-        return tabsArr.map(tab => ({ ...tab, id: tab.name }));
-    }, [isMediumOrAbove, summary, feed, utility]);
-    const [currentTabId, setCurrentTabId] = useState(tabs && tabs.length > 0 ? tabs[0].id : null);
-    useAfterInitialEffect(() => {
-        if (tabs && tabs.length > 0)
-            setCurrentTabId(cur => cur ?? tabs[0].id);
-    }, [tabs]);
-    return (_jsxs(StyledCaseView, { ...restProps, children: [_jsx(StyledCaseHeader, { children: _jsxs(Flex, { container: { justify: 'between', pad: 2, alignItems: 'center' }, as: StyledContentContainer, children: [_jsx(Text, { variant: 'h1', children: heading }), actions && (_jsx("div", { children: _jsx(MenuButton, { icon: !isMediumOrAbove ? 'more' : undefined, iconOnly: !isMediumOrAbove, variant: 'simple', text: t('actions'), menu: {
-                                    items: actions.map(action => ({
-                                        ...action,
-                                        primary: action.text,
-                                        visual: action.icon ? _jsx(Icon, { name: action.icon }) : undefined
-                                    })),
-                                    scrollAt: 20
-                                } }) }))] }) }), _jsxs(Flex, { container: { direction: 'column', gap: 2, pad: 2 }, as: StyledContentContainer, children: [stages?.content, tabs && currentTabId && (_jsxs(_Fragment, { children: [tasks?.content, _jsx(Tabs, { tabs: tabs, onTabClick: setCurrentTabId, currentTabId: currentTabId }), tabs.map(tab => (_jsx(TabPanel, { tabId: tab.id, currentTabId: currentTabId, children: tab.content }, tab.id)))] })), !tabs && (_jsxs(Flex, { container: { gap: 2 }, children: [(utility || summary) && (_jsxs(Flex, { as: StyledAside, container: { direction: 'column', gap: 2 }, children: [summary?.content && (_jsx("div", { role: 'region', "aria-label": summary?.label, children: summary?.content })), utility?.content && (_jsx("div", { role: 'region', "aria-label": utility?.label, children: utility?.content }))] })), _jsxs(Flex, { container: { direction: 'column', gap: 2 }, item: { grow: 1 }, children: [_jsx("div", { role: 'region', "aria-label": tasks?.label, children: tasks?.content }), _jsx("div", { role: 'region', "aria-label": feed?.label, children: feed?.content })] })] }))] })] }));
-};
-export default CaseView;
-//# sourceMappingURL=CaseView.js.map

package/lib/components/CaseView/CaseView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, PropsWithoutRef, useMemo, useState } from 'react';\n\nimport {\n  ForwardProps,\n  useBreakpoint,\n  Flex,\n  Tabs,\n  TabPanel,\n  Tab,\n  Text,\n  MenuButton,\n  useI18n,\n  Icon,\n  useAfterInitialEffect\n} from '@pega/cosmos-react-core';\n\nimport {\n  StyledAside,\n  StyledCaseHeader,\n  StyledCaseView,\n  StyledContentContainer\n} from './CaseView.styles';\nimport { CaseViewProps, Region } from './CaseView.types';\n\nconst CaseView: FC<CaseViewProps & ForwardProps> = ({\n  heading,\n  actions,\n  stages,\n  tasks,\n  summary,\n  feed,\n  utility,\n  ...restProps\n}: PropsWithoutRef<CaseViewProps>) => {\n  const isMediumOrAbove = useBreakpoint('md');\n  const t = useI18n();\n\n  const tabs = useMemo(() => {\n    if (isMediumOrAbove) return null;\n    const tabsArr: { name: Tab['name']; content: Region['content'] }[] = [];\n\n    if (summary) tabsArr.push({ name: 'Summary', content: summary.content });\n    if (feed) tabsArr.push({ name: 'Feed', content: feed.content });\n    if (utility) tabsArr.push({ name: 'Utility', content: utility.content });\n\n    return tabsArr.map(tab => ({ ...tab, id: tab.name }));\n  }, [isMediumOrAbove, summary, feed, utility]);\n\n  const [currentTabId, setCurrentTabId] = useState(tabs && tabs.length > 0 ? tabs[0].id : null);\n  useAfterInitialEffect(() => {\n    if (tabs && tabs.length > 0) setCurrentTabId(cur => cur ?? tabs[0].id);\n  }, [tabs]);\n\n  return (\n    <StyledCaseView {...restProps}>\n      <StyledCaseHeader>\n        <Flex\n          container={{ justify: 'between', pad: 2, alignItems: 'center' }}\n          as={StyledContentContainer}\n        >\n          <Text variant='h1'>{heading}</Text>\n          {actions && (\n            <div>\n              <MenuButton\n                icon={!isMediumOrAbove ? 'more' : undefined}\n                iconOnly={!isMediumOrAbove}\n                variant='simple'\n                text={t('actions')}\n                menu={{\n                  items: actions.map(action => ({\n                    ...action,\n                    primary: action.text,\n                    visual: action.icon ? <Icon name={action.icon} /> : undefined\n                  })),\n                  scrollAt: 20\n                }}\n              />\n            </div>\n          )}\n        </Flex>\n      </StyledCaseHeader>\n\n      <Flex container={{ direction: 'column', gap: 2, pad: 2 }} as={StyledContentContainer}>\n        {stages?.content}\n\n        {tabs && currentTabId && (\n          <>\n            {tasks?.content}\n            <Tabs tabs={tabs} onTabClick={setCurrentTabId} currentTabId={currentTabId} />\n\n            {tabs.map(tab => (\n              <TabPanel tabId={tab.id} currentTabId={currentTabId} key={tab.id}>\n                {tab.content}\n              </TabPanel>\n            ))}\n          </>\n        )}\n\n        {!tabs && (\n          <Flex container={{ gap: 2 }}>\n            {(utility || summary) && (\n              <Flex as={StyledAside} container={{ direction: 'column', gap: 2 }}>\n                {summary?.content && (\n                  <div role='region' aria-label={summary?.label}>\n                    {summary?.content}\n                  </div>\n                )}\n                {utility?.content && (\n                  <div role='region' aria-label={utility?.label}>\n                    {utility?.content}\n                  </div>\n                )}\n              </Flex>\n            )}\n            <Flex container={{ direction: 'column', gap: 2 }} item={{ grow: 1 }}>\n              <div role='region' aria-label={tasks?.label}>\n                {tasks?.content}\n              </div>\n              <div role='region' aria-label={feed?.label}>\n                {feed?.content}\n              </div>\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </StyledCaseView>\n  );\n};\n\nexport default CaseView;\n"]}

package/lib/components/CaseView/CaseView.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledAside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCaseHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCaseView: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=CaseView.styles.d.ts.map

package/lib/components/CaseView/CaseView.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,yGAItB,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAMjC,CAAC;AAEH,eAAO,MAAM,gBAAgB,4GAmB3B,CAAC;AAIH,eAAO,MAAM,cAAc,yGAOzB,CAAC"}

package/lib/components/CaseView/CaseView.styles.js

@@ -1,49 +0,0 @@
-import styled, { css } from 'styled-components';
-import { readableColor } from 'polished';
-import { defaultThemeProp, StyledCard, tryCatch, useBreakpoint } from '@pega/cosmos-react-core';
-import { StyledStages } from '@pega/cosmos-react-work/lib/components/Stages/Stages.styles';
-import { StyledFeedPost } from '@pega/cosmos-react-social/lib/components/Feed/FeedPost';
-import { StyledCaseSummaryFields } from '@pega/cosmos-react-work/lib/components/CaseView/CaseView.styles';
-export const StyledAside = styled.div(() => {
-    return css `
-    max-width: 40%;
-  `;
-});
-StyledAside.defaultProps = defaultThemeProp;
-export const StyledContentContainer = styled.div(() => {
-    return css `
-    width: 100%;
-    max-width: 75rem;
-    margin-inline: auto;
-  `;
-});
-export const StyledCaseHeader = styled.header(({ theme }) => {
-    const color = tryCatch(() => readableColor(theme.base.palette['brand-primary']));
-    const isMediumOrAbove = useBreakpoint('md');
-    return css `
-    position: relative;
-    background-color: ${theme.base.palette['brand-primary']};
-
-    h1 {
-      color: ${color};
-    }
-
-    ${!isMediumOrAbove &&
-        css `
-      button {
-        color: ${color};
-      }
-    `}
-  `;
-});
-StyledCaseHeader.defaultProps = defaultThemeProp;
-export const StyledCaseView = styled.div(({ theme }) => {
-    return css `
-    ${StyledStages}, ${StyledCaseSummaryFields}, ${StyledFeedPost}, ${StyledCard} {
-      border: ${theme.components.button['border-width']} solid ${theme.base.palette['border-line']};
-      border-radius: ${theme.base['border-radius']};
-    }
-  `;
-});
-StyledCaseView.defaultProps = defaultThemeProp;
-//# sourceMappingURL=CaseView.styles.js.map

package/lib/components/CaseView/CaseView.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.styles.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,6DAA6D,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,iEAAiE,CAAC;AAE1G,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IACzC,OAAO,GAAG,CAAA;;GAET,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IACpD,OAAO,GAAG,CAAA;;;;GAIT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACjF,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAE5C,OAAO,GAAG,CAAA;;wBAEY,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;;;eAG5C,KAAK;;;MAGd,CAAC,eAAe;QAClB,GAAG,CAAA;;iBAEU,KAAK;;KAEjB;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,OAAO,GAAG,CAAA;MACN,YAAY,KAAK,uBAAuB,KAAK,cAAc,KAAK,UAAU;gBAChE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;uBAC3E,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;GAE/C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport { defaultThemeProp, StyledCard, tryCatch, useBreakpoint } from '@pega/cosmos-react-core';\nimport { StyledStages } from '@pega/cosmos-react-work/lib/components/Stages/Stages.styles';\nimport { StyledFeedPost } from '@pega/cosmos-react-social/lib/components/Feed/FeedPost';\nimport { StyledCaseSummaryFields } from '@pega/cosmos-react-work/lib/components/CaseView/CaseView.styles';\n\nexport const StyledAside = styled.div(() => {\n  return css`\n    max-width: 40%;\n  `;\n});\n\nStyledAside.defaultProps = defaultThemeProp;\n\nexport const StyledContentContainer = styled.div(() => {\n  return css`\n    width: 100%;\n    max-width: 75rem;\n    margin-inline: auto;\n  `;\n});\n\nexport const StyledCaseHeader = styled.header(({ theme }) => {\n  const color = tryCatch(() => readableColor(theme.base.palette['brand-primary']));\n  const isMediumOrAbove = useBreakpoint('md');\n\n  return css`\n    position: relative;\n    background-color: ${theme.base.palette['brand-primary']};\n\n    h1 {\n      color: ${color};\n    }\n\n    ${!isMediumOrAbove &&\n    css`\n      button {\n        color: ${color};\n      }\n    `}\n  `;\n});\n\nStyledCaseHeader.defaultProps = defaultThemeProp;\n\nexport const StyledCaseView = styled.div(({ theme }) => {\n  return css`\n    ${StyledStages}, ${StyledCaseSummaryFields}, ${StyledFeedPost}, ${StyledCard} {\n      border: ${theme.components.button['border-width']} solid ${theme.base.palette['border-line']};\n      border-radius: ${theme.base['border-radius']};\n    }\n  `;\n});\n\nStyledCaseView.defaultProps = defaultThemeProp;\n"]}

package/lib/components/CaseView/CaseView.types.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-import { NoChildrenProp, Action, BaseProps, IconName } from '@pega/cosmos-react-core';
-export interface Region {
-    label: string;
-    content: ReactNode;
-}
-export interface CaseViewProps extends NoChildrenProp, BaseProps {
-    /** A text region for the title of the CaseView. */
-    heading: string;
-    /** An icon to serve as a visual for the CaseView. */
-    icon?: IconName;
-    /** Case level actions available in an action menu. */
-    actions?: Action[];
-    /** A region to display any summary information about the CaseView. */
-    summary?: Region;
-    /** A region to hold a Stages component. */
-    stages?: Region;
-    /** A region to hold a Tasks component. */
-    tasks?: Region;
-    /** A region to hold a Feed component. */
-    feed?: Region;
-    /** A region to hold a Utilities component. */
-    utility?: Region;
-}
-//# sourceMappingURL=CaseView.types.d.ts.map

package/lib/components/CaseView/CaseView.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.types.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEtF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,SAAS;IAC9D,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/lib/components/CaseView/CaseView.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=CaseView.types.js.map

package/lib/components/CaseView/CaseView.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseView.types.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactNode } from 'react';\n\nimport { NoChildrenProp, Action, BaseProps, IconName } from '@pega/cosmos-react-core';\n\nexport interface Region {\n  label: string;\n  content: ReactNode;\n}\n\nexport interface CaseViewProps extends NoChildrenProp, BaseProps {\n  /** A text region for the title of the CaseView. */\n  heading: string;\n  /** An icon to serve as a visual for the CaseView. */\n  icon?: IconName;\n  /** Case level actions available in an action menu. */\n  actions?: Action[];\n  /** A region to display any summary information about the CaseView. */\n  summary?: Region;\n  /** A region to hold a Stages component. */\n  stages?: Region;\n  /** A region to hold a Tasks component. */\n  tasks?: Region;\n  /** A region to hold a Feed component. */\n  feed?: Region;\n  /** A region to hold a Utilities component. */\n  utility?: Region;\n}\n"]}

package/lib/components/CaseView/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './CaseView';
-export type { CaseViewProps } from './CaseView.types';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/CaseView/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/CaseView/index.js

@@ -1,2 +0,0 @@
-export { default } from './CaseView';
-//# sourceMappingURL=index.js.map

package/lib/components/CaseView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CaseView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default } from './CaseView';\nexport type { CaseViewProps } from './CaseView.types';\n"]}

package/lib/components/PageTemplates/BannerPage.d.ts

@@ -1,36 +0,0 @@
-import { FC, ReactNode, Ref } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-export interface BannerOptions {
-    /** An image url for the banner */
-    backgroundImage?: string;
-    /** A title for the banner */
-    title: string;
-    /** A fallback background color if the background image is not provided */
-    backgroundColor?: string;
-    /** Text that will appear below the title */
-    message?: string;
-    /** The light variant will provide a white translucent filter over the background image
-     * with dark text. The dark variant will provide the opposite.
-     * @default 'light'
-     */
-    variant?: 'light' | 'dark';
-    /** Toggles the translucent filter provided by the variant
-     * @default true
-     */
-    tintImage?: boolean;
-}
-export interface BannerPageProps {
-    banner: BannerOptions;
-    /** Content for the first column */
-    a: ReactNode;
-    /** Content for the second column. If not provided the first column will stretch. */
-    b?: ReactNode;
-    ref?: Ref<HTMLDivElement>;
-    /** Variants for the sizing of the content columns. Two column will make the columns equal in size. */
-    variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';
-}
-export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<BannerOptions, "backgroundColor" | "backgroundImage">, never>;
-export declare const StyledBanner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<BannerOptions, "backgroundColor" | "backgroundImage" | "variant" | "tintImage">, never>;
-export declare const StyledContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const BannerPage: FC<BannerPageProps & ForwardProps>;
-//# sourceMappingURL=BannerPage.d.ts.map

package/lib/components/PageTemplates/BannerPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/BannerPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGxE,OAAO,EAGL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,mCAAmC;IACnC,CAAC,EAAE,SAAS,CAAC;IACb,oFAAoF;IACpF,CAAC,CAAC,EAAE,SAAS,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,sGAAsG;IACtG,OAAO,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;CACxD;AAED,eAAO,MAAM,qBAAqB,iKAoBhC,CAAC;AAIH,eAAO,MAAM,YAAY,2LA+BxB,CAAC;AAIF,eAAO,MAAM,sBAAsB,yGAmBlC,CAAC;AAUF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,GAAG,YAAY,CA0CxD,CAAC"}

package/lib/components/PageTemplates/BannerPage.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { readableColor, transparentize } from 'polished';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp, Flex, Grid, Text, tryCatch } from '@pega/cosmos-react-core';
-export const StyledBannerContainer = styled.div(({ backgroundImage, backgroundColor, theme }) => {
-    return css `
-    width: 100%;
-    height: calc(${theme.base.spacing} * 38);
-
-    ${backgroundImage &&
-        css `
-      background-image: url('${backgroundImage}');
-      background-size: cover;
-      background-position: center;
-      background-repeat: no-repeat;
-    `}
-
-    ${backgroundColor &&
-        css `
-      background-color: ${backgroundColor};
-    `}
-  `;
-});
-StyledBannerContainer.defaultProps = defaultThemeProp;
-export const StyledBanner = styled.div(({ variant = 'light', backgroundColor, backgroundImage, tintImage = true, theme: { base: { palette: { light, dark } } } }) => {
-    let textColor = variant === 'light' ? dark : light;
-    let overlayColor = variant === 'light' ? transparentize(0.3, light) : transparentize(0.3, dark);
-    if (backgroundColor && !backgroundImage) {
-        textColor = tryCatch(() => readableColor(backgroundColor, light, dark)) ?? dark;
-        overlayColor = 'transparent';
-    }
-    else if (!backgroundColor && !backgroundImage) {
-        overlayColor = 'transparent';
-        textColor = dark;
-    }
-    return css `
-      background-color: ${tintImage ? overlayColor : 'transparent'};
-      color: ${textColor};
-      width: 100%;
-      height: 100%;
-      text-align: center;
-    `;
-});
-StyledBanner.defaultProps = defaultThemeProp;
-export const StyledContentContainer = styled.div(({ theme: { base: { breakpoints, spacing } } }) => {
-    return css `
-      padding: calc(${spacing} * 2);
-      width: 100%;
-      margin: 0 auto;
-      @media screen and (min-width: ${breakpoints.md}) {
-        width: 100%;
-        padding: calc(${spacing} * 2.5);
-      }
-      @media screen and (min-width: ${breakpoints.lg}) {
-        max-width: 93.75rem;
-      }
-    `;
-});
-StyledContentContainer.defaultProps = defaultThemeProp;
-const variantMap = {
-    'two-column': '1fr 1fr',
-    'narrow-wide': '3fr 7fr',
-    'wide-narrow': '7fr 3fr'
-};
-export const BannerPage = forwardRef(function BannerPage({ banner, a, b, variant = 'two-column', ...restProps }, ref) {
-    const gridCols = variantMap[variant];
-    return (_jsxs("div", { ref: ref, ...restProps, children: [banner && (_jsx(StyledBannerContainer, { backgroundImage: banner.backgroundImage, backgroundColor: banner.backgroundColor, children: _jsx(Flex, { variant: banner.variant, backgroundImage: banner.backgroundImage, backgroundColor: banner.backgroundColor, as: StyledBanner, container: { justify: 'center', alignItems: 'center', direction: 'column', gap: 1 }, tintImage: banner.tintImage, children: _jsxs(StyledContentContainer, { children: [_jsx(Text, { variant: 'h1', children: banner.title }), banner.message && (_jsx(Text, { variant: 'primary', as: 'p', children: banner.message }))] }) }) })), _jsxs(Grid, { container: { gap: 2 }, md: { container: { cols: '1fr' } }, lg: { container: { cols: b ? `${gridCols}` : '1fr' } }, as: StyledContentContainer, children: [_jsx("div", { children: a }), b && _jsx("div", { children: b })] })] }));
-});
-//# sourceMappingURL=BannerPage.js.map