@keenmate/svelte-treeview 0.3.1 → 0.3.2

package/dist/TreeView.svelte

@@ -73,6 +73,15 @@ export let expandTo = 0;
  * It is recommended to use default classes and add aditinal styles in your css
  */
 export let customClasses = defaultClasses;
+// use any so use doesnt have to cast from unknown
+/**
+ * Function used to filter what nodes should be shown.
+ * Tree automatically adds all parents for nodes.
+ * User Higher order functions for reactive search.
+ * If you want to only search leaf nodes,
+ * its your responsibility to check if its hasChildren property is false
+ */
+export let filter = (_) => true;
 /**
  * Log function that will be called when something happens in tree.
  * Used mostly for debugging
@@ -109,10 +118,11 @@ $: helper = new TreeHelper(propHelper, {
     checkboxes: selectionMode,
     separator
 });
+$: filteredTree = helper.searchTree(tree, filter);
 // compute vissual tree still caleed twice, because if we force update changes tree
 // which fires this event again
 // TODO fix computeVisualTree beiing called twice
-$: recursiveSelection && selectionMode !== SelectionModes.none && computeVisualTree(tree),
+$: recursiveSelection && selectionMode !== SelectionModes.none && computeVisualTree(filteredTree),
     forceUpdate();
 //if insert is disabled => nest right away and never nest if its disabled
 $: canNest =
@@ -371,7 +381,7 @@ function highlightInsert(node, highlitedNode, validTarget, canNest) {
 	branchRootNode={null}
 	{treeId}
 	checkboxes={selectionMode}
-	{tree}
+	tree={filteredTree}
 	recursive={recursiveSelection}
 	{onlyLeafCheckboxes}
 	{hideDisabledCheckboxes}

package/dist/TreeView.svelte.d.ts

@@ -56,6 +56,13 @@ declare const __propDef: {
              * Classes used in tree. You can override default classes with this prop.
              * It is recommended to use default classes and add aditinal styles in your css
              */ customClasses?: CustomizableClasses | undefined;
+        /**
+             * Function used to filter what nodes should be shown.
+             * Tree automatically adds all parents for nodes.
+             * User Higher order functions for reactive search.
+             * If you want to only search leaf nodes,
+             * its your responsibility to check if its hasChildren property is false
+             */ filter?: ((node: any) => boolean) | undefined;
         /**
              * Log function that will be called when something happens in tree.
              * Used mostly for debugging

package/dist/helpers/tree-helper.d.ts

@@ -29,6 +29,6 @@ export declare class TreeHelper {
      */
     expandToLevel(tree: Node[], level: number): unknown[];
     getDepthLevel(nodePath: NodePath): number;
-    searchTree(tree: Node[], filter: (node: Node) => boolean, leafesOnly: boolean): unknown[];
+    searchTree(tree: Node[], filter: (node: unknown) => boolean): unknown[];
     getParents(tree: Node[], node: Node): unknown[];
 }

package/dist/helpers/tree-helper.js

@@ -101,16 +101,11 @@ export class TreeHelper {
         return nodePath.split(separator).length - 1;
     }
     //#endregion
-    searchTree(tree, filter, leafesOnly) {
-        let filteredNodes;
-        if (leafesOnly) {
-            filteredNodes = this.getAllLeafNodes(tree).filter(filter);
-        }
-        else {
-            filteredNodes = tree.filter(filter);
-        }
+    searchTree(tree, filter) {
+        const filteredNodes = tree.filter(filter);
         const resultNodes = [];
-        //console.log("matching nodes length:" + matchingPathes.length)
+        // add all parents from each node
+        // needed so that tree can be rendered
         filteredNodes.forEach((node) => {
             resultNodes.push(node);
             const parentNodes = this.getParents(tree, node);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@keenmate/svelte-treeview",
-	"version": "0.3.1",
+	"version": "0.3.2",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",