From 6c184bd6d9c12a15e960193511fe6f50a293e650 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Tue, 30 May 2023 15:02:13 +0100
Subject: [PATCH] PR Feedback filtering by label and section name. Disable
 default filter highlighting

---
 .../src/components/common/CodeEditor/index.js | 34 +++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/packages/builder/src/components/common/CodeEditor/index.js b/packages/builder/src/components/common/CodeEditor/index.js
index 41ae28c653..569faf14e1 100644
--- a/packages/builder/src/components/common/CodeEditor/index.js
+++ b/packages/builder/src/components/common/CodeEditor/index.js
@@ -172,6 +172,19 @@ export const getHelperCompletions = () => {
   }, [])
 }
 
+const bindingFilter = (options, query) => {
+  return options.filter(completion => {
+    const section_parsed = completion.section.name.toLowerCase()
+    const label_parsed = completion.label.toLowerCase()
+    const query_parsed = query.toLowerCase()
+
+    return (
+      section_parsed.includes(query_parsed) ||
+      label_parsed.includes(query_parsed)
+    )
+  })
+}
+
 export const hbAutocomplete = baseCompletions => {
   async function coreCompletion(context) {
     let bindingStart = context.matchBefore(EditorModes.Handlebars.match)
@@ -181,10 +194,15 @@ export const hbAutocomplete = baseCompletions => {
     if (!bindingStart) {
       return null
     }
+    // Accomodate spaces
+    const match = bindingStart.text.match(/{{[\s]*/)
+    const query = bindingStart.text.replace(match[0], "")
+    let filtered = bindingFilter(options, query)
+
     return {
-      from: bindingStart.from + 2,
-      filter: true,
-      options,
+      from: bindingStart.from + match[0].length,
+      filter: false,
+      options: filtered,
     }
   }
 
@@ -197,10 +215,14 @@ export const jsAutocomplete = baseCompletions => {
     let options = baseCompletions || []
 
     if (jsBinding) {
+      // Accomodate spaces
+      const match = jsBinding.text.match(/\$\("[\s]*/)
+      const query = jsBinding.text.replace(match[0], "")
+      let filtered = bindingFilter(options, query)
       return {
-        from: jsBinding.from + 3,
-        filter: true,
-        options,
+        from: jsBinding.from + match[0].length,
+        filter: false,
+        options: filtered,
       }
     }