Modern Search v4 - October 2021

[FranckyC]

PnP Modern Search v4

This solution includes now only one .sppkg file:

• pnp-modern-search-parts-v4.sppkg. Mandatory.

Getting started documentation here: https://microsoft-search.github.io/pnp-modern-search/

Feedback and comments are welcomed!

Important - Important - Important

• IE11 support removed
• There's been an issue where onclick, onload etc. has not been sanitized correctly. This is now fixed so script (injection) in templated should now be fully blocked.
  • Custom templates with fallback/error templates on images are affected, and will require updates!
• Query variable handling now aligns with the classic implementation, and how Microsoft Search will handle them. A missing variable needs to have the {?...} notation for the part to be removed from the KQL. It will not be replaced with *.

Search Results Web Part

General

• [Documentation] Clarify how to add managed properties to the selected properties in search results.

New features

• Card layout tweaking (hyperlinks and dimensions) #1232 - Adds ability to sort columns with Handlebars expressions on Details List
• Pick language from page translation over page context if available #1317 - Pick language from page translation over page context if available
• update getAttachments handlebars helper code to include index  #1272 - Update getAttachments Handlebars helper code to include index
• Feature/accessibility #1402 - Added accessibility

Fixes

• groupBy helper not working in v4 #1352 - Wrong Handlebars context for the groupBy helper.
• Improve logic to not show previews for files on domains other than the one you are logged into, as preview will fetch due to wrong token #1188 - Updated the thumbnail and preview logic to not load thumbnail for non-SPO domains and interactive preview for different domain than Web Part.
• Cards template with odd numbers #1329 - Cards template with odd numbers
• Fix preview for folders and fix icon for onenote's #1277 - Fix preview for folders and fix icon for OneNote's
• Search Box Query String double encoding #1236 - Double encoding for queryText in Search Box
• Fix/Normalisation for Taxonomy Refiner Localisation #1204 - Fix/Normalization for Taxonomy Refiner Localization
• Fixed warning messages due to multiple file type icons load in the template service #1178 - Fixed warning messages due to multiple file type icons load in the template service
• Support for UTC time in tokens #1311 - Use correct UTZ date as bases
• Fixed warning messages due to multiple file type icons load in the template service #1178 - Optimize UI fabric styling and console warnings
• added ImportExport nl-nl translation #1183 - Fixed some nl translations
• Update TokenService.ts #1231 - Fix parsing of {?QueryString.Parameter} query variable notation
• Allow pasting of properties with comma list #1252 - Allow pasting comma separated list of managed properties into selected properties
• People Search formatting gone wrong when hover card turned on #1191 - CSS fix for the persona template
• PnP Search Refiner Web Part - Translate web parts according to a modern translated page's language, not the UX language #1189 - Pick language from page translation over page context if available
• Cards template with odd numbers #1329 - Fixed cards template with odd numbers
• Search Filters & Search Results break when lazy loading from header link. #1267 - Search Filters & Search Results break when lazy loading from header link
• Thumbnail images missing #1348 - Fix preview and icon for site results in list template
• Multi Taxonomy User property filter not working in Query Template as soon as more than one term is used #1328 - Split on | for User multivalue tokens
• Add pnp-img component and fix sanitization of markup attributes #1390 - Add pnp-img to be used instead of img tag and fix sanitization of markup attributes
• Handlebars helper {{default}} throws an error #1392 - Fixed the 'default' helper
• Search does not work when % is included in query text #1339 - Fix for % in query term
• Error handling in (custom) result templates (v3/v4) #1046 - UX changes to error message handling

Search filters

Fixes

