@keenmate/svelte-treeview 1.1.5 → 1.1.7

package/dist/TreeView.svelte

@@ -129,7 +129,6 @@ $: helper = new TreeHelper({
 $: dragAndDropProvider = new DragDropProvider(helper);
 $: selectionProvider = new SelectionProvider(helper, recursiveSelection);
 $: computedTree = computeTree(helper, selectionProvider, tree, filter, props, expandedPaths, value);
-$: debugLog('computedTree', computedTree);
 export function changeAllExpansion(changeTo) {
     debugLog('changing expansion of every node to ', changeTo ? 'expanded' : 'collapsed');
     if (changeTo) {
@@ -187,21 +186,24 @@ export function focusFirstNode() {
     dispatch('focus', focusedNode);
     return focusedNode;
 }
-function computeTree(helper, selectionProvider, userProvidedTree, filter, props, expandedIds, value) {
+function computeTree(helper, selectionProvider, userProvidedTree, filter, props, expandedPaths, value) {
     if (!Array.isArray(userProvidedTree) || !Array.isArray(value)) {
         console.error('value and tree must be arrays!!');
         return [];
     }
+    const start = Date.now();
     const mappedTree = helper.mapTree(userProvidedTree, { ...defaultPropNames, ...props });
     const { tree: filteredTree, count: filteredCount } = helper.searchTree(mappedTree, filter);
-    // treshold applies to nodes that match the filter, not all their parents
+    // threshold applies to nodes that match the filter, not all their parents
     if (filteredCount <= expansionThreshold) {
-        expandedIds = uniq([...expandedIds, ...filteredTree.map((node) => node.id)]);
+        expandedPaths = uniq([...expandedPaths, ...filteredTree.map((node) => node.path)]);
     }
-    helper.markExpanded(filteredTree, expandedIds);
+    helper.markExpanded(filteredTree, expandedPaths);
     // TODO here we could save last value and only recompute visual state if value changed
     // or use diff to only update affected nodes
     selectionProvider.markSelected(filteredTree, value);
+    const end = Date.now();
+    debugLog(`Tree computed in: ${end - start}`, computeTree);
     return filteredTree;
 }
 function onExpand(detail) {
@@ -225,6 +227,9 @@ function onExpand(detail) {
     }
 }
 function handleCallback(node) {
+    if (node.useCallback !== true) {
+        return;
+    }
     // only call on nodes with children
     if (node.hasChildren !== true) {
         return;

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

@@ -1,9 +1,9 @@
-import { type Node, type HelperConfig, type Tree, type NodeId, type Props, type FilterFunction } from '../types.js';
+import { type Node, type HelperConfig, type Tree, type Props, type FilterFunction } from '../types.js';
 export declare class TreeHelper {
     config: HelperConfig;
     constructor(config?: HelperConfig);
     mapTree(tree: Tree, properties: Props): Node[];
-    markExpanded(tree: Tree, expandedNodeIds: NodeId[]): void;
+    markExpanded(tree: Tree, expandedPaths: string[]): void;
     getParentNodePath(nodePath: string): string | null;
     isChildrenOf(parentNodePath: string | null, childrenNodePath: string): boolean;
     hasChildren(tree: Tree, nodePath: string): Node | undefined;

package/dist/helpers/tree-helper.js

@@ -32,10 +32,10 @@ export class TreeHelper {
             });
         }
     }
-    markExpanded(tree, expandedNodeIds) {
+    markExpanded(tree, expandedPaths) {
         {
             tree.forEach((node) => {
-                node.expanded = expandedNodeIds.includes(node.id ?? '');
+                node.expanded = expandedPaths.includes(node.path ?? '');
             });
         }
     }

package/package.json

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