@coveo/atomic 3.64.1 → 3.65.0

package/dist/types/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.d.ts

@@ -2,6 +2,7 @@ import type { UserAction as IUserAction } from '@coveo/headless/insight';
 import { LitElement } from 'lit';
 import type { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
 import type { InitializableComponent } from '../../../decorators/types';
+import '../../common/atomic-icon/atomic-icon.js';
 /**
  * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
  *

package/dist/types/components/insight/atomic-insight-user-actions-session/user-action.d.ts

@@ -1,6 +1,7 @@
 import type { UserAction as IUserAction } from '@coveo/headless/insight';
 import type { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
 import type { FunctionalComponent } from '../../../utils/functional-component-utils';
+import '../../common/atomic-icon/atomic-icon.js';
 interface UserActionProps {
     action: IUserAction;
     bindings: InsightBindings;

package/dist/types/components/search/atomic-search-box/atomic-search-box.d.ts

@@ -1,5 +1,5 @@
 import { type SearchBox, type StandaloneSearchBox } from '@coveo/headless';
-import { type CSSResultGroup, LitElement } from 'lit';
+import { type CSSResultGroup, LitElement, type TemplateResult } from 'lit';
 import type { Bindings } from '../atomic-search-interface/atomic-search-interface';
 import type { InitializableComponent } from '../../../decorators/types';
 import { AriaLiveRegionController } from '../../../utils/accessibility-utils';
@@ -39,10 +39,11 @@ import '@coveo/atomic-legacy/atomic-suggestion-renderer';
  * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.
  * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.
  * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.
- * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.
- * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.
- * @part recent-query-title - The "recent searches" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.
- * @part recent-query-clear - The "clear" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.
+ * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `top`.
+ * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `top`.
+ * @part recent-query-title - The "recent searches" title above the recent queries from the `atomic-search-box-recent-queries` component.
+ * @part recent-query-clear - The "clear" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `top`.
+ * @part recent-query-clear-button - The button below suggestions to clear the recent queries from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `bottom`.
  *
  * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.
  * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.
@@ -51,6 +52,7 @@ import '@coveo/atomic-legacy/atomic-suggestion-renderer';
  * @event redirect - Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.
  */
 export declare class AtomicSearchBox extends LitElement implements InitializableComponent<Bindings> {
+    private static readonly propsSchema;
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
@@ -65,6 +67,8 @@ export declare class AtomicSearchBox extends LitElement implements Initializable
     isExpanded: boolean;
     private searchBoxState;
     private textAreaRef;
+    private setLeftPanel;
+    private setRightPanel;
     private searchBoxSuggestionEventsQueue;
     private suggestionManager;
     searchBox: SearchBox | StandaloneSearchBox;
@@ -127,6 +131,16 @@ export declare class AtomicSearchBox extends LitElement implements Initializable
      * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.
      */
     enableQuerySyntax: boolean;
+    /**
+     * The position of the option to clear the recent queries.
+     *
+     * - `top`: The option is the first suggestion, next to the "Recent searches" title.
+     * - `bottom`: The option is a button below the suggestions, so the arrow keys only navigate through the suggestions and the button is reached with the Tab key.
+     *
+     * In the next major version of Atomic (v4), `bottom` will become the default behavior. To adopt it ahead of time, set this property to `bottom`.
+     */
+    clearRecentButtonPosition: 'top' | 'bottom';
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(): void;
@@ -153,11 +167,14 @@ export declare class AtomicSearchBox extends LitElement implements Initializable
     private announceClearSearchBoxToScreenReader;
     private renderAbsolutePositionSpacer;
     private renderTextBox;
+    private get clearRecentQueriesElement();
+    private renderRecentQueriesTitle;
+    private renderClearRecentQueriesButton;
     private renderSuggestions;
     private renderPanel;
     private renderSuggestion;
     private renderSlotContent;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.d.ts

@@ -5,6 +5,7 @@ import type { ItemDisplayDensity, ItemDisplayImageSize } from '../../common/layo
 import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-types';
 import type { Bindings } from '../atomic-search-interface/interfaces';
 import type { SearchBoxSuggestionsComponent } from '../../../decorators/types';
+import '../atomic-result/atomic-result.js';
 type AriaLabelGenerator = (bindings: Bindings, result: Result) => string | undefined;
 /**
  * The `atomic-search-box-instant-results` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.64.1",
+  "version": "3.65.0",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "license": "Apache-2.0",
@@ -55,9 +55,9 @@
     "./custom-elements-manifest": "./custom-elements.json"
   },
   "dependencies": {
-    "@coveo/atomic-legacy": "0.1.9",
+    "@coveo/atomic-legacy": "0.1.10",
     "@coveo/bueno": "1.1.9",
-    "@coveo/headless": "3.58.0",
+    "@coveo/headless": "3.58.1",
     "@coveo/relay-event-types": "20.7.1",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
@@ -66,9 +66,9 @@
     "@stencil/core": "4.20.0",
     "cssnano": "8.0.10",
     "dayjs": "1.11.23",
-    "dompurify": "3.4.15",
+    "dompurify": "3.4.17",
     "escape-html": "1.0.3",
-    "i18next": "26.4.2",
+    "i18next": "26.5.3",
     "i18next-http-backend": "4.0.2",
     "lit": "3.3.3",
     "marked": "12.0.2"
@@ -81,47 +81,47 @@
     "@rollup/plugin-replace": "6.0.3",
     "@rslib/core": "0.23.2",
     "@size-limit/preset-small-lib": "14.1.0",
-    "@storybook/addon-a11y": "10.6.2",
-    "@storybook/addon-docs": "10.6.2",
-    "@storybook/addon-mcp": "10.6.2",
-    "@storybook/addon-vitest": "10.6.2",
-    "@storybook/icons": "2.1.0",
-    "@storybook/web-components-vite": "10.6.2",
+    "@storybook/addon-a11y": "10.6.3",
+    "@storybook/addon-docs": "10.6.3",
+    "@storybook/addon-mcp": "10.6.3",
+    "@storybook/addon-vitest": "10.6.3",
+    "@storybook/icons": "2.2.0",
+    "@storybook/web-components-vite": "10.6.3",
     "@tailwindcss/postcss": "4.3.3",
     "@tailwindcss/vite": "4.3.3",
     "@types/escape-html": "1.0.4",
     "@types/node": "24.13.6",
-    "@vitest/browser-playwright": "4.1.11",
+    "@vitest/browser-playwright": "4.1.12",
     "@wc-toolkit/storybook-helpers": "10.5.1",
-    "chromatic": "18.9.4",
-    "handlebars": "4.7.9",
+    "chromatic": "18.13.0",
+    "handlebars": "4.7.10",
     "lit-html": "3.3.3",
-    "local-web-server": "5.4.0",
+    "local-web-server": "5.4.2",
     "msw": "2.15.0",
     "msw-storybook-addon": "2.0.7",
     "natural-orderby": "5.0.0",
     "playwright": "1.62.1",
-    "postcss": "8.5.28",
+    "postcss": "8.5.31",
     "postcss-load-config": "6.0.1",
-    "prettier": "3.9.8",
-    "publint": "0.3.24",
+    "prettier": "3.9.10",
+    "publint": "0.3.25",
     "puppeteer": "25.9.0",
     "react": "19.2.8",
     "remark-gfm": "4.0.1",
-    "shadow-dom-testing-library": "1.14.1",
+    "shadow-dom-testing-library": "1.14.2",
     "size-limit": "14.1.0",
-    "storybook": "10.6.2",
-    "storybook-addon-pseudo-states": "10.6.2",
+    "storybook": "10.6.3",
+    "storybook-addon-pseudo-states": "10.6.3",
     "tailwindcss": "4.3.3",
     "ts-dedent": "2.3.0",
     "ts-lit-plugin": "2.0.2",
     "typescript": "6.0.3",
-    "vite": "8.3.0",
-    "vitest": "4.1.11"
+    "vite": "8.3.4",
+    "vitest": "4.1.12"
   },
   "peerDependencies": {
     "@coveo/bueno": "^1.1.9",
-    "@coveo/headless": "^3.58.0",
+    "@coveo/headless": "^3.58.1",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {
@@ -157,8 +157,9 @@
     "web:cdn": "node ./scripts/start-cdn.mjs",
     "e2e": "playwright test",
     "e2e:csp": "node ./csp/test.mjs || exit 0",
-    "test": "pnpm run test:lit",
+    "test": "pnpm run test:lit && pnpm run test:node",
     "test:lit": "vitest run --project=atomic-default",
+    "test:node": "vitest run --project=atomic-node",
     "test:watch": "vitest --project=atomic-default",
     "test:storybook": "vitest run --project=storybook",
     "test:storybook-utils": "vitest run --project=storybookPure",