@coveo/atomic 3.33.8-pre.1453f4a29f → 3.33.8-pre.166c023bc3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.33.8-pre.1453f4a29f",
+  "version": "3.33.8-pre.166c023bc3",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -60,7 +60,7 @@
     "web:cdn": "node ./scripts/start-cdn.mjs",
     "prod": "npx serve www -l 3333 --no-request-logging",
     "test": "npm run test:stencil && npm run test:lit",
-    "test:stencil": "stencil test --spec -- src/utils/initialization-utils.spec.ts",
+    "test:stencil": "stencil test --spec -- src/utils/initialization-utils.spec.ts src/components/search/atomic-layout/search-layout.spec.ts",
     "test:lit": "vitest run",
     "test:watch": "vitest",
     "e2e": "cypress run --browser chrome",
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.2",
-    "@coveo/headless": "3.31.1-pre.1453f4a29f",
+    "@coveo/headless": "3.31.1-pre.166c023bc3",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -153,7 +153,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.2",
-    "@coveo/headless": "3.31.1-pre.1453f4a29f",
+    "@coveo/headless": "3.31.1-pre.166c023bc3",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-search-box-query-suggestions.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicSearchBoxQuerySuggestions extends Components.AtomicSearchBoxQuerySuggestions, HTMLElement {}
-export const AtomicSearchBoxQuerySuggestions: {
-    prototype: AtomicSearchBoxQuerySuggestions;
-    new (): AtomicSearchBoxQuerySuggestions;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-search-box-query-suggestions.js

@@ -1,8 +0,0 @@
-import { A as AtomicSearchBoxQuerySuggestions$1, d as defineCustomElement$1 } from './atomic-search-box-query-suggestions2.js';
-
-const AtomicSearchBoxQuerySuggestions = AtomicSearchBoxQuerySuggestions$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicSearchBoxQuerySuggestions, defineCustomElement };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-search-box-query-suggestions2.js

