@adecore/editor-react 0.31.12 → 0.33.0

package/dist/CallHierarchyPanel.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useId, useLayoutEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
@@ -7,86 +7,1003 @@ import { fileUriToPath } from '@adecore/lsp';
 import { Icon, IconButton, Segmented, Spinner, Tooltip } from '@adecore/ui';
 import { formatNumber } from '@adecore/ui/format';
 import { CALL_HIERARCHY_HEIGHT } from './call-hierarchy.js';
-import { PanelResizeHandle } from './PanelResizeHandle.js';
+import { PanelResizeHandle } from "./PanelResizeHandle.js";
 import { usePanelBody } from './use-panel-body.js';
 import { PANEL_BODY_HEIGHT } from './panel-size.js';
 import { CALL_LEVEL_LIMIT } from './call-hierarchy-model.js';
 import { basenameOf, relativeTo } from './paths.js';
-import { PathText } from './PathText.js';
-import { Preview } from './PeekPanel.js';
-import { SymbolBadge } from './SymbolPicker.js';
+import { PathText } from "./PathText.js";
+import { Preview } from "./PeekPanel.js";
+import { SymbolBadge } from "./SymbolPicker.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const INDENT = 14;
 const BASE_INDENT = 8;
 function folderOf(path) {
-    return path.slice(0, Math.max(0, path.lastIndexOf('/')));
+  return path.slice(0, Math.max(0, path.lastIndexOf('/')));
 }
 /* One line of the tree. Status lines are treeitems too, so the level of a symbol's calls is read the same way, but nothing selects them. */
