@adecore/editor-react 0.31.12 → 0.32.0

package/dist/EditorContextMenu.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 { Fragment, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ContextMenu, EDIT_SHORTCUTS, Kbd } from '@adecore/ui';
@@ -8,40 +8,358 @@ import { menuGroupsOf } from './context-menu-rows.js';
  * clipboard and formatting. A group left empty draws no line, since the theme hides a separator that
  * comes first, last or twice.
  */
-export function EditorContextMenu({ language, view, children }) {
-    const { t } = useTranslation('editor');
-    const trigger = useRef(null);
-    useEffect(() => {
-        trigger.current?.dispatchEvent(new MouseEvent('contextmenu', { bubbles: true, clientX: view.x, clientY: view.y }));
-    }, [view.x, view.y]);
-    const { service } = language.project;
-    const groups = menuGroupsOf((method) => service.supports(method, language.uri));
-    const run = {
-        definition: () => void language.navigation.go('definition'),
-        declaration: () => void language.navigation.go('declaration'),
-        typeDefinition: () => void language.navigation.go('typeDefinition'),
-        implementation: () => void language.navigation.go('implementation'),
-        peekReferences: () => void language.peek.open(),
-        callHierarchy: () => void language.callHierarchy.open(),
-        renameSymbol: () => void language.rename.start(),
-        codeActions: () => void language.codeActions.open()
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function EditorContextMenu(t0) {
+  const $ = _c(91);
+  const {
+    language,
+    view,
+    children
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const trigger = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] !== view.x || $[1] !== view.y) {
+    t1 = () => {
+      trigger.current?.dispatchEvent(new MouseEvent("contextmenu", {
+        bubbles: true,
+        clientX: view.x,
+        clientY: view.y
+      }));
     };
-    const label = (id) => {
+    t2 = [view.x, view.y];
+    $[0] = view.x;
+    $[1] = view.y;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const {
+    service
+  } = language.project;
+  let T0;
+  let T1;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[4] !== language.callHierarchy || $[5] !== language.codeActions || $[6] !== language.contextMenu || $[7] !== language.navigation || $[8] !== language.peek || $[9] !== language.rename || $[10] !== language.shortcuts || $[11] !== language.uri || $[12] !== service || $[13] !== t) {
+    let t10;
+    if ($[23] !== language.uri || $[24] !== service) {
+      t10 = method => service.supports(method, language.uri);
+      $[23] = language.uri;
+      $[24] = service;
+      $[25] = t10;
+    } else {
+      t10 = $[25];
+    }
+    const groups = menuGroupsOf(t10);
+    let t11;
+    let t12;
+    let t13;
+    let t14;
+    if ($[26] !== language.navigation) {
+      t11 = () => void language.navigation.go("definition");
+      t12 = () => void language.navigation.go("declaration");
+      t13 = () => void language.navigation.go("typeDefinition");
+      t14 = () => void language.navigation.go("implementation");
+      $[26] = language.navigation;
+      $[27] = t11;
+      $[28] = t12;
+      $[29] = t13;
+      $[30] = t14;
+    } else {
+      t11 = $[27];
+      t12 = $[28];
+      t13 = $[29];
+      t14 = $[30];
+    }
+    let t15;
+    if ($[31] !== language.peek) {
+      t15 = () => void language.peek.open();
+      $[31] = language.peek;
+      $[32] = t15;
+    } else {
+      t15 = $[32];
+    }
+    let t16;
+    if ($[33] !== language.callHierarchy) {
+      t16 = () => void language.callHierarchy.open();
+      $[33] = language.callHierarchy;
+      $[34] = t16;
+    } else {
+      t16 = $[34];
+    }
+    let t17;
+    if ($[35] !== language.rename) {
+      t17 = () => void language.rename.start();
+      $[35] = language.rename;
+      $[36] = t17;
+    } else {
+      t17 = $[36];
+    }
+    let t18;
+    if ($[37] !== language.codeActions) {
+      t18 = () => void language.codeActions.open();
+      $[37] = language.codeActions;
+      $[38] = t18;
+    } else {
+      t18 = $[38];
+    }
+    let t19;
+    if ($[39] !== t11 || $[40] !== t12 || $[41] !== t13 || $[42] !== t14 || $[43] !== t15 || $[44] !== t16 || $[45] !== t17 || $[46] !== t18) {
+      t19 = {
+        definition: t11,
+        declaration: t12,
+        typeDefinition: t13,
+        implementation: t14,
+        peekReferences: t15,
+        callHierarchy: t16,
+        renameSymbol: t17,
+        codeActions: t18
+      };
+      $[39] = t11;
+      $[40] = t12;
+      $[41] = t13;
+      $[42] = t14;
+      $[43] = t15;
+      $[44] = t16;
+      $[45] = t17;
+      $[46] = t18;
+      $[47] = t19;
+    } else {
+      t19 = $[47];
+    }
+    const run = t19;
+    let t20;
+    if ($[48] !== t) {
+      t20 = id => {
         switch (id) {
-            case 'definition':
-            case 'declaration':
-            case 'typeDefinition':
-            case 'implementation':
-                return t(`language.context.goTo.${id}`);
-            case 'renameSymbol':
-                return t('language.context.renameSymbol');
-            default:
-                return t(`commands.${id}`);
+          case "definition":
+          case "declaration":
+          case "typeDefinition":
+          case "implementation":
+            {
+              return t(`language.context.goTo.${id}`);
+            }
+          case "renameSymbol":
+            {
+              return t("language.context.renameSymbol");
+            }
+          default:
+            {
+              return t(`commands.${id}`);
+            }
         }
-    };
-    const item = (row) => {
+      };
+      $[48] = t;
+      $[49] = t20;
+    } else {
+      t20 = $[49];
+    }
+    const label = t20;
+    let t21;
+    if ($[50] !== label || $[51] !== language.shortcuts || $[52] !== run) {
+      t21 = row => {
         const shortcut = row.shortcut === null ? null : language.shortcuts[row.shortcut];
-        return (_jsxs(ContextMenu.Item, { onClick: run[row.id], children: [label(row.id), shortcut !== null && _jsx(Kbd, { shortcut: shortcut })] }, row.id));
-    };
-    return (_jsxs(ContextMenu.Root, { onOpenChange: (open) => !open && language.contextMenu.close(), children: [_jsx(ContextMenu.Trigger, { ref: trigger, className: "fixed top-0 left-0 h-0 w-0", "aria-hidden": true }), _jsxs(ContextMenu.Popup, { children: [groups.goTo.length > 0 && (_jsxs(ContextMenu.SubmenuRoot, { children: [_jsx(ContextMenu.SubmenuTrigger, { children: t('language.context.goTo.menu') }), _jsx(ContextMenu.Popup, { children: groups.goTo.map(item) })] })), _jsx(ContextMenu.Separator, {}), groups.references.map(item), _jsx(ContextMenu.Separator, {}), groups.changes.map(item), view.refactors.length > 0 && (_jsxs(ContextMenu.SubmenuRoot, { children: [_jsx(ContextMenu.SubmenuTrigger, { children: t('language.context.refactor') }), _jsx(ContextMenu.Popup, { children: view.refactors.map((entry, index) => (_jsxs(Fragment, { children: [index > 0 && view.refactors[index - 1].group !== entry.group && _jsx(ContextMenu.Separator, {}), _jsx(ContextMenu.Item, { onClick: () => void language.codeActions.apply(entry), children: entry.action.title })] }, entry.id))) })] })), _jsx(ContextMenu.Separator, {}), children, _jsx(ContextMenu.Separator, {}), ['cut', 'copy', 'paste'].map((action) => (_jsxs(ContextMenu.Item, { onClick: () => language.contextMenu.clipboard(action), children: [t(`language.context.${action}`), _jsx(Kbd, { shortcut: EDIT_SHORTCUTS[action] })] }, action))), service.supports('textDocument/formatting', language.uri) && (_jsxs(_Fragment, { children: [_jsx(ContextMenu.Separator, {}), _jsxs(ContextMenu.Item, { onClick: () => void language.codeActions.formatDocument(), children: [t('commands.formatDocument'), language.shortcuts.formatDocument !== null && _jsx(Kbd, { shortcut: language.shortcuts.formatDocument })] })] }))] })] }));
-}
+        return /*#__PURE__*/_jsxs(ContextMenu.Item, {
+          onClick: run[row.id],
+          children: [label(row.id), shortcut !== null && /*#__PURE__*/_jsx(Kbd, {
+            shortcut: shortcut
+          })]
+        }, row.id);
+      };
+      $[50] = label;
+      $[51] = language.shortcuts;
+      $[52] = run;
+      $[53] = t21;
+    } else {
+      t21 = $[53];
+    }
+    const item = t21;
+    T1 = ContextMenu.Root;
+    if ($[54] !== language.contextMenu) {
+      t8 = open => !open && language.contextMenu.close();
+      $[54] = language.contextMenu;
+      $[55] = t8;
+    } else {
+      t8 = $[55];
+    }
+    if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /*#__PURE__*/_jsx(ContextMenu.Trigger, {
+        ref: trigger,
+        className: "fixed top-0 left-0 h-0 w-0",
+        "aria-hidden": true
+      });
+      $[56] = t9;
+    } else {
+      t9 = $[56];
+    }
+    T0 = ContextMenu.Popup;
+    t3 = groups.goTo.length > 0 && /*#__PURE__*/_jsxs(ContextMenu.SubmenuRoot, {
+      children: [/*#__PURE__*/_jsx(ContextMenu.SubmenuTrigger, {
+        children: t("language.context.goTo.menu")
+      }), /*#__PURE__*/_jsx(ContextMenu.Popup, {
+        children: groups.goTo.map(item)
+      })]
+    });
+    if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = /*#__PURE__*/_jsx(ContextMenu.Separator, {});
+      $[57] = t4;
+    } else {
+      t4 = $[57];
+    }
+    t5 = groups.references.map(item);
+    if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = /*#__PURE__*/_jsx(ContextMenu.Separator, {});
+      $[58] = t6;
+    } else {
+      t6 = $[58];
+    }
+    t7 = groups.changes.map(item);
+    $[4] = language.callHierarchy;
+    $[5] = language.codeActions;
+    $[6] = language.contextMenu;
+    $[7] = language.navigation;
+    $[8] = language.peek;
+    $[9] = language.rename;
+    $[10] = language.shortcuts;
+    $[11] = language.uri;
+    $[12] = service;
+    $[13] = t;
+    $[14] = T0;
+    $[15] = T1;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    T0 = $[14];
+    T1 = $[15];
+    t3 = $[16];
+    t4 = $[17];
+    t5 = $[18];
+    t6 = $[19];
+    t7 = $[20];
+    t8 = $[21];
+    t9 = $[22];
+  }
+  let t10;
+  if ($[59] !== language.codeActions || $[60] !== t || $[61] !== view.refactors) {
+    t10 = view.refactors.length > 0 && /*#__PURE__*/_jsxs(ContextMenu.SubmenuRoot, {
+      children: [/*#__PURE__*/_jsx(ContextMenu.SubmenuTrigger, {
+        children: t("language.context.refactor")
+      }), /*#__PURE__*/_jsx(ContextMenu.Popup, {
+        children: view.refactors.map((entry, index) => /*#__PURE__*/_jsxs(Fragment, {
+          children: [index > 0 && view.refactors[index - 1].group !== entry.group && /*#__PURE__*/_jsx(ContextMenu.Separator, {}), /*#__PURE__*/_jsx(ContextMenu.Item, {
+            onClick: () => void language.codeActions.apply(entry),
+            children: entry.action.title
+          })]
+        }, entry.id))
+      })]
+    });
+    $[59] = language.codeActions;
+    $[60] = t;
+    $[61] = view.refactors;
+    $[62] = t10;
+  } else {
+    t10 = $[62];
+  }
+  let t11;
+  if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /*#__PURE__*/_jsx(ContextMenu.Separator, {});
+    $[63] = t11;
+  } else {
+    t11 = $[63];
+  }
+  let t12;
+  let t13;
+  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /*#__PURE__*/_jsx(ContextMenu.Separator, {});
+    t13 = ["cut", "copy", "paste"];
+    $[64] = t12;
+    $[65] = t13;
+  } else {
+    t12 = $[64];
+    t13 = $[65];
+  }
+  let t14;
+  if ($[66] !== language.contextMenu || $[67] !== t) {
+    t14 = t13.map(action => /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: () => language.contextMenu.clipboard(action),
+      children: [t(`language.context.${action}`), /*#__PURE__*/_jsx(Kbd, {
+        shortcut: EDIT_SHORTCUTS[action]
+      })]
+    }, action));
+    $[66] = language.contextMenu;
+    $[67] = t;
+    $[68] = t14;
+  } else {
+    t14 = $[68];
+  }
+  let t15;
+  if ($[69] !== language.codeActions || $[70] !== language.shortcuts || $[71] !== language.uri || $[72] !== service || $[73] !== t) {
+    t15 = service.supports("textDocument/formatting", language.uri) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ContextMenu.Separator, {}), /*#__PURE__*/_jsxs(ContextMenu.Item, {
+        onClick: () => void language.codeActions.formatDocument(),
+        children: [t("commands.formatDocument"), language.shortcuts.formatDocument !== null && /*#__PURE__*/_jsx(Kbd, {
+          shortcut: language.shortcuts.formatDocument
+        })]
+      })]
+    });
+    $[69] = language.codeActions;
+    $[70] = language.shortcuts;
+    $[71] = language.uri;
+    $[72] = service;
+    $[73] = t;
+    $[74] = t15;
+  } else {
+    t15 = $[74];
+  }
+  let t16;
+  if ($[75] !== T0 || $[76] !== children || $[77] !== t10 || $[78] !== t14 || $[79] !== t15 || $[80] !== t3 || $[81] !== t4 || $[82] !== t5 || $[83] !== t6 || $[84] !== t7) {
+    t16 = /*#__PURE__*/_jsxs(T0, {
+      children: [t3, t4, t5, t6, t7, t10, t11, children, t12, t14, t15]
+    });
+    $[75] = T0;
+    $[76] = children;
+    $[77] = t10;
+    $[78] = t14;
+    $[79] = t15;
+    $[80] = t3;
+    $[81] = t4;
+    $[82] = t5;
+    $[83] = t6;
+    $[84] = t7;
+    $[85] = t16;
+  } else {
+    t16 = $[85];
+  }
+  let t17;
+  if ($[86] !== T1 || $[87] !== t16 || $[88] !== t8 || $[89] !== t9) {
+    t17 = /*#__PURE__*/_jsxs(T1, {
+      onOpenChange: t8,
+      children: [t9, t16]
+    });
+    $[86] = T1;
+    $[87] = t16;
+    $[88] = t8;
+    $[89] = t9;
+    $[90] = t17;
+  } else {
+    t17 = $[90];
+  }
+  return t17;
+}