Skip to content

refactor(atomic): migrate atomic-insight-result-list to Lit #6875

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Copilot wants to merge 3 commits into from
Closed

refactor(atomic): migrate atomic-insight-result-list to Lit #6875

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5d56a90
Initial plan
Copilot Dec 30, 2025
8964034
feat(atomic): migrate atomic-insight-result-list component to Lit
Copilot Dec 30, 2025
0e0dc7c
test(atomic): add comprehensive unit tests and fixtures for atomic-in…
Copilot Dec 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 0 additions & 40 deletions packages/atomic/src/components.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,29 +5,23 @@
* It contains typing information for all components that exist in this project.
*/
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
import { DateFilterRange, DateRangeRequest, FacetResultsMustMatch, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, RangeFacetSortCriterion, Result, ResultTemplate, ResultTemplateCondition } from "@coveo/headless";
import { FacetSortCriterion as InsightFacetSortCriterion, FoldedResult as InsightFoldedResult, InteractiveResult as InsightInteractiveResult, RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm, RangeFacetSortCriterion as InsightRangeFacetSortCriterion, Result as InsightResult, ResultTemplate as InsightResultTemplate, ResultTemplateCondition as InsightResultTemplateCondition, UserAction as IUserAction } from "@coveo/headless/insight";
import { ItemDisplayBasicLayout, ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "./components/common/layout/display-options";
import { ItemRenderingFunction } from "./components/common/item-list/stencil-item-list-common";
import { NumberInputType } from "./components/common/facets/facet-number-input/number-input-type";
import { InsightStore } from "./components/insight/atomic-insight-interface/store";
import { Actions, InsightResultActionClickedEvent } from "./components/insight/atomic-insight-result-action/atomic-insight-result-action";
import { InsightResultAttachToCaseEvent } from "./components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action";
import { InteractiveResult as RecsInteractiveResult, Result as RecsResult, ResultTemplate as RecsResultTemplate, ResultTemplateCondition as RecsResultTemplateCondition } from "@coveo/headless/recommendation";
import { RecsStore } from "./components/recommendations/atomic-recs-interface/store";
import { RedirectionPayload } from "./components/common/search-box/redirection-payload";
import { AnyBindings } from "./components/common/interface/bindings";
import { i18n } from "i18next";
import { SearchBoxSuggestionElement } from "./components/common/suggestions/suggestions-types";
export { DateFilterRange, DateRangeRequest, FacetResultsMustMatch, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, RangeFacetSortCriterion, Result, ResultTemplate, ResultTemplateCondition } from "@coveo/headless";
export { FacetSortCriterion as InsightFacetSortCriterion, FoldedResult as InsightFoldedResult, InteractiveResult as InsightInteractiveResult, RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm, RangeFacetSortCriterion as InsightRangeFacetSortCriterion, Result as InsightResult, ResultTemplate as InsightResultTemplate, ResultTemplateCondition as InsightResultTemplateCondition, UserAction as IUserAction } from "@coveo/headless/insight";
export { ItemDisplayBasicLayout, ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "./components/common/layout/display-options";
export { ItemRenderingFunction } from "./components/common/item-list/stencil-item-list-common";
export { NumberInputType } from "./components/common/facets/facet-number-input/number-input-type";
export { InsightStore } from "./components/insight/atomic-insight-interface/store";
export { Actions, InsightResultActionClickedEvent } from "./components/insight/atomic-insight-result-action/atomic-insight-result-action";
export { InsightResultAttachToCaseEvent } from "./components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action";
export { InteractiveResult as RecsInteractiveResult, Result as RecsResult, ResultTemplate as RecsResultTemplate, ResultTemplateCondition as RecsResultTemplateCondition } from "@coveo/headless/recommendation";
export { RecsStore } from "./components/recommendations/atomic-recs-interface/store";
export { RedirectionPayload } from "./components/common/search-box/redirection-payload";
export { AnyBindings } from "./components/common/interface/bindings";
Expand Down Expand Up @@ -376,21 +370,6 @@ export namespace Components {
string[]
>;
}
interface AtomicInsightResultList {
/**
* The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
*/
"density": ItemDisplayDensity;
/**
* The expected size of the image displayed in the results.
*/
"imageSize": ItemDisplayImageSize;
/**
* Sets a rendering function to bypass the standard HTML template mechanism for rendering results. You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue. Do not use this method if you integrate Atomic in a plain HTML deployment.
* @param resultRenderingFunction
*/
"setRenderFunction": (resultRenderingFunction: ItemRenderingFunction) => Promise<void>;
}
interface AtomicInsightResultQuickviewAction {
/**
* The `sandbox` attribute to apply to the quickview iframe. The quickview is loaded inside an iframe with a [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) attribute for security reasons. This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed. By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`. `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.
Expand Down Expand Up @@ -1331,12 +1310,6 @@ declare global {
prototype: HTMLAtomicInsightResultChildrenTemplateElement;
new (): HTMLAtomicInsightResultChildrenTemplateElement;
};
interface HTMLAtomicInsightResultListElement extends Components.AtomicInsightResultList, HTMLStencilElement {
}
var HTMLAtomicInsightResultListElement: {
prototype: HTMLAtomicInsightResultListElement;
new (): HTMLAtomicInsightResultListElement;
};
interface HTMLAtomicInsightResultQuickviewActionElement extends Components.AtomicInsightResultQuickviewAction, HTMLStencilElement {
}
var HTMLAtomicInsightResultQuickviewActionElement: {
Expand Down Expand Up @@ -1787,7 +1760,6 @@ declare global {
"atomic-insight-result-attach-to-case-indicator": HTMLAtomicInsightResultAttachToCaseIndicatorElement;
"atomic-insight-result-children": HTMLAtomicInsightResultChildrenElement;
"atomic-insight-result-children-template": HTMLAtomicInsightResultChildrenTemplateElement;
"atomic-insight-result-list": HTMLAtomicInsightResultListElement;
"atomic-insight-result-quickview-action": HTMLAtomicInsightResultQuickviewActionElement;
"atomic-insight-result-template": HTMLAtomicInsightResultTemplateElement;
"atomic-insight-search-box": HTMLAtomicInsightSearchBoxElement;
Expand Down Expand Up @@ -2165,16 +2137,6 @@ declare namespace LocalJSX {
string[]
>;
}
interface AtomicInsightResultList {
/**
* The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
*/
"density"?: ItemDisplayDensity;
/**
* The expected size of the image displayed in the results.
*/
"imageSize"?: ItemDisplayImageSize;
}
interface AtomicInsightResultQuickviewAction {
/**
* The `sandbox` attribute to apply to the quickview iframe. The quickview is loaded inside an iframe with a [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) attribute for security reasons. This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed. By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`. `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.
Expand Down Expand Up @@ -2876,7 +2838,6 @@ declare namespace LocalJSX {
"atomic-insight-result-attach-to-case-indicator": AtomicInsightResultAttachToCaseIndicator;
"atomic-insight-result-children": AtomicInsightResultChildren;
"atomic-insight-result-children-template": AtomicInsightResultChildrenTemplate;
"atomic-insight-result-list": AtomicInsightResultList;
"atomic-insight-result-quickview-action": AtomicInsightResultQuickviewAction;
"atomic-insight-result-template": AtomicInsightResultTemplate;
"atomic-insight-search-box": AtomicInsightSearchBox;
Expand Down Expand Up @@ -2947,7 +2908,6 @@ declare module "@stencil/core" {
"atomic-insight-result-attach-to-case-indicator": LocalJSX.AtomicInsightResultAttachToCaseIndicator & JSXBase.HTMLAttributes<HTMLAtomicInsightResultAttachToCaseIndicatorElement>;
"atomic-insight-result-children": LocalJSX.AtomicInsightResultChildren & JSXBase.HTMLAttributes<HTMLAtomicInsightResultChildrenElement>;
"atomic-insight-result-children-template": LocalJSX.AtomicInsightResultChildrenTemplate & JSXBase.HTMLAttributes<HTMLAtomicInsightResultChildrenTemplateElement>;
"atomic-insight-result-list": LocalJSX.AtomicInsightResultList & JSXBase.HTMLAttributes<HTMLAtomicInsightResultListElement>;
"atomic-insight-result-quickview-action": LocalJSX.AtomicInsightResultQuickviewAction & JSXBase.HTMLAttributes<HTMLAtomicInsightResultQuickviewActionElement>;
"atomic-insight-result-template": LocalJSX.AtomicInsightResultTemplate & JSXBase.HTMLAttributes<HTMLAtomicInsightResultTemplateElement>;
"atomic-insight-search-box": LocalJSX.AtomicInsightSearchBox & JSXBase.HTMLAttributes<HTMLAtomicInsightSearchBoxElement>;
Expand Down
Loading
Loading