@pega/cosmos-react-work 7.0.0-build.22.2 → 7.0.0-build.22.20

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

@@ -1 +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"}
+{"version":3,"file":"AIArticleSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/AIArticleSummary.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;;AA4BjE,wBA+CG"}

package/lib/components/ArticleList/AIArticleSummary.js

@@ -1,18 +1,33 @@
 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 styled, { css } from 'styled-components';
+import { CardContent, Text, NumberDisplay, useI18n, defaultThemeProp } 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) {
+import ArticleTag from './ArticleTag';
+const StyledAiArticleCard = styled(ArticleCard)(({ theme, semanticSearch }) => {
+    return css `
+    &:last-child {
+      padding-block-end: ${theme.base.spacing};
+    }
+    ${semanticSearch
+        ? css `
+          &&&&:last-child {
+            border-block-end: none;
+          }
+        `
+        : css `
+          &:not(:last-child) {
+            border-block-end: none;
+          }
+        `}
+  `;
+});
+StyledAiArticleCard.defaultProps = defaultThemeProp;
+export default forwardRef(function AIArticleSummary({ articleId, title, href, onTitleClick, actions, score, semanticSearch = false, quickFilters, onQuickFilterClick, ...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 } })
-                    ]) }) }))] }));
+    return (_jsxs(StyledAiArticleCard, { ...restProps, as: 'li', ref: ref, semanticSearch: semanticSearch, children: [_jsx(ArticleSummaryHeader, { articleId: articleId, title: title, actions: actions, onTitleClick: onTitleClick, href: href }), (score !== undefined || quickFilters) && (_jsxs(CardContent, { children: [_jsx(Text, { variant: 'secondary', children: t(semanticSearch ? 'relevance_score' : 'score', [
+                            _jsx(NumberDisplay, { value: score, unit: 'percent', formattingOptions: { fractionDigits: 0 } })
+                        ]) }), quickFilters && quickFilters.length > 0 && (_jsx(ArticleTag, { quickFilters: quickFilters, onQuickFilterClick: onQuickFilterClick }))] }))] }));
 });
 //# sourceMappingURL=AIArticleSummary.js.map

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

@@ -1 +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"]}
+{"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,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,WAAW,EACX,IAAI,EAEJ,aAAa,EACb,OAAO,EACP,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,CAE5C,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/B,OAAO,GAAG,CAAA;;2BAEe,KAAK,CAAC,IAAI,CAAC,OAAO;;MAEvC,cAAc;QACd,CAAC,CAAC,GAAG,CAAA;;;;SAIF;QACH,CAAC,CAAC,GAAG,CAAA;;;;SAIF;GACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,eAAe,UAAU,CAGvB,SAAS,gBAAgB,CACzB,EACE,SAAS,EACT,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,kBAAkB,EAClB,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,MAAC,mBAAmB,OAAK,SAAS,EAAE,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,cAAc,aAClF,KAAC,oBAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,GACV,EACD,CAAC,KAAK,KAAK,SAAS,IAAI,YAAY,CAAC,IAAI,CACxC,MAAC,WAAW,eACV,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YACtB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,EAAE;4BAC/C,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,iBAAiB,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,GACxC;yBACH,CAAC,GACG,EACN,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C,KAAC,UAAU,IAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CACnF,IACW,CACf,IACmB,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { PropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  CardContent,\n  Text,\n  type RefElement,\n  NumberDisplay,\n  useI18n,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\n\nimport type { AIArticleSummaryProps } from './ArticleList.types';\nimport { ArticleCard } from './ArticleSummary.styles';\nimport ArticleSummaryHeader from './ArticleSummaryHeader';\nimport ArticleTag from './ArticleTag';\n\nconst StyledAiArticleCard = styled(ArticleCard)<{\n  semanticSearch: AIArticleSummaryProps['semanticSearch'];\n}>(({ theme, semanticSearch }) => {\n  return css`\n    &:last-child {\n      padding-block-end: ${theme.base.spacing};\n    }\n    ${semanticSearch\n      ? css`\n          &&&&:last-child {\n            border-block-end: none;\n          }\n        `\n      : css`\n          &:not(:last-child) {\n            border-block-end: none;\n          }\n        `}\n  `;\n});\n\nStyledAiArticleCard.defaultProps = defaultThemeProp;\n\nexport default forwardRef<\n  RefElement<AIArticleSummaryProps>,\n  PropsWithoutRef<AIArticleSummaryProps>\n>(function AIArticleSummary(\n  {\n    articleId,\n    title,\n    href,\n    onTitleClick,\n    actions,\n    score,\n    semanticSearch = false,\n    quickFilters,\n    onQuickFilterClick,\n    ...restProps\n  },\n  ref\n) {\n  const t = useI18n();\n\n  return (\n    <StyledAiArticleCard {...restProps} as='li' ref={ref} semanticSearch={semanticSearch}>\n      <ArticleSummaryHeader\n        articleId={articleId}\n        title={title}\n        actions={actions}\n        onTitleClick={onTitleClick}\n        href={href}\n      />\n      {(score !== undefined || quickFilters) && (\n        <CardContent>\n          <Text variant='secondary'>\n            {t(semanticSearch ? 'relevance_score' : 'score', [\n              <NumberDisplay\n                value={score}\n                unit='percent'\n                formattingOptions={{ fractionDigits: 0 }}\n              />\n            ])}\n          </Text>\n          {quickFilters && quickFilters.length > 0 && (\n            <ArticleTag quickFilters={quickFilters} onQuickFilterClick={onQuickFilterClick} />\n          )}\n        </CardContent>\n      )}\n    </StyledAiArticleCard>\n  );\n});\n"]}

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

@@ -1,6 +1,7 @@
 import type { FunctionComponent } from 'react';
 import type { ForwardProps } from '@pega/cosmos-react-core';
 import type { ArticleListProps } from './ArticleList.types';
