Add primevue 4.1 compatibility

arches_lingo/src/arches_lingo/components/tree/ConceptTree.vue

@@ -151,13 +151,13 @@ const expandPathsToFilterResults = (newFilterValue: string) => {
     nextFilterChangeNeedsExpandAll.value = false;
 };
 
-const getInputElement = () => {
+function getInputElement() {
     if (treeDOMRef.value !== null) {
         return treeDOMRef.value.$el.ownerDocument.querySelector(
-            'input[data-pc-name="pcfilter"]',
+            'input[data-pc-name="pcfilterinput"]',
         ) as HTMLInputElement;
     }
-};
+}
 
 const restoreFocusToInput = () => {
     // The current implementation of collapsing all nodes when
@@ -181,25 +181,9 @@ const snoopOnFilterValue = () => {
     }
 };
 
-const filterCallbackWrapped = computed(() => {
-    // Access some hidden functionality of the PrimeVue <Tree> to make
-    // filter lookups lazy, that is, making use of the current state of the
-    // label values and the selected language when doing the filtering.
-    // "Hidden", because we need to violate the type of filter-by, which
-    // should be a string. If we abuse it to be something that returns
-    // a 1-element array containing a getter when split() is called on it,
-    // that getter can return the best label to filter against.
-    return {
-        split: () => {
-            return [
-                (node: TreeNode) => {
-                    return bestLabel(node.data, selectedLanguage.value.code)
-                        .value;
-                },
-            ];
-        },
-    };
-});
+function lazyLabelLookup(node: TreeNode) {
+    return bestLabel(node.data, selectedLanguage.value.code).value;
+}
 
 const updateSelectedAndExpanded = (node: TreeNode) => {
     setDisplayedRow(node.data);
@@ -252,7 +236,7 @@ await initializeTree();
         v-model:expanded-keys="expandedKeys"
         :value="tree"
         :filter="true"
-        :filter-by="filterCallbackWrapped as unknown as string"
+        :filter-by="lazyLabelLookup"
         filter-mode="lenient"
         :filter-placeholder="$gettext('Find')"
         selection-mode="single"