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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  PropsWithoutRef,\n  Ref,\n  FunctionComponent,\n  forwardRef,\n  MouseEvent,\n  useMemo,\n  useRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  OneColumnPage as CoreOneColumnPage,\n  OneColumnPageProps as CoreOneColumnPageProps,\n  TabbedPage as CoreTabbedPage,\n  TabbedPageProps as CoreTabbedPageProps,\n  FieldValueListProps,\n  Flex,\n  Status,\n  SummaryItem,\n  Text,\n  Button,\n  Popover,\n  FieldValueList,\n  ForwardProps,\n  defaultThemeProp,\n  useI18n,\n  PageTemplateProps,\n  OmitStrict,\n  StyledSummaryItemActions,\n  StatusProps,\n  registerIcon,\n  StyledRegion,\n  MetaList,\n  StyledBreadcrumbs,\n  StyledPageHeader,\n  AdditionalInfo,\n  DialogHandleValue\n} from '@pega/cosmos-react-core';\nimport * as nodesDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/nodes-down.icon';\nimport * as informationIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/information.icon';\nimport { StyledForm } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm';\nimport { StyledBanner } from '@pega/cosmos-react-core/lib/components/Banner/Banner';\nimport { StyledTabs } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs';\n\nimport { StyledWorkbench } from '../Workbench/Workbench.styles';\n\nregisterIcon(nodesDownIcon, informationIcon);\n\nexport interface PageHeaderProps extends Pick<PageTemplateProps, 'title' | 'actions'> {\n  metadata?: FieldValueListProps['fields'];\n  status?: { type: StatusProps['variant']; label: string };\n  titleTag?: 'h1' | 'h2';\n  additionalInfo?: {\n    title: string;\n    description?: string;\n    fields: FieldValueListProps['fields'];\n    onEdit?: (e: MouseEvent<HTMLButtonElement>) => void;\n  };\n}\n\ntype OmittedPageProps = 'header' | 'scrollContent';\n\nexport interface OneColumnPageProps\n  extends OmitStrict<CoreOneColumnPageProps, OmittedPageProps>,\n    PageHeaderProps {}\n\nexport interface TabbedPageProps\n  extends OmitStrict<CoreTabbedPageProps, OmittedPageProps>,\n    PageHeaderProps {}\n\nconst StyledTextWithEllipsis: typeof Text = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 1.15;\n`;\n\nconst StyledInfoPopover = styled(Popover)(\n  ({\n    theme: {\n      base: { 'content-width': contentWidth }\n    }\n  }) => {\n    return css`\n      min-width: ${contentWidth.sm};\n      max-width: ${contentWidth.md};\n      overflow-wrap: break-word;\n    `;\n  }\n);\n\nStyledInfoPopover.defaultProps = defaultThemeProp;\n\nconst StyledHeaderContent = styled(SummaryItem)`\n  ${StyledSummaryItemActions} {\n    align-self: start;\n  }\n`;\n\nexport const StyledPage = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'primary-background': primaryBackground }\n      }\n    }\n  }) => {\n    return css`\n      background: ${primaryBackground};\n      height: 100%;\n\n      ${StyledBanner},\n      ${StyledTabs} {\n        margin-block-start: calc(1.5 * ${spacing});\n      }\n\n      ${StyledRegion} ${StyledWorkbench} {\n        position: absolute;\n        width: 100%;\n        margin: 0 calc(-2 * ${spacing});\n      }\n\n      ${StyledRegion} ${StyledForm} {\n        max-width: 80ch;\n      }\n\n      ${StyledPageHeader} > ${StyledBreadcrumbs} {\n        margin-block-end: 0;\n      }\n    `;\n  }\n);\n\nStyledPage.defaultProps = defaultThemeProp;\n\nexport const PageHeader = ({\n  title,\n  metadata,\n  additionalInfo,\n  actions,\n  status,\n  titleTag\n}: PageHeaderProps) => {\n  const t = useI18n();\n\n  const metaListItems = useMemo(\n    () => metadata?.map(({ name, value }) => `${name}: ${value}`),\n    [metadata]\n  );\n\n  const infoDialogHandle = useRef<DialogHandleValue>(null);\n\n  return (\n    <StyledHeaderContent\n      container\n      primary={\n        <Flex container={{ alignItems: 'center', gap: 0.5, wrap: 'wrap' }}>\n          <Flex container={{ gap: 0.5, alignItems: 'end' }} item={{ shrink: 0 }}>\n            <StyledTextWithEllipsis variant='h1' forwardedAs={titleTag}>\n              {title}\n            </StyledTextWithEllipsis>\n            {additionalInfo && (\n              <AdditionalInfo heading={additionalInfo.title} dialogHandle={infoDialogHandle}>\n                <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n                  <Flex\n                    container={{ direction: 'column', gap: 1 }}\n                    item={{ grow: 1, alignSelf: 'stretch' }}\n                  >\n                    {additionalInfo.description && <Text as='p'>{additionalInfo.description}</Text>}\n                    <FieldValueList variant='inline' fields={additionalInfo.fields} />\n                  </Flex>\n                  {additionalInfo.onEdit && (\n                    <Button\n                      onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                        infoDialogHandle.current?.close();\n                        additionalInfo.onEdit?.(e);\n                      }}\n                    >\n                      {t('edit_details')}\n                    </Button>\n                  )}\n                </Flex>\n              </AdditionalInfo>\n            )}\n          </Flex>\n          {status && <Status variant={status.type}>{status.label}</Status>}\n        </Flex>\n      }\n      secondary={metaListItems && <MetaList items={metaListItems} />}\n      actions={actions}\n    />\n  );\n};\n\nexport const TabbedPage: FunctionComponent<TabbedPageProps & ForwardProps> = forwardRef(\n  function TabbedPage(\n    { tabs, ...restProps }: PropsWithoutRef<TabbedPageProps>,\n    ref: Ref<HTMLDivElement>\n  ) {\n    return (\n      <CoreTabbedPage\n        {...restProps}\n        as={StyledPage}\n        header={<PageHeader {...restProps} />}\n        tabs={tabs}\n        ref={ref}\n        scrollContent\n      />\n    );\n  }\n);\n\nexport const OneColumnPage: FunctionComponent<OneColumnPageProps & ForwardProps> = forwardRef(\n  function OneColumnPage(\n    {\n      a,\n\n      ...restProps\n    }: PropsWithoutRef<OneColumnPageProps>,\n    ref: Ref<HTMLDivElement>\n  ) {\n    return (\n      <CoreOneColumnPage\n        {...restProps}\n        as={StyledPage}\n        header={<PageHeader {...restProps} />}\n        scrollContent\n        a={a}\n        ref={ref}\n      />\n    );\n  }\n);\n"]}

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

@@ -1,16 +0,0 @@
-import { FC, Ref, ReactNode } from 'react';
-import { NoChildrenProp } from '@pega/cosmos-react-core';
-import { PageBannerProps } from '../PageBanner';
-export interface ShowcasePageProps extends NoChildrenProp, PageBannerProps {
-    /** Content to render in the main region of the page. */
-    content: ReactNode;
-    /** Banners will render above the main content if they are provided. */
-    banners?: ReactNode;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledShowcasePage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const ShowcasePage: FC<ShowcasePageProps>;
-export default ShowcasePage;
-//# sourceMappingURL=ShowcasePage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ShowcasePage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/ShowcasePage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,GAAG,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAGnF,OAAO,EAEL,cAAc,EAIf,MAAM,yBAAyB,CAAC;AAEjC,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,eAAe;IACxE,wDAAwD;IACxD,OAAO,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,yGAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyCtC,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/components/PageTemplates/ShowcasePage.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect } from 'react';
-import styled from 'styled-components';
-import { Flex, focusHeadingOrContainer, useConfiguration, useConsolidatedRef } from '@pega/cosmos-react-core';
-import PageBanner from '../PageBanner';
-export const StyledShowcasePage = styled.div `
-  min-height: inherit;
-`;
-export const StyledContent = styled.div `
-  min-height: 100%;
-`;
-const ShowcasePage = forwardRef(function ShowcasePage({ title, description, image, actions, link, content, banners }, ref) {
-    const { loadedRef } = useConfiguration();
-    const pageRef = useConsolidatedRef(ref);
-    // Focus heading on initial mount
-    useEffect(() => {
-        if (!pageRef.current)
-            return;
-        if (loadedRef.current) {
-            focusHeadingOrContainer(pageRef.current, title);
-        }
-        else {
-            loadedRef.current = true;
-        }
-    }, [title]);
-    return (_jsxs(StyledShowcasePage, { ref: pageRef, children: [_jsx(PageBanner, { title: title, description: description, actions: actions, link: link, image: image }), _jsxs(Flex, { as: StyledContent, container: { direction: 'column', pad: [2, 4], gap: 2 }, children: [banners, content] })] }));
-});
-export default ShowcasePage;
-//# sourceMappingURL=ShowcasePage.js.map

package/lib/components/PageTemplates/ShowcasePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowcasePage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/ShowcasePage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,UAAU,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,IAAI,EAEJ,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,UAA+B,MAAM,eAAe,CAAC;AAW5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAC;AAEF,MAAM,YAAY,GAA0B,UAAU,CAAC,SAAS,YAAY,CAC1E,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,EAC4B,EACrC,GAA6B;IAE7B,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAExC,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAE7B,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,uBAAuB,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SACjD;aAAM;YACL,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,OAAO,aAC9B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,EACF,MAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7E,OAAO,EACP,OAAO,IACH,IACY,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC","sourcesContent":["import { FC, PropsWithoutRef, forwardRef, Ref, ReactNode, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Flex,\n  NoChildrenProp,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\n\nimport PageBanner, { PageBannerProps } from '../PageBanner';\n\nexport interface ShowcasePageProps extends NoChildrenProp, PageBannerProps {\n  /** Content to render in the main region of the page. */\n  content: ReactNode;\n  /** Banners will render above the main content if they are provided. */\n  banners?: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledShowcasePage = styled.div`\n  min-height: inherit;\n`;\n\nexport const StyledContent = styled.div`\n  min-height: 100%;\n`;\n\nconst ShowcasePage: FC<ShowcasePageProps> = forwardRef(function ShowcasePage(\n  {\n    title,\n    description,\n    image,\n    actions,\n    link,\n    content,\n    banners\n  }: PropsWithoutRef<ShowcasePageProps>,\n  ref: ShowcasePageProps['ref']\n) {\n  const { loadedRef } = useConfiguration();\n  const pageRef = useConsolidatedRef(ref);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!pageRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(pageRef.current, title);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [title]);\n\n  return (\n    <StyledShowcasePage ref={pageRef}>\n      <PageBanner\n        title={title}\n        description={description}\n        actions={actions}\n        link={link}\n        image={image}\n      />\n      <Flex as={StyledContent} container={{ direction: 'column', pad: [2, 4], gap: 2 }}>\n        {banners}\n        {content}\n      </Flex>\n    </StyledShowcasePage>\n  );\n});\n\nexport default ShowcasePage;\n"]}

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

@@ -1,6 +0,0 @@
-export { OneColumnPage, TabbedPage } from './PageTemplates';
-export { default as GalleryPage, StyledGalleryPage } from './GalleryPage';
-export type { GalleryPageProps } from './GalleryPage';
-export { default as ShowcasePage, StyledShowcasePage } from './ShowcasePage';
-export type { ShowcasePageProps } from './ShowcasePage';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC7E,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/PageTemplates/index.js

@@ -1,4 +0,0 @@
-export { OneColumnPage, TabbedPage } from './PageTemplates';
-export { default as GalleryPage, StyledGalleryPage } from './GalleryPage';
-export { default as ShowcasePage, StyledShowcasePage } from './ShowcasePage';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { OneColumnPage, TabbedPage } from './PageTemplates';\nexport { default as GalleryPage, StyledGalleryPage } from './GalleryPage';\nexport type { GalleryPageProps } from './GalleryPage';\nexport { default as ShowcasePage, StyledShowcasePage } from './ShowcasePage';\nexport type { ShowcasePageProps } from './ShowcasePage';\n"]}

package/lib/components/SummaryCard/SummaryCard.d.ts

@@ -1,15 +0,0 @@
-import { FC, MouseEvent } from 'react';
-import { Text, Card, MetaListProps, NoChildrenProp, OmitStrict, AvatarProps } from '@pega/cosmos-react-core';
-export interface SummaryCardProps extends NoChildrenProp {
-    id: string;
-    title: string;
-    description?: string;
-    onClick?: (id: string, e: MouseEvent<HTMLDivElement>) => void;
-    meta: MetaListProps['items'];
-    visual?: OmitStrict<AvatarProps, 'name' | 'shape' | 'size' | 'status'>;
-}
-export declare const StyledTitle: typeof Text;
-export declare const StyledSummaryCard: typeof Card;
-declare const SummaryCard: FC<SummaryCardProps>;
-export default SummaryCard;
-//# sourceMappingURL=SummaryCard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryCard.d.ts","sourceRoot":"","sources":["../../../src/components/SummaryCard/SummaryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EACL,IAAI,EAGJ,IAAI,EAGJ,aAAa,EACb,cAAc,EACd,UAAU,EACV,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAGjC,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,WAAW,EAAE,OAAO,IAIhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,IAWrC,CAAC;AAIH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/SummaryCard/SummaryCard.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled, { css } from 'styled-components';
-import { Text, Flex, MetaList, Card, Avatar, defaultThemeProp, ShowMoreLess } from '@pega/cosmos-react-core';
-import BareRoleButton from '@pega/cosmos-react-core/lib/components/Button/BareRoleButton';
-export const StyledTitle = styled(Text) `
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-export const StyledSummaryCard = styled(Card)(({ theme }) => {
-    return css `
-    padding: calc(2 * ${theme.base.spacing});
-    overflow-y: auto;
-
-    &:hover,
-    &:focus {
-      cursor: pointer;
-      box-shadow: ${theme.base.shadow.focus};
-    }
-  `;
-});
-StyledSummaryCard.defaultProps = defaultThemeProp;
-const SummaryCard = ({ id, title, description, visual, meta, onClick }) => {
-    return (_jsxs(BareRoleButton, { container: { direction: 'column', rowGap: 2, justify: 'between' }, as: StyledSummaryCard, onClick: (e) => onClick?.(id, e), children: [_jsxs(Flex, { container: { alignItems: 'center', colGap: 1 }, children: [visual && _jsx(Avatar, { ...visual, shape: 'squircle', name: title }), _jsx(StyledTitle, { variant: 'h3', children: title })] }), _jsx(Flex, { item: { grow: 1 }, children: _jsx(ShowMoreLess, { lines: 1, children: description }) }), _jsx(MetaList, { items: meta, wrapItems: false })] }, id));
-};
-export default SummaryCard;
-//# sourceMappingURL=SummaryCard.js.map

