Version 0.6.2
Improvements
- Ability to hide failed sites: Added the
hideFailedSitefunction 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-toastcomponent has been replaced with the more versatilelens-toastcomponent - Function API Change:
showErrorToast()function has been replaced withshowToast(message, type)wheretypeacceptserrororinfo - Removed the
showInSearchbarprop 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>