+export declare const StyledSummaryList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 declare const ArticleList: FunctionComponent<ArticleListProps & ForwardProps>;
 export default ArticleList;
 //# sourceMappingURL=ArticleList.d.ts.map

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;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"}
+{"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;AAU7B,eAAO,MAAM,iBAAiB,wGAmB5B,CAAC;AA4CH,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAkRnE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/ArticleList/ArticleList.js

@@ -6,12 +6,14 @@ import { Flex, useI18n, defaultThemeProp, TabPanel, Tabs, EmptyState, Progress,
 import * as polarisIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
 import ArticleListFilter from './ArticleListFilter';
 import ArticleSummary from './ArticleSummary';
+import { isSearchArticle, isSemanticSearchArticle } from './ArticleList.types';
 import ArticleListHeader from './ArticleListHeader';
 import ArticleBuddy from './ArticleBuddy';
 import AIArticleSummary from './AIArticleSummary';
 import { ArticleCard } from './ArticleSummary.styles';
+import ArticleSemanticSearch from './ArticleSemanticSearch';
 registerIcon(polarisIcon);
-const StyledSummaryList = styled.ul(({ theme }) => {
+export const StyledSummaryList = styled.ul(({ theme }) => {
     return css `
     &:not(:last-child) {
       padding-block-end: ${theme.base.spacing};
@@ -32,14 +34,18 @@ const StyledSummaryList = styled.ul(({ theme }) => {
   `;
 });
 StyledSummaryList.defaultProps = defaultThemeProp;
-const StyledArticleTabPanel = styled.div(({ theme }) => {
+const StyledArticleTabPanel = styled.div(({ theme, semanticSearch, currentTabId }) => {
     return css `
     display: flex;
     flex-direction: column;
     min-height: 0;
     flex: 1 1;
     gap: ${theme.base.spacing};
-    padding-block-end: ${theme.base.spacing};
+    ${!semanticSearch &&
+        currentTabId !== 'Search' &&
+        css `
+      padding-block-end: ${theme.base.spacing};
+    `}
   `;
 });
 StyledArticleTabPanel.defaultProps = defaultThemeProp;
@@ -60,7 +66,7 @@ const StyledAiSuggestionsHeader = styled(Flex)(({ theme }) => {
 });
 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 { header, suggested, followed, search, buddy, onTabClick, activeTab, loading = false, loadingMore = false, onQuickFilterClick, onLoadMore, semanticSearch = false, feedback, ...restProps } = props;
     const t = useI18n();
     const theme = useTheme();
     const { announcePolite } = useLiveLog();
@@ -137,7 +143,7 @@ const ArticleList = forwardRef(function ArticleList(props, ref) {
             onLoadMore?.();
     }, ':scope > li[role="article"]');
     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(_Fragment, { children: [activeTab === 'Search' && search && (_jsx(ArticleListFilter, { ...search, semanticSearch: semanticSearch })), activeTab === 'Followed' && followed && (_jsx(ArticleListFilter, { ...followed, semanticSearch: false })), loading ? (_jsx(Progress, { placement: 'block', message: t('loading'), liveConfig: { contextualLabel: headerTitle ?? t('article_list_label_a11y') } })) : (_jsx(_Fragment, { children: semanticSearch && tabId === 'Search' && buddy && isSemanticSearchArticle(content) ? (_jsx(ArticleSemanticSearch, { articles: content, feedback: feedback })) : (_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 => isSearchArticle(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, semanticSearch: false }))) })) : (_jsx(EmptyState, {}))] }))] }));
     };
     return (_jsxs(Flex, { ...restProps, container: {
             direction: 'column'
@@ -152,7 +158,7 @@ const ArticleList = forwardRef(function ArticleList(props, ref) {
                                 onTabClick?.(name, e);
                             }
                         }, 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 &&
+                        return (_jsx(TabPanel, { tabId: id, currentTabId: activeTab, semanticSearch: semanticSearch, as: activeTab === id ? StyledArticleTabPanel : undefined, children: activeTab === 'Buddy' && buddy ? (_jsx(ArticleBuddy, { ...buddy.content })) : (_jsx(_Fragment, { children: activeTab === id &&
                                     content &&
                                     articleContent({
                                         content,

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  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"]}
+{"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  ArticleListHeaderProps,\n  AIArticleSummaryProps,\n  SearchArticle\n} from './ArticleList.types';\nimport { isSearchArticle, isSemanticSearchArticle } from './ArticleList.types';\nimport ArticleListHeader from './ArticleListHeader';\nimport ArticleBuddy from './ArticleBuddy';\nimport AIArticleSummary from './AIArticleSummary';\nimport { ArticleCard } from './ArticleSummary.styles';\nimport ArticleSemanticSearch from './ArticleSemanticSearch';\n\nregisterIcon(polarisIcon);\n\nexport const 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<{\n  semanticSearch: ArticleListProps['semanticSearch'];\n  currentTabId: ArticleListProps['activeTab'];\n}>(({ theme, semanticSearch, currentTabId }) => {\n  return css`\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1;\n    gap: ${theme.base.spacing};\n    ${!semanticSearch &&\n    currentTabId !== 'Search' &&\n    css`\n      padding-block-end: ${theme.base.spacing};\n    `}\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      semanticSearch = false,\n      feedback,\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?: SearchArticle[];\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: SearchArticle[];\n      aiArticles?: AIArticleSummaryProps[];\n      headerTitle?: ArticleListHeaderProps['title'];\n      tabId: ArticleListTabId;\n    }) => {\n      return (\n        <>\n          {activeTab === 'Search' && search && (\n            <ArticleListFilter {...search} semanticSearch={semanticSearch} />\n          )}\n          {activeTab === 'Followed' && followed && (\n            <ArticleListFilter {...followed} semanticSearch={false} />\n          )}\n          {loading ? (\n            <Progress\n              placement='block'\n              message={t('loading')}\n              liveConfig={{ contextualLabel: headerTitle ?? t('article_list_label_a11y') }}\n            />\n          ) : (\n            <>\n              {semanticSearch && tabId === 'Search' && buddy && isSemanticSearchArticle(content) ? (\n                <ArticleSemanticSearch articles={content} feedback={feedback} />\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(\n                        summaryItem =>\n                          isSearchArticle(summaryItem) && (\n                            <ArticleSummary\n                              {...summaryItem}\n                              key={summaryItem.articleId}\n                              onQuickFilterClick={onQuickFilterClick}\n                            />\n                          )\n                      )}\n                      {loadingMore && tabId !== 'Suggested' && <Progress placement='block' />}\n                    </Flex>\n                  )}\n                  {content.length === 0 && tabId !== 'Suggested' && <EmptyState />}\n                </>\n              )}\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} semanticSearch={false} />\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                  semanticSearch={semanticSearch}\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

@@ -28,7 +28,13 @@ export interface ArticleSummaryProps extends BaseProps {
 }
 export type AIArticleSummaryProps = WithAttributes<'li', NoChildrenProp & {
     score?: NumberDisplayProps['value'];
-} & Pick<ArticleSummaryProps, 'articleId' | 'href' | 'title' | 'onTitleClick' | 'actions'>>;
+    /**
+     * Indicates whether semantic search functionality to be used.
+     * @default false
+     */
+    semanticSearch: boolean;
+} & Pick<ArticleSummaryProps, 'articleId' | 'href' | 'title' | 'onTitleClick' | 'actions' | 'quickFilters' | 'onQuickFilterClick'>>;
+export type SearchArticle = AIArticleSummaryProps | ArticleSummaryProps;
 export interface BaseReferenceProps {
     id: string;
     name: string;
@@ -71,10 +77,6 @@ export interface BuddyResponseProps {
     references?: Reference[];
     /** Disclaimer for the genAI response */
     disclaimer?: string;
-    /**
-     * Optionally renders an indeterminate progress indicator while result are being fetched.
-     * @default false
-     */
     /** back button from the response */
     onBackNavigation?: (e: MouseEvent<HTMLButtonElement>) => void;
     /**
@@ -151,7 +153,9 @@ export type ArticleListProps = RequireAtLeastOne<{
     /** Data of followed articles */
     followed?: Articles;
     /** Data of search articles */
-    search?: Articles;
+    search?: OmitStrict<Articles, 'articles'> & {
+        articles: SearchArticle[];
+    };
     buddy?: {
         title: string;
         content: ArticleBuddyProps;
@@ -174,6 +178,13 @@ export type ArticleListProps = RequireAtLeastOne<{
     onQuickFilterClick?: (quickFilterParam: QuickFilter, event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     /** Callback to fetch more rows */
     onLoadMore?: () => void;
+    /**
+     * Indicates whether semantic search functionality to be used.
+     * @default false
+     */
+    semanticSearch?: boolean;
+    /** Handles the feedback section */
+    feedback?: ArticleFeedbackProps;
 }, 'suggested' | 'followed' | 'search' | 'buddy'>;
 export interface QuickFilter {
     /** Unique id of quick Filter */
@@ -181,6 +192,12 @@ export interface QuickFilter {
     /** Name of quick Filter */
     name: string;
 }
+export type ArticleSemanticSearchProps = WithAttributes<'div', NoChildrenProp & {
+    articles?: AIArticleSummaryProps[];
+    feedback?: ArticleFeedbackProps;
+}>;
+export declare function isSearchArticle(item: AIArticleSummaryProps | ArticleSummaryProps): item is ArticleSummaryProps;
+export declare const isSemanticSearchArticle: (fileItems: (AIArticleSummaryProps | ArticleSummaryProps)[]) => fileItems is AIArticleSummaryProps[];
 export type ArticleListTabId = 'Suggested' | 'Followed' | 'Search' | 'Buddy';
 export {};
 //# sourceMappingURL=ArticleList.types.d.ts.map

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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"}

package/lib/components/ArticleList/ArticleList.types.js

@@ -4,4 +4,10 @@ export const isExternalLink = (reference) => {
 export const isInternalArticle = (reference) => {
     return reference.type === 'object';
 };
+export function isSearchArticle(item) {
+    return 'abstract' in item;
+}
+export const isSemanticSearchArticle = (fileItems) => {
+    return fileItems.every(item => 'semanticSearch' in item);
+};
 //# sourceMappingURL=ArticleList.types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleList.types.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleList.types.ts"],"names":[],"mappings":"AAwJA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAoB,EAAkC,EAAE;IACrF,OAAO,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAoB,EAAqC,EAAE;IAC3F,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC;AACrC,CAAC,CAAC","sourcesContent":["import type { MouseEvent, MouseEventHandler, ReactNode, KeyboardEvent } from 'react';\n\nimport type {\n  Action,\n  BaseProps,\n  ComboBoxProps,\n  NoChildrenProp,\n  NumberDisplayProps,\n  OmitStrict,\n  RequireAtLeastOne,\n  SearchInputProps,\n  TextAreaProps,\n  WithAttributes\n} from '@pega/cosmos-react-core';\n\nimport type { ArticleRatingProps } from '../Article/ArticleRating';\nimport type { ArticleMetaProps } from '../Article/ArticleMeta';\n\nexport interface ArticleSummaryProps extends BaseProps {\n  /** Unique id of article */\n  articleId: string;\n  /** URL or DOM id to navigate to. This will render the nav item as a link. */\n  href?: string;\n  /** Article title */\n  title: string;\n  /** Article content */\n  abstract: string;\n  /** Callback fired when article title is clicked */\n  onTitleClick?: (id?: string, event?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n  /** Primary actions which needs to be displayed with an icon */\n  actions?: Action[];\n  /** A list of elements to be rendered within a MetaList. */\n  meta?: ArticleMetaProps;\n  /** Rating - likes and dislikes of the article.  */\n  feedback?: OmitStrict<ArticleRatingProps, 'onReaction'> & {\n    onReaction: (\n      articleId: ArticleSummaryProps['articleId'],\n      reaction: ArticleRatingProps['reaction']\n    ) => void;\n  };\n  /** Quick filters to filter articles. */\n  quickFilters?: QuickFilter[];\n  /** callback fired when quick filter is clicked */\n  onQuickFilterClick?: ArticleListProps['onQuickFilterClick'];\n}\n\nexport type AIArticleSummaryProps = WithAttributes<\n  'li',\n  NoChildrenProp & {\n    score?: NumberDisplayProps['value'];\n  } & Pick<ArticleSummaryProps, 'articleId' | 'href' | 'title' | 'onTitleClick' | 'actions'>\n>;\n\nexport interface BaseReferenceProps {\n  id: string;\n  name: string;\n  confidence?: number;\n}\n\nexport type ExternalLinkProps = BaseReferenceProps & { type: 'link'; href: string };\n\nexport type InternalArticleProps = BaseReferenceProps & {\n  type: 'object';\n  onClick: (id: BaseReferenceProps['id'], e: MouseEvent<HTMLButtonElement>) => void;\n};\n\ntype Reference = ExternalLinkProps | InternalArticleProps;\n\n/** Handles reaction */\nexport type Reaction = 'liked' | 'disliked' | undefined;\n\nexport type ArticleFeedbackProps = WithAttributes<\n  'div',\n  NoChildrenProp & {\n    /** Question to be displayed */\n    question: string;\n    /** Handles reaction */\n    reaction: Reaction;\n    /** Callback to handle reaction */\n    onReaction: (reaction: Reaction) => void;\n    /** Handles comment section */\n    comment?: Required<Pick<TextAreaProps, 'value' | 'placeholder' | 'onChange' | 'labelHidden'>>;\n    /** Callback on the click of submit */\n    onSubmit?: (\n      feedback: { reaction: Reaction; comment: string },\n      e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLTextAreaElement>\n    ) => void;\n  }\n>;\n\nexport interface BuddyResponseProps {\n  /** title of the search content */\n  title?: string;\n  /** Main body of search content */\n  content?: ReactNode;\n  /** Action for share and copy */\n  actions?: Action[];\n  /** References with confidence level */\n  references?: Reference[];\n  /** Disclaimer for the genAI response */\n  disclaimer?: string;\n  /**\n   * Optionally renders an indeterminate progress indicator while result are being fetched.\n   * @default false\n   */\n\n  /** back button from the response */\n  onBackNavigation?: (e: MouseEvent<HTMLButtonElement>) => void;\n\n  /**\n   * error state\n   * @default false\n   */\n  error?: boolean;\n  /** Feedback for buddy response */\n  feedback?: ArticleFeedbackProps;\n}\n\nexport interface AutoAnsweredItem {\n  id: string;\n  query: string;\n  onTitleClick: (id: string) => void;\n  actions?: Action[];\n  abstract: string;\n}\n\nexport interface DetectedItem extends OmitStrict<AutoAnsweredItem, 'abstract'> {\n  confidence?: number;\n}\n\nexport type BuddyListProps = WithAttributes<\n  'div',\n  NoChildrenProp & {\n    autoAnswered?: AutoAnsweredItem[];\n    detected?: DetectedItem[];\n    pastQuestions?: string[];\n    notRelevantQuestions?: string[];\n    showMore?: boolean;\n    onShowMoreToggle?: () => void;\n  }\n>;\n\nexport interface ArticleBuddyProps {\n  query: Required<Pick<TextAreaProps, 'label' | 'value' | 'placeholder' | 'onChange'>> &\n    Pick<TextAreaProps, 'labelHidden'>;\n  onSubmit: () => void;\n  onClear: () => void;\n  loading?: boolean;\n  list?: BuddyListProps;\n  response?: BuddyResponseProps;\n}\n\nexport const isExternalLink = (reference: Reference): reference is ExternalLinkProps => {\n  return reference.type === 'link';\n};\n\nexport const isInternalArticle = (reference: Reference): reference is InternalArticleProps => {\n  return reference.type === 'object';\n};\n\nexport interface Articles {\n  /** List of articles */\n  articles: ArticleSummaryProps[];\n  /** count of articles */\n  count?: number;\n  /** Props related to the Search Input. */\n  searchInput: OmitStrict<\n    SearchInputProps,\n    | 'placeholder'\n    | 'onSearchSubmit'\n    | 'searchResults'\n    | 'recentSearches'\n    | 'advancedSearchLink'\n    | 'resultsPopover'\n  >;\n  /** Props related to the Category Input. */\n  category?: OmitStrict<\n    ComboBoxProps,\n    | 'id'\n    | 'labelHidden'\n    | 'required'\n    | 'disabled'\n    | 'readOnly'\n    | 'status'\n    | 'info'\n    | 'actions'\n    | 'additionalInfo'\n  >;\n  /** Props related to the SortBy Input. */\n  sortBy?: OmitStrict<\n    ComboBoxProps,\n    | 'id'\n    | 'labelHidden'\n    | 'required'\n    | 'disabled'\n    | 'readOnly'\n    | 'status'\n    | 'info'\n    | 'mode'\n    | 'actions'\n    | 'additionalInfo'\n    | 'onChange'\n    | 'value'\n  >;\n  /** Callback fired when clear button is clicked */\n  onClearClick?: MouseEventHandler<HTMLButtonElement>;\n  /** Quick filters to filter articles */\n  quickFilters?: QuickFilter[];\n  /** Callback fired when applied quick filter is removed */\n  handleQuickFilterRemove?: (id: string) => void;\n  /** Prop to enable show / hide results */\n  showResults?: boolean;\n}\n\nexport interface ArticleListHeaderProps {\n  /** Title of article list */\n  title: string;\n  /** Article list header icon */\n  icon?: string;\n  /** Actions which needs to be displayed with an icon */\n  actions?: Action[];\n}\n\nexport type ArticleListProps = RequireAtLeastOne<\n  {\n    /** Props related to article list header */\n    header?: ArticleListHeaderProps;\n    /** Data of suggested articles */\n    suggested?: Pick<Articles, 'articles' | 'count'> & {\n      aiSuggestedArticles?: AIArticleSummaryProps[];\n    };\n    /** Data of followed articles */\n    followed?: Articles;\n    /** Data of search articles */\n    search?: Articles;\n    buddy?: {\n      title: string;\n      content: ArticleBuddyProps;\n    };\n    /** current active tab whose list has to be rendered */\n    activeTab: string;\n    /** Callback fired when tab is clicked */\n    onTabClick?: (name: string, event?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n    /**\n     * Optionally renders an indeterminate progress indicator while articles are being fetched.\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Optionally renders an indeterminate progress indicator while progressively fetching articles\n     * @default false\n     */\n    loadingMore?: boolean;\n    /** callback fired when quick filter is clicked */\n    onQuickFilterClick?: (\n      quickFilterParam: QuickFilter,\n      event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    ) => void;\n    /** Callback to fetch more rows */\n    onLoadMore?: () => void;\n  },\n  'suggested' | 'followed' | 'search' | 'buddy'\n>;\n\nexport interface QuickFilter {\n  /** Unique id of quick Filter */\n  id: string;\n  /** Name of quick Filter */\n  name: string;\n}\n\nexport type ArticleListTabId = 'Suggested' | 'Followed' | 'Search' | 'Buddy';\n"]}
+{"version":3,"file":"ArticleList.types.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleList.types.ts"],"names":[],"mappings":"AAoKA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAoB,EAAkC,EAAE;IACrF,OAAO,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAoB,EAAqC,EAAE;IAC3F,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC;AACrC,CAAC,CAAC;AAgIF,MAAM,UAAU,eAAe,CAC7B,IAAiD;IAEjD,OAAO,UAAU,IAAI,IAAI,CAAC;AAC5B,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,SAA0D,EACpB,EAAE;IACxC,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC;AAC3D,CAAC,CAAC","sourcesContent":["import type { MouseEvent, MouseEventHandler, ReactNode, KeyboardEvent } from 'react';\n\nimport type {\n  Action,\n  BaseProps,\n  ComboBoxProps,\n  NoChildrenProp,\n  NumberDisplayProps,\n  OmitStrict,\n  RequireAtLeastOne,\n  SearchInputProps,\n  TextAreaProps,\n  WithAttributes\n} from '@pega/cosmos-react-core';\n\nimport type { ArticleRatingProps } from '../Article/ArticleRating';\nimport type { ArticleMetaProps } from '../Article/ArticleMeta';\n\nexport interface ArticleSummaryProps extends BaseProps {\n  /** Unique id of article */\n  articleId: string;\n  /** URL or DOM id to navigate to. This will render the nav item as a link. */\n  href?: string;\n  /** Article title */\n  title: string;\n  /** Article content */\n  abstract: string;\n  /** Callback fired when article title is clicked */\n  onTitleClick?: (id?: string, event?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n  /** Primary actions which needs to be displayed with an icon */\n  actions?: Action[];\n  /** A list of elements to be rendered within a MetaList. */\n  meta?: ArticleMetaProps;\n  /** Rating - likes and dislikes of the article.  */\n  feedback?: OmitStrict<ArticleRatingProps, 'onReaction'> & {\n    onReaction: (\n      articleId: ArticleSummaryProps['articleId'],\n      reaction: ArticleRatingProps['reaction']\n    ) => void;\n  };\n  /** Quick filters to filter articles. */\n  quickFilters?: QuickFilter[];\n  /** callback fired when quick filter is clicked */\n  onQuickFilterClick?: ArticleListProps['onQuickFilterClick'];\n}\n\nexport type AIArticleSummaryProps = WithAttributes<\n  'li',\n  NoChildrenProp & {\n    score?: NumberDisplayProps['value'];\n    /**\n     * Indicates whether semantic search functionality to be used.\n     * @default false\n     */\n    semanticSearch: boolean;\n  } & Pick<\n      ArticleSummaryProps,\n      | 'articleId'\n      | 'href'\n      | 'title'\n      | 'onTitleClick'\n      | 'actions'\n      | 'quickFilters'\n      | 'onQuickFilterClick'\n    >\n>;\n\nexport type SearchArticle = AIArticleSummaryProps | ArticleSummaryProps;\n\nexport interface BaseReferenceProps {\n  id: string;\n  name: string;\n  confidence?: number;\n}\n\nexport type ExternalLinkProps = BaseReferenceProps & { type: 'link'; href: string };\n\nexport type InternalArticleProps = BaseReferenceProps & {\n  type: 'object';\n  onClick: (id: BaseReferenceProps['id'], e: MouseEvent<HTMLButtonElement>) => void;\n};\n\ntype Reference = ExternalLinkProps | InternalArticleProps;\n\n/** Handles reaction */\nexport type Reaction = 'liked' | 'disliked' | undefined;\n\nexport type ArticleFeedbackProps = WithAttributes<\n  'div',\n  NoChildrenProp & {\n    /** Question to be displayed */\n    question: string;\n    /** Handles reaction */\n    reaction: Reaction;\n    /** Callback to handle reaction */\n    onReaction: (reaction: Reaction) => void;\n    /** Handles comment section */\n    comment?: Required<Pick<TextAreaProps, 'value' | 'placeholder' | 'onChange' | 'labelHidden'>>;\n    /** Callback on the click of submit */\n    onSubmit?: (\n      feedback: { reaction: Reaction; comment: string },\n      e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLTextAreaElement>\n    ) => void;\n  }\n>;\n\nexport interface BuddyResponseProps {\n  /** title of the search content */\n  title?: string;\n  /** Main body of search content */\n  content?: ReactNode;\n  /** Action for share and copy */\n  actions?: Action[];\n  /** References with confidence level */\n  references?: Reference[];\n  /** Disclaimer for the genAI response */\n  disclaimer?: string;\n\n  /** back button from the response */\n  onBackNavigation?: (e: MouseEvent<HTMLButtonElement>) => void;\n\n  /**\n   * error state\n   * @default false\n   */\n  error?: boolean;\n  /** Feedback for buddy response */\n  feedback?: ArticleFeedbackProps;\n}\n\nexport interface AutoAnsweredItem {\n  id: string;\n  query: string;\n  onTitleClick: (id: string) => void;\n  actions?: Action[];\n  abstract: string;\n}\n\nexport interface DetectedItem extends OmitStrict<AutoAnsweredItem, 'abstract'> {\n  confidence?: number;\n}\n\nexport type BuddyListProps = WithAttributes<\n  'div',\n  NoChildrenProp & {\n    autoAnswered?: AutoAnsweredItem[];\n    detected?: DetectedItem[];\n    pastQuestions?: string[];\n    notRelevantQuestions?: string[];\n    showMore?: boolean;\n    onShowMoreToggle?: () => void;\n  }\n>;\n\nexport interface ArticleBuddyProps {\n  query: Required<Pick<TextAreaProps, 'label' | 'value' | 'placeholder' | 'onChange'>> &\n    Pick<TextAreaProps, 'labelHidden'>;\n  onSubmit: () => void;\n  onClear: () => void;\n  loading?: boolean;\n  list?: BuddyListProps;\n  response?: BuddyResponseProps;\n}\n\nexport const isExternalLink = (reference: Reference): reference is ExternalLinkProps => {\n  return reference.type === 'link';\n};\n\nexport const isInternalArticle = (reference: Reference): reference is InternalArticleProps => {\n  return reference.type === 'object';\n};\n\nexport interface Articles {\n  /** List of articles */\n  articles: ArticleSummaryProps[];\n  /** count of articles */\n  count?: number;\n  /** Props related to the Search Input. */\n  searchInput: OmitStrict<\n    SearchInputProps,\n    | 'placeholder'\n    | 'onSearchSubmit'\n    | 'searchResults'\n    | 'recentSearches'\n    | 'advancedSearchLink'\n    | 'resultsPopover'\n  >;\n  /** Props related to the Category Input. */\n  category?: OmitStrict<\n    ComboBoxProps,\n    | 'id'\n    | 'labelHidden'\n    | 'required'\n    | 'disabled'\n    | 'readOnly'\n    | 'status'\n    | 'info'\n    | 'actions'\n    | 'additionalInfo'\n  >;\n  /** Props related to the SortBy Input. */\n  sortBy?: OmitStrict<\n    ComboBoxProps,\n    | 'id'\n    | 'labelHidden'\n    | 'required'\n    | 'disabled'\n    | 'readOnly'\n    | 'status'\n    | 'info'\n    | 'mode'\n    | 'actions'\n    | 'additionalInfo'\n    | 'onChange'\n    | 'value'\n  >;\n  /** Callback fired when clear button is clicked */\n  onClearClick?: MouseEventHandler<HTMLButtonElement>;\n  /** Quick filters to filter articles */\n  quickFilters?: QuickFilter[];\n  /** Callback fired when applied quick filter is removed */\n  handleQuickFilterRemove?: (id: string) => void;\n  /** Prop to enable show / hide results */\n  showResults?: boolean;\n}\n\nexport interface ArticleListHeaderProps {\n  /** Title of article list */\n  title: string;\n  /** Article list header icon */\n  icon?: string;\n  /** Actions which needs to be displayed with an icon */\n  actions?: Action[];\n}\n\nexport type ArticleListProps = RequireAtLeastOne<\n  {\n    /** Props related to article list header */\n    header?: ArticleListHeaderProps;\n    /** Data of suggested articles */\n    suggested?: Pick<Articles, 'articles' | 'count'> & {\n      aiSuggestedArticles?: AIArticleSummaryProps[];\n    };\n    /** Data of followed articles */\n    followed?: Articles;\n    /** Data of search articles */\n    search?: OmitStrict<Articles, 'articles'> & { articles: SearchArticle[] };\n    buddy?: {\n      title: string;\n      content: ArticleBuddyProps;\n    };\n    /** current active tab whose list has to be rendered */\n    activeTab: string;\n    /** Callback fired when tab is clicked */\n    onTabClick?: (name: string, event?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n    /**\n     * Optionally renders an indeterminate progress indicator while articles are being fetched.\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Optionally renders an indeterminate progress indicator while progressively fetching articles\n     * @default false\n     */\n    loadingMore?: boolean;\n    /** callback fired when quick filter is clicked */\n    onQuickFilterClick?: (\n      quickFilterParam: QuickFilter,\n      event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    ) => void;\n    /** Callback to fetch more rows */\n    onLoadMore?: () => void;\n    /**\n     * Indicates whether semantic search functionality to be used.\n     * @default false\n     */\n    semanticSearch?: boolean;\n    /** Handles the feedback section */\n    feedback?: ArticleFeedbackProps;\n  },\n  'suggested' | 'followed' | 'search' | 'buddy'\n>;\n\nexport interface QuickFilter {\n  /** Unique id of quick Filter */\n  id: string;\n  /** Name of quick Filter */\n  name: string;\n}\n\nexport type ArticleSemanticSearchProps = WithAttributes<\n  'div',\n  NoChildrenProp & {\n    articles?: AIArticleSummaryProps[];\n    feedback?: ArticleFeedbackProps;\n  }\n>;\n\nexport function isSearchArticle(\n  item: AIArticleSummaryProps | ArticleSummaryProps\n): item is ArticleSummaryProps {\n  return 'abstract' in item;\n}\n\nexport const isSemanticSearchArticle = (\n  fileItems: (AIArticleSummaryProps | ArticleSummaryProps)[]\n): fileItems is AIArticleSummaryProps[] => {\n  return fileItems.every(item => 'semanticSearch' in item);\n};\n\nexport type ArticleListTabId = 'Suggested' | 'Followed' | 'Search' | 'Buddy';\n"]}

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

@@ -1,6 +1,7 @@
 import type { FunctionComponent } from 'react';
 import type { ForwardProps } from '@pega/cosmos-react-core';
 import type { ArticleListProps } from './ArticleList.types';
-declare const ArticleListFilter: FunctionComponent<ArticleListProps['search'] & ForwardProps>;
+type ArticleListFilterProps = ArticleListProps['search'] & Pick<ArticleListProps, 'semanticSearch'>;
+declare const ArticleListFilter: FunctionComponent<ArticleListFilterProps & ForwardProps>;
 export default ArticleListFilter;
 //# sourceMappingURL=ArticleListFilter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleListFilter.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleListFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8C5D,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,YAAY,CA2DnF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ArticleListFilter.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleListFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA6C5D,KAAK,sBAAsB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;AAEpG,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAgE/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/ArticleList/ArticleListFilter.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import styled, { css } from 'styled-components';
 import { Button, Flex, SearchInput, useI18n, defaultThemeProp, ComboBox, StyledSearchInput, Text, Selectable } from '@pega/cosmos-react-core';
@@ -44,7 +44,7 @@ const StyledSearchFilters = styled.div(({ theme }) => {
 });
 StyledSearchFilters.defaultProps = defaultThemeProp;
 const ArticleListFilter = (props) => {
-    const { searchInput, category, sortBy, onClearClick, articles, quickFilters = [], showResults = false, handleQuickFilterRemove, ...restProps } = props || {};
+    const { searchInput, category, sortBy, onClearClick, articles, quickFilters = [], showResults = false, handleQuickFilterRemove, semanticSearch = false, ...restProps } = props || {};
     const t = useI18n();
     const searchResults = t('results_count', [articles?.length ?? 0]);
     const quickFiltersRef = useRef([]);
@@ -55,7 +55,7 @@ const ArticleListFilter = (props) => {
     }, [articles]);
     return (_jsxs(StyledSearchFilters, { ...restProps, children: [_jsx(Flex, { container: { alignItems: 'center', gap: 1, pad: [0.5, undefined] }, children: _jsx(SearchInput, { ...searchInput }) }), quickFilters.map(({ id, name }, i) => (_jsx(StyledSelectable, { id: id, ref: (el) => {
                     quickFiltersRef.current[i] = el;
-                }, onRemove: handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined, onClick: handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined, children: name }))), _jsxs(StyledFilterContainer, { container: { gap: 1, alignItems: 'start' }, children: [category && _jsx(ComboBox, { ...category }), sortBy && _jsx(ComboBox, { ...sortBy }), onClearClick && (_jsx(StyledClearButton, { variant: 'link', label: t('clear'), "aria-label": t('clear_filters'), onClick: onClearClick, children: t('clear') }))] }), showResults && _jsx(Text, { variant: 'secondary', children: searchResults })] }));
+                }, onRemove: handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined, onClick: handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined, children: name }))), !semanticSearch && (_jsxs(_Fragment, { children: [_jsxs(StyledFilterContainer, { container: { gap: 1, alignItems: 'start' }, children: [category && _jsx(ComboBox, { ...category }), sortBy && _jsx(ComboBox, { ...sortBy }), onClearClick && (_jsx(StyledClearButton, { variant: 'link', label: t('clear'), "aria-label": t('clear_filters'), onClick: onClearClick, children: t('clear') }))] }), showResults && _jsx(Text, { variant: 'secondary', children: searchResults })] }))] }));
 };
 export default ArticleListFilter;
 //# sourceMappingURL=ArticleListFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleListFilter.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleListFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  SearchInput,\n  useI18n,\n  defaultThemeProp,\n  ComboBox,\n  StyledSearchInput,\n  Text,\n  Selectable\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport { StyledFormContent } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm';\n\nimport type { ArticleListProps } from './ArticleList.types';\n\nconst StyledClearButton = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-start: calc(4.5 * ${theme.base.spacing});\n  `;\n});\nStyledClearButton.defaultProps = defaultThemeProp;\n\nconst StyledFilterContainer = styled(Flex)`\n  flex-grow: 1;\n`;\n\nconst StyledSelectable = styled(Selectable)(({ theme }) => {\n  return css`\n    line-height: calc(2 * ${theme.base.spacing});\n    margin: calc(0.25 * ${theme.base.spacing});\n  `;\n});\nStyledSelectable.defaultProps = defaultThemeProp;\n\nconst StyledSearchFilters = styled.div(({ theme }) => {\n  return css`\n    width: 100%;\n    padding-block-start: ${theme.base.spacing};\n    padding-inline: calc(2 * ${theme.base.spacing});\n\n    > div:last-child {\n      margin: 0;\n    }\n\n    ${StyledFormContent} {\n      gap: ${theme.base.spacing};\n    }\n\n    ${StyledFilterContainer} > div {\n      margin-top: calc(1.5 * ${theme.base.spacing});\n      width: 100%;\n    }\n    ${StyledSearchInput} {\n      flex-grow: 1;\n    }\n  `;\n});\nStyledSearchFilters.defaultProps = defaultThemeProp;\n\nconst ArticleListFilter: FunctionComponent<ArticleListProps['search'] & ForwardProps> = (\n  props: ArticleListProps['search']\n) => {\n  const {\n    searchInput,\n    category,\n    sortBy,\n    onClearClick,\n    articles,\n    quickFilters = [],\n    showResults = false,\n    handleQuickFilterRemove,\n    ...restProps\n  } = props || {};\n  const t = useI18n();\n  const searchResults = t('results_count', [articles?.length ?? 0]);\n\n  const quickFiltersRef = useRef<HTMLButtonElement[]>([]);\n\n  useEffect(() => {\n    if (quickFilters.length > 0 && quickFiltersRef.current.length > 0) {\n      quickFiltersRef.current[quickFilters.length - 1]?.focus();\n    }\n  }, [articles]);\n\n  return (\n    <StyledSearchFilters {...restProps}>\n      <Flex container={{ alignItems: 'center', gap: 1, pad: [0.5, undefined] }}>\n        <SearchInput {...searchInput} />\n      </Flex>\n      {quickFilters.map(({ id, name }, i) => (\n        <StyledSelectable\n          id={id}\n          ref={(el: HTMLButtonElement) => {\n            quickFiltersRef.current[i] = el;\n          }}\n          onRemove={handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined}\n          onClick={handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined}\n        >\n          {name}\n        </StyledSelectable>\n      ))}\n      <StyledFilterContainer container={{ gap: 1, alignItems: 'start' }}>\n        {category && <ComboBox {...category} />}\n        {sortBy && <ComboBox {...sortBy} />}\n        {onClearClick && (\n          <StyledClearButton\n            variant='link'\n            label={t('clear')}\n            aria-label={t('clear_filters')}\n            onClick={onClearClick}\n          >\n            {t('clear')}\n          </StyledClearButton>\n        )}\n      </StyledFilterContainer>\n      {showResults && <Text variant='secondary'>{searchResults}</Text>}\n    </StyledSearchFilters>\n  );\n};\n\nexport default ArticleListFilter;\n"]}
+{"version":3,"file":"ArticleListFilter.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleListFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  SearchInput,\n  useI18n,\n  defaultThemeProp,\n  ComboBox,\n  StyledSearchInput,\n  Text,\n  Selectable\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport { StyledFormContent } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm';\n\nimport type { ArticleListProps } from './ArticleList.types';\n\nconst StyledClearButton = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-start: calc(4.5 * ${theme.base.spacing});\n  `;\n});\nStyledClearButton.defaultProps = defaultThemeProp;\n\nconst StyledFilterContainer = styled(Flex)`\n  flex-grow: 1;\n`;\n\nconst StyledSelectable = styled(Selectable)(({ theme }) => {\n  return css`\n    line-height: calc(2 * ${theme.base.spacing});\n    margin: calc(0.25 * ${theme.base.spacing});\n  `;\n});\nStyledSelectable.defaultProps = defaultThemeProp;\n\nconst StyledSearchFilters = styled.div(({ theme }) => {\n  return css`\n    width: 100%;\n    padding-block-start: ${theme.base.spacing};\n    padding-inline: calc(2 * ${theme.base.spacing});\n\n    > div:last-child {\n      margin: 0;\n    }\n\n    ${StyledFormContent} {\n      gap: ${theme.base.spacing};\n    }\n\n    ${StyledFilterContainer} > div {\n      margin-top: calc(1.5 * ${theme.base.spacing});\n      width: 100%;\n    }\n    ${StyledSearchInput} {\n      flex-grow: 1;\n    }\n  `;\n});\nStyledSearchFilters.defaultProps = defaultThemeProp;\ntype ArticleListFilterProps = ArticleListProps['search'] & Pick<ArticleListProps, 'semanticSearch'>;\n\nconst ArticleListFilter: FunctionComponent<ArticleListFilterProps & ForwardProps> = (\n  props: ArticleListFilterProps\n) => {\n  const {\n    searchInput,\n    category,\n    sortBy,\n    onClearClick,\n    articles,\n    quickFilters = [],\n    showResults = false,\n    handleQuickFilterRemove,\n    semanticSearch = false,\n    ...restProps\n  } = props || {};\n  const t = useI18n();\n  const searchResults = t('results_count', [articles?.length ?? 0]);\n\n  const quickFiltersRef = useRef<HTMLButtonElement[]>([]);\n\n  useEffect(() => {\n    if (quickFilters.length > 0 && quickFiltersRef.current.length > 0) {\n      quickFiltersRef.current[quickFilters.length - 1]?.focus();\n    }\n  }, [articles]);\n\n  return (\n    <StyledSearchFilters {...restProps}>\n      <Flex container={{ alignItems: 'center', gap: 1, pad: [0.5, undefined] }}>\n        <SearchInput {...searchInput} />\n      </Flex>\n      {quickFilters.map(({ id, name }, i) => (\n        <StyledSelectable\n          id={id}\n          ref={(el: HTMLButtonElement) => {\n            quickFiltersRef.current[i] = el;\n          }}\n          onRemove={handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined}\n          onClick={handleQuickFilterRemove ? () => handleQuickFilterRemove?.(id) : undefined}\n        >\n          {name}\n        </StyledSelectable>\n      ))}\n      {!semanticSearch && (\n        <>\n          <StyledFilterContainer container={{ gap: 1, alignItems: 'start' }}>\n            {category && <ComboBox {...category} />}\n            {sortBy && <ComboBox {...sortBy} />}\n            {onClearClick && (\n              <StyledClearButton\n                variant='link'\n                label={t('clear')}\n                aria-label={t('clear_filters')}\n                onClick={onClearClick}\n              >\n                {t('clear')}\n              </StyledClearButton>\n            )}\n          </StyledFilterContainer>\n          {showResults && <Text variant='secondary'>{searchResults}</Text>}\n        </>\n      )}\n    </StyledSearchFilters>\n  );\n};\n\nexport default ArticleListFilter;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleSemanticSearch.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleSemanticSearch.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;;AAYtE,wBA8BG"}

package/lib/components/ArticleList/ArticleSemanticSearch.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { useI18n, Flex, EmptyState, defaultThemeProp } from '@pega/cosmos-react-core';
+import { StyledSummaryList } from './ArticleList';
+import AIArticleSummary from './AIArticleSummary';
+import ArticleFeedback from './ArticleFeedback';
+const StyledFeedbackContainer = styled.div(({ theme }) => {
+    return css `
+    background-color: ${theme.components['form-control'][':read-only']['background-color']};
+  `;
+});
+StyledFeedbackContainer.defaultProps = defaultThemeProp;
+export default forwardRef(function ArticleSemanticSearch({ articles, feedback, ...restProps }, ref) {
+    const t = useI18n();
+    return (_jsxs(_Fragment, { children: [_jsx(Flex, { ...restProps, container: { direction: 'column', gap: 0.5, pad: [1, 2] }, as: StyledSummaryList, role: 'feed', ref: ref, children: articles && articles.length > 0 ? (articles.map(article => (_createElement(AIArticleSummary, { ...article, key: article.articleId, semanticSearch: true })))) : (_jsx(EmptyState, { message: t('no_articles_found') })) }), feedback && articles && articles.length > 0 && (_jsx(Flex, { container: { direction: 'column', pad: 2, gap: 0.5 }, as: StyledFeedbackContainer, children: _jsx(ArticleFeedback, { ...feedback }) }))] }));
+});
+//# sourceMappingURL=ArticleSemanticSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleSemanticSearch.js","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleSemanticSearch.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,OAAO,EAEP,IAAI,EACJ,UAAU,EACV,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC,kBAAkB,CAAC;GACvF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,eAAe,UAAU,CAGvB,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG;IACxE,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,8BACE,KAAC,IAAI,OACC,SAAS,EACb,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EACzD,EAAE,EAAE,iBAAiB,EACrB,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,YAEP,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACtB,eAAC,gBAAgB,OAAK,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,cAAc,SAAG,CACzE,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAI,CAChD,GACI,EACN,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,uBAAuB,YACrF,KAAC,eAAe,OAAK,QAAQ,GAAI,GAC5B,CACR,IACA,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  useI18n,\n  type RefElement,\n  Flex,\n  EmptyState,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\n\nimport { StyledSummaryList } from './ArticleList';\nimport type { ArticleSemanticSearchProps } from './ArticleList.types';\nimport AIArticleSummary from './AIArticleSummary';\nimport ArticleFeedback from './ArticleFeedback';\n\nconst StyledFeedbackContainer = styled.div(({ theme }) => {\n  return css`\n    background-color: ${theme.components['form-control'][':read-only']['background-color']};\n  `;\n});\n\nStyledFeedbackContainer.defaultProps = defaultThemeProp;\n\nexport default forwardRef<\n  RefElement<ArticleSemanticSearchProps>,\n  PropsWithoutRef<ArticleSemanticSearchProps>\n>(function ArticleSemanticSearch({ articles, feedback, ...restProps }, ref) {\n  const t = useI18n();\n\n  return (\n    <>\n      <Flex\n        {...restProps}\n        container={{ direction: 'column', gap: 0.5, pad: [1, 2] }}\n        as={StyledSummaryList}\n        role='feed'\n        ref={ref}\n      >\n        {articles && articles.length > 0 ? (\n          articles.map(article => (\n            <AIArticleSummary {...article} key={article.articleId} semanticSearch />\n          ))\n        ) : (\n          <EmptyState message={t('no_articles_found')} />\n        )}\n      </Flex>\n      {feedback && articles && articles.length > 0 && (\n        <Flex container={{ direction: 'column', pad: 2, gap: 0.5 }} as={StyledFeedbackContainer}>\n          <ArticleFeedback {...feedback} />\n        </Flex>\n      )}\n    </>\n  );\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ArticleSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAI/D,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAyEzE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ArticleSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleList/ArticleSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK/D,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAsDzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ArticleList/ArticleSummary.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardContent, CardFooter, Text, Flex, Tag } from '@pega/cosmos-react-core';
+import { CardContent, CardFooter, Text, Flex } from '@pega/cosmos-react-core';
 import ArticleRating from '../Article/ArticleRating';
 import ArticleMeta from '../Article/ArticleMeta';
 import ArticleSummaryHeader from './ArticleSummaryHeader';
-import { ArticleCard, StyledQuickFilters } from './ArticleSummary.styles';
+import { ArticleCard } from './ArticleSummary.styles';
+import ArticleTag from './ArticleTag';
 const ArticleSummary = (props) => {
     const { articleId, href, title, abstract, onTitleClick, actions, meta, quickFilters, onQuickFilterClick, feedback, ...restProps } = props;
     return (_jsxs(ArticleCard, { as: 'li', role: 'article', ...restProps, children: [_jsx(ArticleSummaryHeader, { articleId: articleId, title: title, actions: actions, onTitleClick: onTitleClick, href: href }), _jsx(CardContent, { children: _jsx(Text, { children: abstract }) }), _jsxs(CardFooter, { children: [feedback && (_jsx(Flex, { container: { pad: [0.5, undefined] }, item: {
@@ -12,13 +13,7 @@ const ArticleSummary = (props) => {
                         }, children: _jsx(ArticleRating, { ...feedback,
                             onReaction: reaction => {
                                 feedback?.onReaction(articleId, reaction);
-                            } }) })), meta && _jsx(ArticleMeta, { ...meta }), quickFilters && quickFilters.length > 0 && (_jsx(Flex, { container: {
-                            gap: 0.5,
-                            wrap: 'wrap'
-                        }, item: {
-                            grow: 1,
-                            basis: '100%'
-                        }, as: StyledQuickFilters, children: quickFilters.map(({ id, name }) => (_jsx(Tag, { onClick: onQuickFilterClick ? e => onQuickFilterClick?.({ id, name }, e) : undefined, children: `#${name}` }, id))) }))] })] }));
+                            } }) })), meta && _jsx(ArticleMeta, { ...meta }), quickFilters && quickFilters.length > 0 && (_jsx(ArticleTag, { quickFilters: quickFilters, onQuickFilterClick: onQuickFilterClick }))] })] }));
 };
 export default ArticleSummary;
 //# sourceMappingURL=ArticleSummary.js.map