@@ -1,89 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { loadQuerySuggestActions } from '@coveo/headless';
-import { S as SearchIcon } from './search.js';
-import { g as getPartialSearchBoxSuggestionElement, Q as QuerySuggestionContainer, a as QuerySuggestionIcon, b as QuerySuggestionText } from './stencil-query-suggestions.js';
-import { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-events.js';
-
-const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBoxQuerySuggestions extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.error = undefined;
-        this.icon = undefined;
-        this.maxWithQuery = undefined;
-        this.maxWithoutQuery = undefined;
-    }
-    componentWillLoad() {
-        try {
-            dispatchSearchBoxSuggestionsEvent((bindings) => {
-                this.bindings = bindings;
-                return this.initialize();
-            }, this.host, ['atomic-search-box']);
-        }
-        catch (error) {
-            this.error = error;
-        }
-    }
-    initialize() {
-        const engine = this.bindings.engine;
-        const { registerQuerySuggest, fetchQuerySuggestions } = loadQuerySuggestActions(engine);
-        engine.dispatch(registerQuerySuggest({
-            id: this.bindings.id,
-            count: this.bindings.numberOfQueries,
-        }));
-        return {
-            position: Array.from(this.host.parentNode.children).indexOf(this.host),
-            onInput: () => engine.dispatch(fetchQuerySuggestions({
-                id: this.bindings.id,
-            })),
-            renderItems: () => this.renderItems(),
-        };
-    }
-    renderItems() {
-        const hasQuery = this.bindings.searchBoxController.state.value !== '';
-        const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;
-        return this.bindings.searchBoxController.state.suggestions
-            .slice(0, max)
-            .map((suggestion) => this.renderItem(suggestion));
-    }
-    renderItem(suggestion) {
-        const hasQuery = this.bindings.searchBoxController.state.value !== '';
-        const partialItem = getPartialSearchBoxSuggestionElement(suggestion, this.bindings.i18n);
-        return {
-            ...partialItem,
-            content: (h(QuerySuggestionContainer, null, h(QuerySuggestionIcon, { icon: this.icon || SearchIcon, hasSuggestion: this.bindings.getSuggestions().length > 1 }), h(QuerySuggestionText, { suggestion: suggestion, hasQuery: hasQuery }))),
-            onSelect: () => {
-                this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);
-            },
-        };
-    }
-    render() {
-        if (this.error) {
-            return (h("atomic-component-error", { key: '473f8988f08fd8dae7efa056dd16f91427b90a25', element: this.host, error: this.error }));
-        }
-    }
-    get host() { return this; }
-}, [1, "atomic-search-box-query-suggestions", {
-        "icon": [1],
-        "maxWithQuery": [514, "max-with-query"],
-        "maxWithoutQuery": [514, "max-without-query"],
-        "error": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-search-box-query-suggestions"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-search-box-query-suggestions":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicSearchBoxQuerySuggestions);
-            }
-            break;
-    } });
-}
-
-export { AtomicSearchBoxQuerySuggestions as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions2.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions2.js","mappings":";;;;;;MA8Ba,+BAA+B;;;;;;;;;;IAwB1C,iBAAiB;QACf,IAAI;YACF,iCAAiC,CAC/B,CAAC,QAAQ;gBACP,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACzB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;aAC1B,EACD,IAAI,CAAC,IAAI,EACT,CAAC,mBAAmB,CAAC,CACtB,CAAC;SACH;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;SAC7B;KACF;IAEO,UAAU;QAChB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAG3B,CAAC;QACH,MAAM,EAAC,oBAAoB,EAAE,qBAAqB,EAAC,GACjD,uBAAuB,CAAC,MAAM,CAAC,CAAC;QAElC,MAAM,CAAC,QAAQ,CACb,oBAAoB,CAAC;YACnB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;YACpB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe;SACrC,CAAC,CACH,CAAC;QAEF,OAAO;YACL,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YACvE,OAAO,EAAE,MACP,MAAM,CAAC,QAAQ,CACb,qBAAqB,CAAC;gBACpB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;aACrB,CAAC,CACH;YACH,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE;SACtC,CAAC;KACH;IAEO,WAAW;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;QACtE,MAAM,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC;QAChE,OAAO,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,WAAW;aACvD,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;aACb,GAAG,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;KACrD;IAEO,UAAU,CAAC,UAAsB;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;QACtE,MAAM,WAAW,GAAG,oCAAoC,CACtD,UAAU,EACV,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,CAAC;QAEF,OAAO;YACL,GAAG,WAAW;YACd,OAAO,GACL,EAAC,wBAAwB,QACvB,EAAC,mBAAmB,IAClB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,UAAU,EAC7B,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,GAAG,CAAC,GACxD,EAEF,EAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1C,CAC5B;YACD,QAAQ,EAAE;gBACR,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;aACzE;SACF,CAAC;KACH;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,QACE,+EACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GACO,EAC1B;SACH;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx"],"sourcesContent":["import {\n  loadQuerySuggestActions,\n  SearchBox,\n  SearchEngine,\n  Suggestion,\n} from '@coveo/headless';\nimport {Component, Element, Prop, State, h} from '@stencil/core';\nimport SearchIcon from '../../../../images/search.svg';\nimport {\n  getPartialSearchBoxSuggestionElement,\n  QuerySuggestionContainer,\n  QuerySuggestionIcon,\n  QuerySuggestionText,\n} from '../../../common/suggestions/stencil-query-suggestions';\nimport {\n  dispatchSearchBoxSuggestionsEvent,\n} from '../../../common/suggestions/suggestions-events';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestions,\n  SearchBoxSuggestionsBindings,\n} from '../../../common/suggestions/suggestions-types';\n\n/**\n * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.\n */\n@Component({\n  tag: 'atomic-search-box-query-suggestions',\n  shadow: true,\n})\nexport class AtomicSearchBoxQuerySuggestions {\n  private bindings!: SearchBoxSuggestionsBindings<SearchBox>;\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The SVG icon to display.\n   *\n   * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n   * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n   * - Use a stringified SVG to display it directly.\n   */\n  @Prop() public icon?: string;\n\n  /**\n   * The maximum number of suggestions that will be displayed if the user has typed something into the input field.\n   */\n  @Prop({reflect: true}) public maxWithQuery?: number;\n  /**\n   * The maximum number of suggestions that will be displayed initially when the input field is empty.\n   */\n  @Prop({reflect: true}) public maxWithoutQuery?: number;\n\n  componentWillLoad() {\n    try {\n      dispatchSearchBoxSuggestionsEvent<SearchBox>(\n        (bindings) => {\n          this.bindings = bindings;\n          return this.initialize();\n        },\n        this.host,\n        ['atomic-search-box']\n      );\n    } catch (error) {\n      this.error = error as Error;\n    }\n  }\n\n  private initialize(): SearchBoxSuggestions {\n    const engine = this.bindings.engine as SearchEngine<{\n      querySet: string;\n      querySuggest: string;\n    }>;\n    const {registerQuerySuggest, fetchQuerySuggestions} =\n      loadQuerySuggestActions(engine);\n\n    engine.dispatch(\n      registerQuerySuggest({\n        id: this.bindings.id,\n        count: this.bindings.numberOfQueries,\n      })\n    );\n\n    return {\n      position: Array.from(this.host.parentNode!.children).indexOf(this.host),\n      onInput: () =>\n        engine.dispatch(\n          fetchQuerySuggestions({\n            id: this.bindings.id,\n          })\n        ),\n      renderItems: () => this.renderItems(),\n    };\n  }\n\n  private renderItems(): SearchBoxSuggestionElement[] {\n    const hasQuery = this.bindings.searchBoxController.state.value !== '';\n    const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;\n    return this.bindings.searchBoxController.state.suggestions\n      .slice(0, max)\n      .map((suggestion) => this.renderItem(suggestion));\n  }\n\n  private renderItem(suggestion: Suggestion) {\n    const hasQuery = this.bindings.searchBoxController.state.value !== '';\n    const partialItem = getPartialSearchBoxSuggestionElement(\n      suggestion,\n      this.bindings.i18n\n    );\n\n    return {\n      ...partialItem,\n      content: (\n        <QuerySuggestionContainer>\n          <QuerySuggestionIcon\n            icon={this.icon || SearchIcon}\n            hasSuggestion={this.bindings.getSuggestions().length > 1}\n          />\n\n          <QuerySuggestionText suggestion={suggestion} hasQuery={hasQuery} />\n        </QuerySuggestionContainer>\n      ),\n      onSelect: () => {\n        this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);\n      },\n    };\n  }\n\n  public render() {\n    if (this.error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={this.error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}

package/dist/atomic/components/components/search/atomic-relevance-inspector/atomic-relevance-inspector.js

@@ -1,93 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { getOrganizationEndpoint } from '@coveo/headless';
-import { html, LitElement, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { renderButton } from "../../common/button";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import "../../common/atomic-modal/atomic-modal";
-import { booleanConverter } from "../../../converters/boolean-converter";
-import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
-import { errorGuard } from "../../../decorators/error-guard";
-/**
- * The `atomic-relevance-inspector` component is used internally to offer insight on search page relevance, as well as information to help troubleshoot issues during development.
- *
- * @internal
- */
-let AtomicRelevanceInspector = class AtomicRelevanceInspector extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.initialize = () => { };
-        this.open = false;
-    }
-    closeRelevanceInspector() {
-        this.open = false;
-        this.dispatchEvent(new CustomEvent('atomic/relevanceInspector/close', {
-            bubbles: true,
-            composed: true,
-            detail: null,
-        }));
-    }
-    get adminHref() {
-        const { organizationId, environment } = this.bindings.engine.state.configuration;
-        const admin = getOrganizationEndpoint(organizationId, environment, 'admin');
-        const { searchResponseId } = this.bindings.engine.state.search;
-        return `${admin}/admin/#/${organizationId}/search/relevanceInspector/${searchResponseId}`;
-    }
-    render() {
-        return html `
-      <atomic-modal
-        .isOpen=${this.open}
-        @close=${() => this.closeRelevanceInspector()}
-        exportparts="footer"
-      >
-        <p slot="header">Open the relevance inspector</p>
-        <p slot="body">
-          The Relevance Inspector will open in the Coveo Administration Console.
-        </p>
-        <div slot="footer" class="flex w-full items-center justify-end">
-          ${renderButton({
-            props: {
-                style: 'outline-primary',
-                class: 'mr-2 p-2',
-                onClick: () => this.closeRelevanceInspector(),
-                text: 'Ignore',
-            },
-        })(nothing)}
-          ${renderButton({
-            props: {
-                style: 'primary',
-                class: 'p-2',
-                onClick: () => {
-                    window.open(this.adminHref, '_blank');
-                    this.closeRelevanceInspector();
-                },
-                text: 'Open',
-            },
-        })(nothing)}
-        </div>
-      </atomic-modal>
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], AtomicRelevanceInspector.prototype, "bindings", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, converter: booleanConverter })
-], AtomicRelevanceInspector.prototype, "open", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicRelevanceInspector.prototype, "render", null);
-AtomicRelevanceInspector = __decorate([
-    customElement('atomic-relevance-inspector'),
-    bindings(),
-    withTailwindStyles
-], AtomicRelevanceInspector);
-export { AtomicRelevanceInspector };

package/dist/atomic/components/components/search/atomic-search-interface/analytics-config.js

@@ -1,57 +0,0 @@
-import { augmentAnalyticsConfigWithAtomicVersion, augmentAnalyticsConfigWithDocument, augmentAnalyticsWithAtomicVersion, augmentWithExternalMiddleware, getNextAnalyticsConfig, } from '../../common/interface/analytics-config';
-export function getAnalyticsConfig(searchEngineConfig, enabled, store) {
-    switch (searchEngineConfig.analytics?.analyticsMode) {
-        case 'next':
-            return getNextAnalyticsConfig(searchEngineConfig, enabled);
-        default:
-            return getLegacyAnalyticsConfig(searchEngineConfig, enabled, store);
-    }
-}
-function getLegacyAnalyticsConfig(searchEngineConfig, enabled, store) {
-    const analyticsClientMiddleware = (event, payload) => augmentAnalytics(event, payload, store, searchEngineConfig);
-    const defaultConfiguration = {
-        analyticsClientMiddleware,
-        enabled,
-        ...augmentAnalyticsConfigWithDocument(),
-    };
-    const immutableConfiguration = {
-        ...augmentAnalyticsConfigWithAtomicVersion(),
-    };
-    if (searchEngineConfig.analytics) {
-        return {
-            ...defaultConfiguration,
-            ...searchEngineConfig.analytics,
-            analyticsClientMiddleware,
-            ...immutableConfiguration,
-        };
-    }
-    return {
-        ...defaultConfiguration,
-        ...immutableConfiguration,
-    };
-}
-function augmentAnalytics(event, payload, store, config) {
-    let result = augmentWithExternalMiddleware(event, payload, config);
-    result = augmentAnalyticsWithAtomicVersion(result);
-    result = augmentAnalyticsWithFacetTitles(result, store);
-    return result;
-}
-function augmentAnalyticsWithFacetTitles(payload, store) {
-    const allFacets = store.getAllFacets();
-    const getAtomicFacetLabelOrOriginalTitle = (facetId, originalTitle) => (allFacets[facetId] ? allFacets[facetId].label() : originalTitle);
-    if (payload.facetState) {
-        payload.facetState = payload.facetState.map((analyticsFacetState) => {
-            const { id, title: originalTitle } = analyticsFacetState;
-            return {
-                ...analyticsFacetState,
-                title: getAtomicFacetLabelOrOriginalTitle(id, originalTitle),
-            };
-        });
-    }
-    if (payload.customData?.facetTitle &&
-        payload.customData.facetId &&
-        payload.customData.facetTitle) {
-        payload.customData.facetTitle = getAtomicFacetLabelOrOriginalTitle(payload.customData.facetId, payload.customData.facetTitle);
-    }
-    return payload;
-}