package/lib/components/SummaryCard/SummaryCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryCard.js","sourceRoot":"","sources":["../../../src/components/SummaryCard/SummaryCard.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,gBAAgB,EAKhB,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,cAAc,MAAM,8DAA8D,CAAC;AAW1F,MAAM,CAAC,MAAM,WAAW,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAInD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvE,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;oBAMtB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;GAExC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,WAAW,GAAyB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EACjE,EAAE,EAAE,iBAAiB,EAErB,OAAO,EAAE,CAAC,CAA6B,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,aAE5D,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,aACjD,MAAM,IAAI,KAAC,MAAM,OAAK,MAAM,EAAE,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,KAAK,GAAI,EAC/D,KAAC,WAAW,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAe,IAC1C,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,YAAG,WAAW,GAAgB,GAC/C,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAI,KAVtC,EAAE,CAWQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { FC, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Text,\n  Flex,\n  MetaList,\n  Card,\n  Avatar,\n  defaultThemeProp,\n  MetaListProps,\n  NoChildrenProp,\n  OmitStrict,\n  AvatarProps,\n  ShowMoreLess\n} from '@pega/cosmos-react-core';\nimport BareRoleButton from '@pega/cosmos-react-core/lib/components/Button/BareRoleButton';\n\nexport interface SummaryCardProps extends NoChildrenProp {\n  id: string;\n  title: string;\n  description?: string;\n  onClick?: (id: string, e: MouseEvent<HTMLDivElement>) => void;\n  meta: MetaListProps['items'];\n  visual?: OmitStrict<AvatarProps, 'name' | 'shape' | 'size' | 'status'>;\n}\n\nexport const StyledTitle: typeof Text = styled(Text)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const StyledSummaryCard: typeof Card = styled(Card)(({ theme }) => {\n  return css`\n    padding: calc(2 * ${theme.base.spacing});\n    overflow-y: auto;\n\n    &:hover,\n    &:focus {\n      cursor: pointer;\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\n\nStyledSummaryCard.defaultProps = defaultThemeProp;\n\nconst SummaryCard: FC<SummaryCardProps> = ({ id, title, description, visual, meta, onClick }) => {\n  return (\n    <BareRoleButton\n      container={{ direction: 'column', rowGap: 2, justify: 'between' }}\n      as={StyledSummaryCard}\n      key={id}\n      onClick={(e: MouseEvent<HTMLDivElement>) => onClick?.(id, e)}\n    >\n      <Flex container={{ alignItems: 'center', colGap: 1 }}>\n        {visual && <Avatar {...visual} shape='squircle' name={title} />}\n        <StyledTitle variant='h3'>{title}</StyledTitle>\n      </Flex>\n      <Flex item={{ grow: 1 }}>\n        <ShowMoreLess lines={1}>{description}</ShowMoreLess>\n      </Flex>\n      <MetaList items={meta} wrapItems={false} />\n    </BareRoleButton>\n  );\n};\n\nexport default SummaryCard;\n"]}

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

@@ -1,3 +0,0 @@
-export { default } from './SummaryCard';
-export * from './SummaryCard';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SummaryCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}

package/lib/components/SummaryCard/index.js

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

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

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

package/lib/components/Workbench/ConfigurationPanel.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { ConfigurationPanelProps } from './Workbench.types';
-declare const ConfigurationPanel: FC<ConfigurationPanelProps>;
-export default ConfigurationPanel;
-//# sourceMappingURL=ConfigurationPanel.d.ts.map

package/lib/components/Workbench/ConfigurationPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/ConfigurationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/Workbench/ConfigurationPanel.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Button, Icon, useI18n, ExpandCollapse, useEscape } from '@pega/cosmos-react-core';
-import { StyledPanel, StyledPanelContent, StyledTextWithEllipsis } from './Workbench.styles';
-const ConfigurationPanel = ({ open, header, content, onDismiss }) => {
-    const t = useI18n();
-    useEscape(onDismiss);
-    return (_jsx(ExpandCollapse, { as: StyledPanel, dimension: 'width', collapsed: !open, children: _jsxs(Flex, { as: StyledPanelContent, container: { pad: 2, direction: 'column', gap: 1 }, children: [_jsxs(Flex, { container: { justify: 'between', alignItems: 'center' }, children: [_jsx(StyledTextWithEllipsis, { variant: 'h2', children: header }), _jsx(Button, { variant: 'simple', icon: true, onClick: onDismiss, label: t('close_configuration_panel'), children: _jsx(Icon, { name: 'times' }) })] }), content] }) }));
-};
-export default ConfigurationPanel;
-//# sourceMappingURL=ConfigurationPanel.js.map

package/lib/components/Workbench/ConfigurationPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigurationPanel.js","sourceRoot":"","sources":["../../../src/components/Workbench/ConfigurationPanel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEjG,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG7F,MAAM,kBAAkB,GAAgC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/F,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,SAAS,CAAC,SAAS,CAAC,CAAC;IAErB,OAAO,CACL,KAAC,cAAc,IAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAC,OAAO,EAAC,SAAS,EAAE,CAAC,IAAI,YACjE,MAAC,IAAI,IAAC,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9E,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC3D,KAAC,sBAAsB,IAAC,OAAO,EAAC,IAAI,YAAE,MAAM,GAA0B,EACtE,KAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,QAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,YACrF,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,IACJ,EACN,OAAO,IACH,GACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { FC } from 'react';\n\nimport { Flex, Button, Icon, useI18n, ExpandCollapse, useEscape } from '@pega/cosmos-react-core';\n\nimport { StyledPanel, StyledPanelContent, StyledTextWithEllipsis } from './Workbench.styles';\nimport { ConfigurationPanelProps } from './Workbench.types';\n\nconst ConfigurationPanel: FC<ConfigurationPanelProps> = ({ open, header, content, onDismiss }) => {\n  const t = useI18n();\n\n  useEscape(onDismiss);\n\n  return (\n    <ExpandCollapse as={StyledPanel} dimension='width' collapsed={!open}>\n      <Flex as={StyledPanelContent} container={{ pad: 2, direction: 'column', gap: 1 }}>\n        <Flex container={{ justify: 'between', alignItems: 'center' }}>\n          <StyledTextWithEllipsis variant='h2'>{header}</StyledTextWithEllipsis>\n          <Button variant='simple' icon onClick={onDismiss} label={t('close_configuration_panel')}>\n            <Icon name='times' />\n          </Button>\n        </Flex>\n        {content}\n      </Flex>\n    </ExpandCollapse>\n  );\n};\n\nexport default ConfigurationPanel;\n"]}

package/lib/components/Workbench/Toolbar.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ToolbarProps, UtilityPanelProps } from './Workbench.types';
-interface UtilityPanelSelectorProps {
-    options: Pick<UtilityPanelProps, 'id' | 'title' | 'icon'>[];
-    onToggle: (panelId?: UtilityPanelProps['id']) => void;
-    currentPanelId: UtilityPanelProps['id'] | undefined;
-}
-declare const Toolbar: FC<ToolbarProps & UtilityPanelSelectorProps>;
-export default Toolbar;
-//# sourceMappingURL=Toolbar.d.ts.map

package/lib/components/Workbench/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,UAAU,yBAAyB;IACjC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5D,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACtD,cAAc,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;CACrD;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,GAAG,yBAAyB,CAwDzD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Workbench/Toolbar.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Icon, Button, useI18n } from '@pega/cosmos-react-core';
-import { StyledPanelToggleWrapper, StyledToolbar, UtilityPanelToggle } from './Workbench.styles';
-const Toolbar = ({ options, currentPanelId, onToggle, toolbarActions: { undo, redo } = {} }) => {
-    const t = useI18n();
-    return (_jsx(Flex, { as: StyledToolbar, container: { justify: 'between' }, children: _jsxs(Flex, { container: { alignItems: 'center' }, children: [_jsx(Flex, { container: { alignItems: 'center' }, as: StyledPanelToggleWrapper, children: options.map(panelDef => {
-                        const selected = panelDef.id === currentPanelId;
-                        return (_jsx(Button, { variant: 'simple', as: UtilityPanelToggle, icon: true, "aria-selected": selected, onClick: () => {
-                                onToggle(selected ? undefined : panelDef.id);
-                            }, label: t(selected ? 'collapse_noun' : 'expand_noun', [panelDef.title]), children: _jsx(Icon, { name: panelDef.icon }) }, panelDef.id));
-                    }) }), undo && (_jsx(Button, { label: t('undo'), variant: 'simple', icon: true, onClick: undo.onClick, disabled: undo.disabled, children: _jsx(Icon, { name: 'arrow-bend-left' }) })), redo && (_jsx(Button, { label: t('redo'), variant: 'simple', icon: true, onClick: redo.onClick, disabled: redo.disabled, children: _jsx(Icon, { name: 'arrow-bend-right' }) }))] }) }));
-};
-export default Toolbar;
-//# sourceMappingURL=Toolbar.js.map

package/lib/components/Workbench/Toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/Workbench/Toolbar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AASjG,MAAM,OAAO,GAAiD,CAAC,EAC7D,OAAO,EACP,cAAc,EACd,QAAQ,EACR,cAAc,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EACM,EAAE,EAAE;IAC7C,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACxD,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aACvC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,wBAAwB,YACpE,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;wBACtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,cAAc,CAAC;wBAChD,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAE,kBAAkB,EACtB,IAAI,yBACW,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;4BAC/C,CAAC,EACD,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAGtE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,IAFxB,QAAQ,CAAC,EAAE,CAGT,CACV,CAAC;oBACJ,CAAC,CAAC,GACG,EACN,IAAI,IAAI,CACP,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAChB,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAEvB,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,GACxB,CACV,EACA,IAAI,IAAI,CACP,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAChB,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAEvB,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GACzB,CACV,IACI,GACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import { FC } from 'react';\n\nimport { Flex, Icon, Button, useI18n } from '@pega/cosmos-react-core';\n\nimport { StyledPanelToggleWrapper, StyledToolbar, UtilityPanelToggle } from './Workbench.styles';\nimport { ToolbarProps, UtilityPanelProps } from './Workbench.types';\n\ninterface UtilityPanelSelectorProps {\n  options: Pick<UtilityPanelProps, 'id' | 'title' | 'icon'>[];\n  onToggle: (panelId?: UtilityPanelProps['id']) => void;\n  currentPanelId: UtilityPanelProps['id'] | undefined;\n}\n\nconst Toolbar: FC<ToolbarProps & UtilityPanelSelectorProps> = ({\n  options,\n  currentPanelId,\n  onToggle,\n  toolbarActions: { undo, redo } = {}\n}: ToolbarProps & UtilityPanelSelectorProps) => {\n  const t = useI18n();\n\n  return (\n    <Flex as={StyledToolbar} container={{ justify: 'between' }}>\n      <Flex container={{ alignItems: 'center' }}>\n        <Flex container={{ alignItems: 'center' }} as={StyledPanelToggleWrapper}>\n          {options.map(panelDef => {\n            const selected = panelDef.id === currentPanelId;\n            return (\n              <Button\n                variant='simple'\n                as={UtilityPanelToggle}\n                icon\n                aria-selected={selected}\n                onClick={() => {\n                  onToggle(selected ? undefined : panelDef.id);\n                }}\n                label={t(selected ? 'collapse_noun' : 'expand_noun', [panelDef.title])}\n                key={panelDef.id}\n              >\n                <Icon name={panelDef.icon} />\n              </Button>\n            );\n          })}\n        </Flex>\n        {undo && (\n          <Button\n            label={t('undo')}\n            variant='simple'\n            icon\n            onClick={undo.onClick}\n            disabled={undo.disabled}\n          >\n            <Icon name='arrow-bend-left' />\n          </Button>\n        )}\n        {redo && (\n          <Button\n            label={t('redo')}\n            variant='simple'\n            icon\n            onClick={redo.onClick}\n            disabled={redo.disabled}\n          >\n            <Icon name='arrow-bend-right' />\n          </Button>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Toolbar;\n"]}

package/lib/components/Workbench/UtilityPanel.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { UtilityPanelProps } from './Workbench.types';
-declare const UtilityPanel: FC<UtilityPanelProps & {
-    open: boolean;
-}>;
-export default UtilityPanel;
-//# sourceMappingURL=UtilityPanel.d.ts.map

package/lib/components/Workbench/UtilityPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilityPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/UtilityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAKnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAuB3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Workbench/UtilityPanel.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { ExpandCollapse, Text, Flex, getFocusables } from '@pega/cosmos-react-core';
-import { StyledPanel } from './Workbench.styles';
-const UtilityPanel = ({ content, title, open }) => {
-    const ref = useRef(null);
-    return (_jsx(ExpandCollapse, { dimension: 'width', collapsed: !open, as: StyledPanel, min: '0', max: '14rem', onBeforeExpand: () => {
-            getFocusables(ref)[0]?.focus();
-        }, children: _jsxs(Flex, { container: { pad: 2, gap: 1, direction: 'column' }, ref: ref, children: [_jsx(Text, { variant: 'h3', children: title }), content] }) }));
-};
-export default UtilityPanel;
-//# sourceMappingURL=UtilityPanel.js.map

package/lib/components/Workbench/UtilityPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilityPanel.js","sourceRoot":"","sources":["../../../src/components/Workbench/UtilityPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,MAAM,YAAY,GAA8C,CAAC,EAC/D,OAAO,EACP,KAAK,EACL,IAAI,EACkC,EAAE,EAAE;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAC,OAAO,EACjB,SAAS,EAAE,CAAC,IAAI,EAChB,EAAE,EAAE,WAAW,EACf,GAAG,EAAC,GAAG,EACP,GAAG,EAAC,OAAO,EACX,cAAc,EAAE,GAAG,EAAE;YACnB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QACjC,CAAC,YAED,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,aAChE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAQ,EAChC,OAAO,IACH,GACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { FC, useRef } from 'react';\n\nimport { ExpandCollapse, Text, Flex, getFocusables } from '@pega/cosmos-react-core';\n\nimport { StyledPanel } from './Workbench.styles';\nimport { UtilityPanelProps } from './Workbench.types';\n\nconst UtilityPanel: FC<UtilityPanelProps & { open: boolean }> = ({\n  content,\n  title,\n  open\n}: UtilityPanelProps & { open: boolean }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  return (\n    <ExpandCollapse\n      dimension='width'\n      collapsed={!open}\n      as={StyledPanel}\n      min='0'\n      max='14rem'\n      onBeforeExpand={() => {\n        getFocusables(ref)[0]?.focus();\n      }}\n    >\n      <Flex container={{ pad: 2, gap: 1, direction: 'column' }} ref={ref}>\n        <Text variant='h3'>{title}</Text>\n        {content}\n      </Flex>\n    </ExpandCollapse>\n  );\n};\n\nexport default UtilityPanel;\n"]}

package/lib/components/Workbench/Workbench.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAQ,YAAY,EAAQ,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAItE,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,GAAG,YAAY,CAyD/C,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/Workbench/Workbench.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, forwardRef, useRef } from 'react';
-import { Flex, Grid } from '@pega/cosmos-react-core';
-import Toolbar from './Toolbar';
-import { StyledMain, StyledWorkbench } from './Workbench.styles';
-import ConfigurationPanel from './ConfigurationPanel';
-import UtilityPanel from './UtilityPanel';
-const Workbench = forwardRef(function Workbench({ children, utilityPanels = [], configurationPanel, toolbar, initiallyVisiblePanelId }, ref) {
-    const [currentlyOpenPanelId, setCurrentlyOpenPanelId] = useState(initiallyVisiblePanelId);
-    const panelContentRef = useRef(utilityPanels.find(panel => panel.id === initiallyVisiblePanelId));
-    const onToggle = (panelId) => {
-        setCurrentlyOpenPanelId(panelId);
-        if (panelId)
-            panelContentRef.current = utilityPanels.find(panel => panel.id === panelId);
-    };
-    return (_jsxs(Grid, { container: {
-            cols: 'min-content minmax(10rem, 1fr) min-content',
-            rows: 'auto minmax(0, 1fr)',
-            areas: '"header header header" "utility main configuration"'
-        }, as: StyledWorkbench, ref: ref, children: [(toolbar ?? utilityPanels.length > 0) && (_jsx(Grid, { item: { area: 'header' }, children: _jsx(Toolbar, { ...toolbar, options: utilityPanels, onToggle: onToggle, currentPanelId: currentlyOpenPanelId }) })), panelContentRef.current && (_jsx(Grid, { item: { area: 'utility' }, children: _jsx(UtilityPanel, { ...panelContentRef.current, open: !!currentlyOpenPanelId }) })), _jsx(Grid, { item: { area: 'main' }, children: _jsx(Flex, { as: StyledMain, container: { pad: 2 }, children: children }) }), _jsx(Grid, { item: { area: 'configuration' }, children: _jsx(ConfigurationPanel, { ...configurationPanel }) })] }));
-});
-export default Workbench;
-//# sourceMappingURL=Workbench.js.map

package/lib/components/Workbench/Workbench.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench.js","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,UAAU,EAAmB,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAgB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,SAAS,GAAsC,UAAU,CAAC,SAAS,SAAS,CAChF,EACE,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,kBAAkB,EAClB,OAAO,EACP,uBAAuB,EACS,EAClC,GAA0B;IAE1B,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,uBAAuB,CAAC,CAAC;IAE3B,MAAM,eAAe,GAAG,MAAM,CAC5B,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,uBAAuB,CAAC,CAClE,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,OAAiC,EAAE,EAAE;QACrD,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,OAAO;YAAE,eAAe,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,IAAI,EAAE,4CAA4C;YAClD,IAAI,EAAE,qBAAqB;YAC3B,KAAK,EAAE,qDAAqD;SAC7D,EACD,EAAE,EAAE,eAAe,EACnB,GAAG,EAAE,GAAG,aAEP,CAAC,OAAO,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACxC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAC5B,KAAC,OAAO,OACF,OAAO,EACX,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,oBAAoB,GACpC,GACG,CACR,EACA,eAAe,CAAC,OAAO,IAAI,CAC1B,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAC7B,KAAC,YAAY,OAAK,eAAe,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,oBAAoB,GAAI,GACtE,CACR,EACD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAC1B,KAAC,IAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,YACxC,QAAQ,GACJ,GACF,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YACnC,KAAC,kBAAkB,OAAK,kBAAkB,GAAI,GACzC,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC","sourcesContent":["import { FC, useState, forwardRef, PropsWithoutRef, useRef } from 'react';\n\nimport { Flex, ForwardProps, Grid } from '@pega/cosmos-react-core';\n\nimport Toolbar from './Toolbar';\nimport { StyledMain, StyledWorkbench } from './Workbench.styles';\nimport { UtilityPanelProps, WorkbenchProps } from './Workbench.types';\nimport ConfigurationPanel from './ConfigurationPanel';\nimport UtilityPanel from './UtilityPanel';\n\nconst Workbench: FC<WorkbenchProps & ForwardProps> = forwardRef(function Workbench(\n  {\n    children,\n    utilityPanels = [],\n    configurationPanel,\n    toolbar,\n    initiallyVisiblePanelId\n  }: PropsWithoutRef<WorkbenchProps>,\n  ref: WorkbenchProps['ref']\n) {\n  const [currentlyOpenPanelId, setCurrentlyOpenPanelId] = useState<\n    UtilityPanelProps['id'] | undefined\n  >(initiallyVisiblePanelId);\n\n  const panelContentRef = useRef<UtilityPanelProps | undefined>(\n    utilityPanels.find(panel => panel.id === initiallyVisiblePanelId)\n  );\n  const onToggle = (panelId?: UtilityPanelProps['id']) => {\n    setCurrentlyOpenPanelId(panelId);\n    if (panelId) panelContentRef.current = utilityPanels.find(panel => panel.id === panelId);\n  };\n\n  return (\n    <Grid\n      container={{\n        cols: 'min-content minmax(10rem, 1fr) min-content',\n        rows: 'auto minmax(0, 1fr)',\n        areas: '\"header header header\" \"utility main configuration\"'\n      }}\n      as={StyledWorkbench}\n      ref={ref}\n    >\n      {(toolbar ?? utilityPanels.length > 0) && (\n        <Grid item={{ area: 'header' }}>\n          <Toolbar\n            {...toolbar}\n            options={utilityPanels}\n            onToggle={onToggle}\n            currentPanelId={currentlyOpenPanelId}\n          />\n        </Grid>\n      )}\n      {panelContentRef.current && (\n        <Grid item={{ area: 'utility' }}>\n          <UtilityPanel {...panelContentRef.current} open={!!currentlyOpenPanelId} />\n        </Grid>\n      )}\n      <Grid item={{ area: 'main' }}>\n        <Flex as={StyledMain} container={{ pad: 2 }}>\n          {children}\n        </Flex>\n      </Grid>\n      <Grid item={{ area: 'configuration' }}>\n        <ConfigurationPanel {...configurationPanel} />\n      </Grid>\n    </Grid>\n  );\n});\n\nexport default Workbench;\n"]}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const StyledPanelToggleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UtilityPanelToggle: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledToolbar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWorkbench: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPanelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTextWithEllipsis: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Workbench.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,wBAAwB,yGAEpC,CAAC;AAIF,eAAO,MAAM,kBAAkB,qOAqB7B,CAAC;AAIH,eAAO,MAAM,aAAa,yGA2BzB,CAAC;AAIF,eAAO,MAAM,UAAU,yGAYtB,CAAC;AAIF,eAAO,MAAM,eAAe,yGAE3B,CAAC;AAIF,eAAO,MAAM,WAAW,yGAMtB,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAE9B,CAAC;AAIF,eAAO,MAAM,sBAAsB,mOAIlC,CAAC"}

package/lib/components/Workbench/Workbench.styles.js

@@ -1,75 +0,0 @@
-import styled, { css } from 'styled-components';
-import { readableColor } from 'polished';
-import { Button, Text, defaultThemeProp, tryCatch } from '@pega/cosmos-react-core';
-export const StyledPanelToggleWrapper = styled.div `
-  height: 100%;
-`;
-StyledPanelToggleWrapper.defaultProps = defaultThemeProp;
-export const UtilityPanelToggle = styled(Button)(props => {
-    const { theme: { base: { colors, palette }, components: { link: { color: linkColor } } } } = props;
-    const color = tryCatch(() => readableColor(palette['primary-background']));
-    return css `
-    background-color: transparent;
-    color: ${color};
-
-    &[aria-selected='true'] {
-      background-color: ${colors.blue['extra-light']};
-      color: ${linkColor};
-    }
-  `;
-});
-UtilityPanelToggle.defaultProps = defaultThemeProp;
-export const StyledToolbar = styled.div(({ theme: { base: { spacing, palette } } }) => {
-    return css `
-      height: 2.5rem;
-      padding: 0 calc(2 * ${spacing});
-      background-color: ${palette['primary-background']};
-      border-top: 0.0625rem solid ${palette['border-line']};
-      border-bottom: 0.0625rem solid ${palette['border-line']};
-
-      ${StyledPanelToggleWrapper}:empty {
-        display: none;
-      }
-
-      ${StyledPanelToggleWrapper}:not(:last-child) {
-        ::after {
-          content: '';
-          margin: 0 calc(2 * ${spacing});
-          height: 100%;
-          border: 0.0625rem solid ${palette['border-line']};
-        }
-      }
-    `;
-});
-StyledToolbar.defaultProps = defaultThemeProp;
-export const StyledMain = styled.div(({ theme: { base: { palette } } }) => {
-    return css `
-      height: 100%;
-      overflow: auto;
-      background-color: ${palette['app-background']};
-    `;
-});
-StyledMain.defaultProps = defaultThemeProp;
-export const StyledWorkbench = styled.div `
-  height: 100%;
-`;
-StyledWorkbench.defaultProps = defaultThemeProp;
-export const StyledPanel = styled.div(({ theme }) => {
-    return css `
-    background-color: ${theme.base.palette['primary-background']};
-    height: 100%;
-    overflow-y: auto;
-  `;
-});
-StyledPanel.defaultProps = defaultThemeProp;
-export const StyledPanelContent = styled.div `
-  width: 25rem;
-`;
-StyledPanelContent.defaultProps = defaultThemeProp;
-export const StyledTextWithEllipsis = styled(Text) `
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`;
-StyledTextWithEllipsis.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Workbench.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench.styles.js","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.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,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEjD,CAAC;AAEF,wBAAwB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE;IACvD,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EACzB,UAAU,EAAE,EACV,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,EACF,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,GAAG,CAAA;;aAEC,KAAK;;;0BAGQ,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;eACrC,SAAS;;GAErB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CACrC,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAC3B,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;4BAEc,OAAO;0BACT,OAAO,CAAC,oBAAoB,CAAC;oCACnB,OAAO,CAAC,aAAa,CAAC;uCACnB,OAAO,CAAC,aAAa,CAAC;;QAErD,wBAAwB;;;;QAIxB,wBAAwB;;;+BAGD,OAAO;;oCAEF,OAAO,CAAC,aAAa,CAAC;;;KAGrD,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAClC,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;;0BAGY,OAAO,CAAC,gBAAgB,CAAC;KAC9C,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAExC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClD,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;GAG7D,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3C,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport { Button, Text, defaultThemeProp, tryCatch } from '@pega/cosmos-react-core';\n\nexport const StyledPanelToggleWrapper = styled.div`\n  height: 100%;\n`;\n\nStyledPanelToggleWrapper.defaultProps = defaultThemeProp;\n\nexport const UtilityPanelToggle = styled(Button)(props => {\n  const {\n    theme: {\n      base: { colors, palette },\n      components: {\n        link: { color: linkColor }\n      }\n    }\n  } = props;\n\n  const color = tryCatch(() => readableColor(palette['primary-background']));\n\n  return css`\n    background-color: transparent;\n    color: ${color};\n\n    &[aria-selected='true'] {\n      background-color: ${colors.blue['extra-light']};\n      color: ${linkColor};\n    }\n  `;\n});\n\nUtilityPanelToggle.defaultProps = defaultThemeProp;\n\nexport const StyledToolbar = styled.div(\n  ({\n    theme: {\n      base: { spacing, palette }\n    }\n  }) => {\n    return css`\n      height: 2.5rem;\n      padding: 0 calc(2 * ${spacing});\n      background-color: ${palette['primary-background']};\n      border-top: 0.0625rem solid ${palette['border-line']};\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n\n      ${StyledPanelToggleWrapper}:empty {\n        display: none;\n      }\n\n      ${StyledPanelToggleWrapper}:not(:last-child) {\n        ::after {\n          content: '';\n          margin: 0 calc(2 * ${spacing});\n          height: 100%;\n          border: 0.0625rem solid ${palette['border-line']};\n        }\n      }\n    `;\n  }\n);\n\nStyledToolbar.defaultProps = defaultThemeProp;\n\nexport const StyledMain = styled.div(\n  ({\n    theme: {\n      base: { palette }\n    }\n  }) => {\n    return css`\n      height: 100%;\n      overflow: auto;\n      background-color: ${palette['app-background']};\n    `;\n  }\n);\n\nStyledMain.defaultProps = defaultThemeProp;\n\nexport const StyledWorkbench = styled.div`\n  height: 100%;\n`;\n\nStyledWorkbench.defaultProps = defaultThemeProp;\n\nexport const StyledPanel = styled.div(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['primary-background']};\n    height: 100%;\n    overflow-y: auto;\n  `;\n});\n\nStyledPanel.defaultProps = defaultThemeProp;\n\nexport const StyledPanelContent = styled.div`\n  width: 25rem;\n`;\n\nStyledPanelContent.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}

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

