eidos-ui 0.1.0

package/dist/chunk-PWIA4XQD.js

@@ -0,0 +1,320 @@
+// src/components/TreeView/TreeView.component.tsx
+import { useState, useCallback, useMemo, useRef, useContext, createContext } from "react";
+import { ChevronRight, Folder, FolderOpen, File } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function collectAllBranchIds(nodes) {
+  const ids = [];
+  function traverse(items) {
+    for (const node of items) {
+      if (node.children && node.children.length > 0) {
+        ids.push(node.id);
+        traverse(node.children);
+      }
+    }
+  }
+  traverse(nodes);
+  return ids;
+}
+function buildNodeMap(nodes) {
+  const map = /* @__PURE__ */ new Map();
+  function traverse(items) {
+    for (const node of items) {
+      map.set(node.id, node);
+      if (node.children) traverse(node.children);
+    }
+  }
+  traverse(nodes);
+  return map;
+}
+function buildParentMap(nodes) {
+  const map = /* @__PURE__ */ new Map();
+  function traverse(items, parentId) {
+    for (const node of items) {
+      map.set(node.id, parentId);
+      if (node.children) traverse(node.children, node.id);
+    }
+  }
+  traverse(nodes, null);
+  return map;
+}
+function computeVisibleIds(nodes, expandedIds) {
+  const result = [];
+  function traverse(items) {
+    for (const node of items) {
+      result.push(node.id);
+      if (node.children && node.children.length > 0 && expandedIds.has(node.id)) {
+        traverse(node.children);
+      }
+    }
+  }
+  traverse(nodes);
+  return result;
+}
+var TreeContext = createContext(null);
+function useTreeContext() {
+  const ctx = useContext(TreeContext);
+  if (!ctx) throw new Error("TreeNodeItem must be rendered inside <TreeView>");
+  return ctx;
+}
+var TreeNodeItem = ({ node, depth }) => {
+  const ctx = useTreeContext();
+  const { nodeRefs } = ctx;
+  const isBranch = Boolean(node.children && node.children.length > 0);
+  const isExpanded = isBranch && ctx.expandedIds.has(node.id);
+  const isSelected = ctx.selectedIds.has(node.id);
+  const isDisabled = node.disabled === true;
+  const liRef = useCallback(
+    (el) => {
+      if (el) nodeRefs.current.set(node.id, el);
+      else nodeRefs.current.delete(node.id);
+    },
+    [node.id, nodeRefs]
+  );
+  const handleRowClick = () => {
+    if (!isDisabled) ctx.onNodeClick(node);
+  };
+  const handleToggleClick = (e) => {
+    e.stopPropagation();
+    if (!isDisabled && isBranch) ctx.onToggleExpand(node.id);
+  };
+  const handleKeyDown = (e) => {
+    ctx.onNodeKeyDown(e, node, isBranch);
+  };
+  const DefaultIcon = isBranch ? isExpanded ? FolderOpen : Folder : File;
+  const NodeIcon = node.icon ?? DefaultIcon;
+  const iconSize = ctx.size === "sm" ? 14 : ctx.size === "lg" ? 18 : 16;
+  const rowClasses = [
+    "eidos-tree-node-row",
+    isSelected && "eidos-tree-node-row--selected",
+    isDisabled && "eidos-tree-node-row--disabled"
+  ].filter(Boolean).join(" ");
+  const toggleClasses = [
+    "eidos-tree-toggle",
+    isExpanded && "eidos-tree-toggle--expanded",
+    !isBranch && "eidos-tree-toggle--leaf"
+  ].filter(Boolean).join(" ");
+  const childrenClasses = ["eidos-tree-children", ctx.showLines && "eidos-tree-children--lines"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref: liRef,
+      role: "treeitem",
+      "aria-expanded": isBranch ? isExpanded : void 0,
+      "aria-selected": isSelected,
+      "aria-disabled": isDisabled || void 0,
+      "aria-level": depth,
+      tabIndex: ctx.tabFocusId === node.id ? 0 : -1,
+      className: "eidos-tree-node",
+      onFocus: () => ctx.onNodeFocus(node.id),
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: rowClasses, onClick: handleRowClick, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: toggleClasses,
+              onClick: handleToggleClick,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              children: isBranch && /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "eidos-tree-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(NodeIcon, { size: iconSize }) }),
+          /* @__PURE__ */ jsx("span", { className: "eidos-tree-label", children: ctx.renderLabel ? ctx.renderLabel(node, isSelected, isExpanded) : node.label })
+        ] }),
+        isBranch && isExpanded && /* @__PURE__ */ jsx("ul", { role: "group", className: childrenClasses, children: node.children.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1 }, child.id)) })
+      ]
+    }
+  );
+};
+TreeNodeItem.displayName = "TreeNodeItem";
+var TreeView = ({
+  data,
+  // Single selection
+  selectedId,
+  defaultSelectedId,
+  onSelect,
+  // Multi selection
+  multiSelect = false,
+  selectedIds: selectedIdsProp,
+  defaultSelectedIds,
+  onSelectMulti,
+  // Expansion
+  expandedIds: expandedIdsProp,
+  defaultExpandedIds,
+  onExpand,
+  defaultExpandAll = false,
+  // Appearance
+  size = "md",
+  showLines = false,
+  className,
+  // Rendering
+  renderLabel
+}) => {
+  const nodeMap = useMemo(() => buildNodeMap(data), [data]);
+  const parentMap = useMemo(() => buildParentMap(data), [data]);
+  const isSingleControlled = selectedId !== void 0;
+  const [localSingleId, setLocalSingleId] = useState(defaultSelectedId);
+  const effectiveSingleId = isSingleControlled ? selectedId : localSingleId;
+  const isMultiControlled = selectedIdsProp !== void 0;
+  const [localMultiIds, setLocalMultiIds] = useState(defaultSelectedIds ?? []);
+  const effectiveMultiIds = isMultiControlled ? selectedIdsProp : localMultiIds;
+  const selectedSet = useMemo(() => {
+    if (multiSelect) return new Set(effectiveMultiIds);
+    return effectiveSingleId !== void 0 ? /* @__PURE__ */ new Set([effectiveSingleId]) : /* @__PURE__ */ new Set();
+  }, [multiSelect, effectiveMultiIds, effectiveSingleId]);
+  const isExpansionControlled = expandedIdsProp !== void 0;
+  const [localExpandedIds, setLocalExpandedIds] = useState(() => {
+    if (defaultExpandAll) return collectAllBranchIds(data);
+    return defaultExpandedIds ?? [];
+  });
+  const effectiveExpandedIds = isExpansionControlled ? expandedIdsProp : localExpandedIds;
+  const expandedSet = useMemo(() => new Set(effectiveExpandedIds), [effectiveExpandedIds]);
+  const [tabFocusId, setTabFocusId] = useState(() => data[0]?.id ?? null);
+  const nodeRefs = useRef(/* @__PURE__ */ new Map());
+  const handleToggleExpand = useCallback(
+    (id) => {
+      const willExpand = !expandedSet.has(id);
+      if (!isExpansionControlled) {
+        setLocalExpandedIds(
+          (prev) => willExpand ? [...prev, id] : prev.filter((eid) => eid !== id)
+        );
+      }
+      onExpand?.(id, willExpand);
+    },
+    [expandedSet, isExpansionControlled, onExpand]
+  );
+  const handleNodeClick = useCallback(
+    (node) => {
+      if (node.disabled) return;
+      if (multiSelect) {
+        const isCurrentlySelected = selectedSet.has(node.id);
+        const nextIds = isCurrentlySelected ? effectiveMultiIds.filter((id) => id !== node.id) : [...effectiveMultiIds, node.id];
+        if (!isMultiControlled) setLocalMultiIds(nextIds);
+        const nextNodes = nextIds.map((id) => nodeMap.get(id)).filter((n) => n !== void 0);
+        onSelectMulti?.(nextNodes);
+      } else {
+        if (!isSingleControlled) setLocalSingleId(node.id);
+        onSelect?.(node);
+      }
+      setTabFocusId(node.id);
+    },
+    [
+      multiSelect,
+      selectedSet,
+      effectiveMultiIds,
+      isMultiControlled,
+      isSingleControlled,
+      nodeMap,
+      onSelect,
+      onSelectMulti
+    ]
+  );
+  const handleNodeFocus = useCallback((id) => {
+    setTabFocusId(id);
+  }, []);
+  const handleNodeKeyDown = useCallback(
+    (e, node, isBranch) => {
+      const visibleIds = computeVisibleIds(data, expandedSet);
+      const currentIndex = visibleIds.indexOf(node.id);
+      const focusNode = (id) => {
+        setTabFocusId(id);
+        nodeRefs.current.get(id)?.focus();
+      };
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault();
+          const nextId = visibleIds[currentIndex + 1];
+          if (nextId !== void 0) focusNode(nextId);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault();
+          const prevId = visibleIds[currentIndex - 1];
+          if (prevId !== void 0) focusNode(prevId);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault();
+          if (!isBranch) break;
+          if (!expandedSet.has(node.id)) {
+            handleToggleExpand(node.id);
+          } else {
+            const firstChildId = visibleIds[currentIndex + 1];
+            if (firstChildId !== void 0) focusNode(firstChildId);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          e.preventDefault();
+          if (isBranch && expandedSet.has(node.id)) {
+            handleToggleExpand(node.id);
+          } else {
+            const parentId = parentMap.get(node.id);
+            if (parentId !== void 0 && parentId !== null) focusNode(parentId);
+          }
+          break;
+        }
+        case "Enter":
+        case " ": {
+          e.preventDefault();
+          if (!node.disabled) handleNodeClick(node);
+          break;
+        }
+        case "Home": {
+          e.preventDefault();
+          const firstId = visibleIds[0];
+          if (firstId !== void 0) focusNode(firstId);
+          break;
+        }
+        case "End": {
+          e.preventDefault();
+          const lastId = visibleIds[visibleIds.length - 1];
+          if (lastId !== void 0) focusNode(lastId);
+          break;
+        }
+        default:
+          break;
+      }
+    },
+    [data, expandedSet, parentMap, handleToggleExpand, handleNodeClick]
+  );
+  const contextValue = useMemo(
+    () => ({
+      selectedIds: selectedSet,
+      expandedIds: expandedSet,
+      tabFocusId,
+      multiSelect,
+      size,
+      showLines,
+      renderLabel,
+      onNodeClick: handleNodeClick,
+      onToggleExpand: handleToggleExpand,
+      onNodeFocus: handleNodeFocus,
+      onNodeKeyDown: handleNodeKeyDown,
+      nodeRefs
+    }),
+    [
+      selectedSet,
+      expandedSet,
+      tabFocusId,
+      multiSelect,
+      size,
+      showLines,
+      renderLabel,
+      handleNodeClick,
+      handleToggleExpand,
+      handleNodeFocus,
+      handleNodeKeyDown
+    ]
+  );
+  const rootClasses = ["eidos-tree", `eidos-tree--${size}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(TreeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("ul", { role: "tree", "aria-multiselectable": multiSelect || void 0, className: rootClasses, children: data.map((node) => /* @__PURE__ */ jsx(TreeNodeItem, { node, depth: 1 }, node.id)) }) });
+};
+TreeView.displayName = "TreeView";
+
+export {
+  TreeView
+};
+//# sourceMappingURL=chunk-PWIA4XQD.js.map

package/dist/chunk-PWIA4XQD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TreeView/TreeView.component.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, useRef, useContext, createContext } from 'react';\r\nimport { ChevronRight, Folder, FolderOpen, File } from 'lucide-react';\r\nimport type { TreeViewProps, TreeNode } from './TreeView.types';\r\nimport './TreeView.scss';\r\n\r\n// ============================================================================\r\n// HELPERS\r\n// ============================================================================\r\n\r\n/** Collect all branch node IDs by recursively traversing the tree. */\r\nfunction collectAllBranchIds(nodes: TreeNode[]): string[] {\r\n  const ids: string[] = [];\r\n  function traverse(items: TreeNode[]): void {\r\n    for (const node of items) {\r\n      if (node.children && node.children.length > 0) {\r\n        ids.push(node.id);\r\n        traverse(node.children);\r\n      }\r\n    }\r\n  }\r\n  traverse(nodes);\r\n  return ids;\r\n}\r\n\r\n/** Build a flat Map of id → node for O(1) lookups. */\r\nfunction buildNodeMap(nodes: TreeNode[]): Map<string, TreeNode> {\r\n  const map = new Map<string, TreeNode>();\r\n  function traverse(items: TreeNode[]): void {\r\n    for (const node of items) {\r\n      map.set(node.id, node);\r\n      if (node.children) traverse(node.children);\r\n    }\r\n  }\r\n  traverse(nodes);\r\n  return map;\r\n}\r\n\r\n/** Build a Map of id → parentId (null for root nodes). */\r\nfunction buildParentMap(nodes: TreeNode[]): Map<string, string | null> {\r\n  const map = new Map<string, string | null>();\r\n  function traverse(items: TreeNode[], parentId: string | null): void {\r\n    for (const node of items) {\r\n      map.set(node.id, parentId);\r\n      if (node.children) traverse(node.children, node.id);\r\n    }\r\n  }\r\n  traverse(nodes, null);\r\n  return map;\r\n}\r\n\r\n/**\r\n * Return an ordered list of all node IDs that are currently visible -\r\n * i.e. not hidden because an ancestor is collapsed.\r\n */\r\nfunction computeVisibleIds(nodes: TreeNode[], expandedIds: Set<string>): string[] {\r\n  const result: string[] = [];\r\n  function traverse(items: TreeNode[]): void {\r\n    for (const node of items) {\r\n      result.push(node.id);\r\n      if (node.children && node.children.length > 0 && expandedIds.has(node.id)) {\r\n        traverse(node.children);\r\n      }\r\n    }\r\n  }\r\n  traverse(nodes);\r\n  return result;\r\n}\r\n\r\n// ============================================================================\r\n// CONTEXT\r\n// ============================================================================\r\n\r\ninterface TreeContextValue {\r\n  selectedIds: Set<string>;\r\n  expandedIds: Set<string>;\r\n  /** ID of the node that currently owns tabIndex=0 (roving tabindex). */\r\n  tabFocusId: string | null;\r\n  multiSelect: boolean;\r\n  size: NonNullable<TreeViewProps['size']>;\r\n  showLines: boolean;\r\n  renderLabel: TreeViewProps['renderLabel'];\r\n  onNodeClick: (node: TreeNode) => void;\r\n  onToggleExpand: (id: string) => void;\r\n  onNodeFocus: (id: string) => void;\r\n  onNodeKeyDown: (e: React.KeyboardEvent<HTMLLIElement>, node: TreeNode, isBranch: boolean) => void;\r\n  /** Map of node id → li element, populated by TreeNodeItem via callback ref. */\r\n  nodeRefs: React.MutableRefObject<Map<string, HTMLLIElement>>;\r\n}\r\n\r\nconst TreeContext = createContext<TreeContextValue | null>(null);\r\n\r\nfunction useTreeContext(): TreeContextValue {\r\n  const ctx = useContext(TreeContext);\r\n  if (!ctx) throw new Error('TreeNodeItem must be rendered inside <TreeView>');\r\n  return ctx;\r\n}\r\n\r\n// ============================================================================\r\n// INTERNAL TREE NODE ITEM - renders itself and its children recursively\r\n// ============================================================================\r\n\r\ninterface TreeNodeItemProps {\r\n  node: TreeNode;\r\n  /** 1-based nesting depth for aria-level. */\r\n  depth: number;\r\n}\r\n\r\nconst TreeNodeItem: React.FC<TreeNodeItemProps> = ({ node, depth }) => {\r\n  const ctx = useTreeContext();\r\n  const { nodeRefs } = ctx;\r\n\r\n  const isBranch = Boolean(node.children && node.children.length > 0);\r\n  const isExpanded = isBranch && ctx.expandedIds.has(node.id);\r\n  const isSelected = ctx.selectedIds.has(node.id);\r\n  const isDisabled = node.disabled === true;\r\n\r\n  // Register/unregister this li element so the root can programmatically focus it.\r\n  const liRef = useCallback(\r\n    (el: HTMLLIElement | null) => {\r\n      if (el) nodeRefs.current.set(node.id, el);\r\n      else nodeRefs.current.delete(node.id);\r\n    },\r\n    [node.id, nodeRefs],\r\n  );\r\n\r\n  const handleRowClick = () => {\r\n    if (!isDisabled) ctx.onNodeClick(node);\r\n  };\r\n\r\n  const handleToggleClick = (e: React.MouseEvent) => {\r\n    // stopPropagation prevents the row's onClick from firing (no accidental selection).\r\n    e.stopPropagation();\r\n    if (!isDisabled && isBranch) ctx.onToggleExpand(node.id);\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLLIElement>) => {\r\n    ctx.onNodeKeyDown(e, node, isBranch);\r\n  };\r\n\r\n  // Default icon: folder (open/closed) for branches, file for leaves.\r\n  const DefaultIcon = isBranch ? (isExpanded ? FolderOpen : Folder) : File;\r\n  const NodeIcon = (node.icon ?? DefaultIcon) as React.FC<{ className?: string; size?: number }>;\r\n  const iconSize = ctx.size === 'sm' ? 14 : ctx.size === 'lg' ? 18 : 16;\r\n\r\n  const rowClasses = [\r\n    'eidos-tree-node-row',\r\n    isSelected && 'eidos-tree-node-row--selected',\r\n    isDisabled && 'eidos-tree-node-row--disabled',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const toggleClasses = [\r\n    'eidos-tree-toggle',\r\n    isExpanded && 'eidos-tree-toggle--expanded',\r\n    !isBranch && 'eidos-tree-toggle--leaf',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const childrenClasses = ['eidos-tree-children', ctx.showLines && 'eidos-tree-children--lines']\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <li\r\n      ref={liRef}\r\n      role=\"treeitem\"\r\n      aria-expanded={isBranch ? isExpanded : undefined}\r\n      aria-selected={isSelected}\r\n      aria-disabled={isDisabled || undefined}\r\n      aria-level={depth}\r\n      tabIndex={ctx.tabFocusId === node.id ? 0 : -1}\r\n      className=\"eidos-tree-node\"\r\n      onFocus={() => ctx.onNodeFocus(node.id)}\r\n      onKeyDown={handleKeyDown}\r\n    >\r\n      {/* ── Clickable row: toggle + icon + label ─────────────────────────────── */}\r\n      <div className={rowClasses} onClick={handleRowClick}>\r\n        {/*\r\n          Toggle chevron: always rendered for visual alignment.\r\n          tabIndex -1 removes it from tab order; aria-hidden hides it from AT\r\n          since expand/collapse is handled via the treeitem's keyboard events.\r\n        */}\r\n        <button\r\n          type=\"button\"\r\n          className={toggleClasses}\r\n          onClick={handleToggleClick}\r\n          tabIndex={-1}\r\n          aria-hidden=\"true\"\r\n        >\r\n          {isBranch && <ChevronRight aria-hidden=\"true\" />}\r\n        </button>\r\n\r\n        <span className=\"eidos-tree-icon\" aria-hidden=\"true\">\r\n          <NodeIcon size={iconSize} />\r\n        </span>\r\n\r\n        <span className=\"eidos-tree-label\">\r\n          {ctx.renderLabel ? ctx.renderLabel(node, isSelected, isExpanded) : node.label}\r\n        </span>\r\n      </div>\r\n\r\n      {/* ── Children (only when branch is expanded) ───────────────────────────── */}\r\n      {isBranch && isExpanded && (\r\n        <ul role=\"group\" className={childrenClasses}>\r\n          {node.children!.map((child) => (\r\n            <TreeNodeItem key={child.id} node={child} depth={depth + 1} />\r\n          ))}\r\n        </ul>\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n\r\nTreeNodeItem.displayName = 'TreeNodeItem';\r\n\r\n// ============================================================================\r\n// TREE VIEW ROOT\r\n// ============================================================================\r\n\r\nexport const TreeView: React.FC<TreeViewProps> = ({\r\n  data,\r\n  // Single selection\r\n  selectedId,\r\n  defaultSelectedId,\r\n  onSelect,\r\n  // Multi selection\r\n  multiSelect = false,\r\n  selectedIds: selectedIdsProp,\r\n  defaultSelectedIds,\r\n  onSelectMulti,\r\n  // Expansion\r\n  expandedIds: expandedIdsProp,\r\n  defaultExpandedIds,\r\n  onExpand,\r\n  defaultExpandAll = false,\r\n  // Appearance\r\n  size = 'md',\r\n  showLines = false,\r\n  className,\r\n  // Rendering\r\n  renderLabel,\r\n}) => {\r\n  // ── Node maps (stable across renders until data changes) ────────────────────\r\n  const nodeMap = useMemo(() => buildNodeMap(data), [data]);\r\n  const parentMap = useMemo(() => buildParentMap(data), [data]);\r\n\r\n  // ── Single-selection state ──────────────────────────────────────────────────\r\n  const isSingleControlled = selectedId !== undefined;\r\n  const [localSingleId, setLocalSingleId] = useState<string | undefined>(defaultSelectedId);\r\n  const effectiveSingleId = isSingleControlled ? selectedId : localSingleId;\r\n\r\n  // ── Multi-selection state ───────────────────────────────────────────────────\r\n  const isMultiControlled = selectedIdsProp !== undefined;\r\n  const [localMultiIds, setLocalMultiIds] = useState<string[]>(defaultSelectedIds ?? []);\r\n  const effectiveMultiIds = isMultiControlled ? selectedIdsProp! : localMultiIds;\r\n\r\n  // ── Derived selected set ────────────────────────────────────────────────────\r\n  const selectedSet = useMemo<Set<string>>(() => {\r\n    if (multiSelect) return new Set(effectiveMultiIds);\r\n    return effectiveSingleId !== undefined ? new Set([effectiveSingleId]) : new Set();\r\n  }, [multiSelect, effectiveMultiIds, effectiveSingleId]);\r\n\r\n  // ── Expansion state ─────────────────────────────────────────────────────────\r\n  const isExpansionControlled = expandedIdsProp !== undefined;\r\n  const [localExpandedIds, setLocalExpandedIds] = useState<string[]>(() => {\r\n    // defaultExpandAll wins over defaultExpandedIds.\r\n    if (defaultExpandAll) return collectAllBranchIds(data);\r\n    return defaultExpandedIds ?? [];\r\n  });\r\n  const effectiveExpandedIds = isExpansionControlled ? expandedIdsProp! : localExpandedIds;\r\n  const expandedSet = useMemo(() => new Set(effectiveExpandedIds), [effectiveExpandedIds]);\r\n\r\n  // ── Roving tabindex focus tracking ──────────────────────────────────────────\r\n  const [tabFocusId, setTabFocusId] = useState<string | null>(() => data[0]?.id ?? null);\r\n\r\n  /** Map of node id → li DOM element. Populated by TreeNodeItem callback refs. */\r\n  const nodeRefs = useRef<Map<string, HTMLLIElement>>(new Map());\r\n\r\n  // ── Expand / collapse ───────────────────────────────────────────────────────\r\n  const handleToggleExpand = useCallback(\r\n    (id: string) => {\r\n      const willExpand = !expandedSet.has(id);\r\n      if (!isExpansionControlled) {\r\n        setLocalExpandedIds((prev) =>\r\n          willExpand ? [...prev, id] : prev.filter((eid) => eid !== id),\r\n        );\r\n      }\r\n      onExpand?.(id, willExpand);\r\n    },\r\n    [expandedSet, isExpansionControlled, onExpand],\r\n  );\r\n\r\n  // ── Select ──────────────────────────────────────────────────────────────────\r\n  const handleNodeClick = useCallback(\r\n    (node: TreeNode) => {\r\n      if (node.disabled) return;\r\n\r\n      if (multiSelect) {\r\n        const isCurrentlySelected = selectedSet.has(node.id);\r\n        const nextIds = isCurrentlySelected\r\n          ? effectiveMultiIds.filter((id) => id !== node.id)\r\n          : [...effectiveMultiIds, node.id];\r\n\r\n        if (!isMultiControlled) setLocalMultiIds(nextIds);\r\n\r\n        const nextNodes = nextIds\r\n          .map((id) => nodeMap.get(id))\r\n          .filter((n): n is TreeNode => n !== undefined);\r\n        onSelectMulti?.(nextNodes);\r\n      } else {\r\n        if (!isSingleControlled) setLocalSingleId(node.id);\r\n        onSelect?.(node);\r\n      }\r\n\r\n      // Move roving tabindex to the interacted node.\r\n      setTabFocusId(node.id);\r\n    },\r\n    [\r\n      multiSelect,\r\n      selectedSet,\r\n      effectiveMultiIds,\r\n      isMultiControlled,\r\n      isSingleControlled,\r\n      nodeMap,\r\n      onSelect,\r\n      onSelectMulti,\r\n    ],\r\n  );\r\n\r\n  // ── Focus ───────────────────────────────────────────────────────────────────\r\n  const handleNodeFocus = useCallback((id: string) => {\r\n    setTabFocusId(id);\r\n  }, []);\r\n\r\n  // ── Keyboard navigation (ARIA tree pattern) ─────────────────────────────────\r\n  const handleNodeKeyDown = useCallback(\r\n    (e: React.KeyboardEvent<HTMLLIElement>, node: TreeNode, isBranch: boolean) => {\r\n      const visibleIds = computeVisibleIds(data, expandedSet);\r\n      const currentIndex = visibleIds.indexOf(node.id);\r\n\r\n      /** Move roving tabindex to id and immediately focus the li element. */\r\n      const focusNode = (id: string): void => {\r\n        setTabFocusId(id);\r\n        nodeRefs.current.get(id)?.focus();\r\n      };\r\n\r\n      switch (e.key) {\r\n        case 'ArrowDown': {\r\n          e.preventDefault();\r\n          const nextId = visibleIds[currentIndex + 1];\r\n          if (nextId !== undefined) focusNode(nextId);\r\n          break;\r\n        }\r\n\r\n        case 'ArrowUp': {\r\n          e.preventDefault();\r\n          const prevId = visibleIds[currentIndex - 1];\r\n          if (prevId !== undefined) focusNode(prevId);\r\n          break;\r\n        }\r\n\r\n        case 'ArrowRight': {\r\n          e.preventDefault();\r\n          if (!isBranch) break;\r\n          if (!expandedSet.has(node.id)) {\r\n            // Expand; per ARIA APG focus stays on current node after opening.\r\n            handleToggleExpand(node.id);\r\n          } else {\r\n            // Already expanded - move into first child.\r\n            const firstChildId = visibleIds[currentIndex + 1];\r\n            if (firstChildId !== undefined) focusNode(firstChildId);\r\n          }\r\n          break;\r\n        }\r\n\r\n        case 'ArrowLeft': {\r\n          e.preventDefault();\r\n          if (isBranch && expandedSet.has(node.id)) {\r\n            // Collapse this branch; focus stays on it.\r\n            handleToggleExpand(node.id);\r\n          } else {\r\n            // Move to parent (no-op for root nodes).\r\n            const parentId = parentMap.get(node.id);\r\n            if (parentId !== undefined && parentId !== null) focusNode(parentId);\r\n          }\r\n          break;\r\n        }\r\n\r\n        case 'Enter':\r\n        case ' ': {\r\n          e.preventDefault();\r\n          if (!node.disabled) handleNodeClick(node);\r\n          break;\r\n        }\r\n\r\n        case 'Home': {\r\n          e.preventDefault();\r\n          const firstId = visibleIds[0];\r\n          if (firstId !== undefined) focusNode(firstId);\r\n          break;\r\n        }\r\n\r\n        case 'End': {\r\n          e.preventDefault();\r\n          const lastId = visibleIds[visibleIds.length - 1];\r\n          if (lastId !== undefined) focusNode(lastId);\r\n          break;\r\n        }\r\n\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    [data, expandedSet, parentMap, handleToggleExpand, handleNodeClick],\r\n  );\r\n\r\n  // ── Context ─────────────────────────────────────────────────────────────────\r\n  const contextValue = useMemo<TreeContextValue>(\r\n    () => ({\r\n      selectedIds: selectedSet,\r\n      expandedIds: expandedSet,\r\n      tabFocusId,\r\n      multiSelect,\r\n      size,\r\n      showLines,\r\n      renderLabel,\r\n      onNodeClick: handleNodeClick,\r\n      onToggleExpand: handleToggleExpand,\r\n      onNodeFocus: handleNodeFocus,\r\n      onNodeKeyDown: handleNodeKeyDown,\r\n      nodeRefs,\r\n    }),\r\n    [\r\n      selectedSet,\r\n      expandedSet,\r\n      tabFocusId,\r\n      multiSelect,\r\n      size,\r\n      showLines,\r\n      renderLabel,\r\n      handleNodeClick,\r\n      handleToggleExpand,\r\n      handleNodeFocus,\r\n      handleNodeKeyDown,\r\n    ],\r\n  );\r\n\r\n  const rootClasses = ['eidos-tree', `eidos-tree--${size}`, className].filter(Boolean).join(' ');\r\n\r\n  return (\r\n    <TreeContext.Provider value={contextValue}>\r\n      <ul role=\"tree\" aria-multiselectable={multiSelect || undefined} className={rootClasses}>\r\n        {data.map((node) => (\r\n          <TreeNodeItem key={node.id} node={node} depth={1} />\r\n        ))}\r\n      </ul>\r\n    </TreeContext.Provider>\r\n  );\r\n};\r\n\r\nTreeView.displayName = 'TreeView';\r\n"],"mappings":"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","names":[]}