@pega/cosmos-react-work 7.0.0-build.15.2 → 7.0.0-build.16.1

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

@@ -1 +1 @@
-{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../src/components/Article/Article.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAetE,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,cAAc,EACd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAI/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAItD,KAAK,gBAAgB,GAAG,CACtB,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,EACxC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,KACrC,IAAI,CAAC;AAEV,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,kCAAkC;IAClC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACrD,CAAC;IACF,+DAA+D;IAC/D,cAAc,CAAC,EAAE;QACf,qDAAqD;QACrD,EAAE,EAAE,MAAM,CAAC;QACX,iFAAiF;QACjF,KAAK,EAAE,MAAM,CAAC;QACd,yCAAyC;QACzC,IAAI,EAAE,MAAM,CAAC;QACb,2EAA2E;QAC3E,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACjE,EAAE,CAAC;IACJ,gEAAgE;IAChE,gBAAgB,CAAC,EAAE;QACjB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;KACnC,EAAE,CAAC;IACJ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,UAAU,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG;QACxD,UAAU,EAAE,gBAAgB,CAAC;KAC9B,CAAC;IACF,sBAAsB;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa;IACb,MAAM,CAAC,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG;QACpD,QAAQ,CAAC,EAAE,UAAU,CAAC,qBAAqB,EAAE,YAAY,CAAC,GAAG;YAC3D,UAAU,EAAE,gBAAgB,CAAC;SAC9B,CAAC;KACH,CAAC;IACF,2CAA2C;IAC3C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GACpB,CAAC,gBAAgB,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACxC,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAgEpD,QAAA,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,GAAG,YAAY,CAqI3D,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../src/components/Article/Article.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAetE,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,cAAc,EACd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAI/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAItD,KAAK,gBAAgB,GAAG,CACtB,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,EACxC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,KACrC,IAAI,CAAC;AAEV,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,kCAAkC;IAClC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACrD,CAAC;IACF,+DAA+D;IAC/D,cAAc,CAAC,EAAE;QACf,qDAAqD;QACrD,EAAE,EAAE,MAAM,CAAC;QACX,iFAAiF;QACjF,KAAK,EAAE,MAAM,CAAC;QACd,yCAAyC;QACzC,IAAI,EAAE,MAAM,CAAC;QACb,2EAA2E;QAC3E,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACjE,EAAE,CAAC;IACJ,gEAAgE;IAChE,gBAAgB,CAAC,EAAE;QACjB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;KACnC,EAAE,CAAC;IACJ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,UAAU,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG;QACxD,UAAU,EAAE,gBAAgB,CAAC;KAC9B,CAAC;IACF,sBAAsB;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa;IACb,MAAM,CAAC,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG;QACpD,QAAQ,CAAC,EAAE,UAAU,CAAC,qBAAqB,EAAE,YAAY,CAAC,GAAG;YAC3D,UAAU,EAAE,gBAAgB,CAAC;SAC9B,CAAC;KACH,CAAC;IACF,2CAA2C;IAC3C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GACpB,CAAC,gBAAgB,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACxC,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AA8DpD,QAAA,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,GAAG,YAAY,CAqI3D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Article/Article.js

@@ -45,11 +45,11 @@ const StyledArticleContent = styled.div(props => {
 });
 const StyledBackNavButton = styled(Button)(({ theme: { base: { spacing } } }) => {
     return css `
-      display: flex;
-      align-items: start;
-      gap: calc(0.5 * ${spacing});
-      margin-inline-end: calc(1.5 * ${spacing});
-    `;
+    display: flex;
+    align-items: start;
+    gap: calc(0.5 * ${spacing});
+    margin-inline-end: calc(1.5 * ${spacing});
+  `;
 });
 StyledArticleContent.defaultProps = defaultThemeProp;
 StyledArticleWrapper.defaultProps = defaultThemeProp;

package/lib/components/Article/Article.js.map

@@ -1 +1 @@
-{"version":3,"file":"Article.js","sourceRoot":"","sources":["../../../src/components/Article/Article.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { ReactNode, FunctionComponent, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  registerIcon,\n  Flex,\n  MenuButton,\n  Text,\n  defaultThemeProp,\n  Button,\n  Icon,\n  Progress,\n  useI18n,\n  useDirection\n} from '@pega/cosmos-react-core';\nimport type {\n  MenuItemProps,\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  OmitStrict\n} from '@pega/cosmos-react-core';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\n\nimport type { ArticleListHeaderProps } from '../ArticleList/ArticleList.types';\nimport ArticleListHeader, { StyledArticleListHeader } from '../ArticleList/ArticleListHeader';\n\nimport ArticleRating from './ArticleRating';\nimport type { ArticleRatingProps } from './ArticleRating';\nimport ArticleFooter from './ArticleFooter';\nimport type { ArticleFooterFeedback, ArticleFooterProps } from './ArticleFooter';\nimport ArticleMeta from './ArticleMeta';\nimport type { ArticleMetaProps } from './ArticleMeta';\n\nregisterIcon(caretRightIcon, caretLeftIcon);\n\ntype OnReactionWithId = (\n  articleId: BaseArticleProps['articleId'],\n  reaction: ArticleRatingProps['reaction']\n) => void;\n\nexport interface BaseArticleProps extends BaseProps, NoChildrenProp {\n  articleId: string;\n  /** Header to show icon , title and any actions on the container */\n  header?: ArticleListHeaderProps;\n  /** Control for navigating back */\n  backNavigation?: {\n    title: string;\n    onClick: (e: MouseEvent<HTMLButtonElement>) => void;\n  };\n  /** Primary actions which needs to be displayed with an icon */\n  primaryActions?: {\n    /** Unique id for action, used in onClick callback */\n    id: string;\n    /** Label for this action, shown in tooltip and used for generating aria-label */\n    label: string;\n    /** Icon to be displayed in the button */\n    icon: string;\n    /** Callback triggered when a user clicks of presses enter on the action */\n    onClick: (id: string, e: MouseEvent<HTMLButtonElement>) => void;\n  }[];\n  /** Secondary actions that needs to be pushed under more icon */\n  secondaryActions?: {\n    id: MenuItemProps['id'];\n    text: MenuItemProps['primary'];\n    onClick: MenuItemProps['onClick'];\n  }[];\n  /** Article title */\n  title: string;\n  /** Array of meta data */\n  meta?: ArticleMetaProps;\n  /** like and dislike status of the article */\n  feedback?: OmitStrict<ArticleRatingProps, 'onReaction'> & {\n    onReaction: OnReactionWithId;\n  };\n  /** Article content */\n  content: ReactNode;\n  /** Footer */\n  footer?: OmitStrict<ArticleFooterProps, 'feedback'> & {\n    feedback?: OmitStrict<ArticleFooterFeedback, 'onReaction'> & {\n      onReaction: OnReactionWithId;\n    };\n  };\n  /** Prop to check visibility of skeleton */\n  loading: boolean;\n}\n\nexport type ArticleProps =\n  | (BaseArticleProps & { loading?: false })\n  | (Partial<BaseArticleProps> & { loading: true });\n\nconst StyledArticleWrapper = styled.div(props => {\n  const { theme } = props;\n  return css`\n    background: ${theme.base.palette['primary-background']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    max-height: inherit;\n\n    ${StyledArticleListHeader} {\n      padding: 0 0 calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nconst StyledArticleHeader = styled.header`\n  flex-shrink: 0;\n`;\n\nconst StyledArticleContent = styled.div(props => {\n  const {\n    theme,\n    theme: {\n      base: { spacing }\n    }\n  } = props;\n\n  return css`\n    flex-grow: 1;\n    overflow-y: auto;\n    padding: 0 calc(1.5 * ${spacing});\n    margin: 0 calc(-1.5 * ${spacing});\n    ul,\n    ol {\n      padding-left: calc(3 * ${spacing});\n    }\n    a {\n      color: ${theme.components.link.color};\n    }\n    * {\n      margin: revert;\n    }\n  `;\n});\n\nconst StyledBackNavButton = styled(Button)(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      display: flex;\n      align-items: start;\n      gap: calc(0.5 * ${spacing});\n      margin-inline-end: calc(1.5 * ${spacing});\n    `;\n  }\n);\n\nStyledArticleContent.defaultProps = defaultThemeProp;\nStyledArticleWrapper.defaultProps = defaultThemeProp;\nStyledBackNavButton.defaultProps = defaultThemeProp;\n\nconst Article: FunctionComponent<ArticleProps & ForwardProps> = (props: ArticleProps) => {\n  const {\n    articleId,\n    header,\n    meta,\n    title,\n    backNavigation,\n    content,\n    primaryActions,\n    secondaryActions,\n    footer,\n    loading,\n    feedback,\n    ...restProps\n  } = props;\n\n  const { feedback: footerFeedback, ...restFooter } = footer ?? {};\n  const { rtl, ltr, end, start } = useDirection();\n\n  const t = useI18n();\n  const backButtonRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (!loading) {\n      backButtonRef.current?.focus();\n    }\n  }, [loading]);\n\n  return (\n    <Flex\n      {...restProps}\n      container={{ direction: 'column', gap: 1, pad: [1.5, 2] }}\n      as={StyledArticleWrapper}\n      aria-busy={loading ? true : undefined}\n    >\n      {header && <ArticleListHeader {...header} />}\n      {(backNavigation || primaryActions || secondaryActions) && (\n        <Flex container={{ alignItems: 'start' }} item={{ grow: 1 }}>\n          <Flex container={{ pad: [1, undefined, undefined] }} item={{ grow: 1 }}>\n            <Button\n              as={StyledBackNavButton}\n              onClick={backNavigation?.onClick}\n              variant='link'\n              ref={backButtonRef}\n            >\n              {ltr && <Icon name={`caret-${start}`} />}\n              {backNavigation?.title}\n              {rtl && <Icon name={`caret-${end}`} />}\n            </Button>\n          </Flex>\n\n          {!loading && (\n            <>\n              {primaryActions?.map(({ id, label, onClick, icon }) => {\n                return (\n                  <Button\n                    key={id}\n                    onClick={(e: MouseEvent<HTMLButtonElement>) => onClick(id, e)}\n                    variant='simple'\n                    label={label}\n                    icon\n                  >\n                    <Icon name={icon} />\n                  </Button>\n                );\n              })}\n              {secondaryActions && (\n                <MenuButton\n                  variant='simple'\n                  text={t('actions')}\n                  icon='more'\n                  iconOnly\n                  menu={{\n                    items: secondaryActions.map(({ text, ...rest }) => ({\n                      ...rest,\n                      primary: text\n                    }))\n                  }}\n                />\n              )}\n            </>\n          )}\n        </Flex>\n      )}\n      {!loading && (\n        <>\n          <Flex container as={StyledArticleHeader}>\n            <Text variant={header ? 'h3' : 'h2'}>{title}</Text>\n          </Flex>\n\n          {feedback && (\n            <ArticleRating\n              {...{\n                ...feedback,\n                onReaction: reaction => {\n                  feedback?.onReaction(articleId, reaction);\n                }\n              }}\n            />\n          )}\n\n          {meta && (\n            <Flex container item={{ shrink: 0 }}>\n              <ArticleMeta {...meta} />\n            </Flex>\n          )}\n          <StyledArticleContent>{content}</StyledArticleContent>\n\n          {footer && (\n            <ArticleFooter\n              {...restFooter}\n              {...(footerFeedback\n                ? {\n                    feedback: {\n                      ...footerFeedback,\n                      onReaction: reaction => {\n                        footerFeedback?.onReaction(articleId, reaction);\n                      }\n                    }\n                  }\n                : undefined)}\n            />\n          )}\n        </>\n      )}\n      <Progress\n        visible={!!loading}\n        placement='block'\n        message={t('loading')}\n        liveConfig={{ contextualLabel: title ?? t('article_label_a11y') }}\n      />\n    </Flex>\n  );\n};\n\nexport default Article;\n"]}
+{"version":3,"file":"Article.js","sourceRoot":"","sources":["../../../src/components/Article/Article.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { ReactNode, FunctionComponent, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  registerIcon,\n  Flex,\n  MenuButton,\n  Text,\n  defaultThemeProp,\n  Button,\n  Icon,\n  Progress,\n  useI18n,\n  useDirection\n} from '@pega/cosmos-react-core';\nimport type {\n  MenuItemProps,\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  OmitStrict\n} from '@pega/cosmos-react-core';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\n\nimport type { ArticleListHeaderProps } from '../ArticleList/ArticleList.types';\nimport ArticleListHeader, { StyledArticleListHeader } from '../ArticleList/ArticleListHeader';\n\nimport ArticleRating from './ArticleRating';\nimport type { ArticleRatingProps } from './ArticleRating';\nimport ArticleFooter from './ArticleFooter';\nimport type { ArticleFooterFeedback, ArticleFooterProps } from './ArticleFooter';\nimport ArticleMeta from './ArticleMeta';\nimport type { ArticleMetaProps } from './ArticleMeta';\n\nregisterIcon(caretRightIcon, caretLeftIcon);\n\ntype OnReactionWithId = (\n  articleId: BaseArticleProps['articleId'],\n  reaction: ArticleRatingProps['reaction']\n) => void;\n\nexport interface BaseArticleProps extends BaseProps, NoChildrenProp {\n  articleId: string;\n  /** Header to show icon , title and any actions on the container */\n  header?: ArticleListHeaderProps;\n  /** Control for navigating back */\n  backNavigation?: {\n    title: string;\n    onClick: (e: MouseEvent<HTMLButtonElement>) => void;\n  };\n  /** Primary actions which needs to be displayed with an icon */\n  primaryActions?: {\n    /** Unique id for action, used in onClick callback */\n    id: string;\n    /** Label for this action, shown in tooltip and used for generating aria-label */\n    label: string;\n    /** Icon to be displayed in the button */\n    icon: string;\n    /** Callback triggered when a user clicks of presses enter on the action */\n    onClick: (id: string, e: MouseEvent<HTMLButtonElement>) => void;\n  }[];\n  /** Secondary actions that needs to be pushed under more icon */\n  secondaryActions?: {\n    id: MenuItemProps['id'];\n    text: MenuItemProps['primary'];\n    onClick: MenuItemProps['onClick'];\n  }[];\n  /** Article title */\n  title: string;\n  /** Array of meta data */\n  meta?: ArticleMetaProps;\n  /** like and dislike status of the article */\n  feedback?: OmitStrict<ArticleRatingProps, 'onReaction'> & {\n    onReaction: OnReactionWithId;\n  };\n  /** Article content */\n  content: ReactNode;\n  /** Footer */\n  footer?: OmitStrict<ArticleFooterProps, 'feedback'> & {\n    feedback?: OmitStrict<ArticleFooterFeedback, 'onReaction'> & {\n      onReaction: OnReactionWithId;\n    };\n  };\n  /** Prop to check visibility of skeleton */\n  loading: boolean;\n}\n\nexport type ArticleProps =\n  | (BaseArticleProps & { loading?: false })\n  | (Partial<BaseArticleProps> & { loading: true });\n\nconst StyledArticleWrapper = styled.div(props => {\n  const { theme } = props;\n  return css`\n    background: ${theme.base.palette['primary-background']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    max-height: inherit;\n\n    ${StyledArticleListHeader} {\n      padding: 0 0 calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nconst StyledArticleHeader = styled.header`\n  flex-shrink: 0;\n`;\n\nconst StyledArticleContent = styled.div(props => {\n  const {\n    theme,\n    theme: {\n      base: { spacing }\n    }\n  } = props;\n\n  return css`\n    flex-grow: 1;\n    overflow-y: auto;\n    padding: 0 calc(1.5 * ${spacing});\n    margin: 0 calc(-1.5 * ${spacing});\n    ul,\n    ol {\n      padding-left: calc(3 * ${spacing});\n    }\n    a {\n      color: ${theme.components.link.color};\n    }\n    * {\n      margin: revert;\n    }\n  `;\n});\n\nconst StyledBackNavButton = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    display: flex;\n    align-items: start;\n    gap: calc(0.5 * ${spacing});\n    margin-inline-end: calc(1.5 * ${spacing});\n  `;\n});\n\nStyledArticleContent.defaultProps = defaultThemeProp;\nStyledArticleWrapper.defaultProps = defaultThemeProp;\nStyledBackNavButton.defaultProps = defaultThemeProp;\n\nconst Article: FunctionComponent<ArticleProps & ForwardProps> = (props: ArticleProps) => {\n  const {\n    articleId,\n    header,\n    meta,\n    title,\n    backNavigation,\n    content,\n    primaryActions,\n    secondaryActions,\n    footer,\n    loading,\n    feedback,\n    ...restProps\n  } = props;\n\n  const { feedback: footerFeedback, ...restFooter } = footer ?? {};\n  const { rtl, ltr, end, start } = useDirection();\n\n  const t = useI18n();\n  const backButtonRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (!loading) {\n      backButtonRef.current?.focus();\n    }\n  }, [loading]);\n\n  return (\n    <Flex\n      {...restProps}\n      container={{ direction: 'column', gap: 1, pad: [1.5, 2] }}\n      as={StyledArticleWrapper}\n      aria-busy={loading ? true : undefined}\n    >\n      {header && <ArticleListHeader {...header} />}\n      {(backNavigation || primaryActions || secondaryActions) && (\n        <Flex container={{ alignItems: 'start' }} item={{ grow: 1 }}>\n          <Flex container={{ pad: [1, undefined, undefined] }} item={{ grow: 1 }}>\n            <Button\n              as={StyledBackNavButton}\n              onClick={backNavigation?.onClick}\n              variant='link'\n              ref={backButtonRef}\n            >\n              {ltr && <Icon name={`caret-${start}`} />}\n              {backNavigation?.title}\n              {rtl && <Icon name={`caret-${end}`} />}\n            </Button>\n          </Flex>\n\n          {!loading && (\n            <>\n              {primaryActions?.map(({ id, label, onClick, icon }) => {\n                return (\n                  <Button\n                    key={id}\n                    onClick={(e: MouseEvent<HTMLButtonElement>) => onClick(id, e)}\n                    variant='simple'\n                    label={label}\n                    icon\n                  >\n                    <Icon name={icon} />\n                  </Button>\n                );\n              })}\n              {secondaryActions && (\n                <MenuButton\n                  variant='simple'\n                  text={t('actions')}\n                  icon='more'\n                  iconOnly\n                  menu={{\n                    items: secondaryActions.map(({ text, ...rest }) => ({\n                      ...rest,\n                      primary: text\n                    }))\n                  }}\n                />\n              )}\n            </>\n          )}\n        </Flex>\n      )}\n      {!loading && (\n        <>\n          <Flex container as={StyledArticleHeader}>\n            <Text variant={header ? 'h3' : 'h2'}>{title}</Text>\n          </Flex>\n\n          {feedback && (\n            <ArticleRating\n              {...{\n                ...feedback,\n                onReaction: reaction => {\n                  feedback?.onReaction(articleId, reaction);\n                }\n              }}\n            />\n          )}\n\n          {meta && (\n            <Flex container item={{ shrink: 0 }}>\n              <ArticleMeta {...meta} />\n            </Flex>\n          )}\n          <StyledArticleContent>{content}</StyledArticleContent>\n\n          {footer && (\n            <ArticleFooter\n              {...restFooter}\n              {...(footerFeedback\n                ? {\n                    feedback: {\n                      ...footerFeedback,\n                      onReaction: reaction => {\n                        footerFeedback?.onReaction(articleId, reaction);\n                      }\n                    }\n                  }\n                : undefined)}\n            />\n          )}\n        </>\n      )}\n      <Progress\n        visible={!!loading}\n        placement='block'\n        message={t('loading')}\n        liveConfig={{ contextualLabel: title ?? t('article_label_a11y') }}\n      />\n    </Flex>\n  );\n};\n\nexport default Article;\n"]}

package/lib/components/Article/ArticleMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleMeta.d.ts","sourceRoot":"","sources":["../../../src/components/Article/ArticleMeta.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAgBpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;CAC/C;AAED,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAcpD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ArticleMeta.d.ts","sourceRoot":"","sources":["../../../src/components/Article/ArticleMeta.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAcpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;CAC/C;AAED,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAcpD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/Article/ArticleMeta.js

@@ -4,8 +4,8 @@ import styled, { css } from 'styled-components';
 import { DateTimeDisplay, MetaList, defaultThemeProp } from '@pega/cosmos-react-core';
 const StyledMetaList = styled(MetaList)(({ theme: { base: { spacing } } }) => {
     return css `
-      padding: calc(0.5 * ${spacing});
-    `;
+    padding: calc(0.5 * ${spacing});
+  `;
 });
 StyledMetaList.defaultProps = defaultThemeProp;
 const ArticleMeta = ({ category, publishedDate }) => {

package/lib/components/Article/ArticleMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleMeta.js","sourceRoot":"","sources":["../../../src/components/Article/ArticleMeta.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGtF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CACrC,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;4BACc,OAAO;KAC9B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAO/C,MAAM,WAAW,GAAwC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;IACvF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,IAAI,QAAQ,EAAE;YACZ,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QACD,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,IAAI,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAAC,CAAC;SACpF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9B,OAAO,KAAC,cAAc,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport type { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { DateTimeDisplay, MetaList, defaultThemeProp } from '@pega/cosmos-react-core';\nimport type { DateTimeDisplayProps } from '@pega/cosmos-react-core';\n\nconst StyledMetaList = styled(MetaList)(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      padding: calc(0.5 * ${spacing});\n    `;\n  }\n);\n\nStyledMetaList.defaultProps = defaultThemeProp;\n\nexport interface ArticleMetaProps {\n  category?: string;\n  publishedDate?: DateTimeDisplayProps['value'];\n}\n\nconst ArticleMeta: FunctionComponent<ArticleMetaProps> = ({ category, publishedDate }) => {\n  const metaItems = useMemo(() => {\n    const items = [];\n    if (category) {\n      items.push(category);\n    }\n    if (publishedDate) {\n      items.push(<DateTimeDisplay value={publishedDate} variant='date' format='long' />);\n    }\n\n    return items;\n  }, [category, publishedDate]);\n\n  return <StyledMetaList items={metaItems} />;\n};\n\nexport default ArticleMeta;\n"]}
+{"version":3,"file":"ArticleMeta.js","sourceRoot":"","sources":["../../../src/components/Article/ArticleMeta.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGtF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EACvC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;0BACc,OAAO;GAC9B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAO/C,MAAM,WAAW,GAAwC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;IACvF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,IAAI,QAAQ,EAAE;YACZ,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QACD,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,IAAI,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAAC,CAAC;SACpF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9B,OAAO,KAAC,cAAc,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport type { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { DateTimeDisplay, MetaList, defaultThemeProp } from '@pega/cosmos-react-core';\nimport type { DateTimeDisplayProps } from '@pega/cosmos-react-core';\n\nconst StyledMetaList = styled(MetaList)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    padding: calc(0.5 * ${spacing});\n  `;\n});\n\nStyledMetaList.defaultProps = defaultThemeProp;\n\nexport interface ArticleMetaProps {\n  category?: string;\n  publishedDate?: DateTimeDisplayProps['value'];\n}\n\nconst ArticleMeta: FunctionComponent<ArticleMetaProps> = ({ category, publishedDate }) => {\n  const metaItems = useMemo(() => {\n    const items = [];\n    if (category) {\n      items.push(category);\n    }\n    if (publishedDate) {\n      items.push(<DateTimeDisplay value={publishedDate} variant='date' format='long' />);\n    }\n\n    return items;\n  }, [category, publishedDate]);\n\n  return <StyledMetaList items={metaItems} />;\n};\n\nexport default ArticleMeta;\n"]}

package/lib/components/ArticleList/AIArticleSummary.d.ts

@@ -0,0 +1,4 @@
+import type { AIArticleSummaryProps } from './ArticleList.types';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<AIArticleSummaryProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+export default _default;
+//# sourceMappingURL=AIArticleSummary.d.ts.map

package/lib/components/ArticleList/AIArticleSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIArticleSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/AIArticleSummary.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;;AAUjE,wBAiCG"}

package/lib/components/ArticleList/AIArticleSummary.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { CardContent, Text, NumberDisplay, useI18n } from '@pega/cosmos-react-core';
+import { ArticleCard } from './ArticleSummary.styles';
+import ArticleSummaryHeader from './ArticleSummaryHeader';
+const StyledAiArticleCard = styled(ArticleCard) `
+  &:not(:last-child) {
+    border-block-end: none;
+  }
+`;
+export default forwardRef(function AIArticleSummary({ articleId, title, href, onTitleClick, actions, score, ...restProps }, ref) {
+    const t = useI18n();
+    return (_jsxs(StyledAiArticleCard, { ...restProps, as: 'li', ref: ref, children: [_jsx(ArticleSummaryHeader, { articleId: articleId, title: title, actions: actions, onTitleClick: onTitleClick, href: href }), score !== undefined && (_jsx(CardContent, { children: _jsx(Text, { variant: 'secondary', children: t('score', [
+                        _jsx(NumberDisplay, { value: score, unit: 'percent', formattingOptions: { fractionDigits: 0 } })
+                    ]) }) }))] }));
+});
+//# sourceMappingURL=AIArticleSummary.js.map

package/lib/components/ArticleList/AIArticleSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIArticleSummary.js","sourceRoot":"","sources":["../../../src/components/ArticleList/AIArticleSummary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,WAAW,EACX,IAAI,EAEJ,aAAa,EACb,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;CAI9C,CAAC;AAEF,eAAe,UAAU,CAGvB,SAAS,gBAAgB,CACzB,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EACtE,GAAG;IAEH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,MAAC,mBAAmB,OAAK,SAAS,EAAE,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,aAClD,KAAC,oBAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,GACV,EACD,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,WAAW,cACV,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YACtB,CAAC,CAAC,OAAO,EAAE;wBACV,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,iBAAiB,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,GACxC;qBACH,CAAC,GACG,GACK,CACf,IACmB,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { PropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  CardContent,\n  Text,\n  type RefElement,\n  NumberDisplay,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nimport type { AIArticleSummaryProps } from './ArticleList.types';\nimport { ArticleCard } from './ArticleSummary.styles';\nimport ArticleSummaryHeader from './ArticleSummaryHeader';\n\nconst StyledAiArticleCard = styled(ArticleCard)`\n  &:not(:last-child) {\n    border-block-end: none;\n  }\n`;\n\nexport default forwardRef<\n  RefElement<AIArticleSummaryProps>,\n  PropsWithoutRef<AIArticleSummaryProps>\n>(function AIArticleSummary(\n  { articleId, title, href, onTitleClick, actions, score, ...restProps },\n  ref\n) {\n  const t = useI18n();\n\n  return (\n    <StyledAiArticleCard {...restProps} as='li' ref={ref}>\n      <ArticleSummaryHeader\n        articleId={articleId}\n        title={title}\n        actions={actions}\n        onTitleClick={onTitleClick}\n        href={href}\n      />\n      {score !== undefined && (\n        <CardContent>\n          <Text variant='secondary'>\n            {t('score', [\n              <NumberDisplay\n                value={score}\n                unit='percent'\n                formattingOptions={{ fractionDigits: 0 }}\n              />\n            ])}\n          </Text>\n        </CardContent>\n      )}\n    </StyledAiArticleCard>\n  );\n});\n"]}

package/lib/components/ArticleList/ArticleBuddy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleBuddy.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleBuddy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAoB1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,sBAAsB,iLAYlC,CAAC;AAIF,eAAO,MAAM,oBAAoB,iLAahC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAahC,CAAC;AAMF,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,YAAY,CAuJrE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ArticleBuddy.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleBuddy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAoB1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,sBAAsB,iLAUjC,CAAC;AAIH,eAAO,MAAM,oBAAoB,iLAW/B,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAahC,CAAC;AAMF,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,YAAY,CAuJrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/ArticleList/ArticleBuddy.js

@@ -6,19 +6,19 @@ import { isExternalLink, isInternalArticle } from './ArticleList.types';
 import ArticleFeedback from './ArticleFeedback';
 export const StyledDisclaimerHeader = styled(Text)(({ theme: { base: { spacing, palette } } }) => {
     return css `
-      font-weight: bold;
-      border-block-start: 0.0625rem solid ${palette['border-line']};
-      padding-block: ${spacing};
-    `;
+    font-weight: bold;
+    border-block-start: 0.0625rem solid ${palette['border-line']};
+    padding-block: ${spacing};
+  `;
 });
 StyledDisclaimerHeader.defaultProps = defaultThemeProp;
 export const StyledDisclaimerText = styled(Text)(({ theme: { base: { 'font-size': fontSize, 'font-scale': fontScale, spacing } } }) => {
     const systemFontSize = calculateFontSize(fontSize, fontScale).xs;
     return css `
-      font-style: italic;
-      font-size: ${systemFontSize};
-      margin-block-end: calc(2.5 * ${spacing});
-    `;
+    font-style: italic;
+    font-size: ${systemFontSize};
+    margin-block-end: calc(2.5 * ${spacing});
+  `;
 });
 StyledDisclaimerText.defaultProps = defaultThemeProp;
 export const StyledBuddyContainer = styled.div(({ theme: { base: { spacing } } }) => {

package/lib/components/ArticleList/ArticleBuddy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleBuddy.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleBuddy.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react';\nimport type { FunctionComponent, MouseEvent, KeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Text,\n  Actions,\n  Flex,\n  defaultThemeProp,\n  useI18n,\n  Link,\n  calculateFontSize,\n  Progress,\n  Button,\n  useConfiguration,\n  formatNumber,\n  useLiveLog,\n  TextArea,\n  AIButton,\n  ErrorState\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport { isExternalLink, isInternalArticle } from './ArticleList.types';\nimport type { ArticleBuddyProps } from './ArticleList.types';\nimport ArticleFeedback from './ArticleFeedback';\n\nexport const StyledDisclaimerHeader = styled(Text)(\n  ({\n    theme: {\n      base: { spacing, palette }\n    }\n  }) => {\n    return css`\n      font-weight: bold;\n      border-block-start: 0.0625rem solid ${palette['border-line']};\n      padding-block: ${spacing};\n    `;\n  }\n);\n\nStyledDisclaimerHeader.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)(\n  ({\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n    }\n  }) => {\n    const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n    return css`\n      font-style: italic;\n      font-size: ${systemFontSize};\n      margin-block-end: calc(2.5 * ${spacing});\n    `;\n  }\n);\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledBuddyContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      padding: calc(2 * ${spacing});\n      overflow-y: auto;\n      max-height: inherit;\n      height: 100%;\n    `;\n  }\n);\n\nStyledBuddyContainer.defaultProps = defaultThemeProp;\n\nconst StyledBuddyArticleHeader = styled.header``;\n\nconst ArticleBuddy: FunctionComponent<ArticleBuddyProps & ForwardProps> = ({\n  query,\n  onClear,\n  onSubmit,\n  title,\n  content,\n  actions,\n  references,\n  disclaimer,\n  loading = false,\n  error = false,\n  feedback,\n  ...restProps\n}) => {\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const { announcePolite } = useLiveLog();\n\n  useEffect(() => {\n    if (content) {\n      announcePolite({\n        message: t('result_available'),\n        type: 'acknowledgement'\n      });\n    }\n  }, [content]);\n\n  return (\n    <Flex\n      {...restProps}\n      as={StyledBuddyContainer}\n      container={{ direction: 'column', gap: 1 }}\n      aria-busy={loading ? true : undefined}\n    >\n      <TextArea\n        {...query}\n        autoResize={false}\n        onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n          if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            if (query.value?.trim()) {\n              onSubmit();\n            }\n          }\n        }}\n      />\n      <Flex container={{ gap: 1, justify: 'end' }}>\n        {query.value && onClear && (\n          <Button\n            variant='link'\n            onClick={() => {\n              onClear();\n            }}\n          >\n            {t('clear')}\n          </Button>\n        )}\n        <AIButton\n          label={t('ask')}\n          disabled={loading}\n          onClick={() => {\n            onSubmit();\n          }}\n        />\n      </Flex>\n\n      {loading && <Progress visible={!!loading} placement='block' message={t('loading')} />}\n      {!loading && title && content && (\n        <>\n          <article>\n            <Flex container={{ alignItems: 'start' }} item={{ grow: 1 }}>\n              <Flex\n                container={{ pad: [1, undefined] }}\n                item={{ grow: 1 }}\n                as={StyledBuddyArticleHeader}\n              >\n                <Text variant='h3'>{title}</Text>\n              </Flex>\n\n              {actions && <Actions items={actions} />}\n            </Flex>\n            <Flex container item={{ grow: 1 }}>\n              {content}\n            </Flex>\n          </article>\n          {references && (\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              <Text variant='h3'>{t('references')}</Text>\n              {references?.map(reference => {\n                return (\n                  <Flex container key={reference.id}>\n                    <Flex container={{ alignItems: 'start', gap: 1 }} item={{ grow: 1 }}>\n                      {isExternalLink(reference) && (\n                        <Link href={reference.href} target='_blank' key={reference.id}>\n                          {reference.name}\n                        </Link>\n                      )}\n                      {isInternalArticle(reference) && (\n                        <Button\n                          variant='link'\n                          onClick={(e: MouseEvent<HTMLButtonElement>) =>\n                            reference.onClick(reference.id, e)\n                          }\n                        >\n                          {reference.name}\n                        </Button>\n                      )}\n                    </Flex>\n                    {reference.confidence && (\n                      <Flex container={{ alignItems: 'start' }} item={{ grow: 0 }}>\n                        <Text>\n                          {formatNumber(reference.confidence, {\n                            locale,\n                            options: {\n                              style: 'unit',\n                              unit: 'percent',\n                              maximumFractionDigits: 0\n                            }\n                          })}\n                        </Text>\n                      </Flex>\n                    )}\n                  </Flex>\n                );\n              })}\n            </Flex>\n          )}\n          {feedback && (\n            <ArticleFeedback\n              comment={feedback.comment}\n              reaction={feedback.reaction}\n              onReaction={feedback.onReaction}\n              onSubmit={feedback.onSubmit}\n            />\n          )}\n        </>\n      )}\n      {error && !content && !loading && (\n        <Flex container={{ justify: 'center', pad: 1, gap: 1 }}>\n          <ErrorState message={t('error_message')} />\n        </Flex>\n      )}\n\n      {disclaimer && (\n        <Flex container={{ direction: 'column' }}>\n          <StyledDisclaimerHeader>{t('disclaimer')}</StyledDisclaimerHeader>\n          <StyledDisclaimerText>{disclaimer}</StyledDisclaimerText>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport default ArticleBuddy;\n"]}
+{"version":3,"file":"ArticleBuddy.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleBuddy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACX,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAClD,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAC3B,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;0CAE8B,OAAO,CAAC,aAAa,CAAC;qBAC3C,OAAO;GACzB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAChD,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,EAClE,EACF,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;IACjE,OAAO,GAAG,CAAA;;iBAEK,cAAc;mCACI,OAAO;GACvC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAC5C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;0BACY,OAAO;;;;KAI5B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAA,EAAE,CAAC;AAEjD,MAAM,YAAY,GAAwD,CAAC,EACzE,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,cAAc,CAAC;gBACb,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC;gBAC9B,IAAI,EAAE,iBAAiB;aACxB,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,MAAC,IAAI,OACC,SAAS,EACb,EAAE,EAAE,oBAAoB,EACxB,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,eAC/B,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,aAErC,KAAC,QAAQ,OACH,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,CAAC,CAAqC,EAAE,EAAE;oBACnD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;wBACpC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;4BACvB,QAAQ,EAAE,CAAC;yBACZ;qBACF;gBACH,CAAC,GACD,EACF,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aACxC,KAAK,CAAC,KAAK,IAAI,OAAO,IAAI,CACzB,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;4BACZ,OAAO,EAAE,CAAC;wBACZ,CAAC,YAEA,CAAC,CAAC,OAAO,CAAC,GACJ,CACV,EACD,KAAC,QAAQ,IACP,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EACf,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,EAAE,CAAC;wBACb,CAAC,GACD,IACG,EAEN,OAAO,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,EACpF,CAAC,OAAO,IAAI,KAAK,IAAI,OAAO,IAAI,CAC/B,8BACE,8BACE,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aACzD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,EAClC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACjB,EAAE,EAAE,wBAAwB,YAE5B,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAQ,GAC5B,EAEN,OAAO,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,GAAI,IAClC,EACP,KAAC,IAAI,IAAC,SAAS,QAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAC9B,OAAO,GACH,IACC,EACT,UAAU,IAAI,CACb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,YAAY,CAAC,GAAQ,EAC1C,UAAU,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE;gCAC3B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,mBACb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aAChE,cAAc,CAAC,SAAS,CAAC,IAAI,CAC5B,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,YACxC,SAAS,CAAC,IAAI,IADgC,SAAS,CAAC,EAAE,CAEtD,CACR,EACA,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAC/B,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,YAGnC,SAAS,CAAC,IAAI,GACR,CACV,IACI,EACN,SAAS,CAAC,UAAU,IAAI,CACvB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACzD,KAAC,IAAI,cACF,YAAY,CAAC,SAAS,CAAC,UAAU,EAAE;oDAClC,MAAM;oDACN,OAAO,EAAE;wDACP,KAAK,EAAE,MAAM;wDACb,IAAI,EAAE,SAAS;wDACf,qBAAqB,EAAE,CAAC;qDACzB;iDACF,CAAC,GACG,GACF,CACR,KA/BkB,SAAS,CAAC,EAAE,CAgC1B,CACR,CAAC;4BACJ,CAAC,CAAC,IACG,CACR,EACA,QAAQ,IAAI,CACX,KAAC,eAAe,IACd,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,UAAU,EAAE,QAAQ,CAAC,UAAU,EAC/B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAC3B,CACH,IACA,CACJ,EACA,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAChC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YACpD,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC,GAAI,GACtC,CACR,EAEA,UAAU,IAAI,CACb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aACtC,KAAC,sBAAsB,cAAE,CAAC,CAAC,YAAY,CAAC,GAA0B,EAClE,KAAC,oBAAoB,cAAE,UAAU,GAAwB,IACpD,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport type { FunctionComponent, MouseEvent, KeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Text,\n  Actions,\n  Flex,\n  defaultThemeProp,\n  useI18n,\n  Link,\n  calculateFontSize,\n  Progress,\n  Button,\n  useConfiguration,\n  formatNumber,\n  useLiveLog,\n  TextArea,\n  AIButton,\n  ErrorState\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport { isExternalLink, isInternalArticle } from './ArticleList.types';\nimport type { ArticleBuddyProps } from './ArticleList.types';\nimport ArticleFeedback from './ArticleFeedback';\n\nexport const StyledDisclaimerHeader = styled(Text)(({\n  theme: {\n    base: { spacing, palette }\n  }\n}) => {\n  return css`\n    font-weight: bold;\n    border-block-start: 0.0625rem solid ${palette['border-line']};\n    padding-block: ${spacing};\n  `;\n});\n\nStyledDisclaimerHeader.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)(({\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n  }\n}) => {\n  const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n  return css`\n    font-style: italic;\n    font-size: ${systemFontSize};\n    margin-block-end: calc(2.5 * ${spacing});\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledBuddyContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      padding: calc(2 * ${spacing});\n      overflow-y: auto;\n      max-height: inherit;\n      height: 100%;\n    `;\n  }\n);\n\nStyledBuddyContainer.defaultProps = defaultThemeProp;\n\nconst StyledBuddyArticleHeader = styled.header``;\n\nconst ArticleBuddy: FunctionComponent<ArticleBuddyProps & ForwardProps> = ({\n  query,\n  onClear,\n  onSubmit,\n  title,\n  content,\n  actions,\n  references,\n  disclaimer,\n  loading = false,\n  error = false,\n  feedback,\n  ...restProps\n}) => {\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const { announcePolite } = useLiveLog();\n\n  useEffect(() => {\n    if (content) {\n      announcePolite({\n        message: t('result_available'),\n        type: 'acknowledgement'\n      });\n    }\n  }, [content]);\n\n  return (\n    <Flex\n      {...restProps}\n      as={StyledBuddyContainer}\n      container={{ direction: 'column', gap: 1 }}\n      aria-busy={loading ? true : undefined}\n    >\n      <TextArea\n        {...query}\n        autoResize={false}\n        onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n          if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            if (query.value?.trim()) {\n              onSubmit();\n            }\n          }\n        }}\n      />\n      <Flex container={{ gap: 1, justify: 'end' }}>\n        {query.value && onClear && (\n          <Button\n            variant='link'\n            onClick={() => {\n              onClear();\n            }}\n          >\n            {t('clear')}\n          </Button>\n        )}\n        <AIButton\n          label={t('ask')}\n          disabled={loading}\n          onClick={() => {\n            onSubmit();\n          }}\n        />\n      </Flex>\n\n      {loading && <Progress visible={!!loading} placement='block' message={t('loading')} />}\n      {!loading && title && content && (\n        <>\n          <article>\n            <Flex container={{ alignItems: 'start' }} item={{ grow: 1 }}>\n              <Flex\n                container={{ pad: [1, undefined] }}\n                item={{ grow: 1 }}\n                as={StyledBuddyArticleHeader}\n              >\n                <Text variant='h3'>{title}</Text>\n              </Flex>\n\n              {actions && <Actions items={actions} />}\n            </Flex>\n            <Flex container item={{ grow: 1 }}>\n              {content}\n            </Flex>\n          </article>\n          {references && (\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              <Text variant='h3'>{t('references')}</Text>\n              {references?.map(reference => {\n                return (\n                  <Flex container key={reference.id}>\n                    <Flex container={{ alignItems: 'start', gap: 1 }} item={{ grow: 1 }}>\n                      {isExternalLink(reference) && (\n                        <Link href={reference.href} target='_blank' key={reference.id}>\n                          {reference.name}\n                        </Link>\n                      )}\n                      {isInternalArticle(reference) && (\n                        <Button\n                          variant='link'\n                          onClick={(e: MouseEvent<HTMLButtonElement>) =>\n                            reference.onClick(reference.id, e)\n                          }\n                        >\n                          {reference.name}\n                        </Button>\n                      )}\n                    </Flex>\n                    {reference.confidence && (\n                      <Flex container={{ alignItems: 'start' }} item={{ grow: 0 }}>\n                        <Text>\n                          {formatNumber(reference.confidence, {\n                            locale,\n                            options: {\n                              style: 'unit',\n                              unit: 'percent',\n                              maximumFractionDigits: 0\n                            }\n                          })}\n                        </Text>\n                      </Flex>\n                    )}\n                  </Flex>\n                );\n              })}\n            </Flex>\n          )}\n          {feedback && (\n            <ArticleFeedback\n              comment={feedback.comment}\n              reaction={feedback.reaction}\n              onReaction={feedback.onReaction}\n              onSubmit={feedback.onSubmit}\n            />\n          )}\n        </>\n      )}\n      {error && !content && !loading && (\n        <Flex container={{ justify: 'center', pad: 1, gap: 1 }}>\n          <ErrorState message={t('error_message')} />\n        </Flex>\n      )}\n\n      {disclaimer && (\n        <Flex container={{ direction: 'column' }}>\n          <StyledDisclaimerHeader>{t('disclaimer')}</StyledDisclaimerHeader>\n          <StyledDisclaimerText>{disclaimer}</StyledDisclaimerText>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport default ArticleBuddy;\n"]}

package/lib/components/ArticleList/ArticleFeedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleFeedback.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleFeedback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAY1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,eAAO,MAAM,yBAAyB,iLAUrC,CAAC;AAGF,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAoF3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ArticleFeedback.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleFeedback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAY1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,eAAO,MAAM,yBAAyB,iLAQpC,CAAC;AAGH,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAoF3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/ArticleList/ArticleFeedback.js

@@ -4,8 +4,8 @@ import styled, { css } from 'styled-components';
 import { Text, Flex, useI18n, Button, TextArea, defaultThemeProp, useLiveLog } from '@pega/cosmos-react-core';
 export const StyledAcknowledgementText = styled(Text)(({ theme: { base: { spacing } } }) => {
     return css `
-      padding-block: calc(2 * ${spacing});
-    `;
+    padding-block: calc(2 * ${spacing});
+  `;
 });
 StyledAcknowledgementText.defaultProps = defaultThemeProp;
 const ArticleFeedback = ({ comment, reaction, onReaction, onSubmit, ...restProps }) => {

package/lib/components/ArticleList/ArticleFeedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleFeedback.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleFeedback.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport type { FunctionComponent, MouseEvent, KeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Text,\n  Flex,\n  useI18n,\n  Button,\n  TextArea,\n  defaultThemeProp,\n  useLiveLog\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport type { ArticleFeedbackProps } from './ArticleList.types';\n\nexport const StyledAcknowledgementText = styled(Text)(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      padding-block: calc(2 * ${spacing});\n    `;\n  }\n);\nStyledAcknowledgementText.defaultProps = defaultThemeProp;\n\nconst ArticleFeedback: FunctionComponent<ArticleFeedbackProps & ForwardProps> = ({\n  comment,\n  reaction,\n  onReaction,\n  onSubmit,\n  ...restProps\n}) => {\n  const t = useI18n();\n  const { announcePolite } = useLiveLog();\n  const [showThanksMessage, setThanksMessage] = useState<boolean>(false);\n\n  const announceAcknowledgement = (message: string) => {\n    announcePolite({\n      message,\n      type: 'acknowledgement'\n    });\n  };\n\n  return (\n    <Flex container={{ direction: 'column' }} {...restProps}>\n      {comment && !showThanksMessage ? (\n        <>\n          <Flex container={{ gap: 1, alignItems: 'center', pad: [0.5, undefined] }}>\n            <Text>{t('article_was_this_helpful')}</Text>\n            <Button\n              variant={reaction === 'liked' ? 'primary' : 'secondary'}\n              aria-pressed={reaction === 'liked'}\n              onClick={() => {\n                onReaction(reaction === 'liked' ? undefined : 'liked');\n              }}\n            >\n              {t('yes')}\n            </Button>\n            <Button\n              variant={reaction === 'disliked' ? 'primary' : 'secondary'}\n              aria-pressed={reaction === 'disliked'}\n              onClick={() => {\n                onReaction(reaction === 'disliked' ? undefined : 'disliked');\n              }}\n            >\n              {t('no')}\n            </Button>\n          </Flex>\n\n          {reaction && (\n            <Flex container={{ direction: 'column', gap: 1, pad: [1, undefined] }}>\n              <TextArea\n                {...comment}\n                label={t('add_a_comment')}\n                autoResize={false}\n                maxLength={200}\n                hardStop\n                onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n                  if (e.key === 'Enter' && !e.shiftKey) {\n                    e.preventDefault();\n                    if (comment.value?.trim()) {\n                      onSubmit({ reaction, comment: comment.value ?? '' }, e);\n                      setThanksMessage(true);\n                    }\n                  }\n                }}\n              />\n              <Flex container={{ gap: 1, justify: 'end' }}>\n                <Button\n                  variant='primary'\n                  onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                    onSubmit({ reaction, comment: comment.value ?? '' }, e);\n                    setThanksMessage(true);\n                    announceAcknowledgement(t('article_thank_you_for_your_feedback'));\n                  }}\n                >\n                  {t('submit')}\n                </Button>\n              </Flex>\n            </Flex>\n          )}\n        </>\n      ) : (\n        <StyledAcknowledgementText>\n          {t('article_thank_you_for_your_feedback')}\n        </StyledAcknowledgementText>\n      )}\n    </Flex>\n  );\n};\n\nexport default ArticleFeedback;\n"]}
+{"version":3,"file":"ArticleFeedback.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleFeedback.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport type { FunctionComponent, MouseEvent, KeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Text,\n  Flex,\n  useI18n,\n  Button,\n  TextArea,\n  defaultThemeProp,\n  useLiveLog\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport type { ArticleFeedbackProps } from './ArticleList.types';\n\nexport const StyledAcknowledgementText = styled(Text)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    padding-block: calc(2 * ${spacing});\n  `;\n});\nStyledAcknowledgementText.defaultProps = defaultThemeProp;\n\nconst ArticleFeedback: FunctionComponent<ArticleFeedbackProps & ForwardProps> = ({\n  comment,\n  reaction,\n  onReaction,\n  onSubmit,\n  ...restProps\n}) => {\n  const t = useI18n();\n  const { announcePolite } = useLiveLog();\n  const [showThanksMessage, setThanksMessage] = useState<boolean>(false);\n\n  const announceAcknowledgement = (message: string) => {\n    announcePolite({\n      message,\n      type: 'acknowledgement'\n    });\n  };\n\n  return (\n    <Flex container={{ direction: 'column' }} {...restProps}>\n      {comment && !showThanksMessage ? (\n        <>\n          <Flex container={{ gap: 1, alignItems: 'center', pad: [0.5, undefined] }}>\n            <Text>{t('article_was_this_helpful')}</Text>\n            <Button\n              variant={reaction === 'liked' ? 'primary' : 'secondary'}\n              aria-pressed={reaction === 'liked'}\n              onClick={() => {\n                onReaction(reaction === 'liked' ? undefined : 'liked');\n              }}\n            >\n              {t('yes')}\n            </Button>\n            <Button\n              variant={reaction === 'disliked' ? 'primary' : 'secondary'}\n              aria-pressed={reaction === 'disliked'}\n              onClick={() => {\n                onReaction(reaction === 'disliked' ? undefined : 'disliked');\n              }}\n            >\n              {t('no')}\n            </Button>\n          </Flex>\n\n          {reaction && (\n            <Flex container={{ direction: 'column', gap: 1, pad: [1, undefined] }}>\n              <TextArea\n                {...comment}\n                label={t('add_a_comment')}\n                autoResize={false}\n                maxLength={200}\n                hardStop\n                onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n                  if (e.key === 'Enter' && !e.shiftKey) {\n                    e.preventDefault();\n                    if (comment.value?.trim()) {\n                      onSubmit({ reaction, comment: comment.value ?? '' }, e);\n                      setThanksMessage(true);\n                    }\n                  }\n                }}\n              />\n              <Flex container={{ gap: 1, justify: 'end' }}>\n                <Button\n                  variant='primary'\n                  onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                    onSubmit({ reaction, comment: comment.value ?? '' }, e);\n                    setThanksMessage(true);\n                    announceAcknowledgement(t('article_thank_you_for_your_feedback'));\n                  }}\n                >\n                  {t('submit')}\n                </Button>\n              </Flex>\n            </Flex>\n          )}\n        </>\n      ) : (\n        <StyledAcknowledgementText>\n          {t('article_thank_you_for_your_feedback')}\n        </StyledAcknowledgementText>\n      )}\n    </Flex>\n  );\n};\n\nexport default ArticleFeedback;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleList.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAehF,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,yBAAyB,CAAC;AAIjE,OAAO,KAAK,EAEV,gBAAgB,EAGjB,MAAM,qBAAqB,CAAC;AA2C7B,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAgOnE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ArticleList.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAmBhF,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,yBAAyB,CAAC;AAKjE,OAAO,KAAK,EAEV,gBAAgB,EAIjB,MAAM,qBAAqB,CAAC;AAgE7B,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAkQnE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/ArticleList/ArticleList.js

@@ -2,13 +2,23 @@ import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useMemo, useEffect, useRef, createRef } from 'react';
 import styled, { css } from 'styled-components';
-import { Flex, useI18n, defaultThemeProp, TabPanel, Tabs, EmptyState, Progress, getFocusables, useLiveLog, useItemIntersection } from '@pega/cosmos-react-core';
+import { Flex, useI18n, defaultThemeProp, TabPanel, Tabs, EmptyState, Progress, getFocusables, useLiveLog, useItemIntersection, Text, Icon, useTheme, registerIcon } from '@pega/cosmos-react-core';
+import * as polarisIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
 import ArticleListFilter from './ArticleListFilter';
 import ArticleSummary from './ArticleSummary';
 import ArticleListHeader from './ArticleListHeader';
 import ArticleBuddy from './ArticleBuddy';
+import AIArticleSummary from './AIArticleSummary';
+import { ArticleCard } from './ArticleSummary.styles';
+registerIcon(polarisIcon);
 const StyledSummaryList = styled.ul(({ theme }) => {
     return css `
+    &:not(:last-child) {
+      padding-block-end: ${theme.base.spacing};
+      & > ${ArticleCard}:last-child {
+        border-block-end: 0.0625rem solid ${theme.base.palette['border-line']};
+      }
+    }
     max-height: calc(100vh - 8 * ${theme.base.spacing});
     flex-grow: 1;
     height: 100%;
@@ -29,6 +39,7 @@ const StyledArticleTabPanel = styled.div(({ theme }) => {
     min-height: 0;
     flex: 1 1;
     gap: ${theme.base.spacing};
+    padding-block-end: ${theme.base.spacing};
   `;
 });
 StyledArticleTabPanel.defaultProps = defaultThemeProp;
@@ -40,9 +51,18 @@ const StyledArticleList = styled.article(({ theme }) => {
   `;
 });
 StyledArticleList.defaultProps = defaultThemeProp;
+const StyledAiSuggestionsHeader = styled(Flex)(({ theme }) => {
+    return css `
+    &:first-child {
+      margin-block-start: ${theme.base.spacing};
+    }
+  `;
+});
+StyledAiSuggestionsHeader.defaultProps = defaultThemeProp;
 const ArticleList = forwardRef(function ArticleList(props, ref) {
     const { header, suggested, followed, search, buddy, onTabClick, activeTab, loading = false, loadingMore = false, onQuickFilterClick, onLoadMore, ...restProps } = props;
     const t = useI18n();
+    const theme = useTheme();
     const { announcePolite } = useLiveLog();
     const articleContentRefs = useRef([]);
     const activeTabContentRef = useRef(null);
@@ -50,13 +70,15 @@ const ArticleList = forwardRef(function ArticleList(props, ref) {
     const activeElementRef = useRef(null);
     const tabs = useMemo(() => {
         const tabsArr = [];
-        if (suggested)
+        if (suggested) {
             tabsArr.push({
                 id: 'Suggested',
                 name: t('suggested'),
                 count: suggested?.count,
-                content: suggested.articles ?? []
+                content: suggested.articles ?? [],
+                aiArticles: suggested.aiSuggestedArticles
             });
+        }
         if (search)
             tabsArr.push({
                 id: 'Search',
@@ -114,14 +136,14 @@ const ArticleList = forwardRef(function ArticleList(props, ref) {
         if (!loadingMore)
             onLoadMore?.();
     }, ':scope > li[role="article"]');
-    const articleContent = ({ content, tabId, headerTitle }) => {
-        return (_jsxs(_Fragment, { children: [activeTab === 'Search' && search && _jsx(ArticleListFilter, { ...search }), activeTab === 'Followed' && followed && _jsx(ArticleListFilter, { ...followed }), loading && (_jsx(Progress, { visible: !!loading, placement: 'block', message: t('loading'), liveConfig: { contextualLabel: headerTitle ?? t('article_list_label_a11y') } })), !loading &&
-                    (content.length > 0 ? (_jsxs(Flex, { container: { direction: 'column', gap: 0.5, pad: [1.5, 2] }, as: StyledSummaryList, role: 'feed', ref: listUlRef[tabId], children: [content.map(summaryItem => (_createElement(ArticleSummary, { ...summaryItem, key: summaryItem.articleId, onQuickFilterClick: onQuickFilterClick }))), loadingMore && _jsx(Progress, { placement: 'block' })] })) : (_jsx(EmptyState, {})))] }));
+    const articleContent = ({ content, aiArticles, tabId, headerTitle }) => {
+        return (_jsxs(_Fragment, { children: [activeTab === 'Search' && search && _jsx(ArticleListFilter, { ...search }), activeTab === 'Followed' && followed && _jsx(ArticleListFilter, { ...followed }), loading ? (_jsx(Progress, { placement: 'block', message: t('loading'), liveConfig: { contextualLabel: headerTitle ?? t('article_list_label_a11y') } })) : (_jsxs(_Fragment, { children: [content.length > 0 && (_jsxs(Flex, { container: { direction: 'column', gap: 0.5, pad: [1.5, 2] }, as: StyledSummaryList, role: 'feed', ref: tabId !== 'Suggested' ? listUlRef[tabId] : undefined, children: [content.map(summaryItem => (_createElement(ArticleSummary, { ...summaryItem, key: summaryItem.articleId, onQuickFilterClick: onQuickFilterClick }))), loadingMore && tabId !== 'Suggested' && _jsx(Progress, { placement: 'block' })] })), content.length === 0 && tabId !== 'Suggested' && _jsx(EmptyState, {})] })), aiArticles && (_jsxs(_Fragment, { children: [_jsxs(StyledAiSuggestionsHeader, { container: { gap: 1, pad: [0, 2] }, children: [_jsx(Icon, { name: 'polaris-solid', color: theme.base.palette.ai }), _jsx(Text, { variant: 'h3', children: t('ai_suggestions') })] }), aiArticles.length > 0 ? (_jsx(Flex, { container: { direction: 'column', gap: 0.5, pad: [1, 2] }, as: StyledSummaryList, role: 'feed', children: aiArticles.map(aiItem => (_createElement(AIArticleSummary, { ...aiItem, key: aiItem.articleId }))) })) : (_jsx(EmptyState, {}))] }))] }));
     };
     return (_jsxs(Flex, { ...restProps, container: {
             direction: 'column'
         }, as: StyledArticleList, "aria-label": t('article_list_label_a11y'), ref: ref, "aria-busy": loading ? true : undefined, children: [header && (_jsx(ArticleListHeader, { icon: header.icon, title: header.title, actions: header.actions })), tabs.length === 1 && (_jsx(_Fragment, { children: tabs[0].id === 'Buddy' && buddy ? (_jsx(ArticleBuddy, { ...buddy.content })) : (articleContent({
                     content: tabs[0]?.content || [],
+                    aiArticles: tabs[0]?.aiArticles,
                     tabId: tabs[0].id,
                     headerTitle: header?.title
                 })) })), tabs.length > 1 && (_jsxs(_Fragment, { children: [_jsx(Tabs, { ref: tabsRef, tabs: tabs, onTabClick: (name, e) => {
@@ -129,10 +151,15 @@ const ArticleList = forwardRef(function ArticleList(props, ref) {
                                 activeElementRef.current = document.activeElement;
                                 onTabClick?.(name, e);
                             }
-                        }, currentTabId: activeTab }), tabs.map(({ id, content }) => {
+                        }, currentTabId: activeTab }), tabs.map(({ id, content, aiArticles }) => {
                         return (_jsx(TabPanel, { tabId: id, currentTabId: activeTab, as: activeTab === id ? StyledArticleTabPanel : undefined, children: activeTab === 'Buddy' && buddy ? (_jsx(ArticleBuddy, { ...buddy.content })) : (_jsx(_Fragment, { children: activeTab === id &&
                                     content &&
-                                    articleContent({ content, tabId: id, headerTitle: header?.title }) })) }, id));
+                                    articleContent({
+                                        content,
+                                        tabId: id,
+                                        headerTitle: header?.title,
+                                        aiArticles
+                                    }) })) }, id));
                     })] }))] }));
 });
 export default ArticleList;

package/lib/components/ArticleList/ArticleList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleList.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useMemo, useEffect, useRef, createRef } from 'react';\nimport type { FunctionComponent, Ref, PropsWithoutRef, RefObject } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  useI18n,\n  defaultThemeProp,\n  TabPanel,\n  Tabs,\n  EmptyState,\n  Progress,\n  getFocusables,\n  useLiveLog,\n  useItemIntersection\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps, Tab } from '@pega/cosmos-react-core';\n\nimport ArticleListFilter from './ArticleListFilter';\nimport ArticleSummary from './ArticleSummary';\nimport type {\n  ArticleListTabId,\n  ArticleListProps,\n  ArticleSummaryProps,\n  ArticleListHeaderProps\n} from './ArticleList.types';\nimport ArticleListHeader from './ArticleListHeader';\nimport ArticleBuddy from './ArticleBuddy';\n\nconst StyledSummaryList = styled.ul(({ theme }) => {\n  return css`\n    max-height: calc(100vh - 8 * ${theme.base.spacing});\n    flex-grow: 1;\n    height: 100%;\n    list-style-type: none;\n    overflow-y: auto;\n    border-end-start-radius: ${theme.base['border-radius']};\n    border-end-end-radius: ${theme.base['border-radius']};\n    > li[role='article'] {\n      padding-block: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledSummaryList.defaultProps = defaultThemeProp;\n\nconst StyledArticleTabPanel = styled.div(({ theme }) => {\n  return css`\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1;\n    gap: ${theme.base.spacing};\n  `;\n});\n\nStyledArticleTabPanel.defaultProps = defaultThemeProp;\n\nconst StyledArticleList = styled.article(({ theme }) => {\n  return css`\n    height: 100%;\n    background: ${theme.base.palette['primary-background']};\n    border-radius: ${theme.components.card['border-radius']};\n  `;\n});\n\nStyledArticleList.defaultProps = defaultThemeProp;\n\nconst ArticleList: FunctionComponent<ArticleListProps & ForwardProps> = forwardRef(\n  function ArticleList(props: PropsWithoutRef<ArticleListProps>, ref: Ref<HTMLDivElement>) {\n    const {\n      header,\n      suggested,\n      followed,\n      search,\n      buddy,\n      onTabClick,\n      activeTab,\n      loading = false,\n      loadingMore = false,\n      onQuickFilterClick,\n      onLoadMore,\n      ...restProps\n    } = props;\n    const t = useI18n();\n    const { announcePolite } = useLiveLog();\n\n    const articleContentRefs = useRef<HTMLDivElement[]>([]);\n    const activeTabContentRef = useRef<HTMLDivElement | null>(null);\n    const tabsRef = useRef<HTMLButtonElement>(null);\n    const activeElementRef = useRef<HTMLElement | null>(null);\n\n    const tabs = useMemo(() => {\n      const tabsArr: (Tab & {\n        content?: ArticleSummaryProps[];\n        id: ArticleListTabId;\n      })[] = [];\n\n      if (suggested)\n        tabsArr.push({\n          id: 'Suggested',\n          name: t('suggested'),\n          count: suggested?.count,\n          content: suggested.articles ?? []\n        });\n\n      if (search)\n        tabsArr.push({\n          id: 'Search',\n          name: t('search'),\n          count: search?.count,\n          content: search?.articles ?? []\n        });\n\n      if (followed)\n        tabsArr.push({\n          id: 'Followed',\n          name: t('followed'),\n          count: followed?.count,\n          content: followed?.articles ?? []\n        });\n\n      if (buddy)\n        tabsArr.push({\n          id: 'Buddy',\n          name: buddy.title\n        });\n\n      return tabsArr;\n    }, [suggested, followed, search, buddy]);\n\n    const listUlRef: { [id: string]: RefObject<HTMLElement> } = tabs.reduce((acc, tab) => {\n      return { ...acc, [tab.id]: createRef() };\n    }, {});\n\n    useEffect(() => {\n      if (tabsRef.current && getFocusables(tabsRef)?.length > 0)\n        activeElementRef.current = getFocusables(tabsRef)[0];\n      else {\n        activeTabContentRef.current =\n          articleContentRefs.current[tabs.findIndex(({ id }) => id === activeTab)];\n        if (activeTabContentRef && getFocusables(activeTabContentRef)?.length > 0) {\n          activeElementRef.current = getFocusables(activeTabContentRef)[0];\n        }\n      }\n    }, []);\n\n    useEffect(() => {\n      if (!loading) {\n        const currentTabContent = tabs.find(tab => tab.id === activeTab)?.content;\n        announcePolite({\n          type: 'status',\n          message:\n            currentTabContent && currentTabContent?.length > 0\n              ? `${header?.title || t('article_list_label_a11y')} ${t('loaded')}`\n              : t('no_items')\n        });\n      }\n    }, [loading]);\n\n    const getItemLength = (tabName: string): number => {\n      const currentTab = tabs.find(item => item.id === tabName);\n      if (!currentTab || !currentTab.content) {\n        return 0;\n      }\n      return currentTab.content.length - 1;\n    };\n\n    useItemIntersection(\n      listUlRef[activeTab],\n      getItemLength(activeTab),\n      () => {\n        if (!loadingMore) onLoadMore?.();\n      },\n      ':scope > li[role=\"article\"]'\n    );\n\n    const articleContent = ({\n      content,\n      tabId,\n      headerTitle\n    }: {\n      count?: Tab['count'];\n      content: ArticleSummaryProps[];\n      headerTitle?: ArticleListHeaderProps['title'];\n      tabId: ArticleListTabId;\n    }) => {\n      return (\n        <>\n          {activeTab === 'Search' && search && <ArticleListFilter {...search} />}\n          {activeTab === 'Followed' && followed && <ArticleListFilter {...followed} />}\n          {loading && (\n            <Progress\n              visible={!!loading}\n              placement='block'\n              message={t('loading')}\n              liveConfig={{ contextualLabel: headerTitle ?? t('article_list_label_a11y') }}\n            />\n          )}\n          {!loading &&\n            (content.length > 0 ? (\n              <Flex\n                container={{ direction: 'column', gap: 0.5, pad: [1.5, 2] }}\n                as={StyledSummaryList}\n                role='feed'\n                ref={listUlRef[tabId]}\n              >\n                {content.map(summaryItem => (\n                  <ArticleSummary\n                    {...summaryItem}\n                    key={summaryItem.articleId}\n                    onQuickFilterClick={onQuickFilterClick}\n                  />\n                ))}\n                {loadingMore && <Progress placement='block' />}\n              </Flex>\n            ) : (\n              <EmptyState />\n            ))}\n        </>\n      );\n    };\n\n    return (\n      <Flex\n        {...restProps}\n        container={{\n          direction: 'column'\n        }}\n        as={StyledArticleList}\n        aria-label={t('article_list_label_a11y')}\n        ref={ref}\n        aria-busy={loading ? true : undefined}\n      >\n        {header && (\n          <ArticleListHeader icon={header.icon} title={header.title} actions={header.actions} />\n        )}\n\n        {tabs.length === 1 && (\n          <>\n            {tabs[0].id === 'Buddy' && buddy ? (\n              <ArticleBuddy {...buddy.content} />\n            ) : (\n              articleContent({\n                content: tabs[0]?.content || [],\n                tabId: tabs[0].id,\n                headerTitle: header?.title\n              })\n            )}\n          </>\n        )}\n\n        {/* When multiple tabs present. */}\n\n        {tabs.length > 1 && (\n          <>\n            <Tabs\n              ref={tabsRef}\n              tabs={tabs}\n              onTabClick={(name, e) => {\n                if (document.activeElement instanceof HTMLElement) {\n                  activeElementRef.current = document.activeElement;\n                  onTabClick?.(name, e);\n                }\n              }}\n              currentTabId={activeTab}\n            />\n            {tabs.map(({ id, content }) => {\n              return (\n                <TabPanel\n                  key={id}\n                  tabId={id}\n                  currentTabId={activeTab}\n                  as={activeTab === id ? StyledArticleTabPanel : undefined}\n                >\n                  {activeTab === 'Buddy' && buddy ? (\n                    <ArticleBuddy {...buddy.content} />\n                  ) : (\n                    <>\n                      {activeTab === id &&\n                        content &&\n                        articleContent({ content, tabId: id, headerTitle: header?.title })}\n                    </>\n                  )}\n                </TabPanel>\n              );\n            })}\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ArticleList;\n"]}
+{"version":3,"file":"ArticleList.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useMemo, useEffect, useRef, createRef } from 'react';\nimport type { FunctionComponent, Ref, PropsWithoutRef, RefObject } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  useI18n,\n  defaultThemeProp,\n  TabPanel,\n  Tabs,\n  EmptyState,\n  Progress,\n  getFocusables,\n  useLiveLog,\n  useItemIntersection,\n  Text,\n  Icon,\n  useTheme,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps, Tab } from '@pega/cosmos-react-core';\nimport * as polarisIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\n\nimport ArticleListFilter from './ArticleListFilter';\nimport ArticleSummary from './ArticleSummary';\nimport type {\n  ArticleListTabId,\n  ArticleListProps,\n  ArticleSummaryProps,\n  ArticleListHeaderProps,\n  AIArticleSummaryProps\n} from './ArticleList.types';\nimport ArticleListHeader from './ArticleListHeader';\nimport ArticleBuddy from './ArticleBuddy';\nimport AIArticleSummary from './AIArticleSummary';\nimport { ArticleCard } from './ArticleSummary.styles';\n\nregisterIcon(polarisIcon);\n\nconst StyledSummaryList = styled.ul(({ theme }) => {\n  return css`\n    &:not(:last-child) {\n      padding-block-end: ${theme.base.spacing};\n      & > ${ArticleCard}:last-child {\n        border-block-end: 0.0625rem solid ${theme.base.palette['border-line']};\n      }\n    }\n    max-height: calc(100vh - 8 * ${theme.base.spacing});\n    flex-grow: 1;\n    height: 100%;\n    list-style-type: none;\n    overflow-y: auto;\n    border-end-start-radius: ${theme.base['border-radius']};\n    border-end-end-radius: ${theme.base['border-radius']};\n    > li[role='article'] {\n      padding-block: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledSummaryList.defaultProps = defaultThemeProp;\n\nconst StyledArticleTabPanel = styled.div(({ theme }) => {\n  return css`\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1;\n    gap: ${theme.base.spacing};\n    padding-block-end: ${theme.base.spacing};\n  `;\n});\n\nStyledArticleTabPanel.defaultProps = defaultThemeProp;\n\nconst StyledArticleList = styled.article(({ theme }) => {\n  return css`\n    height: 100%;\n    background: ${theme.base.palette['primary-background']};\n    border-radius: ${theme.components.card['border-radius']};\n  `;\n});\n\nStyledArticleList.defaultProps = defaultThemeProp;\n\nconst StyledAiSuggestionsHeader = styled(Flex)(({ theme }) => {\n  return css`\n    &:first-child {\n      margin-block-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledAiSuggestionsHeader.defaultProps = defaultThemeProp;\n\nconst ArticleList: FunctionComponent<ArticleListProps & ForwardProps> = forwardRef(\n  function ArticleList(props: PropsWithoutRef<ArticleListProps>, ref: Ref<HTMLDivElement>) {\n    const {\n      header,\n      suggested,\n      followed,\n      search,\n      buddy,\n      onTabClick,\n      activeTab,\n      loading = false,\n      loadingMore = false,\n      onQuickFilterClick,\n      onLoadMore,\n      ...restProps\n    } = props;\n    const t = useI18n();\n    const theme = useTheme();\n    const { announcePolite } = useLiveLog();\n\n    const articleContentRefs = useRef<HTMLDivElement[]>([]);\n    const activeTabContentRef = useRef<HTMLDivElement | null>(null);\n    const tabsRef = useRef<HTMLButtonElement>(null);\n    const activeElementRef = useRef<HTMLElement | null>(null);\n\n    const tabs = useMemo(() => {\n      const tabsArr: (Tab & {\n        content?: ArticleSummaryProps[];\n        aiArticles?: AIArticleSummaryProps[];\n        id: ArticleListTabId;\n      })[] = [];\n\n      if (suggested) {\n        tabsArr.push({\n          id: 'Suggested',\n          name: t('suggested'),\n          count: suggested?.count,\n          content: suggested.articles ?? [],\n          aiArticles: suggested.aiSuggestedArticles\n        });\n      }\n\n      if (search)\n        tabsArr.push({\n          id: 'Search',\n          name: t('search'),\n          count: search?.count,\n          content: search?.articles ?? []\n        });\n\n      if (followed)\n        tabsArr.push({\n          id: 'Followed',\n          name: t('followed'),\n          count: followed?.count,\n          content: followed?.articles ?? []\n        });\n\n      if (buddy)\n        tabsArr.push({\n          id: 'Buddy',\n          name: buddy.title\n        });\n\n      return tabsArr;\n    }, [suggested, followed, search, buddy]);\n\n    const listUlRef: { [id: string]: RefObject<HTMLElement> } = tabs.reduce((acc, tab) => {\n      return { ...acc, [tab.id]: createRef() };\n    }, {});\n\n    useEffect(() => {\n      if (tabsRef.current && getFocusables(tabsRef)?.length > 0)\n        activeElementRef.current = getFocusables(tabsRef)[0];\n      else {\n        activeTabContentRef.current =\n          articleContentRefs.current[tabs.findIndex(({ id }) => id === activeTab)];\n        if (activeTabContentRef && getFocusables(activeTabContentRef)?.length > 0) {\n          activeElementRef.current = getFocusables(activeTabContentRef)[0];\n        }\n      }\n    }, []);\n\n    useEffect(() => {\n      if (!loading) {\n        const currentTabContent = tabs.find(tab => tab.id === activeTab)?.content;\n        announcePolite({\n          type: 'status',\n          message:\n            currentTabContent && currentTabContent?.length > 0\n              ? `${header?.title || t('article_list_label_a11y')} ${t('loaded')}`\n              : t('no_items')\n        });\n      }\n    }, [loading]);\n\n    const getItemLength = (tabName: string): number => {\n      const currentTab = tabs.find(item => item.id === tabName);\n      if (!currentTab || !currentTab.content) {\n        return 0;\n      }\n      return currentTab.content.length - 1;\n    };\n\n    useItemIntersection(\n      listUlRef[activeTab],\n      getItemLength(activeTab),\n      () => {\n        if (!loadingMore) onLoadMore?.();\n      },\n      ':scope > li[role=\"article\"]'\n    );\n\n    const articleContent = ({\n      content,\n      aiArticles,\n      tabId,\n      headerTitle\n    }: {\n      count?: Tab['count'];\n      content: ArticleSummaryProps[];\n      aiArticles?: AIArticleSummaryProps[];\n      headerTitle?: ArticleListHeaderProps['title'];\n      tabId: ArticleListTabId;\n    }) => {\n      return (\n        <>\n          {activeTab === 'Search' && search && <ArticleListFilter {...search} />}\n          {activeTab === 'Followed' && followed && <ArticleListFilter {...followed} />}\n          {loading ? (\n            <Progress\n              placement='block'\n              message={t('loading')}\n              liveConfig={{ contextualLabel: headerTitle ?? t('article_list_label_a11y') }}\n            />\n          ) : (\n            <>\n              {content.length > 0 && (\n                <Flex\n                  container={{ direction: 'column', gap: 0.5, pad: [1.5, 2] }}\n                  as={StyledSummaryList}\n                  role='feed'\n                  ref={tabId !== 'Suggested' ? listUlRef[tabId] : undefined}\n                >\n                  {content.map(summaryItem => (\n                    <ArticleSummary\n                      {...summaryItem}\n                      key={summaryItem.articleId}\n                      onQuickFilterClick={onQuickFilterClick}\n                    />\n                  ))}\n                  {loadingMore && tabId !== 'Suggested' && <Progress placement='block' />}\n                </Flex>\n              )}\n              {content.length === 0 && tabId !== 'Suggested' && <EmptyState />}\n            </>\n          )}\n\n          {aiArticles && (\n            <>\n              <StyledAiSuggestionsHeader container={{ gap: 1, pad: [0, 2] }}>\n                <Icon name='polaris-solid' color={theme.base.palette.ai} />\n                <Text variant='h3'>{t('ai_suggestions')}</Text>\n              </StyledAiSuggestionsHeader>\n              {aiArticles.length > 0 ? (\n                <Flex\n                  container={{ direction: 'column', gap: 0.5, pad: [1, 2] }}\n                  as={StyledSummaryList}\n                  role='feed'\n                >\n                  {aiArticles.map(aiItem => (\n                    <AIArticleSummary {...aiItem} key={aiItem.articleId} />\n                  ))}\n                </Flex>\n              ) : (\n                <EmptyState />\n              )}\n            </>\n          )}\n        </>\n      );\n    };\n\n    return (\n      <Flex\n        {...restProps}\n        container={{\n          direction: 'column'\n        }}\n        as={StyledArticleList}\n        aria-label={t('article_list_label_a11y')}\n        ref={ref}\n        aria-busy={loading ? true : undefined}\n      >\n        {header && (\n          <ArticleListHeader icon={header.icon} title={header.title} actions={header.actions} />\n        )}\n\n        {tabs.length === 1 && (\n          <>\n            {tabs[0].id === 'Buddy' && buddy ? (\n              <ArticleBuddy {...buddy.content} />\n            ) : (\n              articleContent({\n                content: tabs[0]?.content || [],\n                aiArticles: tabs[0]?.aiArticles,\n                tabId: tabs[0].id,\n                headerTitle: header?.title\n              })\n            )}\n          </>\n        )}\n\n        {/* When multiple tabs present. */}\n\n        {tabs.length > 1 && (\n          <>\n            <Tabs\n              ref={tabsRef}\n              tabs={tabs}\n              onTabClick={(name, e) => {\n                if (document.activeElement instanceof HTMLElement) {\n                  activeElementRef.current = document.activeElement;\n                  onTabClick?.(name, e);\n                }\n              }}\n              currentTabId={activeTab}\n            />\n            {tabs.map(({ id, content, aiArticles }) => {\n              return (\n                <TabPanel\n                  key={id}\n                  tabId={id}\n                  currentTabId={activeTab}\n                  as={activeTab === id ? StyledArticleTabPanel : undefined}\n                >\n                  {activeTab === 'Buddy' && buddy ? (\n                    <ArticleBuddy {...buddy.content} />\n                  ) : (\n                    <>\n                      {activeTab === id &&\n                        content &&\n                        articleContent({\n                          content,\n                          tabId: id,\n                          headerTitle: header?.title,\n                          aiArticles\n                        })}\n                    </>\n                  )}\n                </TabPanel>\n              );\n            })}\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ArticleList;\n"]}

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

@@ -1,5 +1,5 @@
 import type { MouseEvent, MouseEventHandler, ReactNode, KeyboardEvent } from 'react';
-import type { Action, BaseProps, ComboBoxProps, OmitStrict, RequireAtLeastOne, SearchInputProps, TextAreaProps } from '@pega/cosmos-react-core';
+import type { Action, BaseProps, ComboBoxProps, NoChildrenProp, NumberDisplayProps, OmitStrict, RequireAtLeastOne, SearchInputProps, TextAreaProps, WithAttributes } from '@pega/cosmos-react-core';
 import type { ArticleRatingProps } from '../Article/ArticleRating';
 import type { ArticleMetaProps } from '../Article/ArticleMeta';
 export interface ArticleSummaryProps extends BaseProps {
@@ -14,7 +14,7 @@ export interface ArticleSummaryProps extends BaseProps {
     /** Callback fired when article title is clicked */
     onTitleClick?: (id?: string, event?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     /** Primary actions which needs to be displayed with an icon */
-    primaryActions?: Action[];
+    actions?: Action[];
     /** A list of elements to be rendered within a MetaList. */
     meta?: ArticleMetaProps;
     /** Rating - likes and dislikes of the article.  */
@@ -26,6 +26,9 @@ export interface ArticleSummaryProps extends BaseProps {
     /** callback fired when quick filter is clicked */
     onQuickFilterClick?: ArticleListProps['onQuickFilterClick'];
 }
+export type AIArticleSummaryProps = WithAttributes<'li', NoChildrenProp & {
+    score?: NumberDisplayProps['value'];
+} & Pick<ArticleSummaryProps, 'articleId' | 'href' | 'title' | 'onTitleClick' | 'actions'>>;
 export interface BaseReferenceProps {
     id: string;
     name: string;
@@ -119,7 +122,9 @@ export type ArticleListProps = RequireAtLeastOne<{
     /** Props related to article list header */
     header?: ArticleListHeaderProps;
     /** Data of suggested articles */
-    suggested?: Pick<Articles, 'articles' | 'count'>;
+    suggested?: Pick<Articles, 'articles' | 'count'> & {
+        aiSuggestedArticles?: AIArticleSummaryProps[];
+    };
     /** Data of followed articles */
     followed?: Articles;
     /** Data of search articles */

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

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