@pega/cosmos-react-build 4.0.0-dev.1.2 → 4.0.0-dev.10.0

package/lib/index.d.ts

@@ -1,5 +1,3 @@
-export { default as AppHeader } from './components/AppHeader';
-export * from './components/AppHeader';
 export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
 export { default as DynamicContentEditor } from './components/DynamicContentEditor';
@@ -15,7 +13,10 @@ export * from './components/MobileBuildSummary';
 export * from './components/ObjectPreview';
 export { default as ObjectSelect } from './components/ObjectSelect';
 export * from './components/ObjectSelect';
+export { default as PageBanner } from './components/PageBanner';
+export * from './components/PageBanner';
 export * from './components/PageTemplates';
+export { default as SummaryCard } from './components/SummaryCard';
 export * from './components/SummaryCard';
 export { default as Workbench } from './components/Workbench';
 export * from './utils';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -1,6 +1,4 @@
 // This file is autogenerated. Any changes will be overwritten.
-export { default as AppHeader } from './components/AppHeader';
-export * from './components/AppHeader';
 export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
 export { default as DynamicContentEditor } from './components/DynamicContentEditor';
@@ -16,7 +14,10 @@ export * from './components/MobileBuildSummary';
 export * from './components/ObjectPreview';
 export { default as ObjectSelect } from './components/ObjectSelect';
 export * from './components/ObjectSelect';
+export { default as PageBanner } from './components/PageBanner';
+export * from './components/PageBanner';
 export * from './components/PageTemplates';
+export { default as SummaryCard } from './components/SummaryCard';
 export * from './components/SummaryCard';
 export { default as Workbench } from './components/Workbench';
 export * from './utils';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppHeader } from './components/AppHeader';\nexport * from './components/AppHeader';\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport { default as ExpressionBuilder } from './components/ExpressionBuilder';\nexport * from './components/ExpressionBuilder';\nexport { default as FlowModeller } from './components/FlowModeller';\nexport * from './components/FlowModeller';\nexport * from './components/ItemLibrary';\nexport { default as LifeCycle } from './components/LifeCycle';\nexport * from './components/LifeCycle';\nexport * from './components/MobileBuildSummary';\nexport * from './components/ObjectPreview';\nexport { default as ObjectSelect } from './components/ObjectSelect';\nexport * from './components/ObjectSelect';\nexport * from './components/PageTemplates';\nexport * from './components/SummaryCard';\nexport { default as Workbench } from './components/Workbench';\nexport * from './utils';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport { default as ExpressionBuilder } from './components/ExpressionBuilder';\nexport * from './components/ExpressionBuilder';\nexport { default as FlowModeller } from './components/FlowModeller';\nexport * from './components/FlowModeller';\nexport * from './components/ItemLibrary';\nexport { default as LifeCycle } from './components/LifeCycle';\nexport * from './components/LifeCycle';\nexport * from './components/MobileBuildSummary';\nexport * from './components/ObjectPreview';\nexport { default as ObjectSelect } from './components/ObjectSelect';\nexport * from './components/ObjectSelect';\nexport { default as PageBanner } from './components/PageBanner';\nexport * from './components/PageBanner';\nexport * from './components/PageTemplates';\nexport { default as SummaryCard } from './components/SummaryCard';\nexport * from './components/SummaryCard';\nexport { default as Workbench } from './components/Workbench';\nexport * from './utils';\n"]}

package/lib/utils/utils.d.ts

@@ -10,5 +10,5 @@ export declare const colorMap: {
     readonly green: "#21aa50";
     readonly red: "#d91c29";
 };
-export declare type ColorName = keyof typeof colorMap;
+export type ColorName = keyof typeof colorMap;
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,oBAAY,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-build",
-  "version": "4.0.0-dev.1.2",
+  "version": "4.0.0-dev.10.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,8 +20,8 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "4.0.0-dev.1.2",
-    "@pega/cosmos-react-dnd": "4.0.0-dev.1.2",
+    "@pega/cosmos-react-core": "4.0.0-dev.10.0",
+    "@pega/cosmos-react-dnd": "4.0.0-dev.10.0",
     "@types/codemirror": "^5.60.5",
     "@types/dagre": "^0.7.46",
     "@types/react": "^16.14.24 || ^17.0.38",
@@ -34,11 +34,12 @@
     "react-codemirror2": "^7.2.1",
     "react-dom": "^16.14.0 || ^17.0.0",
     "styled-components": "^5.2.0",
-    "tinymce": "^6.0.3"
+    "tinymce": "^6.3.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^6.4.19",
     "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-links": "^6.5.16",
     "@storybook/addon-storysource": "^6.4.19",
     "@storybook/addon-toolbars": "^6.4.19",
     "@storybook/addons": "^6.4.19",
@@ -47,6 +48,11 @@
     "@storybook/theming": "^6.4.19",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^13.5.0",
