@embedpdf/viewer-chrome 3.0.0-next.4 → 3.0.0-next.6

package/dist/index.js

@@ -3,10 +3,10 @@ import { TOOL_ICONS, defaultCommands } from "./commands.js";
 import { Fragment, createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { DocumentGate, DocumentsToken, Viewer, createCapabilityToken, definePlugin, useCapability, useDocumentId, useDocumentStatus, useDocuments, useKernel, useOptionalCapability, useOptionalSelector, useSelector } from "@embedpdf/react/runtime";
 import { Stage, StageToken, StageToken as StageToken$1, stagePlugin, usePages } from "@embedpdf/react/stage";
-import { RenderLayer, TileLayer, renderPlugin } from "@embedpdf/react/render";
+import { RenderLayer, renderPlugin } from "@embedpdf/react/render";
 import { pageEditPlugin } from "@embedpdf/react/page-edit";
 import { InteractionToken, InteractionToken as InteractionToken$1, interactionPlugin, useTool, useToolCursor } from "@embedpdf/react/interaction";
-import { SelectionLayer, SelectionToken, selectionPlugin } from "@embedpdf/react/selection";
+import { SelectionClipboard, SelectionLayer, SelectionMenu, SelectionToken, selectionPlugin } from "@embedpdf/react/selection";
 import { AnnotationLayer, AnnotationToken, AnnotationToken as AnnotationToken$1, annotationPlugin, useAnnotation, useAnnotationDefaults, useAnnotationSelected, useFilePickerProvider, useSelectionFlags, useSelectionProps } from "@embedpdf/react/annotation";
 import { RedactionToken, RedactionToken as RedactionToken$1, redactionPlugin, usePendingRedactions, useRedaction } from "@embedpdf/react/redaction";
 import { FormToken, formPlugin, formWidgetRenderer, useFormScriptingProvider } from "@embedpdf/react/form";
@@ -147,6 +147,10 @@ const en = {
 				ungroup: "Ungroup",
 				strip: "Annotation actions"
 			},
+			selection: {
+				copy: "Copy",
+				strip: "Text selection actions"
+			},
 			shapes: {
 				rectangle: "Rectangle",
 				circle: "Circle",
@@ -1283,19 +1287,13 @@ function AppToolbar({ bar, className }) {
 	});
 }
 //#endregion
-//#region src/ui/annotation-strip.tsx
+//#region src/ui/strip-bar.tsx
 /**
-* The annotation selection strip — v2's floating "selection menu" rebuilt as
-* chrome. Three parties, none of them this file's business to compute:
-*
-*   config/chrome.ts `strips.annotation`  declares WHAT may appear
-*   each command's visible/enabled        decides WHICH items show
-*   <AnnotationMenu>                      solves WHERE (camera transform,
-*                                         rotate-knob dodging, pointer isolation)
-*
-* useStripView is the live intersection: hidden commands drop out, empty
-* groups vanish, null when nothing applies. This file only draws pixels.
-* Mounted in the Stage `overlay` slot.
+* The floating strip's PIXELS, shared by every contextual strip (annotation
+* selection, text selection, …): a rounded toolbar of command buttons with
+* derived group separators. The WHERE is each strip's menu component
+* (`<AnnotationMenu>`, `<SelectionMenu>`); the WHICH is the commands'
+* `visible`/`enabled` derivations via `useStripView`. This file only draws.
 */
 function StripButton({ cmd, run }) {
 	return /* @__PURE__ */ jsx("button", {
@@ -1313,6 +1311,34 @@ function StripButton({ cmd, run }) {
 		})
 	});
 }
