@embedpdf/plugin-annotation 1.3.11 → 1.3.13

package/dist/preact/index.js

@@ -1,16 +1,29 @@
 import { usePlugin, useCapability } from "@embedpdf/core/preact";
-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 { Fragment as Fragment$1 } from "preact";
+import { useState, useEffect, useRef, useMemo, useLayoutEffect, useCallback } from "preact/hooks";
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { PdfAnnotationBorderStyle, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, PdfAnnotationSubtype } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/preact";
-import { Fragment as Fragment$1 } from "preact";
-import { useState, useRef, useEffect, useMemo, useLayoutEffect, useCallback } from "preact/hooks";
 import { useInteractionHandles, useDoublePressProps, CounterRotate } from "@embedpdf/utils/preact";
+const suppressContentEditableWarningProps = {};
 const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
 const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
-const suppressContentEditableWarningProps = {};
+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,
@@ -123,8 +136,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,
@@ -136,7 +151,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({
@@ -1732,6 +1747,7 @@ function AnnotationLayer({
 }
 export {
   AnnotationLayer,
+  useAnnotation,
   useAnnotationCapability,
   useAnnotationPlugin
 };