treege 3.0.0-beta.38 → 3.0.0-beta.39

package/dist/editor/constants/nodeSpacing.d.ts

@@ -18,3 +18,16 @@ export declare const AI_HORIZONTAL_SPACING = 350;
  * Position tolerance for detecting nodes at the same Y position (in pixels)
  */
 export declare const POSITION_TOLERANCE = 20;
+/**
+ * Default direction for the auto-layout algorithm.
+ * "TB" = top to bottom, "LR" = left to right.
+ */
+export declare const LAYOUT_DIRECTION = "TB";
+/**
+ * Vertical gap between ranks (parent → child) used by the auto-layout (in pixels).
+ */
+export declare const LAYOUT_VERTICAL_SPACING = 80;
+/**
+ * Horizontal gap between siblings used by the auto-layout (in pixels).
+ */
+export declare const LAYOUT_HORIZONTAL_SPACING = 60;

package/dist/editor/hooks/useAutoLayout.d.ts

@@ -0,0 +1,15 @@
+import { LayoutOptions } from '../utils/dagreLayout';
+/**
+ * Keeps the flow laid out automatically using Dagre.
+ *
+ * Runs once all nodes have been measured, then re-runs whenever any node's
+ * measured size changes. Positions computed by Dagre replace the current
+ * `position` of each node — manual repositioning is therefore overridden,
+ * which is the expected behavior for a decision-tree editor where topology
+ * drives layout.
+ *
+ * Group children are laid out independently within their parent, preserving
+ * React Flow's parent-relative coordinate system.
+ */
+declare const useAutoLayout: ({ direction, horizontalSpacing, verticalSpacing }?: LayoutOptions) => void;
+export default useAutoLayout;

package/dist/editor/utils/dagreLayout.d.ts

@@ -0,0 +1,17 @@
+import { Edge, Node } from '@xyflow/react';
+export type LayoutDirection = "TB" | "LR";
+export interface LayoutOptions {
+    direction?: LayoutDirection;
+    horizontalSpacing?: number;
+    verticalSpacing?: number;
+}
+/**
+ * Runs Dagre to compute positions for the given nodes and returns a new
+ * `nodes` array with updated `position` fields. Nodes not yet measured by
+ * React Flow keep their current position.
+ *
+ * Respects group hierarchy: top-level nodes are laid out together, and
+ * each group's children are laid out independently using parent-relative
+ * coordinates.
+ */
+export declare const getLayoutedElements: (nodes: Node[], edges: Edge[], options?: LayoutOptions) => Node[];