Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Version 0.6.2

Improvements

  • Ability to hide failed sites: Added the hideFailedSite function to allow applications to hide sites that have failed from the result summary and result table. Consider using this function in your result handling logic to improve user experience when dealing with site failures. See the Showing results guide for an example.
  • Enhanced Toast System: Introduced a unified toast component (LensToast) that supports multiple toast types including error and info notifications with consistent styling and behavior
  • Query Explain Button Redesign: The redesigned query explain button now presents search details in user-friendly language with improved formatting and search bar chips displays query information in depth.
  • The FacetCount is now settable via a function

Breaking Changes

  • Component Rename: error-toast component has been replaced with the more versatile lens-toast component
  • Function API Change: showErrorToast() function has been replaced with showToast(message, type) where type accepts error or info
  • Removed the showInSearchbar prop as the component now automatically determines display behavior based on input context.

Migration Guide

Toasts

Update your HTML tags:

<!-- Before --->
<error-toast></error-toast>

<!-- After --->
<lens-toast></lens-toast>

Update your toast function calls:

// Before
import { showErrorToast } from "./toast";
showErrorToast("Something went wrong!");

// After
import { showToast } from "./toast";
showToast("Something went wrong!", "error");
showToast("Operation completed successfully!", "info");

Query Modified Component

The <lens-search-modified-display> component no longer has a <slot>. Remove any text inside the component tag and optionally customize the text using translations:

"texts": {
    "query_modified": {
        "en": "My custom text"
    }
}

Result Table Pagination Changes

The page size switcher was removed so you should remove the pageSizeSwitcher prop if you were using it. The result table now operates in two modes:

<!-- Table in unpaged mode shows all rows and grows dynamically with the number of rows -->
<lens-result-table></lens-result-table>
<!-- Table in paged mode limits the number of rows per page and has fixed height -->
<lens-result-table pageSize={10}></lens-result-table>