@@ -1,47 +0,0 @@
-import { ReactNode, Ref } from 'react';
-import type { Action } from '@pega/cosmos-react-core';
-import { IconName } from '@pega/cosmos-react-core/lib/components/Icon/iconNames';
-export type ActionName = 'undo' | 'redo';
-export type ToolbarAction = Pick<Action, 'id' | 'onClick' | 'disabled'>;
-export interface UtilityPanelProps {
-    /** Utility panel id. */
-    id: string;
-    /** Utility panel title. */
-    title: string;
-    /** Icon of side panel in toolbar. */
-    icon: IconName;
-    /** Content of the side panel. */
-    content: NonNullable<ReactNode>;
-}
-export interface ConfigurationPanelProps {
-    /** If true, the Configuration Panel will be visible. */
-    open: boolean;
-    /** Header inside Configuration Panel. */
-    header: string;
-    /** A region to display configuration content. */
-    content: ReactNode;
-    /** Callback fired when user wants to close the panel. */
-    onDismiss: () => void;
-}
-export interface ToolbarProps {
-    /** Toolbar actions available. */
-    toolbarActions?: Partial<Record<ActionName, ToolbarAction>>;
-}
-export interface WorkbenchProps {
-    /** A region to display main content. */
-    children: NonNullable<ReactNode>;
-    /**
-     * An array of Panel data used to render the individual panels.
-     * @default []
-     */
-    utilityPanels?: UtilityPanelProps[];
-    /** Initially opened utility panel. */
-    initiallyVisiblePanelId: UtilityPanelProps['id'] | undefined;
-    /** Configuration panel props. */
-    configurationPanel: ConfigurationPanelProps;
-    /** Toolbar configuration. */
-    toolbar?: ToolbarProps;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-//# sourceMappingURL=Workbench.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench.types.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uDAAuD,CAAC;AAEjF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,iCAAiC;IACjC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,yDAAyD;IACzD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,sCAAsC;IACtC,uBAAuB,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,iCAAiC;IACjC,kBAAkB,EAAE,uBAAuB,CAAC;IAC5C,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/Workbench/Workbench.types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench.types.js","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactNode, Ref } from 'react';\n\nimport type { Action } from '@pega/cosmos-react-core';\nimport { IconName } from '@pega/cosmos-react-core/lib/components/Icon/iconNames';\n\nexport type ActionName = 'undo' | 'redo';\nexport type ToolbarAction = Pick<Action, 'id' | 'onClick' | 'disabled'>;\n\nexport interface UtilityPanelProps {\n  /** Utility panel id. */\n  id: string;\n  /** Utility panel title. */\n  title: string;\n  /** Icon of side panel in toolbar. */\n  icon: IconName;\n  /** Content of the side panel. */\n  content: NonNullable<ReactNode>;\n}\n\nexport interface ConfigurationPanelProps {\n  /** If true, the Configuration Panel will be visible. */\n  open: boolean;\n  /** Header inside Configuration Panel. */\n  header: string;\n  /** A region to display configuration content. */\n  content: ReactNode;\n  /** Callback fired when user wants to close the panel. */\n  onDismiss: () => void;\n}\n\nexport interface ToolbarProps {\n  /** Toolbar actions available. */\n  toolbarActions?: Partial<Record<ActionName, ToolbarAction>>;\n}\n\nexport interface WorkbenchProps {\n  /** A region to display main content. */\n  children: NonNullable<ReactNode>;\n  /**\n   * An array of Panel data used to render the individual panels.\n   * @default []\n   */\n  utilityPanels?: UtilityPanelProps[];\n  /** Initially opened utility panel. */\n  initiallyVisiblePanelId: UtilityPanelProps['id'] | undefined;\n  /** Configuration panel props. */\n  configurationPanel: ConfigurationPanelProps;\n  /** Toolbar configuration. */\n  toolbar?: ToolbarProps;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

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

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

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

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

package/lib/components/Workbench/index.js

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

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

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

package/lib/index.d.ts

@@ -1,23 +0,0 @@
-export { default as AppShell } from './components/AppShell';
-export * from './components/AppShell';
-export { default as DynamicContentEditor } from './components/DynamicContentEditor';
-export * from './components/DynamicContentEditor';
-export { default as ExpressionBuilder } from './components/ExpressionBuilder';
-export * from './components/ExpressionBuilder';
-export { default as FlowModeller } from './components/FlowModeller';
-export * from './components/FlowModeller';
-export * from './components/ItemLibrary';
-export { default as LifeCycle } from './components/LifeCycle';
-export * from './components/LifeCycle';
-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';
-//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"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,24 +0,0 @@
-// This file is autogenerated. Any changes will be overwritten.
-export { default as AppShell } from './components/AppShell';
-export * from './components/AppShell';
-export { default as DynamicContentEditor } from './components/DynamicContentEditor';
-export * from './components/DynamicContentEditor';
-export { default as ExpressionBuilder } from './components/ExpressionBuilder';
-export * from './components/ExpressionBuilder';
-export { default as FlowModeller } from './components/FlowModeller';
-export * from './components/FlowModeller';
-export * from './components/ItemLibrary';
-export { default as LifeCycle } from './components/LifeCycle';
-export * from './components/LifeCycle';
-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';
-//# sourceMappingURL=index.js.map