@extend-ai/react-docx 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -109,6 +109,7 @@ __export(index_exports, {
   useDocxPagination: () => useDocxPagination,
   useDocxParagraphStyles: () => useDocxParagraphStyles,
   useDocxTrackChanges: () => useDocxTrackChanges,
+  useDocxViewerThumbnails: () => useDocxViewerThumbnails,
   withPart: () => withPart
 });
 module.exports = __toCommonJS(index_exports);
@@ -27006,8 +27007,15 @@ async function rasterizeDocxViewerPageSurfaceToCanvas(params) {
 function resolveDocxPageThumbnailResolution(options) {
   const safeSourceWidthPx = Math.max(1, Math.round(options.sourceWidthPx));
   const safeSourceHeightPx = Math.max(1, Math.round(options.sourceHeightPx));
-  const widthBoundPx = Number.isFinite(options.maxWidthPx) ? Math.max(1, Math.round(options.maxWidthPx)) : 180;
-  const heightBoundPx = Number.isFinite(options.maxHeightPx) ? Math.max(1, Math.round(options.maxHeightPx)) : Number.POSITIVE_INFINITY;
+  const resolutionBounds = typeof options.resolution === "number" && Number.isFinite(options.resolution) && options.resolution > 0 ? {
+    maxWidthPx: Number(options.resolution),
+    maxHeightPx: Number(options.resolution)
+  } : typeof options.resolution === "object" && options.resolution ? {
+    maxWidthPx: Number.isFinite(options.resolution.maxWidth) && Number(options.resolution.maxWidth) > 0 ? Number(options.resolution.maxWidth) : void 0,
+    maxHeightPx: Number.isFinite(options.resolution.maxHeight) && Number(options.resolution.maxHeight) > 0 ? Number(options.resolution.maxHeight) : void 0
+  } : void 0;
+  const widthBoundPx = Number.isFinite(options.maxWidthPx) ? Math.max(1, Math.round(options.maxWidthPx)) : Number.isFinite(resolutionBounds?.maxWidthPx) ? Math.max(1, Math.round(resolutionBounds?.maxWidthPx)) : 180;
+  const heightBoundPx = Number.isFinite(options.maxHeightPx) ? Math.max(1, Math.round(options.maxHeightPx)) : Number.isFinite(resolutionBounds?.maxHeightPx) ? Math.max(1, Math.round(resolutionBounds?.maxHeightPx)) : Number.POSITIVE_INFINITY;
   const scale = Math.min(
     1,
     widthBoundPx / safeSourceWidthPx,
@@ -27094,6 +27102,7 @@ function useDocxPageThumbnails(editor, options = {}) {
       const resolution = resolveDocxPageThumbnailResolution({
         sourceWidthPx: sourceSize.widthPx,
         sourceHeightPx: sourceSize.heightPx,
+        resolution: options.resolution,
         maxWidthPx: options.maxWidthPx,
         maxHeightPx: options.maxHeightPx,
         pixelRatio: options.pixelRatio
@@ -27124,6 +27133,7 @@ function useDocxPageThumbnails(editor, options = {}) {
       fallbackLayout.pageWidthPx,
       mountedPageElements,
       options.disabled,
+      options.resolution,
       options.maxHeightPx,
       options.maxWidthPx,
       options.pixelRatio,
@@ -27152,6 +27162,7 @@ function useDocxPageThumbnails(editor, options = {}) {
     editor.model,
     mountedPageElements,
     options.disabled,
+    options.resolution,
     options.maxHeightPx,
     options.maxWidthPx,
     options.pixelRatio,
@@ -27169,6 +27180,7 @@ function useDocxPageThumbnails(editor, options = {}) {
       const resolution = resolveDocxPageThumbnailResolution({
         sourceWidthPx: sourceSize.widthPx,
         sourceHeightPx: sourceSize.heightPx,
+        resolution: options.resolution,
         maxWidthPx: options.maxWidthPx,
         maxHeightPx: options.maxHeightPx,
         pixelRatio: options.pixelRatio
@@ -27182,6 +27194,13 @@ function useDocxPageThumbnails(editor, options = {}) {
         isMounted: Boolean(pageElement && pageElement.isConnected),
         status: state?.status ?? (pageElement ? "idle" : "unavailable"),
         error: state?.error,
+        paint: (canvas) => {
+          if (!canvas || options.disabled) {
+            return false;
+          }
+          void renderPageThumbnailToCanvasRef.current(pageIndex, canvas);
+          return true;
+        },
         canvasRef: canvasRefCallbacksRef.current.get(pageIndex) ?? (() => {
           const nextCanvasRef = (canvas) => {
             if (canvas) {
@@ -27204,6 +27223,11 @@ function useDocxPageThumbnails(editor, options = {}) {
           );
           return nextRenderToCanvas;
         })(),
+        aspectRatio: sourceSize.widthPx / Math.max(1, sourceSize.heightPx),
+        contentWidth: sourceSize.widthPx,
+        contentHeight: sourceSize.heightPx,
+        width: resolution.widthPx,
+        height: resolution.heightPx,
         ...resolution
       };
     });
@@ -27212,19 +27236,36 @@ function useDocxPageThumbnails(editor, options = {}) {
     fallbackLayout.pageHeightPx,
     fallbackLayout.pageWidthPx,
     mountedPageElements,
+    options.disabled,
+    options.resolution,
     options.maxHeightPx,
     options.maxWidthPx,
     options.pixelRatio,
     pageThumbnailStates
   ]);
+  const paintThumbnail = React.useCallback(
+    (pageIndex, canvas) => {
+      if (!canvas || options.disabled) {
+        return false;
+      }
+      const thumbnail = thumbnails[pageIndex];
+      if (!thumbnail) {
+        return false;
+      }
+      return thumbnail.paint(canvas);
+    },
+    [options.disabled, thumbnails]
+  );
   return React.useMemo(
     () => ({
+      paintThumbnail,
       thumbnails,
       rerenderAttachedThumbnails
     }),
-    [rerenderAttachedThumbnails, thumbnails]
+    [paintThumbnail, rerenderAttachedThumbnails, thumbnails]
   );
 }
+var useDocxViewerThumbnails = useDocxPageThumbnails;
 function useDocxDocumentTheme(editor) {
   const setDocumentTheme = React.useCallback(
     (theme) => {
@@ -46132,6 +46173,7 @@ function ReactDocxViewer({
   useDocxPagination,
   useDocxParagraphStyles,
   useDocxTrackChanges,
+  useDocxViewerThumbnails,
   withPart
 });
 //# sourceMappingURL=index.cjs.map