Merge pull request #89 from pnp/refinement-results-for-search

refinement results tab for search

Author: tavikukko

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "sp-editor",
-  "version": "7.5.4",
+  "version": "7.5.5",
   "private": true,
   "homepage": ".",
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "SP Editor",
   "homepage_url": "https://microsoftedge.microsoft.com/addons/detail/affnnhcbfmcbbdlcadgkdbfafigmjdkk",
-  "version": "7.5.4",
+  "version": "7.5.5",
   "description": "Create and update SharePoint Online/SP2013/SP2016/SP2019 css/js files, inject files to web, manage web/list properties, list Webhook",
   "manifest_version": 3,
   "devtools_page": "devtools.html",

public/manifest.json

@@ -166,6 +166,7 @@ export const runsearch = (payload: SP.ISearchQuery, extPath: string) => {
           TotalRows: r.postquery.PrimaryQueryResult?.RelevantResults?.TotalRows,
           TotalRowsIncludingDuplicates: r.postquery.PrimaryQueryResult?.RelevantResults?.TotalRowsIncludingDuplicates,
           RawSearchResults: r.postquery.PrimaryQueryResult,
+          Refiners: r.postquery.PrimaryQueryResult?.RefinementResults,
         };
         return result;
       })

src/pages/search/chrome/runsearch.ts

@@ -227,12 +227,50 @@ const SearchCommands = () => {
             color: MessageBarColors.danger,
           })
         );
-        dispatch(setSearchResults([], [], undefined));
+        dispatch(setSearchResults([], [], [], [], undefined));
       } else {
         var items: any[] = [];
         var groups: any[] = [];
         var uniqueKey = 0;
         var startIndex = 0;
+        //console.log('Refiners: ', res.Refiners.Refiners.results);
+       
+              // Map refiners
+      var refinersItems: any[] = [];
+      var refinersGroups: any[] = [];
+      var refinersUniqueKey = 0;
+      var refinersStartIndex = 0;
+      
+      if (res.Refiners && res.Refiners.Refiners && res.Refiners.Refiners.results) {
+        res.Refiners.Refiners.results.forEach((refiner: any) => {
+          if (refiner.Entries && refiner.Entries.results) {
+            // Create a group for each refiner
+            refinersGroups.push({
+              key: refiner.Name || `refiner-${refinersStartIndex}`,
+              name: refiner.Name || "Unknown Refiner",
+              startIndex: refinersStartIndex,
+              count: refiner.Entries.results.length,
+              level: 0,
+              isCollapsed: true,
+            });
+            
+            // Map each entry in the refiner
+            const refinementItems = refiner.Entries.results.map((entry: any, index: number) => ({
+              key: refinersUniqueKey++,
+              refinementName: entry.RefinementName || "",
+              refinementValue: entry.RefinementValue || "",
+              refinementCount: entry.RefinementCount || "0",
+              refinementToken: entry.RefinementToken || "",
+              refinerName: refiner.Name || "Unknown Refiner",
+              row: index + 1
+            }));
+            
+            refinersItems = [...refinersItems, ...refinementItems];
+            refinersStartIndex += refiner.Entries.results.length;
+          }
+        });
+      }
+
         res.PrimarySearchResults.forEach((item: any) => {
           const temp = Object.keys(item)
             .map((name) => ({
@@ -264,7 +302,7 @@ const SearchCommands = () => {
           startIndex += Object.keys(item).length;
         });
 
-        dispatch(setSearchResults(items, groups, res));
+        dispatch(setSearchResults(items, groups, refinersItems, refinersGroups, res));
       }
     } else {
       //console.log('Injection failed: ', injectionResults);

src/pages/search/components/commands.tsx

@@ -229,7 +229,7 @@ const SearchQueryForm = () => {
               dispatch(
                 setSearchQuery({
                   ...searchQuery,
-                  QueryTemplate: newValue ? newValue : '',
+                  QueryTemplate: newValue ?? '',
                 })
               )
             }
@@ -288,6 +288,22 @@ const SearchQueryForm = () => {
               else dispatch(setSearchQuery({ ...searchQuery, SortList: [] }));
             }}
           />
+          <TextField
+            autoAdjustHeight
+            multiline
+            spellCheck={false}
+            defaultValue={searchQuery.Refiners}
+            label="Refiners"
+            placeholder='eg. ContentType,FileType'
+            onChange={(event, newValue?: string) => {
+              dispatch(
+                setSearchQuery({
+                  ...searchQuery,
+                  Refiners: newValue ? newValue.replace(/\s+/g, '') : '',
+                })
+              );
+            }}
+          />
           <TextField
             autoAdjustHeight
             multiline