@osdk/react-components 0.20.0-main-4e2a115a796e8664c3972548bb02e707baafa912 → 0.20.0

package/build/cjs/{chunk-WYIUQ3FZ.cjs → chunk-DAHWLFFD.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkIYJOHKJE_cjs = require('./chunk-IYJOHKJE.cjs');
-var chunkHOPH2463_cjs = require('./chunk-HOPH2463.cjs');
+var chunk4WDDVYWV_cjs = require('./chunk-4WDDVYWV.cjs');
 
 // src/public/experimental/markdown-renderer.ts
-var MarkdownViewerMedia2 = chunkHOPH2463_cjs.withOsdkMetrics(chunkIYJOHKJE_cjs.MarkdownViewerMedia, "MarkdownViewerMedia");
+var MarkdownViewerMedia2 = chunk4WDDVYWV_cjs.withOsdkMetrics(chunkIYJOHKJE_cjs.MarkdownViewerMedia, "MarkdownViewerMedia");
 
 exports.MarkdownViewerMedia = MarkdownViewerMedia2;
-//# sourceMappingURL=chunk-WYIUQ3FZ.cjs.map
-//# sourceMappingURL=chunk-WYIUQ3FZ.cjs.map
+//# sourceMappingURL=chunk-DAHWLFFD.cjs.map
+//# sourceMappingURL=chunk-DAHWLFFD.cjs.map

package/build/cjs/{chunk-WYIUQ3FZ.cjs.map → chunk-DAHWLFFD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/public/experimental/markdown-renderer.ts"],"names":["MarkdownViewerMedia","withOsdkMetrics"],"mappings":";;;;;;AAsBO,IAAMA,oBAAAA,GAAsBC,iCAAA,CAAgBD,qCAAA,EAAsB,qBAAqB","file":"chunk-WYIUQ3FZ.cjs","sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// MarkdownRenderer\nexport { MarkdownRenderer } from \"../../markdown-renderer/MarkdownRenderer.js\";\n\n// MarkdownViewerMedia (Media wrapper)\nimport { MarkdownViewerMedia as _MarkdownViewerMedia } from \"../../markdown-renderer/MarkdownViewerMedia.js\";\nimport { withOsdkMetrics } from \"../../util/withOsdkMetrics.js\";\nexport const MarkdownViewerMedia = withOsdkMetrics(_MarkdownViewerMedia, \"MarkdownViewerMedia\");"]}
+{"version":3,"sources":["../../src/public/experimental/markdown-renderer.ts"],"names":["MarkdownViewerMedia","withOsdkMetrics"],"mappings":";;;;;;AAsBO,IAAMA,oBAAAA,GAAsBC,iCAAA,CAAgBD,qCAAA,EAAsB,qBAAqB","file":"chunk-DAHWLFFD.cjs","sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// MarkdownRenderer\nexport { MarkdownRenderer } from \"../../markdown-renderer/MarkdownRenderer.js\";\n\n// MarkdownViewerMedia (Media wrapper)\nimport { MarkdownViewerMedia as _MarkdownViewerMedia } from \"../../markdown-renderer/MarkdownViewerMedia.js\";\nimport { withOsdkMetrics } from \"../../util/withOsdkMetrics.js\";\nexport const MarkdownViewerMedia = withOsdkMetrics(_MarkdownViewerMedia, \"MarkdownViewerMedia\");"]}

package/build/cjs/{chunk-ETOC4FJE.cjs → chunk-FWZS3WQ4.cjs}

@@ -12,7 +12,6 @@ var input = require('@base-ui/react/input');
 var pdfjsDist = require('pdfjs-dist');
 var pdf_viewer_mjs = require('pdfjs-dist/web/pdf_viewer.mjs');
 require('pdfjs-dist/web/pdf_viewer.css');
-var reactDom = require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -23,12 +22,17 @@ var React7__default = /*#__PURE__*/_interopDefault(React7);
 var PdfViewerAnnotationLayer_default = {};
 
 // src/pdf-viewer/components/PdfViewerAnnotationLayer.tsx
-function computeRectStyle(rect, pageHeight, scale, color) {
+function applyTransform(point, m) {
+  return [m[0] * point[0] + m[2] * point[1] + m[4], m[1] * point[0] + m[3] * point[1] + m[5]];
+}
+function computeRectStyle(rect, transform, color) {
+  const [x1, y1] = applyTransform([rect.x, rect.y], transform);
+  const [x2, y2] = applyTransform([rect.x + rect.width, rect.y + rect.height], transform);
   return {
-    left: rect.x * scale,
-    top: (pageHeight - rect.y - rect.height) * scale,
-    width: rect.width * scale,
-    height: rect.height * scale,
+    left: Math.min(x1, x2),
+    top: Math.min(y1, y2),
+    width: Math.abs(x2 - x1),
+    height: Math.abs(y2 - y1),
     ...color != null ? {
       "--osdk-pdf-annotation-color": color
     } : {}
@@ -51,8 +55,7 @@ function useAnnotationHandlers(annotation, onClick) {
 }
 function AnnotationItem({
   annotation,
-  pageHeight,
-  scale,
+  transform,
   onClick
 }) {
   const {
@@ -62,7 +65,7 @@ function AnnotationItem({
   const className = classnames4__default.default(PdfViewerAnnotationLayer_default.annotation, PdfViewerAnnotationLayer_default[annotation.type]);
   const multiRects = annotation.rects;
   const hasMultipleRects = multiRects != null && multiRects.length > 1;
-  const style = React7.useMemo(() => computeRectStyle(annotation.rect, pageHeight, scale, annotation.color), [annotation, pageHeight, scale]);
+  const style = React7.useMemo(() => computeRectStyle(annotation.rect, transform, annotation.color), [annotation, transform]);
   if (hasMultipleRects) {
     return /* @__PURE__ */ React7__default.default.createElement("div", {
       className: PdfViewerAnnotationLayer_default.annotationGroup,
@@ -75,7 +78,7 @@ function AnnotationItem({
     }, multiRects.map((rect, i) => /* @__PURE__ */ React7__default.default.createElement("div", {
       key: i,
       className,
-      style: computeRectStyle(rect, pageHeight, scale, annotation.color)
+      style: computeRectStyle(rect, transform, annotation.color)
     })));
   }
   return /* @__PURE__ */ React7__default.default.createElement("div", {
@@ -93,18 +96,20 @@ function CustomAnnotationItem({
   annotation,
   pageHeight,
   scale,
+  transform,
   onClick
 }) {
   const {
     handleClick,
     handleKeyDown
   } = useAnnotationHandlers(annotation, onClick);
-  const style = React7.useMemo(() => computeRectStyle(annotation.rect, pageHeight, scale, void 0), [annotation, pageHeight, scale]);
+  const style = React7.useMemo(() => computeRectStyle(annotation.rect, transform, void 0), [annotation, transform]);
   const renderProps = React7.useMemo(() => ({
     annotation,
     scale,
-    pageHeight
-  }), [annotation, scale, pageHeight]);
+    pageHeight,
+    transform
+  }), [annotation, scale, pageHeight, transform]);
   return /* @__PURE__ */ React7__default.default.createElement("div", {
     className: PdfViewerAnnotationLayer_default.annotation,
     style,
@@ -120,6 +125,7 @@ function PdfViewerAnnotationLayer({
   annotations,
   pageHeight,
   scale,
+  transform,
   onAnnotationClick
 }) {
   return /* @__PURE__ */ React7__default.default.createElement("div", {
@@ -129,12 +135,12 @@ function PdfViewerAnnotationLayer({
     annotation,
     pageHeight,
     scale,
+    transform,
     onClick: onAnnotationClick
   }) : /* @__PURE__ */ React7__default.default.createElement(AnnotationItem, {
     key: annotation.id,
     annotation,
-    pageHeight,
-    scale,
+    transform,
     onClick: onAnnotationClick
   })));
 }
@@ -1332,36 +1338,107 @@ async function extractHeadingsFromText(document) {
 }
 function usePdfAnnotationPortals(pdfViewerRef, eventBusRef, document) {
   const [portalTargets, setPortalTargets] = React7.useState([]);
-  React7.useEffect(function subscribePageRendered() {
+  React7.useEffect(function subscribePageEvents() {
     const eventBus = eventBusRef.current;
     const pdfViewer = pdfViewerRef.current;
     if (eventBus == null || pdfViewer == null) {
       return;
     }
-    const handlePageRendered = (evt) => {
-      const pageIndex = evt.pageNumber - 1;
-      const pageView = pdfViewer.getPageView(pageIndex);
+    const measurePage = (pageNumber, containerRect, scrollContainer2) => {
+      const pageView = pdfViewer.getPageView(pageNumber - 1);
       if (pageView?.div == null || pageView?.viewport == null) {
+        return null;
+      }
+      const div = pageView.div;
+      const divRect = div.getBoundingClientRect();
+      if (divRect.width <= 0 || divRect.height <= 0) {
+        return null;
+      }
+      return {
+        pageNumber,
+        // Assumes scrollContainer has zero border/padding; otherwise overlays will be offset.
+        left: divRect.left - containerRect.left + scrollContainer2.scrollLeft,
+        top: divRect.top - containerRect.top + scrollContainer2.scrollTop,
+        width: divRect.width,
+        height: divRect.height,
+        // viewBox is [xMin, yMin, width, height] and we need the original height before scaling
+        pageHeight: pageView.viewport.viewBox[3],
+        scale: pageView.viewport.scale,
+        transform: pageView.viewport.transform.slice()
+      };
+    };
+    const readContainer = () => {
+      const scrollContainer2 = pdfViewer.container;
+      if (scrollContainer2 == null) {
+        return null;
+      }
+      return {
+        rect: scrollContainer2.getBoundingClientRect(),
+        el: scrollContainer2
+      };
+    };
+    const handlePageRendered = (evt) => {
+      const container = readContainer();
+      if (container == null) {
         return;
       }
-      const viewport = pageView.viewport;
+      const next = measurePage(evt.pageNumber, container.rect, container.el);
       setPortalTargets((prev) => {
         const filtered = prev.filter((t) => t.pageNumber !== evt.pageNumber);
-        return [...filtered, {
-          pageNumber: evt.pageNumber,
-          container: pageView.div,
-          pageHeight: viewport.viewBox[3],
-          // viewBox is [xMin, yMin, width, height] and we need the original height before scaling
-          scale: viewport.scale
-        }].sort((a, b) => a.pageNumber - b.pageNumber);
+        if (next == null) {
+          return filtered;
+        }
+        return [...filtered, next].sort((a, b) => a.pageNumber - b.pageNumber);
+      });
+    };
+    let rafHandle = null;
+    const flushRemeasure = () => {
+      rafHandle = null;
+      setPortalTargets((prev) => {
+        if (prev.length === 0) {
+          return prev;
+        }
+        const container = readContainer();
+        if (container == null) {
+          return prev;
+        }
+        const next = [];
+        for (const target of prev) {
+          const remeasured = measurePage(target.pageNumber, container.rect, container.el);
+          if (remeasured != null) {
+            next.push(remeasured);
+          }
+        }
+        return next;
       });
     };
+    const remeasureAll = () => {
+      if (rafHandle != null) {
+        return;
+      }
+      rafHandle = requestAnimationFrame(flushRemeasure);
+    };
     eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);
+    eventBus.on("scalechanging", remeasureAll);
+    eventBus.on("rotationchanging", remeasureAll);
+    const scrollContainer = pdfViewer.container;
+    let containerObserver;
+    if (scrollContainer != null && typeof ResizeObserver !== "undefined") {
+      containerObserver = new ResizeObserver(remeasureAll);
+      containerObserver.observe(scrollContainer);
+    }
     return () => {
       eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);
+      eventBus.off("scalechanging", remeasureAll);
+      eventBus.off("rotationchanging", remeasureAll);
+      containerObserver?.disconnect();
+      if (rafHandle != null) {
+        cancelAnimationFrame(rafHandle);
+        rafHandle = null;
+      }
       setPortalTargets([]);
     };
-  }, [eventBusRef, pdfViewerRef, document]);
+  }, [document]);
   return portalTargets;
 }
 var pdfWorkerUrl = new URL("pdfjs-dist/build/pdf.worker.min.mjs", chunkQ2W6GYRK_cjs.importMetaUrl);
@@ -1830,6 +1907,30 @@ function resolveDownloadFilename(src, filename) {
   }
   return "document.pdf";
 }
+var PdfAnnotationOverlay = ({
+  target,
+  annotations,
+  onAnnotationClick
+}) => {
+  const style = React7.useMemo(() => ({
+    position: "absolute",
+    left: target.left,
+    top: target.top,
+    width: target.width,
+    height: target.height,
+    pointerEvents: "none",
+    zIndex: 1
+  }), [target.left, target.top, target.width, target.height]);
+  return /* @__PURE__ */ React7__default.default.createElement("div", {
+    style
+  }, /* @__PURE__ */ React7__default.default.createElement(PdfViewerAnnotationLayer, {
+    annotations,
+    pageHeight: target.pageHeight,
+    scale: target.scale,
+    transform: target.transform,
+    onAnnotationClick
+  }));
+};
 
 // src/pdf-viewer/PdfViewer.module.css
 var PdfViewer_default = {};
@@ -1977,13 +2078,12 @@ var BasePdfViewer = /* @__PURE__ */ React7.forwardRef(function BasePdfViewer2({
     if (pageAnnotations.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React7__default.default.createElement(PdfViewerAnnotationLayer, {
+    return /* @__PURE__ */ React7__default.default.createElement(PdfAnnotationOverlay, {
       key: target.pageNumber,
+      target,
       annotations: pageAnnotations,
-      pageHeight: target.pageHeight,
-      scale: target.scale,
       onAnnotationClick
-    }), target.container);
+    });
   })))));
 });
 function _extends() {
@@ -2061,6 +2161,7 @@ function PdfViewer({
 
 exports.BasePdfViewer = BasePdfViewer;
 exports.EMPTY_ANNOTATION_ARRAY = EMPTY_ANNOTATION_ARRAY;
+exports.PdfAnnotationOverlay = PdfAnnotationOverlay;
 exports.PdfViewer = PdfViewer;
 exports.PdfViewerAnnotationLayer = PdfViewerAnnotationLayer;
 exports.PdfViewerOutlineSidebar = PdfViewerOutlineSidebar;
@@ -2079,5 +2180,5 @@ exports.usePdfViewerCore = usePdfViewerCore;
 exports.usePdfViewerSearch = usePdfViewerSearch;
 exports.usePdfViewerState = usePdfViewerState;
 exports.usePdfViewerSync = usePdfViewerSync;
-//# sourceMappingURL=chunk-ETOC4FJE.cjs.map
-//# sourceMappingURL=chunk-ETOC4FJE.cjs.map
+//# sourceMappingURL=chunk-FWZS3WQ4.cjs.map
+//# sourceMappingURL=chunk-FWZS3WQ4.cjs.map