• Sticky "Apply | Clear" buttons in ComboBox (Filters) #1225 - Sticky "Apply | Clear" buttons in ComboBox
• Refinement Filters scroll not accessible throughout the page. #1222 - Fix touch scroll on filter panel
• Filter combo control stops to "search as you type" after closing dropdown once with Esc-key or mouse #1323 - Filter combo control stops to "search as you type" after closing dropdown once with Esc-key or mouse.
• Filters Modified Date Interval Wording #1287 - Filters Modified Date Interval Wording
• Filter panel appears when clearing search terms but no filters selected #1144 - Filter panel appears when clearing search terms
• Search Filters - Combo-box multi-values, filter by text prevents selection of options #1165 - Fix combo box selection issue
• Accented characters in filter web part's search box #1185 - Allow accented characters in filter web part's filter box
• Search Filters & Search Results break when lazy loading from header link. #1267 - Search Filters & Search Results break when lazy loading from header link
• Filters Modified Date Interval Wording #1287 - Filters Modified Date Interval Wording
• Trigger query after pushState #1444 - Web Part does not re-render after a pushState when query string parameter is used in tokens
• Feature/accessibility #1402 - Accessibility compatibility

New Features

• Adds ability to sort columns with handlebar expressions on Details List #1282 - Adds ability to sort columns with handlebar expressions on Details List
• Feature/accessibility #1402 - Added accessibility
• Entity type list missing in Microsoft Search data source #1364 - Add support for person and list entity on the graph provider.
• Localization file with polish translation. #1428 - Added polish translations
• V4: Pre-select filters from URL (aka filters deep links in V4) #1367 - Added filter deep links feature
• Improved Swedish translations #1450 - Improved Swedish translations

Search box

New features

• Feature/accessibility #1402 - Added accessibility

Fixes

• Search does not work when % is included in query text #1339 - Fix for % in query term

Release PR link

#1426 All commits

Key contributors

• @ellinge
• @wobba
• @juliemturner
• @sympmarc
• @mrpullen
• @jhholm
• @svermaak
• @Laetterman
• @CreativeAcer
• @dennisvanniel
• @FranckyC
• @MakingThingsWorkToronto
• @dennisvanniel
• @jimmywim
• @fdafadf
• @sherpas-par

---

This discussion was created from the release Modern Search v4 - October 2021.

[sumitdeyonline]

We have created two items in the search verticle web part(Everything and People), can we use two separate Result Layouts in the search result web part? we want to use the "Simple List" layout for the "Everything" tab and the "People" layout for the People tab.

Everything Result ===>

People Result ===>

[sympmarc]

Best way to do this in my experience is to either:

• Add multiple Search Result Web Parts, each connected to a vertical and/or
• Create separate pages for each vertical

[mariaarcena]

@FranckyC Hello! Is is the Microsoft Search data source can be used in production now?

[FranckyC]

@mariaarcena the endpoint still points to beta so I would say no. We will update this for the next release, thanks for the reminder ;)

[mariaarcena]

Oh! So it was planned to use the non-beta after all? got it! thank you so much! ☺️ (unless you think it should be easy for me to change the endpoint within source code again but I'm afraid that might break the solution if I were to do that since I am new to sharepoint framework) 😅 but yes, I would wait for release then! 😊

[FranckyC]

The Microsoft Graph search API is available in v1.0 so yes it can be used in production https://docs.microsoft.com/en-us/graph/api/resources/search-api-overview?view=graph-rest-1.0. However I think filters only work with beta right now.

[wobba]

We'll update the docs to reflect what is beta and not. And beta is fairly stable with very little change - but it can change.

[Selamyi]

I have downloaded and start using Modern Search v4 web part. I have a custom column called mattername. i would like to use this custom column in the search result web part. But the results are not showing for this custom column.

[Selamyi]

@FranckyC I have done it but no luck

[Selamyi]

@jimmywim its showing null

[jimmywim]

Have you configured a Search Managed Property for your column?

You may need to map mattername to an existing RefinableString slot, or create a new Managed Property and map it to mattername (although you won't be able to refine or sort, so mapping to existing RefinableString properties is the recommended approach).

https://docs.microsoft.com/en-us/sharepoint/manage-search-schema#map-a-crawled-property-to-a-managed-property

[Selamyi]

And one more question. how can i make it to search only on the specific site. its now searching tenant wide

[Selamyi]

@FranckyC @jimmywim thanks it works when i just remove everything and do fresh install.

[chriscundy]

Is it possible to filter by the "Created" column in the search results, similar to in a list? For example newer to older.

[wobba]

Sorting using the details list will sort on-page items only - not issue a new query with sorting. v4 don't have the sorting drop-down like v3 did.