@w100n/documents 0.19.0 → 0.20.0

package/dist/index.d.cts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
 import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-DyonaPQf.cjs';
 export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as FolderPlace, f as GuestFile, g as GuestLink, h as LinkEntry, i as Person, S as Signature, j as SignatureMethod, k as Space } from './types-DyonaPQf.cjs';
+import { LucideIcon } from 'lucide-react';
 import { JSONContent } from '@tiptap/core';
 import { I as Img, S as Setup } from './write-BCI8yool.cjs';
 export { kindOf, kinds, matches, readable } from './kinds.cjs';
@@ -43,8 +44,21 @@ declare function DocumentOverlay({ source, name, mimeType, info, download, actio
     documentId?: string;
 }): react.ReactPortal;
 
+type Spot$1 = {
+    sheet?: string;
+    range?: string;
+    quote?: string;
+};
+type PanelTab = {
+    id: string;
+    icon: LucideIcon;
+    label: string;
+    count?: number;
+    wide?: boolean;
+    body: ReactNode;
+};
 type Slot = ReactNode | ((leave: (then: () => void) => void) => ReactNode);
-declare function DocumentsWorkspace({ host, language, theme, place, onPlace, start, end, aside, actions }: {
+declare function DocumentsWorkspace({ host, language, theme, place, onPlace, start, end, aside, actions, tabs }: {
     host: DocumentsHost;
     language?: Language;
     theme?: 'light' | 'dark';
@@ -54,6 +68,7 @@ declare function DocumentsWorkspace({ host, language, theme, place, onPlace, sta
     end?: Slot;
     aside?: (doc: DocumentFile) => ReactNode;
     actions?: (doc: DocumentFile) => ReactNode;
+    tabs?: (doc: DocumentFile, spot: Spot$1 | null) => PanelTab[];
 }): react.JSX.Element;
 
 declare function FilePreview({ url, name, mimeType, size, bytes, pdfWorker }: {
@@ -176,4 +191,4 @@ declare function SlidesView({ html, name, rights, language, theme, baseUrl, scri
     guard?: Guard;
 }): react.JSX.Element;
 
-export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, PreviewCard, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };
+export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, type PanelTab, Place, PreviewCard, Rights, type Slide, SlidesView, type Spot$1 as Spot, readDeck, readDocx, writeDeck, writeDocx };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
 import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-DyonaPQf.js';
 export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as FolderPlace, f as GuestFile, g as GuestLink, h as LinkEntry, i as Person, S as Signature, j as SignatureMethod, k as Space } from './types-DyonaPQf.js';
+import { LucideIcon } from 'lucide-react';
 import { JSONContent } from '@tiptap/core';
 import { I as Img, S as Setup } from './write-BCI8yool.js';
 export { kindOf, kinds, matches, readable } from './kinds.js';
@@ -43,8 +44,21 @@ declare function DocumentOverlay({ source, name, mimeType, info, download, actio
     documentId?: string;
 }): react.ReactPortal;
 
+type Spot$1 = {
+    sheet?: string;
+    range?: string;
+    quote?: string;
+};
+type PanelTab = {
+    id: string;
+    icon: LucideIcon;
+    label: string;
+    count?: number;
+    wide?: boolean;
+    body: ReactNode;
+};
 type Slot = ReactNode | ((leave: (then: () => void) => void) => ReactNode);
-declare function DocumentsWorkspace({ host, language, theme, place, onPlace, start, end, aside, actions }: {
+declare function DocumentsWorkspace({ host, language, theme, place, onPlace, start, end, aside, actions, tabs }: {
     host: DocumentsHost;
     language?: Language;
     theme?: 'light' | 'dark';
@@ -54,6 +68,7 @@ declare function DocumentsWorkspace({ host, language, theme, place, onPlace, sta
     end?: Slot;
     aside?: (doc: DocumentFile) => ReactNode;
     actions?: (doc: DocumentFile) => ReactNode;
+    tabs?: (doc: DocumentFile, spot: Spot$1 | null) => PanelTab[];
 }): react.JSX.Element;
 
 declare function FilePreview({ url, name, mimeType, size, bytes, pdfWorker }: {
@@ -176,4 +191,4 @@ declare function SlidesView({ html, name, rights, language, theme, baseUrl, scri
     guard?: Guard;
 }): react.JSX.Element;
 
-export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, PreviewCard, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };
+export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, type PanelTab, Place, PreviewCard, Rights, type Slide, SlidesView, type Spot$1 as Spot, readDeck, readDocx, writeDeck, writeDocx };

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-Z4KSBLBV.js"));
-var SheetView = lazy(() => import("./SheetView-PUSRW7W2.js"));
+var TextEditor = lazy(() => import("./TextEditor-NDWZUYDA.js"));
+var SheetView = lazy(() => import("./SheetView-Q6K3UGVP.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -3461,7 +3461,7 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, hits,
             e.dataTransfer.effectAllowed = "move";
           },
           onClick: () => onOpen(item),
-          onPointerEnter: (e) => onWarm(item, e.pointerType === "mouse" ? e.currentTarget.getBoundingClientRect() : void 0),
+          onPointerEnter: () => onWarm(item),
           onPointerLeave: () => onWarm(null),
           onContextMenu: (e) => {
             e.preventDefault();
@@ -3501,10 +3501,10 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, hits,
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment11, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-Z4KSBLBV.js"));
-var SheetView2 = lazy2(() => import("./SheetView-PUSRW7W2.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-NDWZUYDA.js"));
+var SheetView2 = lazy2(() => import("./SheetView-Q6K3UGVP.js"));
 var Compare = lazy2(() => import("./Compare-RHAUAKUJ.js"));
-function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
+function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions, tabs }) {
   const t = texts[language];
   const [own, setOwn] = useState11({ spaceId: null, documentId: null });
   const here = place ?? own;
@@ -3588,8 +3588,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const [notice, setNotice] = useState11(null);
   const early = useRef6(/* @__PURE__ */ new Map());
   const hover = useRef6(0);
-  const peeking = useRef6(0);
-  const [peek, setPeek] = useState11(null);
   useEffect6(() => {
     if (!menu && !spot2) return;
     const close = (e) => {
@@ -3608,6 +3606,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     };
   }, [menu, spot2]);
   const [tab, setTab] = useState11("outline");
+  const [heard, setHeard] = useState11(0);
+  const [aim, setAim] = useState11(null);
   const [outline, setOutline] = useState11([]);
   const [reading, setReading] = useState11(null);
   const [hunt, setHunt] = useState11("");
@@ -3724,6 +3724,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setHunt("");
       setFold({});
       setTab("outline");
+      setAim(null);
       go({ spaceId: here.spaceId, documentId: item.id });
       if (narrow) setListOpen(false);
     });
@@ -3802,14 +3803,12 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setKept({ id: file.id, state: "failed" });
     }
   };
-  const warm = (item, at) => {
-    clearTimeout(peeking.current);
-    if (at) peeking.current = window.setTimeout(() => setPeek({ item, x: Math.min(at.right + 8, innerWidth - 300), y: Math.min(at.top, innerHeight - 300) }), 500);
+  const warm = (item) => {
     clearTimeout(hover.current);
     hover.current = window.setTimeout(() => {
       if (item.id === here.documentId) return;
-      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-Z4KSBLBV.js");
-      if (item.kind === "sheet") void import("./SheetView-PUSRW7W2.js");
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-NDWZUYDA.js");
+      if (item.kind === "sheet") void import("./SheetView-Q6K3UGVP.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) };
@@ -3982,6 +3981,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         documentId: doc.data.id,
         onOutline: setOutline,
         onReading: setReading,
+        onSpot: setAim,
         onPanel: (next) => {
           setPanelOpen(true);
           setTab(next);
@@ -4060,6 +4060,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         host: versionId ? void 0 : host,
         together: doc.data.live,
         documentId: doc.data.id,
+        onSpot: setAim,
         onSaved: () => {
           versions.retry();
           doc.retry();
@@ -4099,6 +4100,16 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   if (text && host.comments && !versionId) panelTabs.push(["comments", MessagesSquare, t.comments]);
   const sharing = !!host.links && !!doc.data?.rights.edit && !versionId;
   if (sharing) panelTabs.push(["sharing", Share2, t.sharing]);
+  const extra = doc.data ? tabs?.(doc.data, aim) ?? [] : [];
+  const waiting2 = extra.find((x) => x.count);
+  const pending = extra.reduce((n, x) => n + (x.count ?? 0), 0);
+  if (pending !== heard) {
+    setHeard(pending);
+    if (waiting2 && pending > heard) {
+      setTab(`host:${waiting2.id}`);
+      setPanelOpen(true);
+    }
+  }
   const listToggle = /* @__PURE__ */ jsx13(
     "button",
     {
@@ -4338,7 +4349,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               onOpen: open,
               onMenu: (item, e) => {
                 setSpot(null);
-                setPeek(null);
                 setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
               },
               onFolderMenu: host.create || host.makeFolder ? (at, key, e) => {
@@ -4349,13 +4359,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 const item = all.find((x) => x.id === id);
                 if (item) moveTo(item, to);
               } : void 0,
-              onWarm: (item, at) => {
-                if (item) warm(item, at);
-                else {
-                  clearTimeout(hover.current);
-                  setPeek(null);
-                }
-              }
+              onWarm: (item) => item ? warm(item) : clearTimeout(hover.current)
             }
           )
         ] })
@@ -4365,15 +4369,23 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         !narrow && !panelOpen && panelToggle,
         /* @__PURE__ */ jsx13("div", { className: "w100n-docs-bare", children: stage })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ jsxs13("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ jsx13("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ jsx13("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs13("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
-            /* @__PURE__ */ jsx13(Icon, { "aria-hidden": true }),
-            (panelTabs.length < 4 || tab === key && panelTabs.length < 5) && /* @__PURE__ */ jsx13("span", { children: label })
-          ] }, key)) }),
-          /* @__PURE__ */ jsx13("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx13(X6, { "aria-hidden": true }) })
-        ] }) }),
-        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
+      doc.data && panelOpen && /* @__PURE__ */ jsxs13("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "data-wide": !!extra.find((x) => `host:${x.id}` === tab)?.wide, "aria-label": t.details, children: [
+        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-head", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-row", children: [
+            /* @__PURE__ */ jsx13("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label, count]) => /* @__PURE__ */ jsxs13("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
+              /* @__PURE__ */ jsx13(Icon, { "aria-hidden": true }),
+              (panelTabs.length < 4 || tab === key && panelTabs.length < 5) && /* @__PURE__ */ jsx13("span", { children: label }),
+              !!count && /* @__PURE__ */ jsx13("b", { className: "w100n-docs-count", children: count })
+            ] }, key)) }),
+            /* @__PURE__ */ jsx13("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx13(X6, { "aria-hidden": true }) })
+          ] }),
+          !!extra.length && /* @__PURE__ */ jsx13("div", { className: "w100n-docs-hosttabs", role: "tablist", "aria-label": t.details, children: extra.map((x) => /* @__PURE__ */ jsxs13("button", { type: "button", role: "tab", "aria-selected": tab === `host:${x.id}`, onClick: () => setTab(`host:${x.id}`), children: [
+            /* @__PURE__ */ jsx13(x.icon, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx13("span", { children: x.label }),
+            !!x.count && /* @__PURE__ */ jsx13("b", { className: "w100n-docs-count", children: x.count })
+          ] }, x.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2] ?? extra.find((x) => `host:${x.id}` === tab)?.label, children: [
           tab === "outline" && (outline.length ? /* @__PURE__ */ jsxs13("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
             now && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-reading", children: [
               /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
@@ -4518,6 +4530,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               );
             })
           ] }),
+          extra.find((x) => `host:${x.id}` === tab)?.body,
           aside?.(doc.data)
         ] })
       ] })
@@ -4539,7 +4552,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setMaking(false);
       opened(made);
     } }),
-    peek && !menu && /* @__PURE__ */ jsx13("div", { className: "w100n-docs-peek", role: "tooltip", style: { left: peek.x, top: peek.y }, children: card(peek.item) }),
     menu && /* @__PURE__ */ jsxs13("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__ */ jsx13("div", { className: "w100n-docs-context-head", children: card(menu.item) }),
       menu.moving ? /* @__PURE__ */ jsx13("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ jsxs13(
@@ -4710,8 +4722,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 FileType6, Files as Files3, Lock as Lock2, Presentation as Presentation4, UserRound } from "lucide-react";
 import { Fragment as Fragment12, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-Z4KSBLBV.js"));
-var SheetView3 = lazy3(() => import("./SheetView-PUSRW7W2.js"));
+var TextEditor3 = lazy3(() => import("./TextEditor-NDWZUYDA.js"));
+var SheetView3 = lazy3(() => import("./SheetView-Q6K3UGVP.js"));
 var icons4 = { docx: FileText5, markdown: FileType6, pdf: Files3, sheet: FileSpreadsheet5, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {