@w100n/documents 0.18.0 → 0.18.1

package/dist/collab.js

@@ -11,7 +11,7 @@ import {
   pending,
   save,
   seed
-} from "./chunk-ZCSHH24C.js";
+} from "./chunk-2G34AIPU.js";
 import "./chunk-GSIPTCQH.js";
 import "./chunk-BWU6FPPZ.js";
 import "./chunk-ZAVXCH7V.js";

package/dist/index.cjs

@@ -4993,7 +4993,7 @@ var init_wiki = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.18.0";
+    version = "0.18.1";
   }
 });
 
@@ -14636,6 +14636,14 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   const [menu, setMenu] = (0, import_react19.useState)(null);
   const [spot3, setSpot] = (0, import_react19.useState)(null);
   const [edit, setEdit] = (0, import_react19.useState)(null);
+  const popup = (0, import_react19.useRef)(null);
+  (0, import_react19.useLayoutEffect)(() => {
+    const el = popup.current;
+    const at2 = menu ?? spot3;
+    if (!el || !at2) return;
+    el.style.top = `${Math.max(8, Math.min(at2.y, innerHeight - el.offsetHeight - 8))}px`;
+    el.style.left = `${Math.max(8, Math.min(at2.x, innerWidth - el.offsetWidth - 8))}px`;
+  }, [menu, spot3]);
   const [naming, setNaming] = (0, import_react19.useState)(null);
   const [notice, setNotice] = (0, import_react19.useState)(null);
   const early = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
@@ -15223,28 +15231,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
       renamed2 === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", children: t.renameFailed }),
       docbar && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Send, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: t.sendChat })
-          ]
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Send, { "aria-hidden": true })
         }
       ),
-      sharing && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      sharing && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-docs-action w100n-docs-square", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side2("panel", true);
-      }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: t.share })
-      ] }),
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Share2, { "aria-hidden": true }) }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
       end && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
@@ -15634,7 +15636,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       setMaking(false);
       opened2(made2);
     } }),
-    menu && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+    menu && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-head", children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: menu.item.name }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [t.kinds[menu.item.kind], size2(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
@@ -15734,7 +15736,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         ] })
       ] })
     ] }),
-    spot3 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot3.x, top: spot3.y }, children: [
+    spot3 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot3.x, top: spot3.y }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-head", children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: folderNamed(spot3.at) }),
         spot3.at.folder && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [names2.get(spot3.at.spaceId), ...spot3.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })