analytica-frontend-lib 1.1.50 → 1.1.52

package/dist/index.js

@@ -7181,6 +7181,7 @@ var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
 var import_react25 = require("react");
+var import_react_dom = require("react-dom");
 var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var CONTROLS_HIDE_TIMEOUT = 3e3;
@@ -7247,30 +7248,63 @@ var SpeedMenu = ({
   showSpeedMenu,
   playbackRate,
   onToggleMenu,
-  onSpeedChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    IconButton_default,
+  onSpeedChange,
+  isFullscreen
+}) => {
+  const buttonRef = (0, import_react25.useRef)(null);
+  const getMenuPosition = () => {
+    if (!buttonRef.current) return { top: 0, left: 0 };
+    const rect = buttonRef.current.getBoundingClientRect();
+    return {
+      // Fixed coords are viewport-based — no scroll offsets.
+      top: Math.max(8, rect.top - 180),
+      left: Math.max(8, rect.right - 80)
+    };
+  };
+  const position = getMenuPosition();
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "div",
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 }),
-      onClick: onToggleMenu,
+      role: "menu",
       "aria-label": "Playback speed",
-      className: "!bg-transparent !text-white hover:!bg-white/20"
+      className: isFullscreen ? "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20 z-[9999]" : "fixed bg-black/90 rounded-lg p-2 min-w-20 z-[9999]",
+      style: !isFullscreen ? {
+        top: `${position.top}px`,
+        left: `${position.left}px`
+      } : void 0,
+      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+        "button",
+        {
+          role: "menuitemradio",
+          "aria-checked": playbackRate === speed,
+          onClick: () => onSpeedChange(speed),
+          className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-white/20 transition-colors ${playbackRate === speed ? "text-primary-400" : "text-white"}`,
+          children: [
+            speed,
+            "x"
+          ]
+        },
+        speed
+      ))
     }
-  ),
-  showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20", children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-    "button",
-    {
-      onClick: () => onSpeedChange(speed),
-      className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-white/20 transition-colors ${playbackRate === speed ? "text-primary-400" : "text-white"}`,
-      children: [
-        speed,
-        "x"
-      ]
-    },
-    speed
-  )) })
-] });
+  );
+  const portalContent = typeof window !== "undefined" && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(menuContent, document.body) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      IconButton_default,
+      {
+        ref: buttonRef,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 }),
+        onClick: onToggleMenu,
+        "aria-label": "Playback speed",
+        "aria-haspopup": "menu",
+        "aria-expanded": showSpeedMenu,
+        className: "!bg-transparent !text-white hover:!bg-white/20"
+      }
+    ),
+    showSpeedMenu && (isFullscreen ? menuContent : portalContent)
+  ] });
+};
 var VideoPlayer = ({
   src,
   poster,
@@ -7810,7 +7844,8 @@ var VideoPlayer = ({
                       showSpeedMenu,
                       playbackRate,
                       onToggleMenu: toggleSpeedMenu,
-                      onSpeedChange: handleSpeedChange
+                      onSpeedChange: handleSpeedChange,
+                      isFullscreen
                     }
                   ) })
                 ] })
@@ -11044,7 +11079,7 @@ var NotificationCenter = ({
               onRetry,
               onMarkAsReadById,
               onDeleteById,
-              onNavigateById: (entityType, entityId) => handleNavigate(entityType, entityId, onToggleActive),
+              onNavigateById: (entityType, entityId) => handleNavigate(entityType, entityId),
               getActionLabel,
               renderEmpty: renderEmptyState
             }