-    "typescript": "~4.7.2"
+    "typescript": "~4.9.5"
+  },
+  "overrides": {
+    "react-codemirror2": {
+      "react": "^16.14.0 || ^17.0.0"
+    }
   }
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAcjC,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AA2E/D,QAAA,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,GAAG,YAAY,CAkD/D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/AppHeader/AppHeader.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useState } from 'react';
-import { Flex, SearchInput, useBreakpoint, Button, Icon, useI18n, MenuButton, Image } from '@pega/cosmos-react-core';
-import { StyledAppHeaderSearchForm } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';
-import { StyledAppHeader, StyledTabs, StyledAppAvatar, StyledUtilsContainer, StyledBrandContainer, StyledBrandButton, StyledAppHeaderSearch, StyledAppInfo } from './AppHeader.styles';
-import BranchButton from './BranchButton';
-const Links = ({ links = [] }) => {
-    const [currentTabId, setCurrentTabId] = useState(links[0].id || '');
-    useEffect(() => {
-        setCurrentTabId(links[0].id || '');
-    }, [links]);
-    const handleTabClick = useCallback((id, e) => {
-        const newActiveTab = links.find(item => item.id === id);
-        if (newActiveTab) {
-            newActiveTab.onClick?.(id, e);
-            setCurrentTabId(newActiveTab.id);
-        }
-    }, [links]);
-    return _jsx(StyledTabs, { tabs: links, currentTabId: currentTabId, onTabClick: handleTabClick });
-};
-const AppHeaderSearch = props => {
-    const isMediumOrAbove = useBreakpoint('md');
-    const t = useI18n();
-    return (_jsx(Flex, { as: StyledAppHeaderSearch, item: { basis: '40%', shrink: 1 }, children: _jsx(StyledAppHeaderSearchForm, { role: 'search', "aria-label": t('sitewide'), onSubmit: e => e.preventDefault(), isMediumOrAbove: isMediumOrAbove, children: _jsx(SearchInput, { ...props }) }) }));
-};
-const Utils = ({ avatar, branch, action, appInfo }) => {
-    const isMediumOrAbove = useBreakpoint('md');
-    return (_jsxs(Flex, { isMediumOrAbove: isMediumOrAbove, container: { justify: 'end', alignItems: 'center' }, item: { shrink: 0 }, as: StyledUtilsContainer, children: [appInfo && (_jsxs(Flex, { container: { justify: 'between', alignItems: 'center', gap: 0.5 }, children: [_jsx(StyledAppInfo, { children: appInfo.name }), _jsx(StyledAppInfo, { children: appInfo.version })] })), branch && _jsx(BranchButton, { ...branch }), action && (_jsxs(Flex, { container: { justify: 'between', alignItems: 'center', gap: 0.3 }, item: { shrink: 0 }, as: Button, variant: 'secondary', onClick: (e) => action.onClick?.(action.id, e), disabled: action.disabled, children: [action.icon && _jsx(Icon, { name: action.icon }), action.text] })), _jsx(StyledAppAvatar, { ...avatar })] }));
-};
-const AppHeader = forwardRef(({ contexts, onContextClick, brand, utils, links }, ref) => {
-    const t = useI18n();
-    const selectedContext = contexts.length > 1 ? contexts.find(ctx => ctx.selected) : contexts[0];
-    return (_jsxs(Flex, { as: StyledAppHeader, container: { justify: 'between', alignItems: 'center', gap: 2 }, ref: ref, children: [_jsxs(Flex, { container: { justify: 'between', alignItems: 'center', gap: 2 }, item: { shrink: 0 }, children: [contexts.length > 1 && (_jsx(MenuButton, { text: t('switch_to'), variant: 'simple', icon: 'dot-9-solid', iconOnly: true, menu: {
-                            mode: 'single-select',
-                            items: contexts,
-                            onItemClick: onContextClick
-                        } })), _jsxs(StyledBrandContainer, { container: { alignItems: 'center', justify: 'between', gap: 2 }, onClick: brand.onClick, href: brand.href, forwardedAs: brand.onClick || brand.href ? StyledBrandButton : 'div', "aria-label": `${brand.label} - ${selectedContext.primary}`, children: [_jsx(Image, { src: brand.logo, alt: brand.label }), _jsxs(Flex, { container: { justify: 'between', alignItems: 'center', gap: 1 }, children: [selectedContext.visual, selectedContext.primary] })] }), links && links.length > 0 && _jsx(Links, { links: links })] }), utils?.search && _jsx(AppHeaderSearch, { ...utils.search }), utils && _jsx(Utils, { ...utils })] }));
-});
-export default AppHeader;
-//# sourceMappingURL=AppHeader.js.map

