@coveo/quantic 3.33.6 → 3.34.0

package/docs/out/quantic-docs.json

@@ -3363,7 +3363,7 @@
                         "description": "<p>The result to retrieve a quickview for.</p>",
                         "required": true,
                         "defaultValue": "",
-                        "type": "Result"
+                        "type": "ResultWithFolding"
                     },
                     {
                         "name": "maximumPreviewSize",

package/force-app/main/default/lwc/jsconfig.json

@@ -3,7 +3,7 @@
     "experimentalDecorators": true,
     "baseUrl": ".",
     "checkJs": true,
-    "target": "es2016",
+    "target": "es2023",
     "module": "esnext",
     "paths": {
       "c/exampleSearch": ["exampleSearch/exampleSearch"],

package/force-app/main/default/lwc/quanticResultQuickview/__tests__/quanticResultQuickview.test.js

@@ -44,6 +44,8 @@ const exampleResult = {
   },
   title: 'abc',
   uniqueId: '123',
+  parentResult: {},
+  childResults: [],
 };
 
 const functionMocks = {
@@ -149,8 +151,13 @@ describe('c-quantic-result-quick-view', () => {
     await quickViewButton.click();
     await flushPromises();
 
+    // eslint-disable-next-line no-unused-vars
+    const {parentResult, childResults, ...expectedPayload} = exampleResult;
+
     expect(functionMocks.pushRecentResult).toHaveBeenCalledTimes(1);
-    expect(functionMocks.pushRecentResult).toHaveBeenCalledWith(exampleResult);
+    expect(functionMocks.pushRecentResult).toHaveBeenCalledWith(
+      expectedPayload
+    );
   });
 
   describe('when the result has no preview', () => {

package/force-app/main/default/lwc/quanticResultQuickview/quanticResultQuickview.js

@@ -16,6 +16,13 @@ import {LightningElement, api, track} from 'lwc';
 /** @typedef {import("coveo").QuickviewState} QuickviewState */
 /** @typedef {import("coveo").SearchEngine} SearchEngine */
 
+/**
+ * @typedef {Object} ResultWithFolding
+ * @mixes Result
+ * @property {Result} parentResult
+ * @property {Result[]} childResults
+ */
+
 /**
  * The `QuanticResultQuickview` component renders a button which the end user can click to open a modal box containing certain information about a result.
  * @category Result Template
@@ -33,7 +40,7 @@ export default class QuanticResultQuickview extends LightningElement {
   /**
    * The result to retrieve a quickview for.
    * @api
-   * @type {Result}
+   * @type {ResultWithFolding}
    */
   @api result;
   /**
@@ -173,10 +180,11 @@ export default class QuanticResultQuickview extends LightningElement {
       this.engine
     );
 
-    // Destructuring transforms the Proxy object created by Salesforce to a normal object so no unexpected behaviour will occur with the Headless library.
-    this.engine.dispatch(
-      pushRecentResult({...this.result, raw: {...this.result.raw}})
-    );
+    // Exclude parentResult and childResults to prevent Salesforce Proxy extensibility errors.
+    // These nested result objects remain proxied after spreading, causing 'isExtensible' trap violations when accessed by the Headless library.
+    // eslint-disable-next-line no-unused-vars
+    const {parentResult, childResults, ...result} = this.result;
+    this.engine.dispatch(pushRecentResult({...result, raw: {...result.raw}}));
   }
 
   closeQuickview() {

package/force-app/main/default/lwc/quanticUtils/quanticUtils.js

@@ -987,6 +987,7 @@ export function getElementPadding(element) {
 
 /**
  * Returns the absolute height of an element.
+ * Uses getBoundingClientRect() to ensure synchronous layout calculation.
  * @param {Element} element
  * @returns {number} The absolute height of the element including padding.
  */
@@ -994,15 +995,15 @@ export function getAbsoluteHeight(element) {
   if (!element) {
     return 0;
   }
-  const paddings = getElementPadding(element);
-  const padding = paddings.top + paddings.bottom;
 
-  // @ts-ignore
-  return Math.ceil(element.offsetHeight + padding);
+  // Using getBoundingClientRect ensures accurate height measurements across all browsers, especially Safari.
+  const elementBoundingRect = element.getBoundingClientRect();
+  return Math.ceil(elementBoundingRect.height);
 }
 
 /**
  * Returns the absolute width of an element.
+ * Uses getBoundingClientRect() to ensure synchronous layout calculation.
  * @param {Element} element
  * @returns {number} The absolute width of the element including padding.
  */
@@ -1010,9 +1011,8 @@ export function getAbsoluteWidth(element) {
   if (!element) {
     return 0;
   }
-  const paddings = getElementPadding(element);
-  const padding = paddings.left + paddings.right;
 
-  // @ts-ignore
-  return Math.ceil(element.offsetWidth + padding);
+  // Using getBoundingClientRect ensures accurate width measurements across all browsers, especially Safari.
+  const elementBoundingRect = element.getBoundingClientRect();
+  return Math.ceil(elementBoundingRect.width);
 }