@embedpdf/plugin-redaction 1.0.18

package/dist/react/index.js

@@ -0,0 +1,264 @@
+import { usePlugin, useCapability, CounterRotate } from "@embedpdf/core/react";
+import { RedactionPlugin } from "@embedpdf/plugin-redaction";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, Fragment as Fragment$1 } from "react";
+import { Rotation } from "@embedpdf/models";
+const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
+const useRedactionCapability = () => useCapability(RedactionPlugin.id);
+const MarqueeRedact = ({
+  pageIndex,
+  scale,
+  className,
+  stroke = "red",
+  fill = "transparent"
+}) => {
+  const { plugin: redactionPlugin } = useRedactionPlugin();
+  const [rect, setRect] = useState(null);
+  useEffect(() => {
+    if (!redactionPlugin) return;
+    return redactionPlugin.registerMarqueeOnPage({
+      pageIndex,
+      scale,
+      callback: {
+        onPreview: setRect
+      }
+    });
+  }, [redactionPlugin, pageIndex]);
+  if (!rect) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * scale,
+        top: rect.origin.y * scale,
+        width: rect.size.width * scale,
+        height: rect.size.height * scale,
+        border: `1px solid ${stroke}`,
+        background: fill,
+        boxSizing: "border-box"
+      },
+      className
+    }
+  );
+};
+function Highlight({
+  color = "#FFFF00",
+  opacity = 0.5,
+  border = "1px solid red",
+  rects,
+  rect,
+  scale,
+  onClick,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: rects.map((b, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      onPointerDown: onClick,
+      onTouchStart: onClick,
+      style: {
+        position: "absolute",
+        border,
+        left: (rect ? b.origin.x - rect.origin.x : b.origin.x) * scale,
+        top: (rect ? b.origin.y - rect.origin.y : b.origin.y) * scale,
+        width: b.size.width * scale,
+        height: b.size.height * scale,
+        background: color,
+        opacity,
+        pointerEvents: onClick ? "auto" : "none",
+        cursor: onClick ? "pointer" : "default",
+        zIndex: onClick ? 1 : void 0,
+        ...style
+      },
+      ...props
+    },
+    i
+  )) });
+}
+function SelectionRedact({ pageIndex, scale }) {
+  const { provides: redactionProvides } = useRedactionCapability();
+  const [rects, setRects] = useState([]);
+  const [boundingRect, setBoundingRect] = useState(null);
+  useEffect(() => {
+    if (!redactionProvides) return;
+    return redactionProvides.onRedactionSelectionChange((formattedSelection) => {
+      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);
+      setRects((selection == null ? void 0 : selection.segmentRects) ?? []);
+      setBoundingRect((selection == null ? void 0 : selection.rect) ?? null);
+    });
+  }, [redactionProvides, pageIndex]);
+  if (!boundingRect) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        mixBlendMode: "normal",
+        pointerEvents: "none",
+        position: "absolute",
+        inset: 0
+      },
+      children: /* @__PURE__ */ jsx(
+        Highlight,
+        {
+          color: "transparent",
+          opacity: 1,
+          rects,
+          scale,
+          border: "1px solid red"
+        }
+      )
+    }
+  );
+}
+function PendingRedactions({
+  pageIndex,
+  scale,
+  bboxStroke = "rgba(0,0,0,0.8)",
+  rotation = Rotation.Degree0,
+  selectionMenu
+}) {
+  const { provides: redaction } = useRedactionCapability();
+  const [items, setItems] = useState([]);
+  const [selectedId, setSelectedId] = useState(null);
+  useEffect(() => {
+    if (!redaction) return;
+    const off1 = redaction.onPendingChange((map) => setItems(map[pageIndex] ?? []));
+    const off2 = redaction.onSelectionChange((sel) => {
+      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);
+    });
+    return () => {
+      off1 == null ? void 0 : off1();
+      off2 == null ? void 0 : off2();
+    };
+  }, [redaction, pageIndex]);
+  if (!items.length) return null;
+  const select = useCallback(
+    (e, id) => {
+      e.stopPropagation();
+      if (!redaction) return;
+      redaction.selectPending(pageIndex, id);
+    },
+    [redaction, pageIndex]
+  );
+  return /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: items.map((it) => {
+    if (it.kind === "area") {
+      const r = it.rect;
+      return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: r.origin.x * scale,
+              top: r.origin.y * scale,
+              width: r.size.width * scale,
+              height: r.size.height * scale,
+              background: "transparent",
+              outline: selectedId === it.id ? `1px solid ${bboxStroke}` : "none",
+              outlineOffset: "2px",
+              border: `1px solid red`,
+              pointerEvents: "auto",
+              cursor: "pointer"
+            },
+            onPointerDown: (e) => select(e, it.id),
+            onTouchStart: (e) => select(e, it.id)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CounterRotate,
+          {
+            rect: {
+              origin: { x: r.origin.x * scale, y: r.origin.y * scale },
+              size: { width: r.size.width * scale, height: r.size.height * scale }
+            },
+            rotation,
+            children: ({ rect, menuWrapperProps }) => selectionMenu && selectionMenu({
+              item: it,
+              selected: selectedId === it.id,
+              pageIndex,
+              menuWrapperProps,
+              rect
+            })
+          }
+        )
+      ] }, it.id);
+    }
+    const b = it.boundingRect;
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            left: b.origin.x * scale,
+            top: b.origin.y * scale,
+            width: b.size.width * scale,
+            height: b.size.height * scale,
+            background: "transparent",
+            outline: selectedId === it.id ? `1px solid ${bboxStroke}` : "none",
+            outlineOffset: "2px",
+            pointerEvents: "auto",
+            cursor: selectedId === it.id ? "pointer" : "default"
+          },
+          children: /* @__PURE__ */ jsx(
+            Highlight,
+            {
+              rect: b,
+              rects: it.rects,
+              color: "transparent",
+              border: "1px solid red",
+              scale,
+              onClick: (e) => select(e, it.id)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CounterRotate,
+        {
+          rect: {
+            origin: { x: b.origin.x * scale, y: b.origin.y * scale },
+            size: { width: b.size.width * scale, height: b.size.height * scale }
+          },
+          rotation,
+          children: ({ rect, menuWrapperProps }) => selectionMenu && selectionMenu({
+            item: it,
+            selected: selectedId === it.id,
+            pageIndex,
+            menuWrapperProps,
+            rect
+          })
+        }
+      )
+    ] }, it.id);
+  }) });
+}
+const RedactionLayer = ({
+  pageIndex,
+  scale,
+  rotation = Rotation.Degree0,
+  selectionMenu
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(
+      PendingRedactions,
+      {
+        pageIndex,
+        scale,
+        rotation,
+        selectionMenu
+      }
+    ),
+    /* @__PURE__ */ jsx(MarqueeRedact, { pageIndex, scale }),
+    /* @__PURE__ */ jsx(SelectionRedact, { pageIndex, scale })
+  ] });
+};
+export {
+  RedactionLayer,
+  useRedactionCapability,
+  useRedactionPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +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 { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\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 = 0.5,\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 { useRedactionCapability } 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 { provides: redactionProvides } = useRedactionCapability();\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n\n  useEffect(() => {\n    if (!redactionProvides) return;\n\n    return redactionProvides.onRedactionSelectionChange((formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      setRects(selection?.segmentRects ?? []);\n      setBoundingRect(selection?.rect ?? null);\n    });\n  }, [redactionProvides, 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/core/@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.onSelectionChange((sel) => {\n      setSelectedId(sel && sel.page === pageIndex ? sel.id : null);\n    });\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  }, [redaction, pageIndex]);\n\n  if (!items.length) return null;\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  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.boundingRect;\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":"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"}

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../preact/adapter.ts';
+import { Rect } from '@embedpdf/models';
+type HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    color?: string;
+    opacity?: number;
+    border?: string;
+    rects: Rect[];
+    rect?: Rect;
+    scale: number;
+    onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
+    style?: CSSProperties;
+};
+export declare function Highlight({ color, opacity, border, rects, rect, scale, onClick, style, ...props }: HighlightProps): import("preact").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export * from './redaction-layer';

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

@@ -0,0 +1,13 @@
+interface MarqueeRedactProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    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 {};

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

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

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

@@ -0,0 +1,10 @@
+import { Rotation } from '@embedpdf/models';
+import { SelectionMenuProps } from './types';
+interface RedactionLayerProps {
+    pageIndex: number;
+    scale: number;
+    rotation: Rotation;
+    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+}
+export declare const RedactionLayer: ({ pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("preact").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+import { MenuWrapperProps } from '../../preact/core.ts';
+import { Rect } from '@embedpdf/models';
+import { RedactionItem } from '../../lib/index.ts';
+export interface SelectionMenuProps {
+    menuWrapperProps: MenuWrapperProps;
+    pageIndex: number;
+    item: RedactionItem;
+    selected: boolean;
+    rect: Rect;
+}

package/dist/shared-preact/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-redaction';

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

@@ -0,0 +1,11 @@
+import { RedactionPlugin } from '../../lib/index.ts';
+export declare const useRedactionPlugin: () => {
+    plugin: RedactionPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useRedactionCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').RedactionCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};

package/dist/shared-preact/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../react/adapter.ts';
+import { Rect } from '@embedpdf/models';
+type HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    color?: string;
+    opacity?: number;
+    border?: string;
+    rects: Rect[];
+    rect?: Rect;
+    scale: number;
+    onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
+    style?: CSSProperties;
+};
+export declare function Highlight({ color, opacity, border, rects, rect, scale, onClick, style, ...props }: HighlightProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export * from './redaction-layer';

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

@@ -0,0 +1,13 @@
+interface MarqueeRedactProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    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 {};

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

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

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

@@ -0,0 +1,10 @@
+import { Rotation } from '@embedpdf/models';
+import { SelectionMenuProps } from './types';
+interface RedactionLayerProps {
+    pageIndex: number;
+    scale: number;
+    rotation: Rotation;
+    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+}
+export declare const RedactionLayer: ({ pageIndex, scale, rotation, selectionMenu, }: RedactionLayerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+import { MenuWrapperProps } from '../../react/core.ts';
+import { Rect } from '@embedpdf/models';
+import { RedactionItem } from '../../lib/index.ts';
+export interface SelectionMenuProps {
+    menuWrapperProps: MenuWrapperProps;
+    pageIndex: number;
+    item: RedactionItem;
+    selected: boolean;
+    rect: Rect;
+}

package/dist/shared-react/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-redaction';

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

@@ -0,0 +1,11 @@
+import { RedactionPlugin } from '../../lib/index.ts';
+export declare const useRedactionPlugin: () => {
+    plugin: RedactionPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useRedactionCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').RedactionCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};

package/dist/shared-react/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';

package/dist/vue/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-redaction';

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

@@ -0,0 +1,3 @@
+import { RedactionPlugin } from '../../lib/index.ts';
+export declare const useRedactionPlugin: () => import('@embedpdf/core/vue').PluginState<RedactionPlugin>;
+export declare const useRedactionCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').RedactionCapability>>;

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/vue"),i=require("@embedpdf/plugin-redaction");exports.useRedactionCapability=()=>e.useCapability(i.RedactionPlugin.id),exports.useRedactionPlugin=()=>e.usePlugin(i.RedactionPlugin.id);
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-redaction.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n"],"names":["useCapability","RedactionPlugin","id","usePlugin"],"mappings":"6LAIsC,IAAMA,gBAA+BC,EAAAA,gBAAgBC,+BADzD,IAAMC,YAA2BF,EAAAA,gBAAgBC"}

package/dist/vue/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';

package/dist/vue/index.js

@@ -0,0 +1,9 @@
+import { usePlugin, useCapability } from "@embedpdf/core/vue";
+import { RedactionPlugin } from "@embedpdf/plugin-redaction";
+const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
+const useRedactionCapability = () => useCapability(RedactionPlugin.id);
+export {
+  useRedactionCapability,
+  useRedactionPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-redaction.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { RedactionPlugin } from '@embedpdf/plugin-redaction';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n"],"names":[],"mappings":";;AAGO,MAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;AAC9E,MAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;"}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@embedpdf/plugin-redaction",
+  "version": "1.0.18",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/index.js",
+      "require": "./dist/preact/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@embedpdf/models": "1.0.18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "typescript": "^5.0.0",
+    "@embedpdf/build": "1.0.0",
+    "@embedpdf/plugin-selection": "1.0.18",
+    "@embedpdf/core": "1.0.18",
+    "@embedpdf/plugin-interaction-manager": "1.0.18"
+  },
+  "peerDependencies": {
+    "preact": "^10.26.4",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "vue": ">=3.2.0",
+    "@embedpdf/core": "1.0.18",
+    "@embedpdf/plugin-interaction-manager": "1.0.18",
+    "@embedpdf/plugin-selection": "1.0.18"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embedpdf/embed-pdf-viewer",
+    "directory": "packages/plugin-render"
+  },
+  "homepage": "https://www.embedpdf.com/docs",
+  "bugs": {
+    "url": "https://github.com/embedpdf/embed-pdf-viewer/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build:base": "vite build --mode base",
+    "build:react": "vite build --mode react",
+    "build:preact": "vite build --mode preact",
+    "build:vue": "vite build --mode vue",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
+    "clean": "rimraf dist",
+    "lint": "eslint src --color",
+    "lint:fix": "eslint src --color --fix"
+  }
+}