@open-mercato/ui 0.6.7-develop.6595.1.e93ecd3cfa → 0.6.7-develop.6597.1.b8f069b7fe

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
 Generated lucide registry with 141 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
-[build:ui] found 391 entry points
+[build:ui] found 392 entry points
 [build:ui] built successfully

package/dist/backend/DataTable.js

@@ -36,6 +36,7 @@ import { apiCall, withScopedApiRequestHeaders } from "./utils/apiCall.js";
 import { buildOptimisticLockHeader } from "./utils/optimisticLock.js";
 import { useGuardedMutation } from "./injection/useGuardedMutation.js";
 import { raiseCrudError } from "./utils/serverErrors.js";
+import { computeMenuViewportShiftX } from "./utils/viewport.js";
 import { PerspectiveSidebar } from "./PerspectiveSidebar.js";
 import { Popover, PopoverTrigger, PopoverContent } from "../primitives/popover.js";
 import { formatWithPublicDateFormat, normalizeDateFormatPattern } from "../primitives/date-format.js";
@@ -370,8 +371,27 @@ function ExportMenu({ config, sections }) {
   const disabled = Boolean(config.disabled);
   const hasSections = sections.length > 0;
   const [open, setOpen] = React.useState(false);
+  const [menuOffsetX, setMenuOffsetX] = React.useState(0);
   const buttonRef = React.useRef(null);
   const menuRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    if (!open) {
+      setMenuOffsetX(0);
+      return;
+    }
+    const measure = () => {
+      const el = menuRef.current;
+      if (!el || typeof window === "undefined") return;
+      const previousTransform = el.style.transform;
+      el.style.transform = "none";
+      const rect = el.getBoundingClientRect();
+      el.style.transform = previousTransform;
+      setMenuOffsetX(computeMenuViewportShiftX(rect, window.innerWidth));
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [open]);
   React.useEffect(() => {
     if (!open || !hasSections) return;
     const onDocClick = (event) => {
@@ -446,7 +466,8 @@ function ExportMenu({ config, sections }) {
       {
         ref: menuRef,
         role: "menu",
-        className: "absolute right-0 mt-2 w-60 rounded-md border bg-background py-2 shadow z-dropdown",
+        className: "absolute right-0 mt-2 w-60 max-w-[calc(100vw-1rem)] rounded-md border bg-background py-2 shadow z-dropdown",
+        style: menuOffsetX ? { transform: `translateX(${menuOffsetX}px)` } : void 0,
         children: sections.map((section, idx) => /* @__PURE__ */ jsxs("div", { className: idx > 0 ? "mt-2 border-t pt-3" : "", children: [
           /* @__PURE__ */ jsxs("div", { className: "px-3", children: [
             /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground", children: section.title }),