-function Line({ row, id, active, expanded, position, size, ref, children, onClick, onDoubleClick }) {
-    return (_jsx("div", { ref: ref, id: id, role: "treeitem", "aria-level": row.level, "aria-selected": active, "aria-expanded": expanded, "aria-posinset": position, "aria-setsize": size, "aria-disabled": row.kind === 'status' ? true : undefined, "data-active": active, className: "flex h-[22px] w-full cursor-default items-center gap-1.5 pr-3 text-left font-mono text-code hover:bg-surface-hover data-[active=true]:bg-accent-soft", style: { paddingLeft: BASE_INDENT + (row.level - 1) * INDENT }, onClick: onClick, onDoubleClick: onDoubleClick, children: children }));
+function Line(t0) {
+  const $ = _c(15);
+  const {
+    row,
+    id,
+    active,
+    expanded,
+    position,
+    size,
+    ref,
+    children,
+    onClick,
+    onDoubleClick
+  } = t0;
+  const t1 = row.kind === "status" ? true : undefined;
+  const t2 = BASE_INDENT + (row.level - 1) * INDENT;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = {
+      paddingLeft: t2
+    };
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  let t4;
+  if ($[2] !== active || $[3] !== children || $[4] !== expanded || $[5] !== id || $[6] !== onClick || $[7] !== onDoubleClick || $[8] !== position || $[9] !== ref || $[10] !== row.level || $[11] !== size || $[12] !== t1 || $[13] !== t3) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      ref: ref,
+      id: id,
+      role: "treeitem",
+      "aria-level": row.level,
+      "aria-selected": active,
+      "aria-expanded": expanded,
+      "aria-posinset": position,
+      "aria-setsize": size,
+      "aria-disabled": t1,
+      "data-active": active,
+      className: "flex h-[22px] w-full cursor-default items-center gap-1.5 pr-3 text-left font-mono text-code hover:bg-surface-hover data-[active=true]:bg-accent-soft",
+      style: t3,
+      onClick: onClick,
+      onDoubleClick: onDoubleClick,
+      children: children
+    });
+    $[2] = active;
+    $[3] = children;
+    $[4] = expanded;
+    $[5] = id;
+    $[6] = onClick;
+    $[7] = onDoubleClick;
+    $[8] = position;
+    $[9] = ref;
+    $[10] = row.level;
+    $[11] = size;
+    $[12] = t1;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 }
-function Symbol({ language, row, active, id, ref }) {
-    const { t } = useTranslation('editor');
-    const { item } = row;
+function SymbolRow(t0) {
+  const $ = _c(87);
+  const {
+    language,
+    row,
+    active,
+    id,
+    ref
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const {
+    item
+  } = row;
+  let T0;
+  let T1;
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== active || $[1] !== id || $[2] !== item.detail || $[3] !== item.kind || $[4] !== item.name || $[5] !== item.tags || $[6] !== item.uri || $[7] !== language.callHierarchy || $[8] !== language.project.folder || $[9] !== ref || $[10] !== row || $[11] !== t) {
     const path = relativeTo(fileUriToPath(item.uri) ?? item.uri, language.project.folder);
     const tool = language.callHierarchy;
-    return (_jsxs(Line, { ref: ref, row: row, id: id, active: active, expanded: row.leaf ? undefined : row.expanded, position: row.position, size: row.size, onClick: () => (active ? tool.go(row.id) : tool.select(row.id)), onDoubleClick: () => tool.go(row.id), children: [_jsx("span", { "aria-hidden": true, className: "grid size-3.5 shrink-0 place-items-center text-text-muted", onClick: (event) => {
-                    event.stopPropagation();
-                    tool.toggle(row.id);
-                }, children: row.leaf ? null : _jsx(Icon, { icon: row.expanded ? ChevronDown : ChevronRight, size: 14 }) }), _jsx(SymbolBadge, { kind: item.kind }), _jsx("span", { className: `shrink-0 text-text ${item.tags?.includes(1) ? 'line-through' : ''}`, children: item.name }), item.detail !== undefined && item.detail !== '' && _jsx("span", { className: "min-w-0 flex-1 truncate text-text-muted", children: item.detail }), _jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2 font-sans text-xs text-text-faint", children: [row.sites > 1 && (_jsx(Tooltip, { label: t('language.callHierarchy.sites', { count: row.sites, formatted: formatNumber(row.sites) }), children: _jsx("span", { className: "text-text-muted", children: `×${formatNumber(row.sites)}` }) })), _jsx(Tooltip, { label: path, children: _jsx("span", { className: "max-w-40 truncate", children: `${basenameOf(path)}:${formatNumber(item.selectionRange.start.line + 1)}` }) })] })] }));
+    T1 = Line;
+    t6 = ref;
+    t7 = row;
+    t8 = id;
+    t9 = active;
+    t10 = row.leaf ? undefined : row.expanded;
+    t11 = row.position;
+    t12 = row.size;
+    if ($[32] !== active || $[33] !== row.id || $[34] !== tool) {
+      t13 = () => active ? tool.go(row.id) : tool.select(row.id);
+      $[32] = active;
+      $[33] = row.id;
+      $[34] = tool;
+      $[35] = t13;
+    } else {
+      t13 = $[35];
+    }
+    if ($[36] !== row.id || $[37] !== tool) {
+      t14 = () => tool.go(row.id);
+      $[36] = row.id;
+      $[37] = tool;
+      $[38] = t14;
+    } else {
+      t14 = $[38];
+    }
+    let t19;
+    if ($[39] !== row.id || $[40] !== tool) {
+      t19 = event => {
+        event.stopPropagation();
+        tool.toggle(row.id);
+      };
+      $[39] = row.id;
+      $[40] = tool;
+      $[41] = t19;
+    } else {
+      t19 = $[41];
+    }
+    let t20;
+    if ($[42] !== row.expanded || $[43] !== row.leaf) {
+      t20 = row.leaf ? null : /*#__PURE__*/_jsx(Icon, {
+        icon: row.expanded ? ChevronDown : ChevronRight,
+        size: 14
+      });
+      $[42] = row.expanded;
+      $[43] = row.leaf;
+      $[44] = t20;
+    } else {
+      t20 = $[44];
+    }
+    if ($[45] !== t19 || $[46] !== t20) {
+      t15 = /*#__PURE__*/_jsx("span", {
+        "aria-hidden": true,
+        className: "grid size-3.5 shrink-0 place-items-center text-text-muted",
+        onClick: t19,
+        children: t20
+      });
+      $[45] = t19;
+      $[46] = t20;
+      $[47] = t15;
+    } else {
+      t15 = $[47];
+    }
+    if ($[48] !== item.kind) {
+      t16 = /*#__PURE__*/_jsx(SymbolBadge, {
+        kind: item.kind
+      });
+      $[48] = item.kind;
+      $[49] = t16;
+    } else {
+      t16 = $[49];
+    }
+    const t21 = `shrink-0 text-text ${item.tags?.includes(1) ? "line-through" : ""}`;
+    if ($[50] !== item.name || $[51] !== t21) {
+      t17 = /*#__PURE__*/_jsx("span", {
+        className: t21,
+        children: item.name
+      });
+      $[50] = item.name;
+      $[51] = t21;
+      $[52] = t17;
+    } else {
+      t17 = $[52];
+    }
+    if ($[53] !== item.detail) {
+      t18 = item.detail !== undefined && item.detail !== "" && /*#__PURE__*/_jsx("span", {
+        className: "min-w-0 flex-1 truncate text-text-muted",
+        children: item.detail
+      });
+      $[53] = item.detail;
+      $[54] = t18;
+    } else {
+      t18 = $[54];
+    }
+    t4 = "ml-auto flex shrink-0 items-center gap-2 pl-2 font-sans text-xs text-text-faint";
+    if ($[55] !== row.sites || $[56] !== t) {
+      t5 = row.sites > 1 && /*#__PURE__*/_jsx(Tooltip, {
+        label: t("language.callHierarchy.sites", {
+          count: row.sites,
+          formatted: formatNumber(row.sites)
+        }),
+        children: /*#__PURE__*/_jsx("span", {
+          className: "text-text-muted",
+          children: `×${formatNumber(row.sites)}`
+        })
+      });
+      $[55] = row.sites;
+      $[56] = t;
+      $[57] = t5;
+    } else {
+      t5 = $[57];
+    }
+    T0 = Tooltip;
+    t3 = path;
+    t2 = "max-w-40 truncate";
+    t1 = basenameOf(path);
+    $[0] = active;
+    $[1] = id;
+    $[2] = item.detail;
+    $[3] = item.kind;
+    $[4] = item.name;
+    $[5] = item.tags;
+    $[6] = item.uri;
+    $[7] = language.callHierarchy;
+    $[8] = language.project.folder;
+    $[9] = ref;
+    $[10] = row;
+    $[11] = t;
+    $[12] = T0;
+    $[13] = T1;
+    $[14] = t1;
+    $[15] = t10;
+    $[16] = t11;
+    $[17] = t12;
+    $[18] = t13;
+    $[19] = t14;
+    $[20] = t15;
+    $[21] = t16;
+    $[22] = t17;
+    $[23] = t18;
+    $[24] = t2;
+    $[25] = t3;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t6;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t9;
+  } else {
+    T0 = $[12];
+    T1 = $[13];
+    t1 = $[14];
+    t10 = $[15];
+    t11 = $[16];
+    t12 = $[17];
+    t13 = $[18];
+    t14 = $[19];
+    t15 = $[20];
+    t16 = $[21];
+    t17 = $[22];
+    t18 = $[23];
+    t2 = $[24];
+    t3 = $[25];
+    t4 = $[26];
+    t5 = $[27];
+    t6 = $[28];
+    t7 = $[29];
+    t8 = $[30];
+    t9 = $[31];
+  }
+  const t19 = item.selectionRange.start.line + 1;
+  let t20;
+  if ($[58] !== t19) {
+    t20 = formatNumber(t19);
+    $[58] = t19;
+    $[59] = t20;
+  } else {
+    t20 = $[59];
+  }
+  const t21 = `${t1}:${t20}`;
+  let t22;
+  if ($[60] !== t2 || $[61] !== t21) {
+    t22 = /*#__PURE__*/_jsx("span", {
+      className: t2,
+      children: t21
+    });
+    $[60] = t2;
+    $[61] = t21;
+    $[62] = t22;
+  } else {
+    t22 = $[62];
+  }
+  let t23;
+  if ($[63] !== T0 || $[64] !== t22 || $[65] !== t3) {
+    t23 = /*#__PURE__*/_jsx(T0, {
+      label: t3,
+      children: t22
+    });
+    $[63] = T0;
+    $[64] = t22;
+    $[65] = t3;
+    $[66] = t23;
+  } else {
+    t23 = $[66];
+  }
+  let t24;
+  if ($[67] !== t23 || $[68] !== t4 || $[69] !== t5) {
+    t24 = /*#__PURE__*/_jsxs("span", {
+      className: t4,
+      children: [t5, t23]
+    });
+    $[67] = t23;
+    $[68] = t4;
+    $[69] = t5;
+    $[70] = t24;
+  } else {
+    t24 = $[70];
+  }
+  let t25;
+  if ($[71] !== T1 || $[72] !== t10 || $[73] !== t11 || $[74] !== t12 || $[75] !== t13 || $[76] !== t14 || $[77] !== t15 || $[78] !== t16 || $[79] !== t17 || $[80] !== t18 || $[81] !== t24 || $[82] !== t6 || $[83] !== t7 || $[84] !== t8 || $[85] !== t9) {
+    t25 = /*#__PURE__*/_jsxs(T1, {
+      ref: t6,
+      row: t7,
+      id: t8,
+      active: t9,
+      expanded: t10,
+      position: t11,
+      size: t12,
+      onClick: t13,
+      onDoubleClick: t14,
+      children: [t15, t16, t17, t18, t24]
+    });
+    $[71] = T1;
+    $[72] = t10;
+    $[73] = t11;
+    $[74] = t12;
+    $[75] = t13;
+    $[76] = t14;
+    $[77] = t15;
+    $[78] = t16;
+    $[79] = t17;
+    $[80] = t18;
+    $[81] = t24;
+    $[82] = t6;
+    $[83] = t7;
+    $[84] = t8;
+    $[85] = t9;
+    $[86] = t25;
+  } else {
+    t25 = $[86];
+  }
+  return t25;
 }
-function Tree({ language, view }) {
-    const { t } = useTranslation('editor');
-    const treeId = useId();
-    const activeRow = useRef(null);
-    const idOf = (row) => `${treeId}-${row.id}`;
-    const activeId = view.rows.some((row) => row.id === view.active) ? `${treeId}-${view.active}` : undefined;
-    useEffect(() => {
-        activeRow.current?.scrollIntoView({ block: 'nearest' });
-    }, [view.active]);
-    // The focus stays in the text, so the input is what names the tree and its active row.
-    useLayoutEffect(() => {
-        language.editor.setInputPopup({ controls: treeId, activeDescendant: activeId });
-        return () => language.editor.setInputPopup(null);
-    }, [language, treeId, activeId]);
-    return (_jsx("div", { id: treeId, role: "tree", "aria-label": t('language.callHierarchy.label'), className: "w-1/2 shrink-0 overflow-y-auto border-r border-border py-1", children: view.rows.map((row) => {
-            const active = row.id === view.active;
-            const ref = active ? activeRow : undefined;
-            if (row.kind === 'node') {
-                return _jsx(Symbol, { ref: ref, language: language, row: row, active: active, id: idOf(row) }, row.id);
-            }
-            if (row.kind === 'more') {
-                const next = Math.min(row.hidden, CALL_LEVEL_LIMIT);
-                return (_jsx(Line, { ref: ref, row: row, id: idOf(row), active: active, onClick: () => language.callHierarchy.showMore(row.parent), children: _jsx("span", { className: "font-sans text-xs text-accent", children: t('language.callHierarchy.more', { count: next, formatted: formatNumber(next), hidden: formatNumber(row.hidden) }) }) }, row.id));
-            }
-            return (_jsx(Line, { row: row, id: idOf(row), active: false, onClick: () => language.callHierarchy.retry(row.parent), children: _jsx(StatusText, { row: row, direction: view.direction }) }, row.id));
-        }) }));
+function Tree(t0) {
+  const $ = _c(30);
+  const {
+    language,
+    view
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const treeId = useId();
+  const activeRow = useRef(null);
+  let t1;
+  if ($[0] !== treeId) {
+    t1 = row => `${treeId}-${row.id}`;
+    $[0] = treeId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const idOf = t1;
+  let t2;
+  if ($[2] !== treeId || $[3] !== view.active || $[4] !== view.rows) {
+    t2 = view.rows.some(row_0 => row_0.id === view.active) ? `${treeId}-${view.active}` : undefined;
+    $[2] = treeId;
+    $[3] = view.active;
+    $[4] = view.rows;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const activeId = t2;
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      activeRow.current?.scrollIntoView({
+        block: "nearest"
+      });
+    };
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== view.active) {
+    t4 = [view.active];
+    $[7] = view.active;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[9] !== activeId || $[10] !== language.editor || $[11] !== treeId) {
+    t5 = () => {
+      language.editor.setInputPopup({
+        controls: treeId,
+        activeDescendant: activeId
+      });
+      return () => language.editor.setInputPopup(null);
+    };
+    $[9] = activeId;
+    $[10] = language.editor;
+    $[11] = treeId;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== activeId || $[14] !== language || $[15] !== treeId) {
+    t6 = [language, treeId, activeId];
+    $[13] = activeId;
+    $[14] = language;
+    $[15] = treeId;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  useLayoutEffect(t5, t6);
+  let t7;
+  if ($[17] !== t) {
+    t7 = t("language.callHierarchy.label");
+    $[17] = t;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== idOf || $[20] !== language || $[21] !== t || $[22] !== view.active || $[23] !== view.direction || $[24] !== view.rows) {
+    t8 = view.rows.map(row_1 => {
+      const active = row_1.id === view.active;
+      const ref = active ? activeRow : undefined;
+      if (row_1.kind === "node") {
+        return /*#__PURE__*/_jsx(SymbolRow, {
+          ref: ref,
+          language: language,
+          row: row_1,
+          active: active,
+          id: idOf(row_1)
+        }, row_1.id);
+      }
+      if (row_1.kind === "more") {
+        const next = Math.min(row_1.hidden, CALL_LEVEL_LIMIT);
+        return /*#__PURE__*/_jsx(Line, {
+          ref: ref,
+          row: row_1,
+          id: idOf(row_1),
+          active: active,
+          onClick: () => language.callHierarchy.showMore(row_1.parent),
+          children: /*#__PURE__*/_jsx("span", {
+            className: "font-sans text-xs text-accent",
+            children: t("language.callHierarchy.more", {
+              count: next,
+              formatted: formatNumber(next),
+              hidden: formatNumber(row_1.hidden)
+            })
+          })
+        }, row_1.id);
+      }
+      return /*#__PURE__*/_jsx(Line, {
+        row: row_1,
+        id: idOf(row_1),
+        active: false,
+        onClick: () => language.callHierarchy.retry(row_1.parent),
+        children: /*#__PURE__*/_jsx(StatusText, {
+          row: row_1,
+          direction: view.direction
+        })
+      }, row_1.id);
+    });
+    $[19] = idOf;
+    $[20] = language;
+    $[21] = t;
+    $[22] = view.active;
+    $[23] = view.direction;
+    $[24] = view.rows;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  let t9;
+  if ($[26] !== t7 || $[27] !== t8 || $[28] !== treeId) {
+    t9 = /*#__PURE__*/_jsx("div", {
+      id: treeId,
+      role: "tree",
+      "aria-label": t7,
+      className: "w-1/2 shrink-0 overflow-y-auto border-r border-border py-1",
+      children: t8
+    });
+    $[26] = t7;
+    $[27] = t8;
+    $[28] = treeId;
+    $[29] = t9;
+  } else {
+    t9 = $[29];
+  }
+  return t9;
 }
-function StatusText({ row, direction }) {
-    const { t } = useTranslation('editor');
-    if (row.status === 'loading') {
-        return (_jsxs("span", { className: "flex items-center gap-2 font-sans text-xs text-text-muted", children: [_jsx(Spinner, { size: 12 }), t('language.callHierarchy.loading')] }));
+function StatusText(t0) {
+  const $ = _c(15);
+  const {
+    row,
+    direction
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  if (row.status === "loading") {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /*#__PURE__*/_jsx(Spinner, {
+        size: 12
+      });
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] !== t) {
+      t2 = t("language.callHierarchy.loading");
+      $[1] = t;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== t2) {
+      t3 = /*#__PURE__*/_jsxs("span", {
+        className: "flex items-center gap-2 font-sans text-xs text-text-muted",
+        children: [t1, t2]
+      });
+      $[3] = t2;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
+  }
+  if (row.status === "failed") {
+    const t1 = row.message ?? "";
+    let t2;
+    if ($[5] !== t || $[6] !== t1) {
+      t2 = t("language.callHierarchy.retry", {
+        message: t1
+      });
+      $[5] = t;
+      $[6] = t1;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
     }
-    if (row.status === 'failed') {
-        return (_jsx("span", { className: "min-w-0 truncate font-sans text-xs text-status-error", children: t('language.callHierarchy.retry', { message: row.message ?? '' }) }));
+    let t3;
+    if ($[8] !== t2) {
+      t3 = /*#__PURE__*/_jsx("span", {
+        className: "min-w-0 truncate font-sans text-xs text-status-error",
+        children: t2
+      });
+      $[8] = t2;
+      $[9] = t3;
+    } else {
+      t3 = $[9];
     }
-    return (_jsx("span", { className: "font-sans text-xs text-text-muted", children: t(direction === 'incoming' ? 'language.callHierarchy.noIncoming' : 'language.callHierarchy.noOutgoing') }));
+    return t3;
+  }
+  const t1 = direction === "incoming" ? "language.callHierarchy.noIncoming" : "language.callHierarchy.noOutgoing";
+  let t2;
+  if ($[10] !== t || $[11] !== t1) {
+    t2 = t(t1);
+    $[10] = t;
+    $[11] = t1;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== t2) {
+    t3 = /*#__PURE__*/_jsx("span", {
+      className: "font-sans text-xs text-text-muted",
+      children: t2
+    });
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
 }
 /*
  * The call hierarchy of a symbol in the row the editor leaves under the line: the tree of callers or callees on
  * the left and the code of the active call on the right. Like the peek it portals into that row, which the
  * editor makes again when it scrolls back into view.
  */
-export function CallHierarchyPanel({ language, view }) {
-    const { t } = useTranslation('editor');
-    const body = usePanelBody(language);
-    if (view.container === null) {
-        return null;
-    }
-    const folder = language.project.folder;
+export function CallHierarchyPanel(t0) {
+  const $ = _c(98);
+  const {
+    language,
+    view
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const body = usePanelBody(language);
+  if (view.container === null) {
+    return null;
+  }
+  const folder = language.project.folder;
+  let shown;
+  let t1;
+  let t10;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== body.height || $[1] !== folder || $[2] !== language.callHierarchy || $[3] !== t || $[4] !== view.direction || $[5] !== view.name || $[6] !== view.preview) {
     const path = view.preview === null ? null : fileUriToPath(view.preview.uri);
-    const shown = path === null ? '' : folderOf(relativeTo(path, folder));
-    return createPortal(_jsxs("div", { className: "flex flex-col bg-surface pt-[2px] font-sans text-xs text-text", style: { height: CALL_HIERARCHY_HEIGHT - PANEL_BODY_HEIGHT + body.height }, onPointerDown: (event) => event.preventDefault(), children: [_jsx("div", { className: "peek-hatch h-[14px]" }), _jsxs("div", { className: "flex h-[33px] shrink-0 items-center gap-2 border-b border-border pr-2 pl-3 text-sm", children: [_jsx(Segmented, { value: view.direction, onValueChange: (direction) => language.callHierarchy.setDirection(direction), label: t('language.callHierarchy.direction'), options: [
-                            { id: 'incoming', label: t('language.callHierarchy.incoming') },
-                            { id: 'outgoing', label: t('language.callHierarchy.outgoing') }
-                        ] }), _jsx("span", { className: "shrink-0 font-medium", children: view.name }), _jsx("span", { className: "shrink-0 font-medium text-text-muted", children: path === null ? '' : basenameOf(path) }), _jsx(PathText, { path: shown, className: "text-text-muted" }), _jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1", children: [view.sites > 1 && (_jsxs(_Fragment, { children: [_jsx(IconButton, { icon: ChevronLeft, size: "xs", label: t('language.callHierarchy.previousSite'), onClick: () => language.callHierarchy.stepSite(-1) }), _jsx("span", { className: "text-text-muted", children: t('language.callHierarchy.site', { current: formatNumber(view.site + 1), total: formatNumber(view.sites) }) }), _jsx(IconButton, { icon: ChevronRight, size: "xs", label: t('language.callHierarchy.nextSite'), onClick: () => language.callHierarchy.stepSite(1) })] })), _jsx(IconButton, { icon: X, size: "xs", label: t('language.callHierarchy.close'), onClick: () => language.callHierarchy.close() })] })] }), _jsxs("div", { className: "flex shrink-0", style: { height: body.height }, children: [_jsx(Tree, { language: language, view: view }), _jsx(Preview, { preview: view.preview })] }), _jsx("div", { className: "peek-hatch relative h-[14px]", children: _jsx(PanelResizeHandle, { container: view.container, height: body.height, onHeight: body.set, onCommit: body.commit }) })] }), view.container);
+    shown = path === null ? "" : folderOf(relativeTo(path, folder));
+    t10 = createPortal;
+    t6 = "flex flex-col bg-surface pt-[2px] font-sans text-xs text-text";
+    const t11 = CALL_HIERARCHY_HEIGHT - PANEL_BODY_HEIGHT + body.height;
+    if ($[18] !== t11) {
+      t7 = {
+        height: t11
+      };
+      $[18] = t11;
+      $[19] = t7;
+    } else {
+      t7 = $[19];
+    }
+    t8 = _temp;
+    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /*#__PURE__*/_jsx("div", {
+        className: "peek-hatch h-[14px]"
+      });
+      $[20] = t9;
+    } else {
+      t9 = $[20];
+    }
+    t3 = "flex h-[33px] shrink-0 items-center gap-2 border-b border-border pr-2 pl-3 text-sm";
+    const t12 = view.direction;
+    let t13;
+    if ($[21] !== language.callHierarchy) {
+      t13 = direction => language.callHierarchy.setDirection(direction);
+      $[21] = language.callHierarchy;
+      $[22] = t13;
+    } else {
+      t13 = $[22];
+    }
+    let t14;
+    if ($[23] !== t) {
+      t14 = t("language.callHierarchy.direction");
+      $[23] = t;
+      $[24] = t14;
+    } else {
+      t14 = $[24];
+    }
+    let t15;
+    if ($[25] !== t) {
+      t15 = t("language.callHierarchy.incoming");
+      $[25] = t;
+      $[26] = t15;
+    } else {
+      t15 = $[26];
+    }
+    let t16;
+    if ($[27] !== t15) {
+      t16 = {
+        id: "incoming",
+        label: t15
+      };
+      $[27] = t15;
+      $[28] = t16;
+    } else {
+      t16 = $[28];
+    }
+    let t17;
+    if ($[29] !== t) {
+      t17 = t("language.callHierarchy.outgoing");
+      $[29] = t;
+      $[30] = t17;
+    } else {
+      t17 = $[30];
+    }
+    let t18;
+    if ($[31] !== t17) {
+      t18 = {
+        id: "outgoing",
+        label: t17
+      };
+      $[31] = t17;
+      $[32] = t18;
+    } else {
+      t18 = $[32];
+    }
+    let t19;
+    if ($[33] !== t16 || $[34] !== t18) {
+      t19 = [t16, t18];
+      $[33] = t16;
+      $[34] = t18;
+      $[35] = t19;
+    } else {
+      t19 = $[35];
+    }
+    if ($[36] !== t13 || $[37] !== t14 || $[38] !== t19 || $[39] !== view.direction) {
+      t4 = /*#__PURE__*/_jsx(Segmented, {
+        value: t12,
+        onValueChange: t13,
+        label: t14,
+        options: t19
+      });
+      $[36] = t13;
+      $[37] = t14;
+      $[38] = t19;
+      $[39] = view.direction;
+      $[40] = t4;
+    } else {
+      t4 = $[40];
+    }
+    if ($[41] !== view.name) {
+      t5 = /*#__PURE__*/_jsx("span", {
+        className: "shrink-0 font-medium",
+        children: view.name
+      });
+      $[41] = view.name;
+      $[42] = t5;
+    } else {
+      t5 = $[42];
+    }
+    t1 = "shrink-0 font-medium text-text-muted";
+    t2 = path === null ? "" : basenameOf(path);
+    $[0] = body.height;
+    $[1] = folder;
+    $[2] = language.callHierarchy;
+    $[3] = t;
+    $[4] = view.direction;
+    $[5] = view.name;
+    $[6] = view.preview;
+    $[7] = shown;
+    $[8] = t1;
+    $[9] = t10;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    shown = $[7];
+    t1 = $[8];
+    t10 = $[9];
+    t2 = $[10];
+    t3 = $[11];
+    t4 = $[12];
+    t5 = $[13];
+    t6 = $[14];
+    t7 = $[15];
+    t8 = $[16];
+    t9 = $[17];
+  }
+  let t11;
+  if ($[43] !== t1 || $[44] !== t2) {
+    t11 = /*#__PURE__*/_jsx("span", {
+      className: t1,
+      children: t2
+    });
+    $[43] = t1;
+    $[44] = t2;
+    $[45] = t11;
+  } else {
+    t11 = $[45];
+  }
+  let t12;
+  if ($[46] !== shown) {
+    t12 = /*#__PURE__*/_jsx(PathText, {
+      path: shown,
+      className: "text-text-muted"
+    });
+    $[46] = shown;
+    $[47] = t12;
+  } else {
+    t12 = $[47];
+  }
+  let t13;
+  if ($[48] !== language.callHierarchy || $[49] !== t || $[50] !== view.site || $[51] !== view.sites) {
+    t13 = view.sites > 1 && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(IconButton, {
+        icon: ChevronLeft,
+        size: "xs",
+        label: t("language.callHierarchy.previousSite"),
+        onClick: () => language.callHierarchy.stepSite(-1)
+      }), /*#__PURE__*/_jsx("span", {
+        className: "text-text-muted",
+        children: t("language.callHierarchy.site", {
+          current: formatNumber(view.site + 1),
+          total: formatNumber(view.sites)
+        })
+      }), /*#__PURE__*/_jsx(IconButton, {
+        icon: ChevronRight,
+        size: "xs",
+        label: t("language.callHierarchy.nextSite"),
+        onClick: () => language.callHierarchy.stepSite(1)
+      })]
+    });
+    $[48] = language.callHierarchy;
+    $[49] = t;
+    $[50] = view.site;
+    $[51] = view.sites;
+    $[52] = t13;
+  } else {
+    t13 = $[52];
+  }
+  let t14;
+  if ($[53] !== t) {
+    t14 = t("language.callHierarchy.close");
+    $[53] = t;
+    $[54] = t14;
+  } else {
+    t14 = $[54];
+  }
+  let t15;
+  if ($[55] !== language.callHierarchy) {
+    t15 = () => language.callHierarchy.close();
+    $[55] = language.callHierarchy;
+    $[56] = t15;
+  } else {
+    t15 = $[56];
+  }
+  let t16;
+  if ($[57] !== t14 || $[58] !== t15) {
+    t16 = /*#__PURE__*/_jsx(IconButton, {
+      icon: X,
+      size: "xs",
+      label: t14,
+      onClick: t15
+    });
+    $[57] = t14;
+    $[58] = t15;
+    $[59] = t16;
+  } else {
+    t16 = $[59];
+  }
+  let t17;
+  if ($[60] !== t13 || $[61] !== t16) {
+    t17 = /*#__PURE__*/_jsxs("div", {
+      className: "ml-auto flex shrink-0 items-center gap-1",
+      children: [t13, t16]
+    });
+    $[60] = t13;
+    $[61] = t16;
+    $[62] = t17;
+  } else {
+    t17 = $[62];
+  }
+  let t18;
+  if ($[63] !== t11 || $[64] !== t12 || $[65] !== t17 || $[66] !== t3 || $[67] !== t4 || $[68] !== t5) {
+    t18 = /*#__PURE__*/_jsxs("div", {
+      className: t3,
+      children: [t4, t5, t11, t12, t17]
+    });
+    $[63] = t11;
+    $[64] = t12;
+    $[65] = t17;
+    $[66] = t3;
+    $[67] = t4;
+    $[68] = t5;
+    $[69] = t18;
+  } else {
+    t18 = $[69];
+  }
+  let t19;
+  if ($[70] !== body.height) {
+    t19 = {
+      height: body.height
+    };
+    $[70] = body.height;
+    $[71] = t19;
+  } else {
+    t19 = $[71];
+  }
+  let t20;
+  if ($[72] !== language || $[73] !== view) {
+    t20 = /*#__PURE__*/_jsx(Tree, {
+      language: language,
+      view: view
+    });
+    $[72] = language;
+    $[73] = view;
+    $[74] = t20;
+  } else {
+    t20 = $[74];
+  }
+  let t21;
+  if ($[75] !== view.preview) {
+    t21 = /*#__PURE__*/_jsx(Preview, {
+      preview: view.preview
+    });
+    $[75] = view.preview;
+    $[76] = t21;
+  } else {
+    t21 = $[76];
+  }
+  let t22;
+  if ($[77] !== t19 || $[78] !== t20 || $[79] !== t21) {
+    t22 = /*#__PURE__*/_jsxs("div", {
+      className: "flex shrink-0",
+      style: t19,
+      children: [t20, t21]
+    });
+    $[77] = t19;
+    $[78] = t20;
+    $[79] = t21;
+    $[80] = t22;
+  } else {
+    t22 = $[80];
+  }
+  let t23;
+  if ($[81] !== body.commit || $[82] !== body.height || $[83] !== body.set || $[84] !== view.container) {
+    t23 = /*#__PURE__*/_jsx("div", {
+      className: "peek-hatch relative h-[14px]",
+      children: /*#__PURE__*/_jsx(PanelResizeHandle, {
+        container: view.container,
+        height: body.height,
+        onHeight: body.set,
+        onCommit: body.commit
+      })
+    });
+    $[81] = body.commit;
+    $[82] = body.height;
+    $[83] = body.set;
+    $[84] = view.container;
+    $[85] = t23;
+  } else {
+    t23 = $[85];
+  }
+  let t24;
+  if ($[86] !== t18 || $[87] !== t22 || $[88] !== t23 || $[89] !== t6 || $[90] !== t7 || $[91] !== t8 || $[92] !== t9) {
+    t24 = /*#__PURE__*/_jsxs("div", {
+      className: t6,
+      style: t7,
+      onPointerDown: t8,
+      children: [t9, t18, t22, t23]
+    });
+    $[86] = t18;
+    $[87] = t22;
+    $[88] = t23;
+    $[89] = t6;
+    $[90] = t7;
+    $[91] = t8;
+    $[92] = t9;
+    $[93] = t24;
+  } else {
+    t24 = $[93];
+  }
+  let t25;
+  if ($[94] !== t10 || $[95] !== t24 || $[96] !== view.container) {
+    t25 = t10(t24, view.container);
+    $[94] = t10;
+    $[95] = t24;
+    $[96] = view.container;
+    $[97] = t25;
+  } else {
+    t25 = $[97];
+  }
+  return t25;
 }
+function _temp(event) {
+  return event.preventDefault();
+}