@w100n/documents 0.18.0 → 0.18.1

package/dist/index.js

@@ -2412,8 +2412,8 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
 
 // src/DocumentOverlay.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextEditor = lazy(() => import("./TextEditor-CYS4U5XA.js"));
-var SheetView = lazy(() => import("./SheetView-43JDIP7D.js"));
+var TextEditor = lazy(() => import("./TextEditor-ZY4B7YIF.js"));
+var SheetView = lazy(() => import("./SheetView-F4CBWEOS.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -3486,8 +3486,8 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment11, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-CYS4U5XA.js"));
-var SheetView2 = lazy2(() => import("./SheetView-43JDIP7D.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-ZY4B7YIF.js"));
+var SheetView2 = lazy2(() => import("./SheetView-F4CBWEOS.js"));
 var Compare = lazy2(() => import("./Compare-RHAUAKUJ.js"));
 var icons4 = { docx: FileText4, markdown: FileType6, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
@@ -3564,6 +3564,14 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const [menu, setMenu] = useState11(null);
   const [spot2, setSpot] = useState11(null);
   const [edit, setEdit] = useState11(null);
+  const popup = useRef6(null);
+  useLayoutEffect3(() => {
+    const el = popup.current;
+    const at = menu ?? spot2;
+    if (!el || !at) return;
+    el.style.top = `${Math.max(8, Math.min(at.y, innerHeight - el.offsetHeight - 8))}px`;
+    el.style.left = `${Math.max(8, Math.min(at.x, innerWidth - el.offsetWidth - 8))}px`;
+  }, [menu, spot2]);
   const [naming, setNaming] = useState11(null);
   const [notice, setNotice] = useState11(null);
   const early = useRef6(/* @__PURE__ */ new Map());
@@ -3785,8 +3793,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     clearTimeout(hover.current);
     hover.current = window.setTimeout(() => {
       if (item.id === here.documentId) return;
-      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-CYS4U5XA.js");
-      if (item.kind === "sheet") void import("./SheetView-43JDIP7D.js");
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-ZY4B7YIF.js");
+      if (item.kind === "sheet") void import("./SheetView-F4CBWEOS.js");
       const kept2 = early.current.get(item.id);
       if (kept2 && Date.now() - kept2.at < 15e3 || item.size > 5e6) return;
       const next = { at: Date.now(), doc: host.document(item.id), bytes: host.content(item.id, null) };
@@ -4151,28 +4159,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
       renamed === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", children: t.renameFailed }),
       docbar && /* @__PURE__ */ jsx12("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsxs12(
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
-          className: "w100n-docs-action",
+          className: "w100n-docs-action w100n-docs-square",
           "data-tone": "blue",
           "aria-label": t.sendChat,
           title: t.sendChat,
           onClick: () => host.send(doc.data.id),
-          children: [
-            /* @__PURE__ */ jsx12(Send, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx12("span", { children: t.sendChat })
-          ]
+          children: /* @__PURE__ */ jsx12(Send, { "aria-hidden": true })
         }
       ),
-      sharing && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      sharing && /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-docs-action w100n-docs-square", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
-      }, children: [
-        /* @__PURE__ */ jsx12(Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx12("span", { children: t.share })
-      ] }),
+      }, children: /* @__PURE__ */ jsx12(Share2, { "aria-hidden": true }) }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
       end && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
@@ -4562,7 +4564,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setMaking(false);
       opened(made);
     } }),
-    menu && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+    menu && /* @__PURE__ */ jsxs12("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
       /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-head", children: [
         /* @__PURE__ */ jsx12("b", { children: menu.item.name }),
         /* @__PURE__ */ jsx12("small", { children: [t.kinds[menu.item.kind], size(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
@@ -4662,7 +4664,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] })
     ] }),
-    spot2 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot2.x, top: spot2.y }, children: [
+    spot2 && /* @__PURE__ */ jsxs12("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot2.x, top: spot2.y }, children: [
       /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-head", children: [
         /* @__PURE__ */ jsx12("b", { children: folderNamed(spot2.at) }),
         spot2.at.folder && /* @__PURE__ */ jsx12("small", { children: [names2.get(spot2.at.spaceId), ...spot2.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
@@ -4738,8 +4740,8 @@ function FilePreview({ url, name, mimeType, size = 0, bytes, pdfWorker }) {
 import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState13 } from "react";
 import { Ban as Ban2, Download as Download4, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet5, FileText as FileText5, FileType as FileType7, Files as Files4, Lock as Lock2, Presentation as Presentation5, UserRound } from "lucide-react";
 import { Fragment as Fragment12, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-CYS4U5XA.js"));
-var SheetView3 = lazy3(() => import("./SheetView-43JDIP7D.js"));
+var TextEditor3 = lazy3(() => import("./TextEditor-ZY4B7YIF.js"));
+var SheetView3 = lazy3(() => import("./SheetView-F4CBWEOS.js"));
 var icons5 = { docx: FileText5, markdown: FileType7, pdf: Files4, sheet: FileSpreadsheet5, slides: Presentation5 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {