@embedpdf/plugin-redaction 1.4.1 → 2.0.0-next.0

package/dist/react/index.js

@@ -1,44 +1,65 @@
-import { usePlugin, useCapability } from "@embedpdf/core/react";
-import { RedactionPlugin, initialState } from "@embedpdf/plugin-redaction";
+import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/react";
+import { RedactionPlugin, initialDocumentState } from "@embedpdf/plugin-redaction";
 export * from "@embedpdf/plugin-redaction";
-import { useState, useEffect, useCallback, Fragment as Fragment$1 } from "react";
+import { useState, useMemo, useEffect, useCallback, Fragment as Fragment$1 } from "react";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { CounterRotate } from "@embedpdf/utils/react";
 import { Rotation } from "@embedpdf/models";
 const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
 const useRedactionCapability = () => useCapability(RedactionPlugin.id);
-const useRedaction = () => {
+const useRedaction = (documentId) => {
   const { provides } = useRedactionCapability();
-  const [state, setState] = useState(initialState);
+  const [state, setState] = useState(initialDocumentState);
+  const scope = useMemo(
+    () => provides ? provides.forDocument(documentId) : null,
+    [provides, documentId]
+  );
   useEffect(() => {
-    return provides == null ? void 0 : provides.onStateChange((action) => {
-      setState(action);
+    if (!scope) {
+      setState(initialDocumentState);
+      return;
+    }
+    try {
+      setState(scope.getState());
+    } catch (e) {
+      setState(initialDocumentState);
+    }
+    const unsubscribe = scope.onStateChange((newState) => {
+      setState(newState);
     });
-  }, [provides]);
+    return unsubscribe;
+  }, [scope]);
   return {
     state,
-    provides
+    provides: scope
   };
 };
 const MarqueeRedact = ({
+  documentId,
   pageIndex,
-  scale,
+  scale: scaleOverride,
   className,
   stroke = "red",
   fill = "transparent"
 }) => {
   const { plugin: redactionPlugin } = useRedactionPlugin();
+  const documentState = useDocumentState(documentId);
   const [rect, setRect] = useState(null);
+  const scale = useMemo(() => {
+    if (scaleOverride !== void 0) return scaleOverride;
+    return (documentState == null ? void 0 : documentState.scale) ?? 1;
+  }, [scaleOverride, documentState == null ? void 0 : documentState.scale]);
   useEffect(() => {
-    if (!redactionPlugin) return;
+    if (!redactionPlugin || !documentId) return;
     return redactionPlugin.registerMarqueeOnPage({
+      documentId,
       pageIndex,
       scale,
       callback: {
         onPreview: setRect
       }
     });
-  }, [redactionPlugin, pageIndex]);
+  }, [redactionPlugin, documentId, pageIndex, scale]);
   if (!rect) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -93,18 +114,18 @@ function Highlight({
     i
   )) });
 }
-function SelectionRedact({ pageIndex, scale }) {
+function SelectionRedact({ documentId, pageIndex, scale }) {
   const { plugin: redactionPlugin } = useRedactionPlugin();
   const [rects, setRects] = useState([]);
   const [boundingRect, setBoundingRect] = useState(null);
   useEffect(() => {
     if (!redactionPlugin) return;
-    return redactionPlugin.onRedactionSelectionChange((formattedSelection) => {
+    return redactionPlugin.onRedactionSelectionChange(documentId, (formattedSelection) => {
       const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);
       setRects((selection == null ? void 0 : selection.segmentRects) ?? []);
       setBoundingRect((selection == null ? void 0 : selection.rect) ?? null);
     });
-  }, [redactionPlugin, pageIndex]);
+  }, [redactionPlugin, documentId, pageIndex]);
   if (!boundingRect) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -129,6 +150,7 @@ function SelectionRedact({ pageIndex, scale }) {
   );
 }
 function PendingRedactions({
+  documentId,
   pageIndex,
   scale,
   bboxStroke = "rgba(0,0,0,0.8)",
@@ -140,22 +162,28 @@ function PendingRedactions({
   const [selectedId, setSelectedId] = useState(null);
   useEffect(() => {
     if (!redaction) return;
-    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));
-    const off2 = redaction.onSelectedChange((sel) => {
+    const scoped = redaction.forDocument(documentId);
+    const currentState = scoped.getState();
+    setItems(currentState.pending[pageIndex] ?? []);
+    setSelectedId(
+      currentState.selected && currentState.selected.page === pageIndex ? currentState.selected.id : null
+    );
+    const off1 = scoped.onPendingChange((map) => setItems(map[pageIndex] ?? []));
+    const off2 = scoped.onSelectedChange((sel) => {
       setSelectedId(sel && sel.page === pageIndex ? sel.id : null);
     });
     return () => {
       off1 == null ? void 0 : off1();
       off2 == null ? void 0 : off2();
     };
-  }, [redaction, pageIndex]);
+  }, [redaction, documentId, pageIndex]);
   const select = useCallback(
     (e, id) => {
       e.stopPropagation();
       if (!redaction) return;
-      redaction.selectPending(pageIndex, id);
+      redaction.forDocument(documentId).selectPending(pageIndex, id);
     },
-    [redaction, pageIndex]
+    [redaction, documentId, pageIndex]
   );
   if (!items.length) return null;
   return /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: items.map((it) => {
@@ -182,7 +210,7 @@ function PendingRedactions({
             onTouchStart: (e) => select(e, it.id)
           }
         ),
-        /* @__PURE__ */ jsx(
+        selectionMenu && /* @__PURE__ */ jsx(
           CounterRotate,
           {
             rect: {
@@ -190,12 +218,17 @@ function PendingRedactions({
               size: { width: r.size.width * scale, height: r.size.height * scale }
             },
             rotation,
-            children: ({ rect, menuWrapperProps }) => selectionMenu && selectionMenu({
-              item: it,
+            children: (props) => selectionMenu({
+              ...props,
+              context: {
+                type: "redaction",
+                item: it,
+                pageIndex
+              },
               selected: selectedId === it.id,
-              pageIndex,
-              menuWrapperProps,
-              rect
+              placement: {
+                suggestTop: false
+              }
             })
           }
         )
@@ -231,7 +264,7 @@ function PendingRedactions({
           )
         }
       ),
-      /* @__PURE__ */ jsx(
+      selectionMenu && /* @__PURE__ */ jsx(
         CounterRotate,
         {
           rect: {
@@ -239,12 +272,17 @@ function PendingRedactions({
             size: { width: b.size.width * scale, height: b.size.height * scale }
           },
           rotation,
-          children: ({ rect, menuWrapperProps }) => selectionMenu && selectionMenu({
-            item: it,
+          children: (props) => selectionMenu({
+            ...props,
+            context: {
+              type: "redaction",
+              item: it,
+              pageIndex
+            },
             selected: selectedId === it.id,
-            pageIndex,
-            menuWrapperProps,
-            rect
+            placement: {
+              suggestTop: false
+            }
           })
         }
       )
@@ -252,23 +290,34 @@ function PendingRedactions({
   }) });
 }
 const RedactionLayer = ({
+  documentId,
   pageIndex,
   scale,
-  rotation = Rotation.Degree0,
+  rotation,
   selectionMenu
 }) => {
+  const documentState = useDocumentState(documentId);
+  const actualScale = useMemo(() => {
+    if (scale !== void 0) return scale;
+    return (documentState == null ? void 0 : documentState.scale) ?? 1;
+  }, [scale, documentState == null ? void 0 : documentState.scale]);
+  const actualRotation = useMemo(() => {
+    if (rotation !== void 0) return rotation;
+    return (documentState == null ? void 0 : documentState.rotation) ?? Rotation.Degree0;
+  }, [rotation, documentState == null ? void 0 : documentState.rotation]);
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       PendingRedactions,
       {
+        documentId,
         pageIndex,
-        scale,
-        rotation,
+        scale: actualScale,
+        rotation: actualRotation,
         selectionMenu
       }
     ),
-    /* @__PURE__ */ jsx(MarqueeRedact, { pageIndex, scale }),
-    /* @__PURE__ */ jsx(SelectionRedact, { pageIndex, scale })
+    /* @__PURE__ */ jsx(MarqueeRedact, { documentId, pageIndex, scale: actualScale }),
+    /* @__PURE__ */ jsx(SelectionRedact, { documentId, pageIndex, scale: actualScale })
   ] });
 };
 export {

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-redaction.ts","../../src/shared/components/marquee-redact.tsx","../../src/shared/components/highlight.tsx","../../src/shared/components/selection-redact.tsx","../../src/shared/components/pending-redactions.tsx","../../src/shared/components/redaction-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { initialState, RedactionPlugin, RedactionState } from '@embedpdf/plugin-redaction';\nimport { useState, useEffect } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = () => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((action) => {\n      setState(action);\n    });\n  }, [provides]);\n\n  return {\n    state,\n    provides,\n  };\n};\n","import { useEffect, useState } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeRedact = ({\n  pageIndex,\n  scale,\n  className,\n  stroke = 'red',\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, pageIndex]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\n\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n\n    return redactionPlugin.onRedactionSelectionChange((formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, pageIndex]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        mixBlendMode: 'normal',\n        pointerEvents: 'none',\n        position: 'absolute',\n        inset: 0,\n      }}\n    >\n      <Highlight\n        color={'transparent'}\n        opacity={1}\n        rects={rects}\n        scale={scale}\n        border=\"1px solid red\"\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent, TouchEvent } from '@framework';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { Highlight } from './highlight';\nimport { SelectionMenuProps } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport function PendingRedactions({\n  pageIndex,\n  scale,\n  bboxStroke = 'rgba(0,0,0,0.8)',\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: PendingRedactionsProps) {\n  const { provides: redaction } = useRedactionCapability();\n  const [items, setItems] = useState<RedactionItem[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!redaction) return;\n    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));\n    const off2 = redaction.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.selectPending(pageIndex, id);\n    },\n    [redaction, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid red`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              <CounterRotate\n                rect={{\n                  origin: { x: r.origin.x * scale, y: r.origin.y * scale },\n                  size: { width: r.size.width * scale, height: r.size.height * scale },\n                }}\n                rotation={rotation}\n              >\n                {({ rect, menuWrapperProps }) =>\n                  selectionMenu &&\n                  selectionMenu({\n                    item: it,\n                    selected: selectedId === it.id,\n                    pageIndex,\n                    menuWrapperProps,\n                    rect,\n                  })\n                }\n              </CounterRotate>\n            </Fragment>\n          );\n        }\n        // kind === 'text' → draw bounding box; inner rects are not drawn here to avoid clutter.\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border=\"1px solid red\"\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            <CounterRotate\n              rect={{\n                origin: { x: b.origin.x * scale, y: b.origin.y * scale },\n                size: { width: b.size.width * scale, height: b.size.height * scale },\n              }}\n              rotation={rotation}\n            >\n              {({ rect, menuWrapperProps }) =>\n                selectionMenu &&\n                selectionMenu({\n                  item: it,\n                  selected: selectedId === it.id,\n                  pageIndex,\n                  menuWrapperProps,\n                  rect,\n                })\n              }\n            </CounterRotate>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment } from '@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { SelectionMenuProps } from './types';\n\ninterface RedactionLayerProps {\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  selectionMenu?: (props: SelectionMenuProps) => JSX.Element;\n}\n\nexport const RedactionLayer = ({\n  pageIndex,\n  scale,\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  return (\n    <Fragment>\n      <PendingRedactions\n        pageIndex={pageIndex}\n        scale={scale}\n        rotation={rotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact pageIndex={pageIndex} scale={scale} />\n      <SelectionRedact pageIndex={pageIndex} scale={scale} />\n    </Fragment>\n  );\n};\n"],"names":["Fragment"],"mappings":";;;;;;;AAIO,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;AAC9E,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;AAEtF,MAAM,eAAe,MAAM;AAC1B,QAAA,EAAE,SAAS,IAAI,uBAAuB;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAyB,YAAY;AAE/D,YAAU,MAAM;AACP,WAAA,qCAAU,cAAc,CAAC,WAAW;AACzC,eAAS,MAAM;AAAA,IAAA;AAAA,EAChB,GACA,CAAC,QAAQ,CAAC;AAEN,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;ACJO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AACT,MAA0B;AACxB,QAAM,EAAE,QAAQ,gBAAgB,IAAI,mBAAmB;AAEvD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAElD,YAAU,MAAM;AACd,QAAI,CAAC,gBAAiB;AACtB,WAAO,gBAAgB,sBAAsB;AAAA,MAC3C;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb,CACD;AAAA,EAAA,GACA,CAAC,iBAAiB,SAAS,CAAC;AAE3B,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,eAAe;AAAA,QACf,MAAM,KAAK,OAAO,IAAI;AAAA,QACtB,KAAK,KAAK,OAAO,IAAI;AAAA,QACrB,OAAO,KAAK,KAAK,QAAQ;AAAA,QACzB,QAAQ,KAAK,KAAK,SAAS;AAAA,QAC3B,QAAQ,aAAa,MAAM;AAAA,QAC3B,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;AC3CO,SAAS,UAAU;AAAA,EACxB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SAEK,oBAAA,UAAA,EAAA,UAAA,MAAM,IAAI,CAAC,GAAG,MACb;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,eAAe;AAAA,MACf,cAAc;AAAA,MACd,OAAO;AAAA,QACL,UAAU;AAAA,QACV;AAAA,QACA,OAAO,OAAO,EAAE,OAAO,IAAI,KAAK,OAAO,IAAI,EAAE,OAAO,KAAK;AAAA,QACzD,MAAM,OAAO,EAAE,OAAO,IAAI,KAAK,OAAO,IAAI,EAAE,OAAO,KAAK;AAAA,QACxD,OAAO,EAAE,KAAK,QAAQ;AAAA,QACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,QACxB,YAAY;AAAA,QACZ;AAAA,QACA,eAAe,UAAU,SAAS;AAAA,QAClC,QAAQ,UAAU,YAAY;AAAA,QAC9B,QAAQ,UAAU,IAAI;AAAA,QACtB,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,IAjBC;AAAA,EAmBR,CAAA,GACH;AAEJ;ACxCO,SAAS,gBAAgB,EAAE,WAAW,SAA+B;AAC1E,QAAM,EAAE,QAAQ,gBAAgB,IAAI,mBAAmB;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,CAAA,CAAE;AAClD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,IAAI;AAElE,YAAU,MAAM;AACd,QAAI,CAAC,gBAAiB;AAEf,WAAA,gBAAgB,2BAA2B,CAAC,uBAAuB;AACxE,YAAM,YAAY,mBAAmB,KAAK,CAAC,MAAM,EAAE,cAAc,SAAS;AACjE,gBAAA,uCAAW,iBAAgB,EAAE;AACtB,uBAAA,uCAAW,SAAQ,IAAI;AAAA,IAAA,CACxC;AAAA,EAAA,GACA,CAAC,iBAAiB,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAGxB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAc;AAAA,QACd,eAAe;AAAA,QACf,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;AC9BO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW,SAAS;AAAA,EACpB;AACF,GAA2B;AACzB,QAAM,EAAE,UAAU,UAAU,IAAI,uBAAuB;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,CAAA,CAAE;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAEhE,YAAU,MAAM;AACd,QAAI,CAAC,UAAW;AACV,UAAA,OAAO,UAAU,gBAAgB,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK,CAAA,CAAE,CAAC;AAC9E,UAAM,OAAO,UAAU,iBAAiB,CAAC,QAAQ;AAC/C,oBAAc,OAAO,IAAI,SAAS,YAAY,IAAI,KAAK,IAAI;AAAA,IAAA,CAC5D;AACD,WAAO,MAAM;AACJ;AACA;AAAA,IACT;AAAA,EAAA,GACC,CAAC,WAAW,SAAS,CAAC;AAEzB,QAAM,SAAS;AAAA,IACb,CAAC,GAA4B,OAAe;AAC1C,QAAE,gBAAgB;AAClB,UAAI,CAAC,UAAW;AACN,gBAAA,cAAc,WAAW,EAAE;AAAA,IACvC;AAAA,IACA,CAAC,WAAW,SAAS;AAAA,EACvB;AAEI,MAAA,CAAC,MAAM,OAAe,QAAA;AAE1B,SACG,oBAAA,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,eAAe,OAAO,GACjE,UAAM,MAAA,IAAI,CAAC,OAAO;AACb,QAAA,GAAG,SAAS,QAAQ;AACtB,YAAM,IAAI,GAAG;AACb,kCACGA,YACC,EAAA,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,MAAM,EAAE,OAAO,IAAI;AAAA,cACnB,KAAK,EAAE,OAAO,IAAI;AAAA,cAClB,OAAO,EAAE,KAAK,QAAQ;AAAA,cACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,cACxB,YAAY;AAAA,cACZ,SAAS,eAAe,GAAG,KAAK,aAAa,UAAU,KAAK;AAAA,cAC5D,eAAe;AAAA,cACf,QAAQ;AAAA,cACR,eAAe;AAAA,cACf,QAAQ;AAAA,YACV;AAAA,YACA,eAAe,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;AAAA,YACrC,cAAc,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;AAAA,UAAA;AAAA,QACtC;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,cACJ,QAAQ,EAAE,GAAG,EAAE,OAAO,IAAI,OAAO,GAAG,EAAE,OAAO,IAAI,MAAM;AAAA,cACvD,MAAM,EAAE,OAAO,EAAE,KAAK,QAAQ,OAAO,QAAQ,EAAE,KAAK,SAAS,MAAM;AAAA,YACrE;AAAA,YACA;AAAA,YAEC,WAAC,EAAE,MAAM,iBAAiB,MACzB,iBACA,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,UAAU,eAAe,GAAG;AAAA,cAC5B;AAAA,cACA;AAAA,cACA;AAAA,YACD,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEL,EAAA,GAnCa,GAAG,EAoClB;AAAA,IAAA;AAIJ,UAAM,IAAI,GAAG;AACb,gCACGA,YACC,EAAA,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,MAAM,EAAE,OAAO,IAAI;AAAA,YACnB,KAAK,EAAE,OAAO,IAAI;AAAA,YAClB,OAAO,EAAE,KAAK,QAAQ;AAAA,YACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,YACxB,YAAY;AAAA,YACZ,SAAS,eAAe,GAAG,KAAK,aAAa,UAAU,KAAK;AAAA,YAC5D,eAAe;AAAA,YACf,eAAe;AAAA,YACf,QAAQ,eAAe,GAAG,KAAK,YAAY;AAAA,UAC7C;AAAA,UAEA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAO,GAAG;AAAA,cACV,OAAM;AAAA,cACN,QAAO;AAAA,cACP;AAAA,cACA,SAAS,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,YACJ,QAAQ,EAAE,GAAG,EAAE,OAAO,IAAI,OAAO,GAAG,EAAE,OAAO,IAAI,MAAM;AAAA,YACvD,MAAM,EAAE,OAAO,EAAE,KAAK,QAAQ,OAAO,QAAQ,EAAE,KAAK,SAAS,MAAM;AAAA,UACrE;AAAA,UACA;AAAA,UAEC,WAAC,EAAE,MAAM,iBAAiB,MACzB,iBACA,cAAc;AAAA,YACZ,MAAM;AAAA,YACN,UAAU,eAAe,GAAG;AAAA,YAC5B;AAAA,YACA;AAAA,YACA;AAAA,UACD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEL,EAAA,GAzCa,GAAG,EA0ClB;AAAA,EAEH,CAAA,GACH;AAEJ;ACnIO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,WAAW,SAAS;AAAA,EACpB;AACF,MAA2B;AACzB,8BACGA,YACC,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,oBAAC,eAAc,EAAA,WAAsB,MAAc,CAAA;AAAA,IACnD,oBAAC,iBAAgB,EAAA,WAAsB,MAAc,CAAA;AAAA,EAAA,GACvD;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-redaction.ts","../../src/shared/components/marquee-redact.tsx","../../src/shared/components/highlight.tsx","../../src/shared/components/selection-redact.tsx","../../src/shared/components/pending-redactions.tsx","../../src/shared/components/redaction-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  initialDocumentState,\n  RedactionPlugin,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useState, useEffect, useMemo } from '@framework';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\nexport const useRedaction = (\n  documentId: string,\n): {\n  state: RedactionDocumentState;\n  provides: RedactionScope | null;\n} => {\n  const { provides } = useRedactionCapability();\n  const [state, setState] = useState<RedactionDocumentState>(initialDocumentState);\n\n  const scope = useMemo(\n    () => (provides ? provides.forDocument(documentId) : null),\n    [provides, documentId],\n  );\n\n  useEffect(() => {\n    if (!scope) {\n      setState(initialDocumentState);\n      return;\n    }\n\n    // Set initial state\n    try {\n      setState(scope.getState());\n    } catch (e) {\n      // Handle case where state might not be ready\n      setState(initialDocumentState);\n    }\n\n    // Subscribe to changes\n    const unsubscribe = scope.onStateChange((newState) => {\n      setState(newState);\n    });\n\n    return unsubscribe;\n  }, [scope]);\n\n  return {\n    state,\n    provides: scope,\n  };\n};\n","import { useEffect, useMemo, useState } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { Rect } from '@embedpdf/models';\n\nimport { useRedactionPlugin } from '../hooks/use-redaction';\n\ninterface MarqueeRedactProps {\n  /** The ID of the document */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale?: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nexport const MarqueeRedact = ({\n  documentId,\n  pageIndex,\n  scale: scaleOverride,\n  className,\n  stroke = 'red',\n  fill = 'transparent',\n}: MarqueeRedactProps) => {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const documentState = useDocumentState(documentId);\n\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  const scale = useMemo(() => {\n    if (scaleOverride !== undefined) return scaleOverride;\n    return documentState?.scale ?? 1;\n  }, [scaleOverride, documentState?.scale]);\n\n  useEffect(() => {\n    if (!redactionPlugin || !documentId) return;\n    return redactionPlugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale,\n      callback: {\n        onPreview: setRect,\n      },\n    });\n  }, [redactionPlugin, documentId, pageIndex, scale]);\n\n  if (!rect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '@framework';\nimport { Rect } from '@embedpdf/models';\n\ntype HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  color?: string;\n  opacity?: number;\n  border?: string;\n  rects: Rect[];\n  rect?: Rect;\n  scale: number;\n  onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n  style?: CSSProperties;\n};\n\nexport function Highlight({\n  color = '#FFFF00',\n  opacity = 1,\n  border = '1px solid red',\n  rects,\n  rect,\n  scale,\n  onClick,\n  style,\n  ...props\n}: HighlightProps) {\n  return (\n    <>\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          onTouchStart={onClick}\n          style={{\n            position: 'absolute',\n            border,\n            left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,\n            top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background: color,\n            opacity: opacity,\n            pointerEvents: onClick ? 'auto' : 'none',\n            cursor: onClick ? 'pointer' : 'default',\n            zIndex: onClick ? 1 : undefined,\n            ...style,\n          }}\n          {...props}\n        />\n      ))}\n    </>\n  );\n}\n","import { Rect } from '@embedpdf/models';\nimport { useEffect, useState } from '@framework';\nimport { useRedactionPlugin } from '../hooks';\nimport { Highlight } from './highlight';\n\ninterface SelectionRedactProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n}\n\nexport function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps) {\n  const { plugin: redactionPlugin } = useRedactionPlugin();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionPlugin) return;\n    return redactionPlugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionPlugin, documentId, pageIndex]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        mixBlendMode: 'normal',\n        pointerEvents: 'none',\n        position: 'absolute',\n        inset: 0,\n      }}\n    >\n      <Highlight\n        color={'transparent'}\n        opacity={1}\n        rects={rects}\n        scale={scale}\n        border=\"1px solid red\"\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent, TouchEvent } from '@framework';\nimport { CounterRotate } from '@embedpdf/utils/@framework';\nimport { useRedactionCapability } from '../hooks';\nimport { RedactionItem } from '@embedpdf/plugin-redaction';\nimport { Highlight } from './highlight';\nimport { RedactionSelectionMenuRenderFn } from './types';\nimport { Rotation } from '@embedpdf/models';\n\ninterface PendingRedactionsProps {\n  documentId: string;\n  pageIndex: number;\n  scale: number;\n  rotation: Rotation;\n  bboxStroke?: string;\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport function PendingRedactions({\n  documentId,\n  pageIndex,\n  scale,\n  bboxStroke = 'rgba(0,0,0,0.8)',\n  rotation = Rotation.Degree0,\n  selectionMenu,\n}: PendingRedactionsProps) {\n  const { provides: redaction } = useRedactionCapability();\n  const [items, setItems] = useState<RedactionItem[]>([]);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!redaction) return;\n\n    // Use document-scoped hooks so we only receive events for this document\n    const scoped = redaction.forDocument(documentId);\n\n    // Initialize with current state\n    const currentState = scoped.getState();\n    setItems(currentState.pending[pageIndex] ?? []);\n    setSelectedId(\n      currentState.selected && currentState.selected.page === pageIndex\n        ? currentState.selected.id\n        : null,\n    );\n\n    // Subscribe to future changes\n    const off1 = scoped.onPendingChange((map) => setItems(map[pageIndex] ?? []));\n    const off2 = scoped.onSelectedChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, documentId, pageIndex]);\n\n  const select = useCallback(\n    (e: MouseEvent | TouchEvent, id: string) => {\n      e.stopPropagation();\n      if (!redaction) return;\n      redaction.forDocument(documentId).selectPending(pageIndex, id);\n    },\n    [redaction, documentId, pageIndex],\n  );\n\n  if (!items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((it) => {\n        if (it.kind === 'area') {\n          const r = it.rect;\n          return (\n            <Fragment key={it.id}>\n              <div\n                style={{\n                  position: 'absolute',\n                  left: r.origin.x * scale,\n                  top: r.origin.y * scale,\n                  width: r.size.width * scale,\n                  height: r.size.height * scale,\n                  background: 'transparent',\n                  outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                  outlineOffset: '2px',\n                  border: `1px solid red`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(e) => select(e, it.id)}\n                onTouchStart={(e) => select(e, it.id)}\n              />\n              {selectionMenu && (\n                <CounterRotate\n                  rect={{\n                    origin: { x: r.origin.x * scale, y: r.origin.y * scale },\n                    size: { width: r.size.width * scale, height: r.size.height * scale },\n                  }}\n                  rotation={rotation}\n                >\n                  {(props) =>\n                    selectionMenu({\n                      ...props,\n                      context: {\n                        type: 'redaction',\n                        item: it,\n                        pageIndex,\n                      },\n                      selected: selectedId === it.id,\n                      placement: {\n                        suggestTop: false,\n                      },\n                    })\n                  }\n                </CounterRotate>\n              )}\n            </Fragment>\n          );\n        }\n\n        const b = it.rect;\n        return (\n          <Fragment key={it.id}>\n            <div\n              style={{\n                position: 'absolute',\n                left: b.origin.x * scale,\n                top: b.origin.y * scale,\n                width: b.size.width * scale,\n                height: b.size.height * scale,\n                background: 'transparent',\n                outline: selectedId === it.id ? `1px solid ${bboxStroke}` : 'none',\n                outlineOffset: '2px',\n                pointerEvents: 'auto',\n                cursor: selectedId === it.id ? 'pointer' : 'default',\n              }}\n            >\n              <Highlight\n                rect={b}\n                rects={it.rects}\n                color=\"transparent\"\n                border=\"1px solid red\"\n                scale={scale}\n                onClick={(e) => select(e, it.id)}\n              />\n            </div>\n            {selectionMenu && (\n              <CounterRotate\n                rect={{\n                  origin: { x: b.origin.x * scale, y: b.origin.y * scale },\n                  size: { width: b.size.width * scale, height: b.size.height * scale },\n                }}\n                rotation={rotation}\n              >\n                {(props) =>\n                  selectionMenu({\n                    ...props,\n                    context: {\n                      type: 'redaction',\n                      item: it,\n                      pageIndex,\n                    },\n                    selected: selectedId === it.id,\n                    placement: {\n                      suggestTop: false,\n                    },\n                  })\n                }\n              </CounterRotate>\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n","import { Fragment, useMemo } from '@framework';\nimport { useDocumentState } from '@embedpdf/core/@framework';\nimport { MarqueeRedact } from './marquee-redact';\nimport { SelectionRedact } from './selection-redact';\nimport { PendingRedactions } from './pending-redactions';\nimport { Rotation } from '@embedpdf/models';\nimport { RedactionSelectionMenuRenderFn } from './types';\n\ninterface RedactionLayerProps {\n  /** The ID of the document this layer belongs to */\n  documentId: string;\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Current render scale for this page */\n  scale?: number;\n  /** Page rotation (for counter-rotating menus, etc.) */\n  rotation?: Rotation;\n  /** Optional menu renderer for a selected redaction */\n  selectionMenu?: RedactionSelectionMenuRenderFn;\n}\n\nexport const RedactionLayer = ({\n  documentId,\n  pageIndex,\n  scale,\n  rotation,\n  selectionMenu,\n}: RedactionLayerProps) => {\n  const documentState = useDocumentState(documentId);\n\n  const actualScale = useMemo(() => {\n    if (scale !== undefined) return scale;\n    return documentState?.scale ?? 1;\n  }, [scale, documentState?.scale]);\n\n  const actualRotation = useMemo(() => {\n    if (rotation !== undefined) return rotation;\n    return documentState?.rotation ?? Rotation.Degree0;\n  }, [rotation, documentState?.rotation]);\n\n  return (\n    <Fragment>\n      <PendingRedactions\n        documentId={documentId}\n        pageIndex={pageIndex}\n        scale={actualScale}\n        rotation={actualRotation}\n        selectionMenu={selectionMenu}\n      />\n      <MarqueeRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n      <SelectionRedact documentId={documentId} pageIndex={pageIndex} scale={actualScale} />\n    </Fragment>\n  );\n};\n"],"names":["Fragment"],"mappings":"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"}

package/dist/shared/components/marquee-redact.d.ts

@@ -1,13 +1,15 @@
 interface MarqueeRedactProps {
+    /** The ID of the document */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-export declare const MarqueeRedact: ({ pageIndex, scale, className, stroke, fill, }: MarqueeRedactProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MarqueeRedact: ({ documentId, pageIndex, scale: scaleOverride, className, stroke, fill, }: MarqueeRedactProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared/components/pending-redactions.d.ts

@@ -1,11 +1,12 @@
-import { SelectionMenuProps } from './types';
+import { RedactionSelectionMenuRenderFn } from './types';
 import { Rotation } from '@embedpdf/models';
 interface PendingRedactionsProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
     rotation: Rotation;
     bboxStroke?: string;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-export declare function PendingRedactions({ pageIndex, scale, bboxStroke, rotation, selectionMenu, }: PendingRedactionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PendingRedactions({ documentId, pageIndex, scale, bboxStroke, rotation, selectionMenu, }: PendingRedactionsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared/components/redaction-layer.d.ts

@@ -1,10 +1,16 @@
 import { Rotation } from '@embedpdf/models';
-import { SelectionMenuProps } from './types';
+import { RedactionSelectionMenuRenderFn } from './types';
 interface RedactionLayerProps {
+    /** The ID of the document this layer belongs to */
+    documentId: string;
+    /** Index of the page this layer lives on */
     pageIndex: number;
-    scale: number;
-    rotation: Rotation;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    /** Current render scale for this page */
+    scale?: number;
+    /** Page rotation (for counter-rotating menus, etc.) */
+    rotation?: Rotation;
+    /** Optional menu renderer for a selected redaction */
+    selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-export declare const RedactionLayer: ({ pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RedactionLayer: ({ documentId, pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/components/selection-redact.d.ts

@@ -1,6 +1,7 @@
 interface SelectionRedactProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function SelectionRedact({ pageIndex, scale }: SelectionRedactProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared/components/types.d.ts

@@ -1,10 +1,9 @@
-import { MenuWrapperProps } from '../../react/utils.ts';
-import { Rect } from '@embedpdf/models';
+import { SelectionMenuPropsBase, SelectionMenuRenderFn } from '../../react/utils.ts';
 import { RedactionItem } from '../../index.ts';
-export interface SelectionMenuProps {
-    menuWrapperProps: MenuWrapperProps;
-    pageIndex: number;
+export interface RedactionSelectionContext {
+    type: 'redaction';
     item: RedactionItem;
-    selected: boolean;
-    rect: Rect;
+    pageIndex: number;
 }
+export type RedactionSelectionMenuProps = SelectionMenuPropsBase<RedactionSelectionContext>;
+export type RedactionSelectionMenuRenderFn = SelectionMenuRenderFn<RedactionSelectionContext>;

package/dist/shared/hooks/use-redaction.d.ts

@@ -1,4 +1,4 @@
-import { RedactionPlugin, RedactionState } from '../../index.ts';
+import { RedactionPlugin, RedactionDocumentState, RedactionScope } from '../../index.ts';
 export declare const useRedactionPlugin: () => {
     plugin: RedactionPlugin | null;
     isLoading: boolean;
@@ -9,7 +9,7 @@ export declare const useRedactionCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useRedaction: () => {
-    state: RedactionState;
-    provides: Readonly<import('../../index.ts').RedactionCapability> | null;
+export declare const useRedaction: (documentId: string) => {
+    state: RedactionDocumentState;
+    provides: RedactionScope | null;
 };

package/dist/shared-preact/components/marquee-redact.d.ts

@@ -1,13 +1,15 @@
 interface MarqueeRedactProps {
+    /** The ID of the document */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-export declare const MarqueeRedact: ({ pageIndex, scale, className, stroke, fill, }: MarqueeRedactProps) => import("preact").JSX.Element | null;
+export declare const MarqueeRedact: ({ documentId, pageIndex, scale: scaleOverride, className, stroke, fill, }: MarqueeRedactProps) => import("preact").JSX.Element | null;
 export {};

package/dist/shared-preact/components/pending-redactions.d.ts

@@ -1,11 +1,12 @@
-import { SelectionMenuProps } from './types';
+import { RedactionSelectionMenuRenderFn } from './types';
 import { Rotation } from '@embedpdf/models';
 interface PendingRedactionsProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
     rotation: Rotation;
     bboxStroke?: string;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-export declare function PendingRedactions({ pageIndex, scale, bboxStroke, rotation, selectionMenu, }: PendingRedactionsProps): import("preact").JSX.Element | null;
+export declare function PendingRedactions({ documentId, pageIndex, scale, bboxStroke, rotation, selectionMenu, }: PendingRedactionsProps): import("preact").JSX.Element | null;
 export {};

package/dist/shared-preact/components/redaction-layer.d.ts

@@ -1,10 +1,16 @@
 import { Rotation } from '@embedpdf/models';
-import { SelectionMenuProps } from './types';
+import { RedactionSelectionMenuRenderFn } from './types';
 interface RedactionLayerProps {
+    /** The ID of the document this layer belongs to */
+    documentId: string;
+    /** Index of the page this layer lives on */
     pageIndex: number;
-    scale: number;
-    rotation: Rotation;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    /** Current render scale for this page */
+    scale?: number;
+    /** Page rotation (for counter-rotating menus, etc.) */
+    rotation?: Rotation;
+    /** Optional menu renderer for a selected redaction */
+    selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-export declare const RedactionLayer: ({ pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("preact").JSX.Element;
+export declare const RedactionLayer: ({ documentId, pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/selection-redact.d.ts

@@ -1,6 +1,7 @@
 interface SelectionRedactProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function SelectionRedact({ pageIndex, scale }: SelectionRedactProps): import("preact").JSX.Element | null;
+export declare function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps): import("preact").JSX.Element | null;
 export {};

package/dist/shared-preact/components/types.d.ts

@@ -1,10 +1,9 @@
-import { MenuWrapperProps } from '../../preact/utils.ts';
-import { Rect } from '@embedpdf/models';
+import { SelectionMenuPropsBase, SelectionMenuRenderFn } from '../../preact/utils.ts';
 import { RedactionItem } from '../../lib/index.ts';
-export interface SelectionMenuProps {
-    menuWrapperProps: MenuWrapperProps;
-    pageIndex: number;
+export interface RedactionSelectionContext {
+    type: 'redaction';
     item: RedactionItem;
-    selected: boolean;
-    rect: Rect;
+    pageIndex: number;
 }
+export type RedactionSelectionMenuProps = SelectionMenuPropsBase<RedactionSelectionContext>;
+export type RedactionSelectionMenuRenderFn = SelectionMenuRenderFn<RedactionSelectionContext>;

package/dist/shared-preact/hooks/use-redaction.d.ts

@@ -1,4 +1,4 @@
-import { RedactionPlugin, RedactionState } from '../../lib/index.ts';
+import { RedactionPlugin, RedactionDocumentState, RedactionScope } from '../../lib/index.ts';
 export declare const useRedactionPlugin: () => {
     plugin: RedactionPlugin | null;
     isLoading: boolean;
@@ -9,7 +9,7 @@ export declare const useRedactionCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useRedaction: () => {
-    state: RedactionState;
-    provides: Readonly<import('../../lib/index.ts').RedactionCapability> | null;
+export declare const useRedaction: (documentId: string) => {
+    state: RedactionDocumentState;
+    provides: RedactionScope | null;
 };

package/dist/shared-react/components/marquee-redact.d.ts

@@ -1,13 +1,15 @@
 interface MarqueeRedactProps {
+    /** The ID of the document */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-export declare const MarqueeRedact: ({ pageIndex, scale, className, stroke, fill, }: MarqueeRedactProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MarqueeRedact: ({ documentId, pageIndex, scale: scaleOverride, className, stroke, fill, }: MarqueeRedactProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared-react/components/pending-redactions.d.ts

@@ -1,11 +1,12 @@
-import { SelectionMenuProps } from './types';
+import { RedactionSelectionMenuRenderFn } from './types';
 import { Rotation } from '@embedpdf/models';
 interface PendingRedactionsProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
     rotation: Rotation;
     bboxStroke?: string;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-export declare function PendingRedactions({ pageIndex, scale, bboxStroke, rotation, selectionMenu, }: PendingRedactionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PendingRedactions({ documentId, pageIndex, scale, bboxStroke, rotation, selectionMenu, }: PendingRedactionsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared-react/components/redaction-layer.d.ts

@@ -1,10 +1,16 @@
 import { Rotation } from '@embedpdf/models';
-import { SelectionMenuProps } from './types';
+import { RedactionSelectionMenuRenderFn } from './types';
 interface RedactionLayerProps {
+    /** The ID of the document this layer belongs to */
+    documentId: string;
+    /** Index of the page this layer lives on */
     pageIndex: number;
-    scale: number;
-    rotation: Rotation;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    /** Current render scale for this page */
+    scale?: number;
+    /** Page rotation (for counter-rotating menus, etc.) */
+    rotation?: Rotation;
+    /** Optional menu renderer for a selected redaction */
+    selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-export declare const RedactionLayer: ({ pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RedactionLayer: ({ documentId, pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/selection-redact.d.ts

@@ -1,6 +1,7 @@
 interface SelectionRedactProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function SelectionRedact({ pageIndex, scale }: SelectionRedactProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SelectionRedact({ documentId, pageIndex, scale }: SelectionRedactProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared-react/components/types.d.ts

@@ -1,10 +1,9 @@
-import { MenuWrapperProps } from '../../react/utils.ts';
-import { Rect } from '@embedpdf/models';
+import { SelectionMenuPropsBase, SelectionMenuRenderFn } from '../../react/utils.ts';
 import { RedactionItem } from '../../lib/index.ts';
-export interface SelectionMenuProps {
-    menuWrapperProps: MenuWrapperProps;
-    pageIndex: number;
+export interface RedactionSelectionContext {
+    type: 'redaction';
     item: RedactionItem;
-    selected: boolean;
-    rect: Rect;
+    pageIndex: number;
 }
+export type RedactionSelectionMenuProps = SelectionMenuPropsBase<RedactionSelectionContext>;
+export type RedactionSelectionMenuRenderFn = SelectionMenuRenderFn<RedactionSelectionContext>;