package/lib/components/AppHeader/AppHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  MouseEvent,\n  FC,\n  PropsWithoutRef,\n  useCallback,\n  useEffect,\n  useState\n} from 'react';\n\nimport {\n  Flex,\n  SearchInput,\n  ForwardProps,\n  SearchInputProps,\n  useBreakpoint,\n  Button,\n  Icon,\n  useI18n,\n  MenuButton,\n  Image\n} from '@pega/cosmos-react-core';\nimport { StyledAppHeaderSearchForm } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';\n\nimport {\n  StyledAppHeader,\n  StyledTabs,\n  StyledAppAvatar,\n  StyledUtilsContainer,\n  StyledBrandContainer,\n  StyledBrandButton,\n  StyledAppHeaderSearch,\n  StyledAppInfo\n} from './AppHeader.styles';\nimport BranchButton from './BranchButton';\nimport { AppHeaderProps, UtilsProps } from './AppHeader.types';\n\nconst Links: FC<{ links: AppHeaderProps['links'] }> = ({ links = [] }) => {\n  const [currentTabId, setCurrentTabId] = useState(links[0].id || '');\n\n  useEffect(() => {\n    setCurrentTabId(links[0].id || '');\n  }, [links]);\n\n  const handleTabClick = useCallback(\n    (id: string, e?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      const newActiveTab = links.find(item => item.id === id);\n      if (newActiveTab) {\n        newActiveTab.onClick?.(id, e);\n        setCurrentTabId(newActiveTab.id);\n      }\n    },\n    [links]\n  );\n\n  return <StyledTabs tabs={links} currentTabId={currentTabId} onTabClick={handleTabClick} />;\n};\n\nconst AppHeaderSearch: FC<SearchInputProps> = props => {\n  const isMediumOrAbove = useBreakpoint('md');\n  const t = useI18n();\n\n  return (\n    <Flex as={StyledAppHeaderSearch} item={{ basis: '40%', shrink: 1 }}>\n      <StyledAppHeaderSearchForm\n        role='search'\n        aria-label={t('sitewide')}\n        onSubmit={e => e.preventDefault()}\n        isMediumOrAbove={isMediumOrAbove}\n      >\n        <SearchInput {...props} />\n      </StyledAppHeaderSearchForm>\n    </Flex>\n  );\n};\n\nconst Utils: FC<UtilsProps> = ({ avatar, branch, action, appInfo }) => {\n  const isMediumOrAbove = useBreakpoint('md');\n  return (\n    <Flex\n      isMediumOrAbove={isMediumOrAbove}\n      container={{ justify: 'end', alignItems: 'center' }}\n      item={{ shrink: 0 }}\n      as={StyledUtilsContainer}\n    >\n      {appInfo && (\n        <Flex container={{ justify: 'between', alignItems: 'center', gap: 0.5 }}>\n          <StyledAppInfo>{appInfo.name}</StyledAppInfo>\n          <StyledAppInfo>{appInfo.version}</StyledAppInfo>\n        </Flex>\n      )}\n      {branch && <BranchButton {...branch} />}\n      {action && (\n        <Flex\n          container={{ justify: 'between', alignItems: 'center', gap: 0.3 }}\n          item={{ shrink: 0 }}\n          as={Button}\n          variant='secondary'\n          onClick={(e: MouseEvent<HTMLButtonElement>) => action.onClick?.(action.id, e)}\n          disabled={action.disabled}\n        >\n          {action.icon && <Icon name={action.icon} />}\n          {action.text}\n        </Flex>\n      )}\n      <StyledAppAvatar {...avatar} />\n    </Flex>\n  );\n};\n\nconst AppHeader: FunctionComponent<AppHeaderProps & ForwardProps> = forwardRef(\n  (\n    { contexts, onContextClick, brand, utils, links }: PropsWithoutRef<AppHeaderProps>,\n    ref: AppHeaderProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const selectedContext = contexts.length > 1 ? contexts.find(ctx => ctx.selected)! : contexts[0];\n\n    return (\n      <Flex\n        as={StyledAppHeader}\n        container={{ justify: 'between', alignItems: 'center', gap: 2 }}\n        ref={ref}\n      >\n        <Flex container={{ justify: 'between', alignItems: 'center', gap: 2 }} item={{ shrink: 0 }}>\n          {contexts.length > 1 && (\n            <MenuButton\n              text={t('switch_to')}\n              variant='simple'\n              icon='dot-9-solid'\n              iconOnly\n              menu={{\n                mode: 'single-select',\n                items: contexts,\n                onItemClick: onContextClick\n              }}\n            />\n          )}\n          <StyledBrandContainer\n            container={{ alignItems: 'center', justify: 'between', gap: 2 }}\n            onClick={brand.onClick}\n            href={brand.href}\n            forwardedAs={brand.onClick || brand.href ? StyledBrandButton : 'div'}\n            aria-label={`${brand.label} - ${selectedContext.primary}`}\n          >\n            <Image src={brand.logo} alt={brand.label} />\n\n            <Flex container={{ justify: 'between', alignItems: 'center', gap: 1 }}>\n              {selectedContext.visual}\n              {selectedContext.primary}\n            </Flex>\n          </StyledBrandContainer>\n          {links && links.length > 0 && <Links links={links} />}\n        </Flex>\n        {utils?.search && <AppHeaderSearch {...utils.search} />}\n        {utils && <Utils {...utils} />}\n      </Flex>\n    );\n  }\n);\n\nexport default AppHeader;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAoB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIrF,eAAO,MAAM,eAAe,4GAU1B,CAAC;AAIH,eAAO,MAAM,WAAW,EAAE,OAAO,IAU/B,CAAC;AAIH,eAAO,MAAM,oBAAoB,EAAE,OAAO,IAUxC,CAAC;AAIH,eAAO,MAAM,iBAAiB,0QAM5B,CAAC;AAIH,eAAO,MAAM,UAAU,EAAE,OAAO,IAqB9B,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAY/B,CAAC;AAIH,eAAO,MAAM,qBAAqB,yGAIjC,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,OAAO,IAKjC,CAAC;AAIH,eAAO,MAAM,qBAAqB,EAAE,OAAO,IAYzC,CAAC;AAIH,eAAO,MAAM,eAAe,EAAE,OAAO,MAGpC,CAAC"}

package/lib/components/AppHeader/AppHeader.styles.js

