@keenmate/svelte-treeview 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/TreeView.svelte

@@ -6,6 +6,7 @@ import { TreeHelper } from './index.js';
 import Branch from './Branch.svelte';
 import { SelectionProvider } from './providers/selection-provider.js';
 import { DragDropProvider } from './providers/drag-drop-provider.js';
+import uniq from 'lodash.uniq';
 const dispatch = createEventDispatcher();
 export let treeId;
 /**
@@ -73,6 +74,11 @@ export let showContextMenu = false;
  * any user made expansion will override this.
  */
 export let expandTo = 0;
+/**
+ * Treshold for automatic expansion. If tree has less or equal nodes than this value,
+ * all nodes will be expanded. Default is 0, which means no automatic expansion
+ */
+export let expansionTreshold = 0;
 /**
  * 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
@@ -127,13 +133,35 @@ export function changeAllExpansion(changeTo) {
         expandedIds = [];
     }
 }
+export function expandToNode(nodePath) {
+    const targetNode = helper.findNode(computedTree, nodePath);
+    if (!targetNode) {
+        console.error('Node with path', nodePath, 'not found');
+        return;
+    }
+    const parents = helper.getParents(computedTree, targetNode);
+    debugLog("expanding to node '" + nodePath + "'" + ' parents', parents);
+    console.log('parents', parents);
+    expandedIds = uniq([...expandedIds, ...parents.map((node) => node.id)]);
+}
+export function setExpansions(expansions) {
+    if (!Array.isArray(expansions)) {
+        console.error('expansions must be an array');
+        return;
+    }
+    expandedIds = expansions;
+}
 function computeTree(helper, selectionProvider, userProvidedTree, filter, props, expandedIds, value) {
     if (!Array.isArray(userProvidedTree) || !Array.isArray(value)) {
         console.error('value and tree must be arrays!!');
         return [];
     }
     const mappedTree = helper.mapTree(userProvidedTree, { ...defaultPropNames, ...props });
-    const filteredTree = helper.searchTree(mappedTree, filter);
+    const { tree: filteredTree, count: filteredCount } = helper.searchTree(mappedTree, filter);
+    // treshold applies to nodes that match the filter, not all their parents
+    if (filteredCount <= expansionTreshold) {
+        expandedIds = uniq([...expandedIds, ...filteredTree.map((node) => node.id)]);
+    }
     helper.markExpanded(filteredTree, expandedIds);
     // TODO here we could save last value and only recompute visual state if value changed
     // or use diff to only update affected nodes

package/dist/TreeView.svelte.d.ts

@@ -55,6 +55,10 @@ declare const __propDef: {
              * Automaticaly expand nodes to this level,
              * any user made expansion will override this.
              */ expandTo?: number | undefined;
+        /**
+             * Treshold for automatic expansion. If tree has less or equal nodes than this value,
+             * all nodes will be expanded. Default is 0, which means no automatic expansion
+             */ expansionTreshold?: number | undefined;
         /**
              * 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
@@ -76,6 +80,8 @@ declare const __propDef: {
              * It should return true, if drop is disabled on that node.
              */ dropDisabledCallback?: DragEnterCallback | null | undefined;
         changeAllExpansion?: ((changeTo: boolean) => void) | undefined;
+        expandToNode?: ((nodePath: string) => void) | undefined;
+        setExpansions?: ((expansions: NodeId[]) => void) | undefined;
     };
     events: {
         expansion: CustomEvent<any>;
@@ -104,5 +110,7 @@ export type TreeViewEvents = typeof __propDef.events;
 export type TreeViewSlots = typeof __propDef.slots;
 export default class TreeView extends SvelteComponent<TreeViewProps, TreeViewEvents, TreeViewSlots> {
     get changeAllExpansion(): (changeTo: boolean) => void;
+    get expandToNode(): (nodePath: string) => void;
+    get setExpansions(): (expansions: NodeId[]) => void;
 }
 export {};

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

@@ -21,7 +21,10 @@ export declare class TreeHelper {
      */
     expandToLevel(tree: Tree, level: number): NodeId[];
     getDepthLevel(nodePath: string): number;
-    searchTree(tree: Tree, filter: FilterFunction | null): Tree;
+    searchTree(tree: Tree, filter: FilterFunction | null): {
+        count: number;
+        tree: Tree;
+    };
     getParents(tree: Tree, targetNode: Node): Node[];
     /** orders nodes by priorityProp
      */

package/dist/helpers/tree-helper.js

@@ -21,7 +21,7 @@ export class TreeHelper {
                     dragDisabled: node[properties.dragDisabled] === true,
                     insertDisabled: node[properties.insertDisabled] === true,
                     nestAllowed: node[properties.nestAllowed] === true,
-                    checkbox: node[properties.checkbox] === true,
+                    checkbox: node[properties.checkbox] ?? null,
                     expanded: false,
                     selected: false,
                     visualState: VisualState.notSelected,
@@ -116,7 +116,7 @@ export class TreeHelper {
     //#endregion
     searchTree(tree, filter) {
         if (!filter)
-            return tree;
+            return { count: tree.length, tree };
         const filteredNodes = tree.filter(filter);
         const resultNodes = [];
         // add all parents from each node
@@ -127,12 +127,12 @@ export class TreeHelper {
             resultNodes.push(...parentNodes);
         });
         const uniqueNodes = uniqueBy(resultNodes, (node) => node.path);
-        return uniqueNodes;
+        return { count: filteredNodes.length, tree: uniqueNodes };
     }
     getParents(tree, targetNode) {
         const parentsPaths = [];
         // TODO refactor
-        let nodePath = this.getParentNodePath(targetNode.path);
+        let nodePath = targetNode.path;
         // get all parents
         while (nodePath !== null && nodePath !== '') {
             nodePath = this.getParentNodePath(nodePath);

package/dist/types.d.ts

@@ -30,7 +30,7 @@ export type Node = {
     dragDisabled: boolean;
     insertDisabled: boolean;
     nestAllowed: boolean;
-    checkbox: boolean;
+    checkbox: boolean | null;
     visualState: VisualState;
     expanded: boolean;
     selected: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@keenmate/svelte-treeview",
-	"version": "1.0.0-beta.5",
+	"version": "1.0.0-beta.7",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",