@embedpdf/plugin-annotation 1.3.11 → 1.3.13

package/dist/react/index.js

@@ -1,17 +1,30 @@
 import { usePlugin, useCapability } from "@embedpdf/core/react";
-import { AnnotationPlugin, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp } from "@embedpdf/plugin-annotation";
+import { AnnotationPlugin, initialState, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
+import { useState, useEffect, useRef, useMemo, useLayoutEffect, Fragment as Fragment$1, useCallback } from "react";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { PdfAnnotationBorderStyle, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, PdfAnnotationSubtype } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/react";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/react";
-import { useState, useRef, useEffect, useMemo, useLayoutEffect, Fragment as Fragment$1, useCallback } from "react";
 import { useInteractionHandles, useDoublePressProps, CounterRotate } from "@embedpdf/utils/react";
-const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
-const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
 const suppressContentEditableWarningProps = {
   suppressContentEditableWarning: true
 };
+const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
+const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
+const useAnnotation = () => {
+  const { provides } = useAnnotationCapability();
+  const [state, setState] = useState(initialState({ enabled: true }));
+  useEffect(() => {
+    return provides == null ? void 0 : provides.onStateChange((action) => {
+      setState(action);
+    });
+  }, [provides]);
+  return {
+    state,
+    provides
+  };
+};
 function AnnotationContainer({
   scale,
   pageIndex,
@@ -124,8 +137,10 @@ function AnnotationContainer({
         ...props,
         children: [
           (() => {
+            const childrenRender = typeof children === "function" ? children(currentObject) : children;
             const customRender = customAnnotationRenderer == null ? void 0 : customAnnotationRenderer({
               annotation: currentObject,
+              children: childrenRender,
               isSelected,
               scale,
               rotation,
@@ -137,7 +152,7 @@ function AnnotationContainer({
             if (customRender !== null && customRender !== void 0) {
               return customRender;
             }
-            return typeof children === "function" ? children(currentObject) : children;
+            return childrenRender;
           })(),
           isSelected && isResizable && resize.map(
             ({ key, ...hProps }) => (resizeUI == null ? void 0 : resizeUI.component) ? resizeUI.component({
@@ -1733,6 +1748,7 @@ function AnnotationLayer({
 }
 export {
   AnnotationLayer,
+  useAnnotation,
   useAnnotationCapability,
   useAnnotationPlugin
 };