@@ -1,118 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Avatar, defaultThemeProp, Flex, Text, Tabs } from '@pega/cosmos-react-core';
-import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
-import { StyledAppHeaderSearchForm } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';
-export const StyledAppHeader = styled.header(({ theme }) => {
-    return css `
-    height: 3rem;
-    padding: 0 calc(2 * ${theme.base.spacing});
-    border-bottom: 0.0625rem solid ${theme.base.colors.gray.light};
-    background-color: ${theme.base.palette['primary-background']};
-    position: sticky;
-    top: 0;
-    z-index: calc(${theme.base['z-index'].drawer + 1});
-  `;
-});
-StyledAppHeader.defaultProps = defaultThemeProp;
-export const StyledTitle = styled(Text)(({ theme }) => {
-    return css `
-    max-width: ${theme.base['content-width'].sm};
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    color: ${theme.base.palette['foreground-color']};
-    font-weight: ${theme.base['font-weight'].bold};
-    margin-inline-start: calc(0.75 * ${theme.base.spacing});
-  `;
-});
-StyledTitle.defaultProps = defaultThemeProp;
-export const StyledBrandContainer = styled(Flex)(({ theme }) => {
-    return css `
-    padding-block: ${theme.base.spacing};
-    text-decoration: none;
-    max-height: 2.5rem;
-
-    > img {
-      min-width: ${theme.base['content-width'].xs};
-    }
-  `;
-});
-StyledBrandContainer.defaultProps = defaultThemeProp;
-export const StyledBrandButton = styled(BareButton)(({ theme }) => {
-    return css `
-    &:not([disabled]):focus {
-      box-shadow: ${theme.base.shadow.focus};
-    }
-  `;
-});
-StyledBrandButton.defaultProps = defaultThemeProp;
-export const StyledTabs = styled(Tabs)(({ theme }) => {
-    return css `
-    margin-inline-start: calc(2 * ${theme.base.spacing});
-    margin-inline-end: calc(2 * ${theme.base.spacing});
-    border: none;
-    min-height: 3rem;
-    [role='tab'] {
-      height: auto;
-      span:first-of-type {
-        text-transform: none;
-      }
-    }
-    [role='tab'][aria-selected='false'] > span {
-      font-weight: ${theme.base['font-weight']['semi-bold']};
-    }
-    [role='tab']:hover,
-    [role='tab']:focus,
-    [role='tab']:active {
-      box-shadow: none;
-    }
-  `;
-});
-StyledTabs.defaultProps = defaultThemeProp;
-export const StyledUtilsContainer = styled.div(({ theme }) => {
-    return css `
-    padding-block: ${theme.base.spacing};
-    & > div,
-    & > span,
-    & > button {
-      margin-inline-start: ${theme.base.spacing};
-    }
-    & > div:last-child {
-      margin-inline: calc(2 * ${theme.base.spacing}) 0;
-    }
-  `;
-});
-StyledUtilsContainer.defaultProps = defaultThemeProp;
-export const StyledAppHeaderSearch = styled.div `
-  ${StyledAppHeaderSearchForm} {
-    max-width: 100%;
-  }
-`;
-StyledAppHeaderSearch.defaultProps = defaultThemeProp;
-export const StyledAppInfo = styled(StyledTitle)(({ theme }) => {
-    return css `
-    font-weight: ${theme.base['font-weight']['semi-bold']};
-    margin-inline-start: 0;
-  `;
-});
-StyledAppInfo.defaultProps = defaultThemeProp;
-export const StyledBranchContainer = styled(Flex)(({ theme }) => {
-    return css `
-    span {
-      white-space: nowrap;
-      max-width: 25ch;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      font-weight: ${theme.base['font-weight']['semi-bold']};
-      margin-inline-start: calc(0.5 * ${theme.base.spacing});
-      margin-inline-end: calc(0.75 * ${theme.base.spacing});
-    }
-  `;
-});
-StyledBranchContainer.defaultProps = defaultThemeProp;
-export const StyledAppAvatar = styled(Avatar) `
-  width: 1.5rem;
-  height: 1.5rem;
-`;
-StyledAppAvatar.defaultProps = defaultThemeProp;
-//# sourceMappingURL=AppHeader.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.styles.js","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Avatar, defaultThemeProp, Flex, Text, Tabs } from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport { StyledAppHeaderSearchForm } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';\n\nexport const StyledAppHeader = styled.header(({ theme }) => {\n  return css`\n    height: 3rem;\n    padding: 0 calc(2 * ${theme.base.spacing});\n    border-bottom: 0.0625rem solid ${theme.base.colors.gray.light};\n    background-color: ${theme.base.palette['primary-background']};\n    position: sticky;\n    top: 0;\n    z-index: calc(${theme.base['z-index'].drawer + 1});\n  `;\n});\n\nStyledAppHeader.defaultProps = defaultThemeProp;\n\nexport const StyledTitle: typeof Text = styled(Text)(({ theme }) => {\n  return css`\n    max-width: ${theme.base['content-width'].sm};\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    color: ${theme.base.palette['foreground-color']};\n    font-weight: ${theme.base['font-weight'].bold};\n    margin-inline-start: calc(0.75 * ${theme.base.spacing});\n  `;\n});\n\nStyledTitle.defaultProps = defaultThemeProp;\n\nexport const StyledBrandContainer: typeof Flex = styled(Flex)(({ theme }) => {\n  return css`\n    padding-block: ${theme.base.spacing};\n    text-decoration: none;\n    max-height: 2.5rem;\n\n    > img {\n      min-width: ${theme.base['content-width'].xs};\n    }\n  `;\n});\n\nStyledBrandContainer.defaultProps = defaultThemeProp;\n\nexport const StyledBrandButton = styled(BareButton)(({ theme }) => {\n  return css`\n    &:not([disabled]):focus {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\n\nStyledBrandButton.defaultProps = defaultThemeProp;\n\nexport const StyledTabs: typeof Tabs = styled(Tabs)(({ theme }) => {\n  return css`\n    margin-inline-start: calc(2 * ${theme.base.spacing});\n    margin-inline-end: calc(2 * ${theme.base.spacing});\n    border: none;\n    min-height: 3rem;\n    [role='tab'] {\n      height: auto;\n      span:first-of-type {\n        text-transform: none;\n      }\n    }\n    [role='tab'][aria-selected='false'] > span {\n      font-weight: ${theme.base['font-weight']['semi-bold']};\n    }\n    [role='tab']:hover,\n    [role='tab']:focus,\n    [role='tab']:active {\n      box-shadow: none;\n    }\n  `;\n});\n\nStyledTabs.defaultProps = defaultThemeProp;\n\nexport const StyledUtilsContainer = styled.div(({ theme }) => {\n  return css`\n    padding-block: ${theme.base.spacing};\n    & > div,\n    & > span,\n    & > button {\n      margin-inline-start: ${theme.base.spacing};\n    }\n    & > div:last-child {\n      margin-inline: calc(2 * ${theme.base.spacing}) 0;\n    }\n  `;\n});\n\nStyledUtilsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledAppHeaderSearch = styled.div`\n  ${StyledAppHeaderSearchForm} {\n    max-width: 100%;\n  }\n`;\n\nStyledAppHeaderSearch.defaultProps = defaultThemeProp;\n\nexport const StyledAppInfo: typeof Text = styled(StyledTitle)(({ theme }) => {\n  return css`\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    margin-inline-start: 0;\n  `;\n});\n\nStyledAppInfo.defaultProps = defaultThemeProp;\n\nexport const StyledBranchContainer: typeof Flex = styled(Flex)(({ theme }) => {\n  return css`\n    span {\n      white-space: nowrap;\n      max-width: 25ch;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      font-weight: ${theme.base['font-weight']['semi-bold']};\n      margin-inline-start: calc(0.5 * ${theme.base.spacing});\n      margin-inline-end: calc(0.75 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledBranchContainer.defaultProps = defaultThemeProp;\n\nexport const StyledAppAvatar: typeof Avatar = styled(Avatar)`\n  width: 1.5rem;\n  height: 1.5rem;\n`;\n\nStyledAppAvatar.defaultProps = defaultThemeProp;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.types.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,cAAc,EACd,SAAS,EACT,GAAG,EACH,WAAW,EACX,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;CAAG;AAEnF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,cAAc;IAC/D,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC1E,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,GAAG;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACvF;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;IACvE,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.types.js","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref, MouseEvent } from 'react';\n\nimport {\n  Action,\n  MenuItemProps,\n  BaseProps,\n  NoChildrenProp,\n  MenuProps,\n  Tab,\n  AvatarProps,\n  SearchInputProps\n} from '@pega/cosmos-react-core';\n\nimport { BranchButtonProps } from './BranchButton';\n\nexport interface ContextItem\n  extends Pick<MenuItemProps, 'id' | 'primary' | 'visual' | 'href' | 'selected'> {}\n\nexport interface AppHeaderProps extends BaseProps, NoChildrenProp {\n  contexts: ContextItem[];\n  onContextClick?: MenuProps['onItemClick'];\n  brand: {\n    label: string;\n    logo: string;\n    href?: string;\n    onClick?: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n  };\n  links?: LinkProps[];\n  utils?: UtilsProps;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface LinkProps extends Tab {\n  onClick?: (id: string, e?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n}\n\nexport interface UtilsProps {\n  avatar: AvatarProps;\n  search?: SearchInputProps;\n  branch?: BranchButtonProps;\n  action?: Pick<Action, 'id' | 'text' | 'onClick' | 'disabled' | 'icon'>;\n  appInfo?: {\n    name: string;\n    version: string;\n  };\n}\n"]}

