@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/src/menu/createMenu.ts

@@ -1,16 +1,34 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/menu/useMenu.ts
+
 /**
  * Provides the behavior and accessibility implementation for a menu component.
  * A menu displays a list of actions or options that a user can choose.
  * Based on @react-aria/menu useMenu.
  */
 
-import { createEffect, onCleanup, type JSX, type Accessor } from "solid-js";
+import { onOwnedCleanup } from "../utils/owner";
+import { createTrackedEffect } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createFocusWithin } from "../interactions/createFocusWithin";
 import { createLabel } from "../label/createLabel";
 import { createTypeSelect } from "../selection/createTypeSelect";
 import { selectItem } from "../selection/selectItem";
 import { filterDOMProps } from "../utils/filterDOMProps";
 import { mergeProps } from "../utils/mergeProps";
+import { focusSafely, runAfterPaint } from "../utils/focus";
 import { createId } from "../ssr";
 import { access, type MaybeAccessor } from "../utils/reactivity";
 import { isDevEnv } from "../utils/env";
@@ -85,7 +103,7 @@ export interface AriaMenuProps<T = unknown> {
   shouldCloseOnSelect?: boolean;
   /** Whether focus should automatically wrap around. */
   shouldFocusWrap?: boolean;
-  /** Whether to auto-focus the first item when the menu opens. */
+  /** Whether to auto-focus the menu root (`true`) or the first/last item. */
   autoFocus?: boolean | "first" | "last";
   /** Whether type-to-select is disabled. @default false */
   disallowTypeAhead?: boolean;
@@ -156,12 +174,18 @@ export function createMenu<T>(
   updateSharedData();
 
   // Share data with child menu items
-  createEffect(() => {
+  createTrackedEffect(() => {
+    const _s2Cleanups: Array<() => void> = [];
+
     updateSharedData();
 
-    onCleanup(() => {
+    _s2Cleanups.push(() => {
       menuData.delete(state);
     });
+
+    return () => {
+      for (const c of _s2Cleanups) c();
+    };
   });
 
   // Handle focus within
@@ -202,13 +226,76 @@ export function createMenu<T>(
     },
   });
 
+  // Auto-focus the menu (or its first/last/selected item) when `autoFocus` is
+  // set. Mirrors useMenu → useSelectableCollection: mouse open passes `true`
+  // (focus the menu root); ArrowDown/ArrowUp pass `"first"`/`"last"`.
+  const isNavDisabled = (key: Key) => state.isDisabled(key) && state.disabledBehavior() === "all";
+
+  let autoFocusDone = false;
+  let cancelAutoFocus: (() => void) | undefined;
+  createTrackedEffect(() => {
+    const autoFocus = getProps().autoFocus ?? false;
+    if (autoFocusDone || autoFocus === false) {
+      return;
+    }
+
+    const collection = state.collection();
+    if (collection.size === 0) {
+      return;
+    }
+
+    let focusedKey: Key | null = null;
+    if (autoFocus === "first") {
+      focusedKey = findNextNonDisabledKey(collection, null, "next", isNavDisabled, false);
+    } else if (autoFocus === "last") {
+      focusedKey = findNextNonDisabledKey(collection, null, "prev", isNavDisabled, false);
+    }
+
+    const selectedKeys = state.selectionManager.rawSelection;
+    if (selectedKeys !== "all" && selectedKeys.size) {
+      for (const key of selectedKeys) {
+        if (state.selectionManager.canSelectItem(key)) {
+          focusedKey = key;
+          break;
+        }
+      }
+    }
+
+    const root = ref?.();
+    if (focusedKey == null && !root) {
+      return;
+    }
+
+    autoFocusDone = true;
+    cancelAutoFocus = runAfterPaint(() => {
+      cancelAutoFocus = undefined;
+      state.setFocused(true);
+      state.setFocusedKey(focusedKey);
+      if (focusedKey == null) {
+        const el = ref?.();
+        if (el) {
+          // Mouse-open (`autoFocus: true`) focuses the menu root. React's
+          // useEffect-timed `focusSafely` lands CSS `:focus-visible` on that
+          // tabindex=0 collection, so D1 `outline-width` is the UA 1px even
+          // though author CSS sets `outline-style: none`. Solid's after-paint
+          // focus otherwise stays outside `:focus-visible` (UA medium 3px).
+          // Request `focusVisible` so the collection root matches.
+          focusSafely(el, { focusVisible: true });
+        }
+      }
+    });
+  });
+  onOwnedCleanup(() => {
+    cancelAutoFocus?.();
+  });
+
   // Keyboard navigation
   const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {
     if (getProps().isDisabled) return;
 
     const collection = state.collection();
     const p = getProps();
-    const wrap = p.shouldFocusWrap ?? false;
+    const wrap = p.shouldFocusWrap ?? true;
 
     // Disabled keys only block keyboard navigation under disabledBehavior "all"
     // (the default); under "selection" they stay focusable while their selection

package/src/menu/createMenuItem.ts

@@ -1,9 +1,24 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/menu/useMenuItem.ts
+
 /**
  * Provides the behavior and accessibility implementation for a menu item.
  * Based on @react-aria/menu useMenuItem.
  */
 
-import { type JSX, type Accessor } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createPress, type PressEvent } from "../interactions/createPress";
 import { createHover } from "../interactions/createHover";
 import { createFocusRing } from "../interactions/createFocusRing";
@@ -249,27 +264,29 @@ export function createMenuItem<T>(
     const props = selectableItem.itemProps as Record<string, unknown>;
     const onClick = props.onClick;
 
+    const interceptSyntheticClick = (event: MouseEvent, fallbackHandler?: unknown) => {
+      // The menu layer's upstream-compatible target.click() should activate
+      // the menu item, not feed back into selectable-item virtual selection.
+      if (isDispatchingMenuSyntheticClick && isVirtualClick(event)) {
+        if (pendingSyntheticClickSelectionEvent != null) {
+          state.selectionManager.emitDuplicateSelectionEvent(pendingSyntheticClickSelectionEvent);
+          pendingSyntheticClickSelectionEvent = null;
+        }
+        return;
+      }
+
+      if (typeof fallbackHandler === "function") {
+        (fallbackHandler as (event: MouseEvent) => void)(event);
+      }
+    };
+
     return {
       ...props,
       onPointerUp: withMenuPressUpSelectionSnapshot<PointerEvent>(props.onPointerUp),
       onMouseUp: withMenuPressUpSelectionSnapshot<MouseEvent>(props.onMouseUp),
       onClick:
         typeof onClick === "function"
-          ? (event: MouseEvent) => {
-              // The menu layer's upstream-compatible target.click() should activate
-              // the menu item, not feed back into selectable-item virtual selection.
-              if (isDispatchingMenuSyntheticClick && isVirtualClick(event)) {
-                if (pendingSyntheticClickSelectionEvent != null) {
-                  state.selectionManager.emitDuplicateSelectionEvent(
-                    pendingSyntheticClickSelectionEvent,
-                  );
-                  pendingSyntheticClickSelectionEvent = null;
-                }
-                return;
-              }
-
-              (onClick as (event: MouseEvent) => void)(event);
-            }
+          ? (event: MouseEvent) => interceptSyntheticClick(event, onClick)
           : onClick,
     };
   };
@@ -357,18 +374,18 @@ export function createMenuItem<T>(
               : "menuitem",
         id: p.id ?? String(key),
         "aria-disabled": isDisabled() || undefined,
-        "aria-checked": mode !== "none" && !trigger ? selected : undefined,
+        "aria-checked": mode !== "none" && !trigger ? (selected ? "true" : "false") : undefined,
         "aria-label": ariaLabel,
         "aria-labelledby": !ariaLabel ? labelId : undefined,
         "aria-describedby": [descriptionId(), keyboardId()].filter(Boolean).join(" ") || undefined,
         "aria-controls": p["aria-controls"],
         "aria-haspopup": p["aria-haspopup"],
         "aria-expanded": p["aria-expanded"],
-        "data-selected": selected || undefined,
-        "data-focused": isFocused() || undefined,
-        "data-focus-visible": isFocusVisible() || undefined,
-        "data-pressed": isPressed() || undefined,
-        "data-disabled": isDisabled() || undefined,
+        "data-selected": selected ? "true" : undefined,
+        "data-focused": isFocused() ? "true" : undefined,
+        "data-focus-visible": isFocusVisible() ? "true" : undefined,
+        "data-pressed": isPressed() ? "true" : undefined,
+        "data-disabled": isDisabled() ? "true" : undefined,
       };
 
       // Add link props when href is present
@@ -401,7 +418,7 @@ export function createMenuItem<T>(
       return { id: descriptionId() };
     },
     get keyboardShortcutProps() {
-      return { id: keyboardId(), "aria-hidden": true };
+      return { id: keyboardId(), "aria-hidden": "true" as const };
     },
     isFocused,
     isFocusVisible: () => isFocused() && isFocusVisible(),

package/src/menu/createMenuTrigger.ts

@@ -1,88 +1,216 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/menu/useMenuTrigger.ts
+
 /**
- * Provides the behavior and accessibility implementation for a menu trigger.
+ * Provides behavior and accessibility for a menu trigger.
  * Based on @react-aria/menu useMenuTrigger.
  */
 
-import { type JSX } from "solid-js";
+import { createTrackedEffect } from "solid-js";
+import type { JSX } from "@solidjs/web";
+import type { MenuTriggerState, MenuTriggerType } from "@proyecto-viviana/solid-stately";
 import { createId } from "../ssr";
-import { access, type MaybeAccessor } from "../utils/reactivity";
-import type { OverlayTriggerState } from "@proyecto-viviana/solid-stately";
+import { createKeyboard } from "../interactions/createKeyboard";
+import { createLongPress } from "../interactions/createLongPress";
+import { createContextMenu } from "../interactions/createContextMenu";
+import type { CreatePressProps, PressEvent } from "../interactions/createPress";
+import { createStringFormatter } from "../i18n";
+import { onCloseMap } from "../overlays/createOverlayTrigger";
+import { access, attrTrue, focusWithoutScrolling, getEventTarget, mergeProps } from "../utils";
+import type { MaybeAccessor } from "../utils/reactivity";
+import { menuIntlStrings } from "./intl";
 
 export interface AriaMenuTriggerProps {
-  /** The type of menu that the menu trigger opens. */
+  /** The type of menu that the trigger opens. */
   type?: "menu" | "listbox";
   /** Whether the menu trigger is disabled. */
   isDisabled?: boolean;
-  /** An ID for the menu. */
+  /** How the menu is triggered. */
+  trigger?: MenuTriggerType;
+  /** An ID for the menu. This is a local Solid addition. */
   id?: string;
 }
 
+export type MenuTriggerAutoFocus = boolean | "first" | "last";
+
+export interface MenuTriggerMenuProps extends JSX.HTMLAttributes<HTMLElement> {
+  /** Auto-focus strategy forwarded to `createMenu`. */
+  autoFocus?: MenuTriggerAutoFocus;
+  /** Close handler forwarded to `createMenu`. */
+  onClose?: () => void;
+}
+
+interface MenuTriggerInteractionProps
+  extends
+    JSX.HTMLAttributes<HTMLElement>,
+    Pick<CreatePressProps, "preventFocusOnPress" | "onPressStart" | "onPress"> {}
+
 export interface MenuTriggerAria {
-  /** Props for the menu trigger button. */
-  menuTriggerProps: JSX.HTMLAttributes<HTMLElement> & {
-    onPress: () => void;
-    onKeyDown: (e: KeyboardEvent) => void;
-  };
-  /** Props for the menu element. */
-  menuProps: JSX.HTMLAttributes<HTMLElement>;
+  /** Props for the menu trigger. */
+  menuTriggerProps: MenuTriggerInteractionProps;
+  /** Props for the menu. */
+  menuProps: MenuTriggerMenuProps;
 }
 
-/**
- * Provides the behavior and accessibility implementation for a menu trigger.
- */
+/** Provides behavior and accessibility for a menu trigger. */
 export function createMenuTrigger(
   props: MaybeAccessor<AriaMenuTriggerProps>,
-  state: OverlayTriggerState,
+  state: MenuTriggerState,
+  ref?: () => Element | null,
 ): MenuTriggerAria {
   const getProps = () => access(props);
   const menuId = createId(getProps().id);
+  const triggerId = createId();
+  const stringFormatter = createStringFormatter(menuIntlStrings, "@react-aria/menu");
 
-  const onPress = () => {
-    if (!getProps().isDisabled) {
-      state.toggle();
+  const open = (
+    shouldOpen: boolean,
+    event: globalThis.KeyboardEvent,
+    focusStrategy: "first" | "last" = "first",
+  ): boolean => {
+    if (!shouldOpen || event.defaultPrevented || getProps().isDisabled) {
+      return false;
     }
+
+    state.toggle(focusStrategy);
+    return true;
   };
 
-  const onKeyDown = (e: KeyboardEvent) => {
-    if (getProps().isDisabled) return;
-
-    switch (e.key) {
-      case "Enter":
-      case " ":
-      case "ArrowDown": {
-        e.preventDefault();
-        if (!state.isOpen()) {
-          state.open();
-        }
-        break;
+  const { keyboardProps } = createKeyboard({
+    shortcuts: {
+      Enter: (event) => open(getProps().trigger !== "longPress", event, "first"),
+      " ": (event) => open(getProps().trigger !== "longPress", event, "first"),
+      ArrowDown: (event) => open(getProps().trigger !== "longPress", event, "first"),
+      ArrowUp: (event) => open(getProps().trigger !== "longPress", event, "last"),
+      "Alt+Enter": (event) => open(getProps().trigger === "longPress", event, "first"),
+      "Alt+ ": (event) => open(getProps().trigger === "longPress", event, "first"),
+      "Alt+ArrowDown": (event) => open(true, event, "first"),
+      "Alt+ArrowUp": (event) => open(true, event, "last"),
+    },
+  });
+
+  const { longPressProps } = createLongPress({
+    isDisabled: () => Boolean(getProps().isDisabled || getProps().trigger !== "longPress"),
+    accessibilityDescription: () => stringFormatter().format("longPressMessage"),
+    onLongPressStart() {
+      state.close();
+    },
+    onLongPress() {
+      state.open("first");
+    },
+  });
+
+  const pressProps: Pick<CreatePressProps, "preventFocusOnPress" | "onPressStart" | "onPress"> = {
+    preventFocusOnPress: true,
+    onPressStart(event: PressEvent) {
+      if (
+        event.pointerType !== "touch" &&
+        event.pointerType !== "keyboard" &&
+        !getProps().isDisabled
+      ) {
+        focusWithoutScrolling(event.target as HTMLElement);
+        state.open(event.pointerType === "virtual" ? "first" : null);
       }
-      case "ArrowUp": {
-        e.preventDefault();
-        if (!state.isOpen()) {
-          state.open();
-        }
-        break;
+    },
+    onPress(event: PressEvent) {
+      if (event.pointerType === "touch" && !getProps().isDisabled) {
+        focusWithoutScrolling(event.target as HTMLElement);
+        state.toggle();
       }
-    }
+    },
   };
 
+  const { contextMenuProps } = createContextMenu({
+    onContextMenu(event) {
+      const rect = event.target.getBoundingClientRect();
+      state.setPoint({ x: rect.x + event.x, y: rect.y + event.y });
+      state.open();
+    },
+  });
+
+  createTrackedEffect(() => {
+    const _s2Cleanups: Array<() => void> = [];
+
+    if (
+      !state.isOpen() ||
+      getProps().trigger !== "contextMenu" ||
+      typeof document === "undefined"
+    ) {
+      return;
+    }
+
+    const onMouseDown = (event: MouseEvent) => {
+      if (
+        (event.button === 2 || (event.button === 0 && event.ctrlKey)) &&
+        getEventTarget(event) === document.body
+      ) {
+        state.close();
+      }
+    };
+
+    document.addEventListener("mousedown", onMouseDown);
+    _s2Cleanups.push(() => document.removeEventListener("mousedown", onMouseDown));
+
+    return () => {
+      for (const c of _s2Cleanups) c();
+    };
+  });
+
+  createTrackedEffect(() => {
+    const element = ref?.();
+    if (element) {
+      onCloseMap.set(element, state.close);
+    }
+  });
+
   return {
     get menuTriggerProps() {
-      const p = getProps();
-      const type = p.type ?? "menu";
-      const isOpen = state.isOpen();
+      const type = getProps().type ?? "menu";
+      const trigger = getProps().trigger ?? "press";
+      const baseProps: MenuTriggerInteractionProps = {
+        "aria-haspopup": type === "menu" ? "menu" : "listbox",
+        "aria-expanded": state.isOpen() ? "true" : "false",
+        "aria-controls": state.isOpen() ? menuId : undefined,
+        "aria-disabled": attrTrue(getProps().isDisabled),
+        id: triggerId,
+      };
 
+      if (trigger === "contextMenu") {
+        return mergeProps(
+          {
+            ...baseProps,
+            "aria-haspopup": undefined,
+            "aria-expanded": undefined,
+            "aria-controls": undefined,
+          },
+          contextMenuProps,
+        ) as MenuTriggerInteractionProps;
+      }
+
+      return mergeProps(
+        baseProps,
+        trigger === "longPress" ? longPressProps : pressProps,
+        keyboardProps,
+      ) as MenuTriggerInteractionProps;
+    },
+    get menuProps() {
       return {
-        "aria-haspopup": type,
-        "aria-expanded": isOpen,
-        "aria-controls": isOpen ? menuId : undefined,
-        "aria-disabled": p.isDisabled || undefined,
-        onPress,
-        onKeyDown,
+        id: menuId,
+        "aria-labelledby": triggerId,
+        autoFocus: state.focusStrategy() || true,
+        onClose: state.close,
       };
     },
-    menuProps: {
-      id: menuId,
-    },
   };
 }

package/src/menu/index.ts

@@ -6,4 +6,6 @@ export {
   createMenuTrigger,
   type AriaMenuTriggerProps,
   type MenuTriggerAria,
+  type MenuTriggerMenuProps,
+  type MenuTriggerAutoFocus,
 } from "./createMenuTrigger";

package/src/menu/intl/index.ts

@@ -0,0 +1,130 @@
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/ar-AE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/bg-BG.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/cs-CZ.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/da-DK.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/de-DE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/el-GR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/en-US.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/es-ES.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/et-EE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/fi-FI.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/fr-FR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/he-IL.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/hr-HR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/hu-HU.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/it-IT.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/ja-JP.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/ko-KR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/lt-LT.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/lv-LV.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/nb-NO.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/nl-NL.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/pl-PL.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/pt-BR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/pt-PT.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/ro-RO.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/ru-RU.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/sk-SK.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/sl-SI.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/sr-SP.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/sv-SE.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/tr-TR.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/uk-UA.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/zh-CN.json
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/menu/zh-TW.json
+
+// Ported from @react-aria/menu intl catalog.
+/** Menu internationalization strings from the pinned React Aria source. */
+
+import type { LocalizedStrings } from "@internationalized/string";
+
+export const menuIntlStrings: LocalizedStrings<"longPressMessage", string> = {
+  "ar-AE": { longPressMessage: "اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة" },
+  "bg-BG": {
+    longPressMessage:
+      "Натиснете продължително или натиснете Alt+ стрелка надолу, за да отворите менюто",
+  },
+  "cs-CZ": {
+    longPressMessage: "Dlouhým stiskem nebo stisknutím kláves Alt + šipka dolů otevřete nabídku",
+  },
+  "da-DK": { longPressMessage: "Langt tryk eller tryk på Alt + pil ned for at åbne menuen" },
+  "de-DE": {
+    longPressMessage: "Drücken Sie lange oder drücken Sie Alt + Nach-unten, um das Menü zu öffnen",
+  },
+  "el-GR": {
+    longPressMessage: "Πιέστε παρατεταμένα ή πατήστε Alt + κάτω βέλος για να ανοίξετε το μενού",
+  },
+  "en-US": { longPressMessage: "Long press or press Alt + ArrowDown to open menu" },
+  "es-ES": { longPressMessage: "Mantenga pulsado o pulse Alt + flecha abajo para abrir el menú" },
+  "et-EE": {
+    longPressMessage: "Menüü avamiseks vajutage pikalt või vajutage klahve Alt + allanool",
+  },
+  "fi-FI": {
+    longPressMessage: "Avaa valikko painamalla pohjassa tai näppäinyhdistelmällä Alt + Alanuoli",
+  },
+  "fr-FR": {
+    longPressMessage:
+      "Appuyez de manière prolongée ou appuyez sur Alt + Flèche vers le bas pour ouvrir le menu.",
+  },
+  "he-IL": { longPressMessage: "לחץ לחיצה ארוכה או הקש Alt + ArrowDown כדי לפתוח את התפריט" },
+  "hr-HR": {
+    longPressMessage:
+      "Dugo pritisnite ili pritisnite Alt + strelicu prema dolje za otvaranje izbornika",
+  },
+  "hu-HU": {
+    longPressMessage:
+      "Nyomja meg hosszan, vagy nyomja meg az Alt + lefele nyíl gombot a menü megnyitásához",
+  },
+  "it-IT": { longPressMessage: "Premi a lungo o premi Alt + Freccia giù per aprire il menu" },
+  "ja-JP": { longPressMessage: "長押しまたは Alt+下矢印キーでメニューを開く" },
+  "ko-KR": { longPressMessage: "길게 누르거나 Alt + 아래쪽 화살표를 눌러 메뉴 열기" },
+  "lt-LT": {
+    longPressMessage:
+      "Norėdami atidaryti meniu, nuspaudę palaikykite arba paspauskite „Alt + ArrowDown“.",
+  },
+  "lv-LV": {
+    longPressMessage:
+      "Lai atvērtu izvēlni, turiet nospiestu vai nospiediet taustiņu kombināciju Alt + lejupvērstā bultiņa",
+  },
+  "nb-NO": { longPressMessage: "Langt trykk eller trykk Alt + PilNed for å åpne menyen" },
+  "nl-NL": {
+    longPressMessage: "Druk lang op Alt + pijl-omlaag of druk op Alt om het menu te openen",
+  },
+  "pl-PL": {
+    longPressMessage:
+      "Naciśnij i przytrzymaj lub naciśnij klawisze Alt + Strzałka w dół, aby otworzyć menu",
+  },
+  "pt-BR": {
+    longPressMessage: "Pressione e segure ou pressione Alt + Seta para baixo para abrir o menu",
+  },
+  "pt-PT": {
+    longPressMessage: "Prima continuamente ou prima Alt + Seta Para Baixo para abrir o menu",
+  },
+  "ro-RO": {
+    longPressMessage: "Apăsați lung sau apăsați pe Alt + săgeată în jos pentru a deschide meniul",
+  },
+  "ru-RU": {
+    longPressMessage: "Нажмите и удерживайте или нажмите Alt + Стрелка вниз, чтобы открыть меню",
+  },
+  "sk-SK": {
+    longPressMessage:
+      "Ponuku otvoríte dlhým stlačením alebo stlačením klávesu Alt + klávesu so šípkou nadol",
+  },
+  "sl-SI": {
+    longPressMessage:
+      "Za odprtje menija pritisnite in držite gumb ali pritisnite Alt+puščica navzdol",
+  },
+  "sr-SP": {
+    longPressMessage: "Dugo pritisnite ili pritisnite Alt + strelicu prema dole da otvorite meni",
+  },
+  "sv-SE": {
+    longPressMessage: "Håll nedtryckt eller tryck på Alt + pil nedåt för att öppna menyn",
+  },
+  "tr-TR": { longPressMessage: "Menüyü açmak için uzun basın veya Alt + Aşağı Ok tuşuna basın" },
+  "uk-UA": {
+    longPressMessage:
+      "Довго або звичайно натисніть комбінацію клавіш Alt і стрілка вниз, щоб відкрити меню",
+  },
+  "zh-CN": { longPressMessage: "长按或按 Alt + 向下方向键以打开菜单" },
+  "zh-TW": { longPressMessage: "長按或按 Alt+向下鍵以開啟功能表" },
+};