+function StripBar({ view, label }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "toolbar",
+		"aria-label": label,
+		className: "border-border-subtle bg-elevated flex items-center gap-1 rounded-lg border p-1 shadow-xl",
+		children: view.groups.map((g, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "bg-border h-5 w-px"
+		}), g.commands.map((cmd) => /* @__PURE__ */ jsx(StripButton, {
+			cmd,
+			run: () => view.execute(cmd.id)
+		}, cmd.id))] }, g.id))
+	});
+}
+//#endregion
+//#region src/ui/annotation-strip.tsx
+/**
+* The ANNOTATION-selection floating strip:
+*
+*   config/chrome.ts `strips.annotation`  declares WHAT may appear
+*   each command's visible/enabled        decides WHICH items show
+*   <AnnotationMenu>                      solves WHERE (camera transform,
+*                                         rotate-knob dodging, pointer isolation)
+*
+* useStripView is the live intersection: hidden commands drop out, empty
+* groups vanish, null when nothing applies. Mounted in the Stage `overlay`
+* slot. The pixels are the shared <StripBar>.
+*/
 function AnnotationStrip() {
 	const t = useT();
 	const view = useStripView(useStripSchema("annotation"));
@@ -1320,17 +1346,36 @@ function AnnotationStrip() {
 	return /* @__PURE__ */ jsx(AnnotationMenu, {
 		placement: "bottom",
 		gap: 15,
-		children: () => /* @__PURE__ */ jsx("div", {
-			role: "toolbar",
-			"aria-label": t("commands.annotate.strip"),
-			className: "border-border-subtle bg-elevated flex items-center gap-1 rounded-lg border p-1 shadow-xl",
-			children: view.groups.map((g, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx("span", {
-				"aria-hidden": true,
-				className: "bg-border h-5 w-px"
-			}), g.commands.map((cmd) => /* @__PURE__ */ jsx(StripButton, {
-				cmd,
-				run: () => view.execute(cmd.id)
-			}, cmd.id))] }, g.id))
+		children: /* @__PURE__ */ jsx(StripBar, {
+			view,
+			label: t("commands.annotate.strip")
+		})
+	});
+}
+//#endregion
+//#region src/ui/selection-strip.tsx
+/**
+* The TEXT-SELECTION floating strip:
+*
+*   config/chrome.ts `strips.selection`  declares WHAT may appear
+*   each command's visible/enabled       decides WHICH items show
+*   <SelectionMenu>                      solves WHERE (settles on pointer-up,
+*                                        camera transform, pointer isolation)
+*
+* `useStripView` is the live intersection: with copy denied (no
+* doc.text.copy) every command drops out and this renders nothing — no
+* empty bubble. Mounted in the Stage `overlay` slot.
+*/
+function SelectionStrip() {
+	const t = useT();
+	const view = useStripView(useStripSchema("selection"));
+	if (!view) return null;
+	return /* @__PURE__ */ jsx(SelectionMenu, {
+		placement: "bottom",
+		gap: 12,
+		children: /* @__PURE__ */ jsx(StripBar, {
+			view,
+			label: t("commands.selection.strip")
 		})
 	});
 }
@@ -3314,10 +3359,12 @@ function Shell() {
 						className: "relative min-w-0 flex-1",
 						children: [
 							/* @__PURE__ */ jsx(ArmedToolCursor, {}),
+							/* @__PURE__ */ jsx(SelectionClipboard, {}),
 							/* @__PURE__ */ jsx(Stage, {
 								interaction: true,
 								overlay: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 									/* @__PURE__ */ jsx(AnnotationStrip, {}),
+									/* @__PURE__ */ jsx(SelectionStrip, {}),
 									/* @__PURE__ */ jsx(Scrollbar, { axis: "y" }),
 									/* @__PURE__ */ jsx(Scrollbar, { axis: "x" })
 								] }),
@@ -3325,7 +3372,6 @@ function Shell() {
 								style: { background: "var(--ep-canvas)" },
 								children: () => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 									/* @__PURE__ */ jsx(RenderLayer, { annotations: false }),
-									/* @__PURE__ */ jsx(TileLayer, { annotations: false }),
 									/* @__PURE__ */ jsx(SelectionLayer, {}),
 									/* @__PURE__ */ jsx(SearchLayer, {}),
 									/* @__PURE__ */ jsx(LinkLayer, {}),
@@ -3364,7 +3410,7 @@ function Shell() {
 * changing these props on a mounted viewer does not rebuild the workspace.
 */
 /** Lazy built-in packs — a strings override for one of these wraps its loader. */
-const BUILTIN_LOADERS = { es: () => import("./es-D0PzYE9Z.js").then((m) => m.es) };
+const BUILTIN_LOADERS = { es: () => import("./es-CfmzJaGm.js").then((m) => m.es) };
 const isDict = (v) => typeof v === "object" && v !== null;
 /**
 * Deep-merge `over` into `base` (immutably), expanding dotted keys —