@extend-ai/react-docx 0.6.3 → 0.6.5

package/dist/index.js

@@ -31171,6 +31171,7 @@ function DocxEditorViewer({
   const hasExternalVisiblePageRange = Number.isFinite(Number(visiblePageRange?.startPageIndex)) || Number.isFinite(Number(visiblePageRange?.endPageIndex));
   const [deferInternalPageVirtualization, setDeferInternalPageVirtualization] = React.useState(false);
   const [internalVirtualScrollElement, setInternalVirtualScrollElement] = React.useState(null);
+  const [virtualizerMeasurementScale, setVirtualizerMeasurementScale] = React.useState(1);
   const [observedVisiblePageRange, setObservedVisiblePageRange] = React.useState(void 0);
   const pageVirtualizationSettleDelayMs = Math.max(
     0,
@@ -31220,6 +31221,19 @@ function DocxEditorViewer({
       nearestScrollableAncestor(viewerRootRef.current)
     );
   }, [editor.documentLoadNonce, pageCount, trackedChangesEnabled]);
+  React.useLayoutEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const rootElement = viewerRootRef.current;
+    if (!rootElement) {
+      return;
+    }
+    const nextScale = resolveEffectiveZoomScale(rootElement);
+    setVirtualizerMeasurementScale(
+      (current) => Math.abs(current - nextScale) < 1e-3 ? current : nextScale
+    );
+  });
   const internalPageVirtualizationEnabled = internalPageVirtualizationRequested && internalVirtualScrollElement !== null;
   const internalPageVirtualizationPending = typeof window !== "undefined" && internalPageVirtualizationRequested && internalVirtualScrollElement === null;
   const internalVirtualScrollUsesWindow = typeof document !== "undefined" && internalVirtualScrollElement !== null && (internalVirtualScrollElement === document.scrollingElement || internalVirtualScrollElement === document.documentElement || internalVirtualScrollElement === document.body);
@@ -31228,20 +31242,37 @@ function DocxEditorViewer({
   const estimateVirtualPageSize = React.useCallback(
     (pageIndex) => {
       const pageLayout = pageSectionInfoByIndex[pageIndex]?.layout ?? documentLayout;
-      return Math.max(1, pageLayout.pageHeightPx + DOC_PAGE_BREAK_GAP);
+      return Math.max(
+        1,
+        Math.round(
+          (pageLayout.pageHeightPx + DOC_PAGE_BREAK_GAP) * virtualizerMeasurementScale
+        )
+      );
     },
-    [documentLayout, pageSectionInfoByIndex]
+    [documentLayout, pageSectionInfoByIndex, virtualizerMeasurementScale]
+  );
+  const measureVirtualPageElement = React.useCallback(
+    (element) => {
+      const rect = element.getBoundingClientRect();
+      return Math.max(
+        1,
+        Math.round(rect.height + DOC_PAGE_BREAK_GAP * virtualizerMeasurementScale)
+      );
+    },
+    [virtualizerMeasurementScale]
   );
   const internalElementPageVirtualizer = useVirtualizer({
     count: Math.max(1, pageCount),
     getScrollElement: () => internalElementPageVirtualizationEnabled ? internalVirtualScrollElement : null,
     estimateSize: estimateVirtualPageSize,
+    measureElement: measureVirtualPageElement,
     overscan: pageVirtualizationOverscan
   });
   const internalWindowPageVirtualizer = useWindowVirtualizer({
     count: Math.max(1, pageCount),
     getScrollElement: () => internalWindowPageVirtualizationEnabled && typeof window !== "undefined" ? window : null,
     estimateSize: estimateVirtualPageSize,
+    measureElement: measureVirtualPageElement,
     overscan: pageVirtualizationOverscan
   });
   const internalPageVirtualizer = internalVirtualScrollUsesWindow ? internalWindowPageVirtualizer : internalElementPageVirtualizer;
@@ -31751,7 +31782,8 @@ function DocxEditorViewer({
     internalPageVirtualizationEnabled,
     internalPageVirtualizer,
     pageCount,
-    trackedChangesEnabled
+    trackedChangesEnabled,
+    virtualizerMeasurementScale
   ]);
   React.useEffect(() => {
     const nextCurrentPage = clampNumber(