package/lib/components/AppHeader/BranchButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BranchButton.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader/BranchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAInE,OAAO,EACL,MAAM,EACN,UAAU,EAGV,IAAI,EAGJ,SAAS,EAMT,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAQjC,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,CAAC;IAChE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/B,iCAAiC;IACjC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,MAuDvC,CAAC;AAqBF,eAAO,MAAM,cAAc,EAAE,OAAO,IAIlC,CAAC;AAgBH,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAqEtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/AppHeader/BranchButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BranchButton.js","sourceRoot":"","sources":["../../../src/components/AppHeader/BranchButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAoC,MAAM,OAAO,CAAC;AACnE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAgB,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EACL,MAAM,EAEN,gBAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EAEL,OAAO,EACP,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EAEb,OAAO,EACP,QAAQ,EACT,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,kBAAkB,MAAM,yEAAyE,CAAC;AAC9G,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAElF,YAAY,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;AAe/D,MAAM,CAAC,MAAM,kBAAkB,GAAkB,MAAM,CAAC,MAAM,CAAC,CAC7D,CAAC,EACC,KAAK,EACL,aAAa,EAId,EAAE,EAAE;IACH,MAAM,EACJ,IAAI,EAAE,EACJ,MAAM,EACN,OAAO,EAAE,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,EACpD,MAAM,EAAE,EAAE,KAAK,EAAE,EACjB,OAAO,EACR,EACD,UAAU,EAAE,EACV,MAAM,EAAE,EACN,MAAM,EACN,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EACjC,EACF,EACF,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,eAAe,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC7F,MAAM,WAAW,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IACxE,MAAM,YAAY,GAAG,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IACpF,MAAM,UAAU,GAAG,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;IAC3E,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IAEnE,OAAO,GAAG,CAAA;;0BAEY,eAAe;sBACnB,WAAW;eAClB,WAAW;8BACI,OAAO;4BACT,OAAO;;;4BAGP,eAAe;sBACrB,KAAK;;;;;;;;QAQnB,WAAW;4BACS,YAAY;iBACvB,UAAU;;KAEtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,yBAAyB,GAAG,MAAM,CAAC,OAAO,CAAC,CAC/C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,EACjD,EACF,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,QAAQ,YAAY,CAAC,EAAE,WAAW,OAAO,IAAI,CAAC;IAE/D,OAAO,GAAG,CAAA;mBACK,QAAQ;wBACH,QAAQ;KAC3B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,MAAM,cAAc,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM;GACtC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/C,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,OAAO,GAAG,CAAA;iBACK,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;;;;;GAK5C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,YAAY,GAAyC,CAAC,KAAwB,EAAE,EAAE;IACtF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,UAAU,EAAe,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,EAAe,CAAC;IAC1D,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE;QACrD,IAAI,IAAI;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,IAAI,SAAS,GAAG,CAAC,CAAC,wBAAwB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,SAAS,GAAG,CAAC,CAAC,oCAAoC,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;KACzE;SAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;QAC/B,SAAS,GAAG,CAAC,CAAC,iCAAiC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;KAC1D;IAED,OAAO,CACL,8BACE,KAAC,kBAAkB,IACjB,GAAG,EAAE,WAAW,mBACD,IAAI,mBACL,MAAM,mBACN,gBAAgB,gBAClB,SAAS,EACrB,aAAa,EAAE,OAAO,EACtB,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EACnC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;wBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBACzC,CAAC,YAED,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,aAC/D,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,EAC/B,CAAC,OAAO,IAAI,CACX,8BACE,KAAC,oBAAoB,cAAE,IAAI,GAAwB,EAClD,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACtB,KAAC,cAAc,IAAC,IAAI,EAAC,YAAY,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAK,KAAK,SAAS,IAAI,KAAC,KAAK,cAAE,KAAK,GAAS,CAC9C,IACA,CACJ,EACD,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,IACrB,GACY,EACrB,KAAC,yBAAyB,IACxB,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC9C,EAAE,EAAC,gBAAgB,EACnB,kBAAkB,QAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,aAAa,YAElB,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,EAAE,EACZ,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACjC,cAAc,EAAE,QAAQ,IAAI,SAAS,EACrC,cAAc,EAAE,KAAK,GACrB,GACwB,IAC3B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useState, FunctionComponent, KeyboardEvent } from 'react';\nimport styled, { css, DefaultTheme } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport {\n  Button,\n  CountProps,\n  defaultThemeProp,\n  Flex,\n  Icon,\n  Menu,\n  Count,\n  MenuProps,\n  Popover,\n  useDirection,\n  useElement,\n  registerIcon,\n  useOuterEvent,\n  StatusProps,\n  useI18n,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport * as nodesDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/nodes-down-solid.icon';\nimport * as warnSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/warn-solid.icon';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport { StyledCount } from '@pega/cosmos-react-core/lib/components/Badges/Count';\n\nregisterIcon(nodesDownSolidIcon, warnSolidIcon, caretDownIcon);\n\nexport interface BranchButtonProps {\n  /** The text for the BranchButton also used to set the aria-label. */\n  text: string;\n  /** Determines the variant for the BranchButton. */\n  variant?: Extract<StatusProps['variant'], 'success' | 'urgent'>;\n  /** Only display the branch and caret icon */\n  compact?: boolean;\n  /** The total count representing the number of unmerged changes. */\n  count?: CountProps['children'];\n  /** An array of MenuItemProps. */\n  items: MenuProps['items'];\n}\n\nexport const StyledBranchButton: typeof Button = styled(Button)(\n  ({\n    theme,\n    branchVariant\n  }: {\n    theme: DefaultTheme;\n    branchVariant: BranchButtonProps['variant'];\n  }) => {\n    const {\n      base: {\n        colors,\n        palette: { 'primary-background': primaryBackground },\n        shadow: { focus },\n        spacing\n      },\n      components: {\n        badges: {\n          status,\n          count: {\n            base: { background, foreground }\n          }\n        }\n      }\n    } = theme;\n\n    const backgroundColor = branchVariant ? status[branchVariant].background : primaryBackground;\n    const borderColor = !branchVariant ? colors.gray.medium : 'transparent';\n    const countBgColor = branchVariant === 'success' ? colors.green.medium : background;\n    const countColor = branchVariant === 'success' ? colors.white : foreground;\n    const buttonColor = tryCatch(() => readableColor(backgroundColor));\n\n    return css`\n      flex-shrink: 0;\n      background-color: ${backgroundColor};\n      border-color: ${borderColor};\n      color: ${buttonColor};\n      padding-inline-start: ${spacing};\n      padding-inline-end: ${spacing};\n\n      &:hover {\n        background-color: ${backgroundColor};\n        box-shadow: ${focus};\n      }\n\n      svg {\n        height: 1rem;\n        width: 1rem;\n      }\n\n      ${StyledCount} {\n        background-color: ${countBgColor};\n        color: ${countColor};\n      }\n    `;\n  }\n);\n\nStyledBranchButton.defaultProps = defaultThemeProp;\n\nconst StyledBranchButtonPopover = styled(Popover)(\n  ({\n    theme: {\n      base: { spacing, 'content-width': contentWidth }\n    }\n  }) => {\n    const minWidth = `calc(${contentWidth.xs} + (2 * ${spacing}))`;\n\n    return css`\n      min-width: ${minWidth};\n      max-width: calc(${minWidth} + 5ch);\n    `;\n  }\n);\n\nStyledBranchButtonPopover.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon: typeof Icon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.colors.red.medium};\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nconst StyledEllipsisedText = styled.span(({ theme }) => {\n  return css`\n    max-width: ${theme.base['content-width'].xs};\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  `;\n});\n\nStyledEllipsisedText.defaultProps = defaultThemeProp;\n\nconst BranchButton: FunctionComponent<BranchButtonProps> = (props: BranchButtonProps) => {\n  const { text, variant, count, compact = false, items = [] } = props;\n\n  const [open, setOpen] = useState(false);\n\n  const [popoverEl, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonEl, setButtonEl] = useElement<HTMLElement>();\n  const { rtl } = useDirection();\n  const t = useI18n();\n\n  useOuterEvent('mousedown', [popoverEl, buttonEl], () => {\n    if (open) setOpen(false);\n  });\n\n  let ariaLabel = t('branch_with_no_changes', [text]);\n  if (variant === 'success') {\n    ariaLabel = t('branch_with_no_potential_conflicts', [text, count ?? 0]);\n  } else if (variant === 'urgent') {\n    ariaLabel = t('branch_with_potential_conflicts', [text]);\n  }\n\n  return (\n    <>\n      <StyledBranchButton\n        ref={setButtonEl}\n        aria-expanded={open}\n        aria-haspopup='menu'\n        aria-controls='branch-popover'\n        aria-label={ariaLabel}\n        branchVariant={variant}\n        label={!open ? text : undefined}\n        onClick={() => setOpen(cur => !cur)}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Escape') setOpen(false);\n        }}\n      >\n        <Flex container={{ alignItems: 'center', gap: compact ? 1 : 0.5 }}>\n          <Icon name='nodes-down-solid' />\n          {!compact && (\n            <>\n              <StyledEllipsisedText>{text}</StyledEllipsisedText>\n              {variant === 'urgent' ? (\n                <StyledWarnIcon name='warn-solid' />\n              ) : (\n                count !== undefined && <Count>{count}</Count>\n              )}\n            </>\n          )}\n          <Icon name='caret-down' />\n        </Flex>\n      </StyledBranchButton>\n      <StyledBranchButtonPopover\n        placement={rtl ? 'bottom-end' : 'bottom-start'}\n        id='branch-popover'\n        hideOnTargetHidden\n        show={open}\n        target={buttonEl}\n        ref={setPopoverRef}\n      >\n        <Menu\n          items={items}\n          scrollAt={20}\n          onItemClick={() => setOpen(false)}\n          focusControlEl={buttonEl || undefined}\n          focusElOnClose={false}\n        />\n      </StyledBranchButtonPopover>\n    </>\n  );\n};\n\nexport default BranchButton;\n"]}

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

@@ -1,4 +0,0 @@
-export { default } from './AppHeader';
-export { default as BranchButton, BranchButtonProps } from './BranchButton';
-export { AppHeaderProps } from './AppHeader.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/AppHeader/index.js

@@ -1,3 +0,0 @@
-export { default } from './AppHeader';
-export { default as BranchButton } from './BranchButton';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAqB,MAAM,gBAAgB,CAAC","sourcesContent":["export { default } from './AppHeader';\nexport { default as BranchButton, BranchButtonProps } from './BranchButton';\nexport { AppHeaderProps } from './AppHeader.types';\n"]}

package/lib/components/PageTemplates/GalleryPage.styles.d.ts

@@ -1,9 +0,0 @@
-import { Text, Flex, OneColumnPage } from '@pega/cosmos-react-core';
-export declare const StyledBanner: import("styled-components").StyledComponent<"article", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledBannerInfo: typeof Flex;
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSummaryCardList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeading: typeof Text;
-export declare const StyledDescription: typeof Text;
-export declare const StyledGalleryPage: typeof OneColumnPage;
-//# sourceMappingURL=GalleryPage.styles.d.ts.map

package/lib/components/PageTemplates/GalleryPage.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryPage.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,IAAI,EAGJ,IAAI,EAEJ,aAAa,EAEd,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,YAAY,6GAcvB,CAAC;AAIH,eAAO,MAAM,gBAAgB,EAAE,OAAO,IAqBpC,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAQhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yGAIhC,CAAC;AAIH,eAAO,MAAM,aAAa,EAAE,OAAO,IAIlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,IAKtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,aAStC,CAAC"}

package/lib/components/PageTemplates/GalleryPage.styles.js

@@ -1,70 +0,0 @@
-import styled, { css } from 'styled-components';
-import { readableColor } from 'polished';
-import { Text, StyledButton, tryCatch, Flex, defaultThemeProp, OneColumnPage, StyledRegion } from '@pega/cosmos-react-core';
-export const StyledBanner = styled.article(({ theme }) => {
-    const { base: { palette: { 'brand-primary': brandBackground } } } = theme;
-    const color = tryCatch(() => readableColor(brandBackground));
-    return css `
-    background: ${brandBackground};
-    color: ${color};
-    height: 11rem;
-  `;
-});
-StyledBanner.defaultProps = defaultThemeProp;
-export const StyledBannerInfo = styled(Flex)(({ theme }) => {
-    const { base: { spacing, shadow } } = theme;
-    return css `
-    padding-inline-start: calc(5 * ${spacing});
-    max-width: 50%;
-
-    ${StyledButton} {
-      margin-block-start: calc(2 * ${spacing});
-      &:enabled:focus,
-      &:not([disabled]):focus {
-        box-shadow: ${shadow['focus-inverted']};
-      }
-    }
-
-    span {
-      margin-block-start: ${spacing};
-    }
-  `;
-});
-StyledBannerInfo.defaultProps = defaultThemeProp;
-export const StyledImageContainer = styled.div `
-  padding: 0;
-  height: 100%;
-  max-width: 50%;
-  img {
-    object-fit: contain;
-    height: 100%;
-  }
-`;
-export const StyledSummaryCardList = styled.div(({ theme }) => {
-    return css `
-    margin-block-start: calc(2 * ${theme.base.spacing});
-  `;
-});
-StyledSummaryCardList.defaultProps = defaultThemeProp;
-export const StyledHeading = styled(Text) `
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-`;
-export const StyledDescription = styled(Text) `
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-`;
-export const StyledGalleryPage = styled(OneColumnPage) `
-  gap: 0;
-  & > header {
-    padding: 0;
-  }
-
-  ${StyledRegion} {
-    height: 100%;
-  }
-`;
-//# sourceMappingURL=GalleryPage.styles.js.map

package/lib/components/PageTemplates/GalleryPage.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryPage.styles.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,MAAM,EACJ,IAAI,EAAE,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,EAC9C,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,GAAG,CAAA;kBACM,eAAe;aACpB,KAAK;;GAEf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,gBAAgB,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;qCACyB,OAAO;;;MAGtC,YAAY;qCACmB,OAAO;;;sBAGtB,MAAM,CAAC,gBAAgB,CAAC;;;;;4BAKlB,OAAO;;GAEhC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ7C,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,OAAO,GAAG,CAAA;mCACuB,KAAK,CAAC,IAAI,CAAC,OAAO;GAClD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIrD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;CAKzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAyB,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;IAMxE,YAAY;;;CAGf,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport {\n  Text,\n  StyledButton,\n  tryCatch,\n  Flex,\n  defaultThemeProp,\n  OneColumnPage,\n  StyledRegion\n} from '@pega/cosmos-react-core';\n\nexport const StyledBanner = styled.article(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': brandBackground }\n    }\n  } = theme;\n\n  const color = tryCatch(() => readableColor(brandBackground));\n\n  return css`\n    background: ${brandBackground};\n    color: ${color};\n    height: 11rem;\n  `;\n});\n\nStyledBanner.defaultProps = defaultThemeProp;\n\nexport const StyledBannerInfo: typeof Flex = styled(Flex)(({ theme }) => {\n  const {\n    base: { spacing, shadow }\n  } = theme;\n\n  return css`\n    padding-inline-start: calc(5 * ${spacing});\n    max-width: 50%;\n\n    ${StyledButton} {\n      margin-block-start: calc(2 * ${spacing});\n      &:enabled:focus,\n      &:not([disabled]):focus {\n        box-shadow: ${shadow['focus-inverted']};\n      }\n    }\n\n    span {\n      margin-block-start: ${spacing};\n    }\n  `;\n});\n\nStyledBannerInfo.defaultProps = defaultThemeProp;\n\nexport const StyledImageContainer = styled.div`\n  padding: 0;\n  height: 100%;\n  max-width: 50%;\n  img {\n    object-fit: contain;\n    height: 100%;\n  }\n`;\n\nexport const StyledSummaryCardList = styled.div(({ theme }) => {\n  return css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n  `;\n});\n\nStyledSummaryCardList.defaultProps = defaultThemeProp;\n\nexport const StyledHeading: typeof Text = styled(Text)`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n`;\n\nexport const StyledDescription: typeof Text = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n`;\n\nexport const StyledGalleryPage: typeof OneColumnPage = styled(OneColumnPage)`\n  gap: 0;\n  & > header {\n    padding: 0;\n  }\n\n  ${StyledRegion} {\n    height: 100%;\n  }\n`;\n"]}