@embedpdf/plugin-redaction 2.15.0 → 3.0.0-next.0

package/dist/react/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/components/annotations/redact-highlight.tsx","../../src/shared/components/annotations/redact-area.tsx","../../src/shared/components/redact-renderers.tsx","../../src/shared/components/redact-renderer-registration.tsx","../../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","../../src/shared/index.ts"],"sourcesContent":["import { CSSProperties, MouseEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  Rect,\n  standardFontCssProperties,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactHighlightProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick?: (e: MouseEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders a text-based redact annotation using QuadPoints/segmentRects.\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactHighlight({\n  annotation,\n  isSelected,\n  scale,\n  onClick,\n  style,\n}: RedactHighlightProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  const segmentRects = object.segmentRects ?? [];\n  const rect = object.rect;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{ position: 'absolute', inset: 0 }}\n    >\n      {segmentRects.map((b: Rect, i: number) => (\n        <div\n          key={i}\n          onPointerDown={onClick}\n          style={{\n            position: 'absolute',\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            // Default: transparent background with strokeColor (C) border\n            // Hovered: color (IC) background fill, no border\n            // Selected: no border (container handles it)\n            background: isHovered ? color : 'transparent',\n            border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n            opacity: isHovered ? opacity : 1,\n            boxSizing: 'border-box',\n            pointerEvents: 'auto',\n            cursor: 'pointer',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent:\n              textAlign === PdfTextAlignment.Left\n                ? 'flex-start'\n                : textAlign === PdfTextAlignment.Right\n                  ? 'flex-end'\n                  : 'center',\n            overflow: 'hidden',\n            ...style,\n          }}\n        >\n          {isHovered && overlayText && (\n            <span\n              style={{\n                color: textColor,\n                fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),\n                ...standardFontCssProperties(fontFamily),\n                textAlign: textAlignmentToCss(textAlign),\n                whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                lineHeight: 1,\n              }}\n            >\n              {renderOverlayText()}\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import { CSSProperties, MouseEvent, useState } from '@framework';\nimport {\n  PdfRedactAnnoObject,\n  PdfStandardFont,\n  PdfTextAlignment,\n  standardFontCssProperties,\n  textAlignmentToCss,\n} from '@embedpdf/models';\nimport { TrackedAnnotation } from '@embedpdf/plugin-annotation';\n\nexport interface RedactAreaProps {\n  annotation: TrackedAnnotation<PdfRedactAnnoObject>;\n  isSelected: boolean;\n  scale: number;\n  pageIndex: number;\n  onClick?: (e: MouseEvent<Element>) => void;\n  style?: CSSProperties;\n}\n\n/**\n * Renders an area-based redact annotation (marquee redaction).\n * Default: shows strokeColor (C) border only, no fill.\n * Hovered: shows redaction preview with color (IC) as background fill + overlayText.\n * Selected: no border (AnnotationContainer handles selection styling).\n */\nexport function RedactArea({ annotation, isSelected, scale, onClick, style }: RedactAreaProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { object } = annotation;\n\n  // C - Border/stroke color\n  const strokeColor = object.strokeColor ?? '#FF0000';\n  // IC - Interior color (background fill when redaction is applied)\n  const color = object.color ?? '#000000';\n  // CA - Opacity (0-1)\n  const opacity = object.opacity ?? 1;\n  // OC - Overlay text color (Adobe extension), fallback to fontColor\n  const textColor = object.fontColor ?? object.overlayColor ?? '#FFFFFF';\n  // Overlay text properties\n  const overlayText = object.overlayText;\n  const overlayTextRepeat = object.overlayTextRepeat ?? false;\n  const fontSize = object.fontSize ?? 12;\n  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;\n  const textAlign = object.textAlign ?? PdfTextAlignment.Center;\n\n  // Calculate how many times to repeat text (approximate)\n  const renderOverlayText = () => {\n    if (!overlayText) return null;\n    if (!overlayTextRepeat) return overlayText;\n    // Repeat text multiple times to fill the space\n    const reps = 10; // Enough repetitions to fill most containers\n    return Array(reps).fill(overlayText).join(' ');\n  };\n\n  return (\n    <div\n      onPointerDown={!isSelected ? onClick : undefined}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{\n        position: 'absolute',\n        inset: 0,\n        // Default: transparent background with strokeColor (C) border\n        // Hovered: color (IC) background fill, no border\n        // Selected: no border (container handles it)\n        background: isHovered ? color : 'transparent',\n        border: !isHovered ? `2px solid ${strokeColor}` : 'none',\n        opacity: isHovered ? opacity : 1,\n        boxSizing: 'border-box',\n        pointerEvents: 'auto',\n        cursor: isSelected ? 'move' : 'pointer',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent:\n          textAlign === PdfTextAlignment.Left\n            ? 'flex-start'\n            : textAlign === PdfTextAlignment.Right\n              ? 'flex-end'\n              : 'center',\n        overflow: 'hidden',\n        ...style,\n      }}\n    >\n      {isHovered && overlayText && (\n        <span\n          style={{\n            color: textColor,\n            fontSize: fontSize * scale,\n            ...standardFontCssProperties(fontFamily),\n            textAlign: textAlignmentToCss(textAlign),\n            whiteSpace: overlayTextRepeat ? 'normal' : 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            padding: '4px',\n          }}\n        >\n          {renderOverlayText()}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { PdfAnnotationSubtype, PdfRedactAnnoObject } from '@embedpdf/models';\nimport { createRenderer, BoxedAnnotationRenderer } from '@embedpdf/plugin-annotation/@framework';\nimport { RedactHighlight } from './annotations/redact-highlight';\nimport { RedactArea } from './annotations/redact-area';\n\n/**\n * Boxed annotation renderers for Redact annotations.\n * Type safety is enforced at definition time via createRenderer.\n * These are automatically registered with the annotation plugin via context.\n */\nexport const redactRenderers: BoxedAnnotationRenderer[] = [\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactHighlight',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      'segmentRects' in a &&\n      (a.segmentRects?.length ?? 0) > 0,\n    render: ({ annotation, isSelected, scale, pageIndex, onClick }) => (\n      <RedactHighlight\n        annotation={annotation}\n        isSelected={isSelected}\n        scale={scale}\n        pageIndex={pageIndex}\n        onClick={onClick}\n      />\n    ),\n    interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },\n    useAppearanceStream: false,\n  }),\n  createRenderer<PdfRedactAnnoObject>({\n    id: 'redactArea',\n    matches: (a): a is PdfRedactAnnoObject =>\n      a.type === PdfAnnotationSubtype.REDACT &&\n      (!('segmentRects' in a) || !(a.segmentRects?.length ?? 0)),\n    render: ({ annotation, isSelected, scale, pageIndex, onClick }) => (\n      <RedactArea\n        annotation={annotation}\n        isSelected={isSelected}\n        scale={scale}\n        pageIndex={pageIndex}\n        onClick={onClick}\n      />\n    ),\n    interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },\n    useAppearanceStream: false,\n  }),\n];\n","import { useRegisterRenderers } from '@embedpdf/plugin-annotation/@framework';\nimport { redactRenderers } from '../components/redact-renderers';\n\n/**\n * Utility component that registers redact renderers once at app level.\n * Added via addUtility() so it mounts once, not per-page.\n */\nexport function RedactRendererRegistration() {\n  useRegisterRenderers(redactRenderers);\n  return null;\n}\n","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, 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,\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 = scaleOverride ?? documentState?.scale ?? 1;\n\n  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  // Allow prop override for backwards compatibility\n  const strokeColor = stroke ?? redactionPlugin?.getPreviewStrokeColor() ?? 'red';\n\n  useEffect(() => {\n    if (!redactionPlugin || !documentId) return;\n    return redactionPlugin.onRedactionMarqueeChange(documentId, (data) => {\n      setRect(data.pageIndex === pageIndex ? data.rect : null);\n    });\n  }, [redactionPlugin, documentId, 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 ${strokeColor}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n","import { HTMLAttributes, CSSProperties, MouseEvent } 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>) => 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          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  // Get stroke color from plugin (annotation mode uses tool defaults, legacy uses red)\n  const strokeColor = redactionPlugin?.getPreviewStrokeColor() ?? 'red';\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 ${strokeColor}`}\n      />\n    </div>\n  );\n}\n","import { Fragment, useEffect, useState, useCallback, MouseEvent } 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 - only show legacy mode items\n    const currentState = scoped.getState();\n    setItems((currentState.pending[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    setSelectedId(\n      currentState.selected && currentState.selected.page === pageIndex\n        ? currentState.selected.id\n        : null,\n    );\n\n    // Subscribe to future changes - only show legacy mode items\n    const off1 = scoped.onPendingChange((map) => {\n      setItems((map[pageIndex] ?? []).filter((it) => it.source === 'legacy'));\n    });\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, 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 ${it.markColor}`,\n                  pointerEvents: 'auto',\n                  cursor: 'pointer',\n                }}\n                onPointerDown={(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 ${it.markColor}`}\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  const page = documentState?.document?.pages?.[pageIndex];\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    // Combine page intrinsic rotation with document rotation\n    const pageRotation = page?.rotation ?? 0;\n    const docRotation = documentState?.rotation ?? 0;\n    return ((pageRotation + docRotation) % 4) as Rotation;\n  }, [rotation, page?.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","import { createPluginPackage } from '@embedpdf/core';\nimport { RedactionPluginPackage as BaseRedactionPackage } from '@embedpdf/plugin-redaction';\nimport { RedactRendererRegistration } from './components/redact-renderer-registration';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-redaction';\n\n// Automatically register redact renderers when plugin is loaded\nexport const RedactionPluginPackage = createPluginPackage(BaseRedactionPackage)\n  .addUtility(RedactRendererRegistration)\n  .build();\n"],"names":["RedactHighlight","annotation","isSelected","scale","onClick","style","isHovered","setIsHovered","useState","object","segmentRects","rect","strokeColor","color","opacity","textColor","fontColor","overlayColor","overlayText","overlayTextRepeat","fontSize","fontFamily","PdfStandardFont","Helvetica","textAlign","PdfTextAlignment","Center","renderOverlayText","Array","fill","join","jsx","onMouseEnter","onMouseLeave","position","inset","children","map","b","i","onPointerDown","left","origin","x","top","y","width","size","height","background","border","boxSizing","pointerEvents","cursor","display","alignItems","justifyContent","Left","Right","overflow","Math","min","standardFontCssProperties","textAlignmentToCss","whiteSpace","textOverflow","lineHeight","RedactArea","padding","redactRenderers","createRenderer","id","matches","a","type","PdfAnnotationSubtype","REDACT","_a","length","render","pageIndex","interactionDefaults","isDraggable","isResizable","isRotatable","useAppearanceStream","RedactRendererRegistration","useRegisterRenderers","useRedactionPlugin","usePlugin","RedactionPlugin","useRedactionCapability","useCapability","MarqueeRedact","documentId","scaleOverride","className","stroke","plugin","redactionPlugin","documentState","useDocumentState","setRect","getPreviewStrokeColor","useEffect","onRedactionMarqueeChange","data","Highlight","rects","props","Fragment","zIndex","SelectionRedact","setRects","boundingRect","setBoundingRect","onRedactionSelectionChange","formattedSelection","selection","find","s","mixBlendMode","PendingRedactions","bboxStroke","rotation","Rotation","Degree0","selectionMenu","provides","redaction","items","setItems","selectedId","setSelectedId","scoped","forDocument","currentState","getState","pending","filter","it","source","selected","page","off1","onPendingChange","off2","onSelectedChange","sel","select","useCallback","e","stopPropagation","selectPending","kind","r","outline","outlineOffset","markColor","CounterRotate","context","item","placement","suggestTop","RedactionPluginPackage","createPluginPackage","BaseRedactionPackage","addUtility","build","_b","document","pages","actualScale","useMemo","actualRotation","state","setState","initialDocumentState","scope","onStateChange","newState"],"mappings":"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"}

package/dist/react/index.d.ts

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

package/dist/react/index.js

@@ -1,519 +0,0 @@
-import { createPluginPackage } from "@embedpdf/core";
-import { initialDocumentState, RedactionPlugin, RedactionPluginPackage as RedactionPluginPackage$1 } from "@embedpdf/plugin-redaction";
-export * from "@embedpdf/plugin-redaction";
-import { createRenderer, useRegisterRenderers } from "@embedpdf/plugin-annotation/react";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { PdfStandardFont, PdfTextAlignment, textAlignmentToCss, standardFontCssProperties, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
-import { useState, useMemo, useEffect, useCallback, Fragment as Fragment$1 } from "react";
-import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/react";
-import { CounterRotate } from "@embedpdf/utils/react";
-function RedactHighlight({
-  annotation,
-  isSelected,
-  scale,
-  onClick,
-  style
-}) {
-  const [isHovered, setIsHovered] = useState(false);
-  const { object } = annotation;
-  const segmentRects = object.segmentRects ?? [];
-  const rect = object.rect;
-  const strokeColor = object.strokeColor ?? "#FF0000";
-  const color = object.color ?? "#000000";
-  const opacity = object.opacity ?? 1;
-  const textColor = object.fontColor ?? object.overlayColor ?? "#FFFFFF";
-  const overlayText = object.overlayText;
-  const overlayTextRepeat = object.overlayTextRepeat ?? false;
-  const fontSize = object.fontSize ?? 12;
-  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;
-  const textAlign = object.textAlign ?? PdfTextAlignment.Center;
-  const renderOverlayText = () => {
-    if (!overlayText) return null;
-    if (!overlayTextRepeat) return overlayText;
-    const reps = 10;
-    return Array(reps).fill(overlayText).join(" ");
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      style: { position: "absolute", inset: 0 },
-      children: segmentRects.map((b, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          onPointerDown: onClick,
-          style: {
-            position: "absolute",
-            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,
-            // Default: transparent background with strokeColor (C) border
-            // Hovered: color (IC) background fill, no border
-            // Selected: no border (container handles it)
-            background: isHovered ? color : "transparent",
-            border: !isHovered ? `2px solid ${strokeColor}` : "none",
-            opacity: isHovered ? opacity : 1,
-            boxSizing: "border-box",
-            pointerEvents: "auto",
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: textAlign === PdfTextAlignment.Left ? "flex-start" : textAlign === PdfTextAlignment.Right ? "flex-end" : "center",
-            overflow: "hidden",
-            ...style
-          },
-          children: isHovered && overlayText && /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: {
-                color: textColor,
-                fontSize: Math.min(fontSize * scale, b.size.height * scale * 0.8),
-                ...standardFontCssProperties(fontFamily),
-                textAlign: textAlignmentToCss(textAlign),
-                whiteSpace: overlayTextRepeat ? "normal" : "nowrap",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                lineHeight: 1
-              },
-              children: renderOverlayText()
-            }
-          )
-        },
-        i
-      ))
-    }
-  );
-}
-function RedactArea({ annotation, isSelected, scale, onClick, style }) {
-  const [isHovered, setIsHovered] = useState(false);
-  const { object } = annotation;
-  const strokeColor = object.strokeColor ?? "#FF0000";
-  const color = object.color ?? "#000000";
-  const opacity = object.opacity ?? 1;
-  const textColor = object.fontColor ?? object.overlayColor ?? "#FFFFFF";
-  const overlayText = object.overlayText;
-  const overlayTextRepeat = object.overlayTextRepeat ?? false;
-  const fontSize = object.fontSize ?? 12;
-  const fontFamily = object.fontFamily ?? PdfStandardFont.Helvetica;
-  const textAlign = object.textAlign ?? PdfTextAlignment.Center;
-  const renderOverlayText = () => {
-    if (!overlayText) return null;
-    if (!overlayTextRepeat) return overlayText;
-    const reps = 10;
-    return Array(reps).fill(overlayText).join(" ");
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      onPointerDown: !isSelected ? onClick : void 0,
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      style: {
-        position: "absolute",
-        inset: 0,
-        // Default: transparent background with strokeColor (C) border
-        // Hovered: color (IC) background fill, no border
-        // Selected: no border (container handles it)
-        background: isHovered ? color : "transparent",
-        border: !isHovered ? `2px solid ${strokeColor}` : "none",
-        opacity: isHovered ? opacity : 1,
-        boxSizing: "border-box",
-        pointerEvents: "auto",
-        cursor: isSelected ? "move" : "pointer",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: textAlign === PdfTextAlignment.Left ? "flex-start" : textAlign === PdfTextAlignment.Right ? "flex-end" : "center",
-        overflow: "hidden",
-        ...style
-      },
-      children: isHovered && overlayText && /* @__PURE__ */ jsx(
-        "span",
-        {
-          style: {
-            color: textColor,
-            fontSize: fontSize * scale,
-            ...standardFontCssProperties(fontFamily),
-            textAlign: textAlignmentToCss(textAlign),
-            whiteSpace: overlayTextRepeat ? "normal" : "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            padding: "4px"
-          },
-          children: renderOverlayText()
-        }
-      )
-    }
-  );
-}
-const redactRenderers = [
-  createRenderer({
-    id: "redactHighlight",
-    matches: (a) => {
-      var _a;
-      return a.type === PdfAnnotationSubtype.REDACT && "segmentRects" in a && (((_a = a.segmentRects) == null ? void 0 : _a.length) ?? 0) > 0;
-    },
-    render: ({ annotation, isSelected, scale, pageIndex, onClick }) => /* @__PURE__ */ jsx(
-      RedactHighlight,
-      {
-        annotation,
-        isSelected,
-        scale,
-        pageIndex,
-        onClick
-      }
-    ),
-    interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },
-    useAppearanceStream: false
-  }),
-  createRenderer({
-    id: "redactArea",
-    matches: (a) => {
-      var _a;
-      return a.type === PdfAnnotationSubtype.REDACT && (!("segmentRects" in a) || !(((_a = a.segmentRects) == null ? void 0 : _a.length) ?? 0));
-    },
-    render: ({ annotation, isSelected, scale, pageIndex, onClick }) => /* @__PURE__ */ jsx(
-      RedactArea,
-      {
-        annotation,
-        isSelected,
-        scale,
-        pageIndex,
-        onClick
-      }
-    ),
-    interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },
-    useAppearanceStream: false
-  })
-];
-function RedactRendererRegistration() {
-  useRegisterRenderers(redactRenderers);
-  return null;
-}
-const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
-const useRedactionCapability = () => useCapability(RedactionPlugin.id);
-const useRedaction = (documentId) => {
-  const { provides } = useRedactionCapability();
-  const [state, setState] = useState(initialDocumentState);
-  const scope = useMemo(
-    () => provides ? provides.forDocument(documentId) : null,
-    [provides, documentId]
-  );
-  useEffect(() => {
-    if (!scope) {
-      setState(initialDocumentState);
-      return;
-    }
-    try {
-      setState(scope.getState());
-    } catch (e) {
-      setState(initialDocumentState);
-    }
-    const unsubscribe = scope.onStateChange((newState) => {
-      setState(newState);
-    });
-    return unsubscribe;
-  }, [scope]);
-  return {
-    state,
-    provides: scope
-  };
-};
-const MarqueeRedact = ({
-  documentId,
-  pageIndex,
-  scale: scaleOverride,
-  className,
-  stroke,
-  fill = "transparent"
-}) => {
-  const { plugin: redactionPlugin } = useRedactionPlugin();
-  const documentState = useDocumentState(documentId);
-  const [rect, setRect] = useState(null);
-  const scale = scaleOverride ?? (documentState == null ? void 0 : documentState.scale) ?? 1;
-  const strokeColor = stroke ?? (redactionPlugin == null ? void 0 : redactionPlugin.getPreviewStrokeColor()) ?? "red";
-  useEffect(() => {
-    if (!redactionPlugin || !documentId) return;
-    return redactionPlugin.onRedactionMarqueeChange(documentId, (data) => {
-      setRect(data.pageIndex === pageIndex ? data.rect : null);
-    });
-  }, [redactionPlugin, documentId, 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 ${strokeColor}`,
-        background: fill,
-        boxSizing: "border-box"
-      },
-      className
-    }
-  );
-};
-function Highlight({
-  color = "#FFFF00",
-  opacity = 1,
-  border = "1px solid red",
-  rects,
-  rect,
-  scale,
-  onClick,
-  style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children: rects.map((b, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      onPointerDown: 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({ documentId, pageIndex, scale }) {
-  const { plugin: redactionPlugin } = useRedactionPlugin();
-  const [rects, setRects] = useState([]);
-  const [boundingRect, setBoundingRect] = useState(null);
-  const strokeColor = (redactionPlugin == null ? void 0 : redactionPlugin.getPreviewStrokeColor()) ?? "red";
-  useEffect(() => {
-    if (!redactionPlugin) return;
-    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, documentId, 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 ${strokeColor}`
-        }
-      )
-    }
-  );
-}
-function PendingRedactions({
-  documentId,
-  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 scoped = redaction.forDocument(documentId);
-    const currentState = scoped.getState();
-    setItems((currentState.pending[pageIndex] ?? []).filter((it) => it.source === "legacy"));
-    setSelectedId(
-      currentState.selected && currentState.selected.page === pageIndex ? currentState.selected.id : null
-    );
-    const off1 = scoped.onPendingChange((map) => {
-      setItems((map[pageIndex] ?? []).filter((it) => it.source === "legacy"));
-    });
-    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, documentId, pageIndex]);
-  const select = useCallback(
-    (e, id) => {
-      e.stopPropagation();
-      if (!redaction) return;
-      redaction.forDocument(documentId).selectPending(pageIndex, id);
-    },
-    [redaction, documentId, pageIndex]
-  );
-  if (!items.length) return null;
-  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 ${it.markColor}`,
-              pointerEvents: "auto",
-              cursor: "pointer"
-            },
-            onPointerDown: (e) => select(e, it.id)
-          }
-        ),
-        selectionMenu && /* @__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: (props) => selectionMenu({
-              ...props,
-              context: {
-                type: "redaction",
-                item: it,
-                pageIndex
-              },
-              selected: selectedId === it.id,
-              placement: {
-                suggestTop: false
-              }
-            })
-          }
-        )
-      ] }, it.id);
-    }
-    const b = it.rect;
-    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 ${it.markColor}`,
-              scale,
-              onClick: (e) => select(e, it.id)
-            }
-          )
-        }
-      ),
-      selectionMenu && /* @__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: (props) => selectionMenu({
-            ...props,
-            context: {
-              type: "redaction",
-              item: it,
-              pageIndex
-            },
-            selected: selectedId === it.id,
-            placement: {
-              suggestTop: false
-            }
-          })
-        }
-      )
-    ] }, it.id);
-  }) });
-}
-const RedactionLayer = ({
-  documentId,
-  pageIndex,
-  scale,
-  rotation,
-  selectionMenu
-}) => {
-  var _a, _b;
-  const documentState = useDocumentState(documentId);
-  const page = (_b = (_a = documentState == null ? void 0 : documentState.document) == null ? void 0 : _a.pages) == null ? void 0 : _b[pageIndex];
-  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;
-    const pageRotation = (page == null ? void 0 : page.rotation) ?? 0;
-    const docRotation = (documentState == null ? void 0 : documentState.rotation) ?? 0;
-    return (pageRotation + docRotation) % 4;
-  }, [rotation, page == null ? void 0 : page.rotation, documentState == null ? void 0 : documentState.rotation]);
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(
-      PendingRedactions,
-      {
-        documentId,
-        pageIndex,
-        scale: actualScale,
-        rotation: actualRotation,
-        selectionMenu
-      }
-    ),
-    /* @__PURE__ */ jsx(MarqueeRedact, { documentId, pageIndex, scale: actualScale }),
-    /* @__PURE__ */ jsx(SelectionRedact, { documentId, pageIndex, scale: actualScale })
-  ] });
-};
-const RedactionPluginPackage = createPluginPackage(RedactionPluginPackage$1).addUtility(RedactRendererRegistration).build();
-export {
-  RedactArea,
-  RedactHighlight,
-  RedactRendererRegistration,
-  RedactionLayer,
-  RedactionPluginPackage,
-  redactRenderers,
-  useRedaction,
-  useRedactionCapability,
-  useRedactionPlugin
-};
-//# sourceMappingURL=index.js.map