npm - @osdk/react-components - Versions diffs - 0.20.0-main-4e2a115a796e8664c3972548bb02e707baafa912 → 0.20.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/build/browser/pdf-viewer/components/PdfViewerAnnotationLayer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PdfViewerAnnotationLayer.js","names":["classnames","React","useCallback","useMemo","styles","computeRectStyle","rect","pageHeight","scale","color","left","x","top","y","height","width","useAnnotationHandlers","annotation","onClick","handleClick","handleKeyDown","e","key","preventDefault","AnnotationItem","className","type","multiRects","rects","hasMultipleRects","length","style","createElement","annotationGroup","onKeyDown","role","tabIndex","title","label","id","map","i","CustomAnnotationItem","undefined","renderProps","render","PdfViewerAnnotationLayer","annotations","onAnnotationClick","annotationLayer"],"sources":["PdfViewerAnnotationLayer.tsx"],"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\nimport classnames from \"classnames\";\nimport React, { useCallback, useMemo } from \"react\";\nimport type { PdfAnnotation, PdfCustomAnnotation, PdfRect } from \"../types.js\";\nimport styles from \"./PdfViewerAnnotationLayer.module.css\";\n\nexport interface PdfViewerAnnotationLayerProps {\n annotations: PdfAnnotation[];\n pageHeight: number;\n scale: number;\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n}\n\ninterface AnnotationItemProps {\n annotation: PdfAnnotation;\n pageHeight: number;\n scale: number;\n onClick?: (annotation: PdfAnnotation) => void;\n}\n\n/* Convert a single PDF rect (bottom-left origin) to CSS positioning (top-left origin). /\nfunction computeRectStyle(\n rect: PdfRect,\n pageHeight: number,\n scale: number,\n color: string \| undefined,\n): React.CSSProperties {\n return {\n left: rect.x scale,\n top: (pageHeight - rect.y - rect.height) * scale,\n width: rect.width * scale,\n height: rect.height * scale,\n ...(color != null\n ? { \"--osdk-pdf-annotation-color\": color } as React.CSSProperties\n : {}),\n };\n}\n\nfunction useAnnotationHandlers(\n annotation: PdfAnnotation,\n onClick?: (annotation: PdfAnnotation) => void,\n) {\n const handleClick = useCallback(() => {\n onClick?.(annotation);\n }, [onClick, annotation]);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n onClick?.(annotation);\n }\n },\n [onClick, annotation],\n );\n\n return { handleClick, handleKeyDown };\n}\n\nfunction AnnotationItem({\n annotation,\n pageHeight,\n scale,\n onClick,\n}: AnnotationItemProps): React.ReactElement {\n const { handleClick, handleKeyDown } = useAnnotationHandlers(\n annotation,\n onClick,\n );\n\n const className = classnames(\n styles.annotation,\n styles[annotation.type],\n );\n\n const multiRects = annotation.rects;\n const hasMultipleRects = multiRects != null && multiRects.length > 1;\n\n const style = useMemo(\n () =>\n computeRectStyle(annotation.rect, pageHeight, scale, annotation.color),\n [annotation, pageHeight, scale],\n );\n\n // Multi-rect: render a group wrapper with one div per rect\n if (hasMultipleRects) {\n return (\n <div\n className={styles.annotationGroup}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n title={annotation.label}\n data-annotation-id={annotation.id}\n >\n {multiRects.map((rect, i) => (\n <div\n key={i}\n className={className}\n style={computeRectStyle(\n rect,\n pageHeight,\n scale,\n annotation.color,\n )}\n />\n ))}\n </div>\n );\n }\n\n // Single rect: existing behavior\n\n return (\n <div\n className={className}\n style={style}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n title={annotation.label}\n data-annotation-id={annotation.id}\n />\n );\n}\n\nfunction CustomAnnotationItem({\n annotation,\n pageHeight,\n scale,\n onClick,\n}: AnnotationItemProps & {\n annotation: PdfCustomAnnotation;\n}): React.ReactElement {\n const { handleClick, handleKeyDown } = useAnnotationHandlers(\n annotation,\n onClick,\n );\n\n const style = useMemo(\n () => computeRectStyle(annotation.rect, pageHeight, scale, undefined),\n [annotation, pageHeight, scale],\n );\n\n const renderProps = useMemo(\n () => ({ annotation, scale, pageHeight }),\n [annotation, scale, pageHeight],\n );\n\n return (\n <div\n className={styles.annotation}\n style={style}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n title={annotation.label}\n data-annotation-id={annotation.id}\n >\n {annotation.render(renderProps)}\n </div>\n );\n}\n\nexport function PdfViewerAnnotationLayer({\n annotations,\n pageHeight,\n scale,\n onAnnotationClick,\n}: PdfViewerAnnotationLayerProps): React.ReactElement {\n return (\n <div className={styles.annotationLayer}>\n {annotations.map((annotation) =>\n annotation.type === \"custom\"\n ? (\n <CustomAnnotationItem\n key={annotation.id}\n annotation={annotation}\n pageHeight={pageHeight}\n scale={scale}\n onClick={onAnnotationClick}\n />\n )\n : (\n <AnnotationItem\n key={annotation.id}\n annotation={annotation}\n pageHeight={pageHeight}\n scale={scale}\n onClick={onAnnotationClick}\n />\n )\n )}\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"PdfViewerAnnotationLayer.js","names":["classnames","React","useCallback","useMemo","styles","applyTransform","point","m","computeRectStyle","rect","transform","color","x1","y1","x","y","x2","y2","width","height","left","Math","min","top","abs","useAnnotationHandlers","annotation","onClick","handleClick","handleKeyDown","e","key","preventDefault","AnnotationItem","className","type","multiRects","rects","hasMultipleRects","length","style","createElement","annotationGroup","onKeyDown","role","tabIndex","title","label","id","map","i","CustomAnnotationItem","pageHeight","scale","undefined","renderProps","render","PdfViewerAnnotationLayer","annotations","onAnnotationClick","annotationLayer"],"sources":["PdfViewerAnnotationLayer.tsx"],"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\nimport classnames from \"classnames\";\nimport React, { useCallback, useMemo } from \"react\";\nimport type { PdfAnnotation, PdfCustomAnnotation, PdfRect } from \"../types.js\";\nimport styles from \"./PdfViewerAnnotationLayer.module.css\";\n\nexport interface PdfViewerAnnotationLayerProps {\n annotations: PdfAnnotation[];\n pageHeight: number;\n scale: number;\n transform: number[];\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n}\n\ninterface AnnotationItemProps {\n annotation: PdfAnnotation;\n transform: number[];\n onClick?: (annotation: PdfAnnotation) => void;\n}\n\ninterface CustomAnnotationItemProps extends AnnotationItemProps {\n annotation: PdfCustomAnnotation;\n pageHeight: number;\n scale: number;\n}\n\nfunction applyTransform(\n point: readonly [number, number],\n m: readonly number[],\n): [number, number] {\n return [\n m[0] point[0] + m[2] * point[1] + m[4],\n m[1] * point[0] + m[3] * point[1] + m[5],\n ];\n}\n\n/** Convert a single PDF rect (bottom-left origin) to CSS positioning (top-left origin). */\nfunction computeRectStyle(\n rect: PdfRect,\n transform: readonly number[],\n color: string \| undefined,\n): React.CSSProperties {\n const [x1, y1] = applyTransform([rect.x, rect.y], transform);\n const [x2, y2] = applyTransform(\n [rect.x + rect.width, rect.y + rect.height],\n transform,\n );\n return {\n left: Math.min(x1, x2),\n top: Math.min(y1, y2),\n width: Math.abs(x2 - x1),\n height: Math.abs(y2 - y1),\n ...(color != null\n ? { \"--osdk-pdf-annotation-color\": color } as React.CSSProperties\n : {}),\n };\n}\n\nfunction useAnnotationHandlers(\n annotation: PdfAnnotation,\n onClick?: (annotation: PdfAnnotation) => void,\n) {\n const handleClick = useCallback(() => {\n onClick?.(annotation);\n }, [onClick, annotation]);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n onClick?.(annotation);\n }\n },\n [onClick, annotation],\n );\n\n return { handleClick, handleKeyDown };\n}\n\nfunction AnnotationItem({\n annotation,\n transform,\n onClick,\n}: AnnotationItemProps): React.ReactElement {\n const { handleClick, handleKeyDown } = useAnnotationHandlers(\n annotation,\n onClick,\n );\n\n const className = classnames(\n styles.annotation,\n styles[annotation.type],\n );\n\n const multiRects = annotation.rects;\n const hasMultipleRects = multiRects != null && multiRects.length > 1;\n\n const style = useMemo(\n () => computeRectStyle(annotation.rect, transform, annotation.color),\n [annotation, transform],\n );\n\n // Multi-rect: render a group wrapper with one div per rect\n if (hasMultipleRects) {\n return (\n <div\n className={styles.annotationGroup}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n title={annotation.label}\n data-annotation-id={annotation.id}\n >\n {multiRects.map((rect, i) => (\n <div\n key={i}\n className={className}\n style={computeRectStyle(rect, transform, annotation.color)}\n />\n ))}\n </div>\n );\n }\n\n // Single rect: existing behavior\n\n return (\n <div\n className={className}\n style={style}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n title={annotation.label}\n data-annotation-id={annotation.id}\n />\n );\n}\n\nfunction CustomAnnotationItem({\n annotation,\n pageHeight,\n scale,\n transform,\n onClick,\n}: CustomAnnotationItemProps): React.ReactElement {\n const { handleClick, handleKeyDown } = useAnnotationHandlers(\n annotation,\n onClick,\n );\n\n const style = useMemo(\n () => computeRectStyle(annotation.rect, transform, undefined),\n [annotation, transform],\n );\n\n const renderProps = useMemo(\n () => ({ annotation, scale, pageHeight, transform }),\n [annotation, scale, pageHeight, transform],\n );\n\n return (\n <div\n className={styles.annotation}\n style={style}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n title={annotation.label}\n data-annotation-id={annotation.id}\n >\n {annotation.render(renderProps)}\n </div>\n );\n}\n\nexport function PdfViewerAnnotationLayer({\n annotations,\n pageHeight,\n scale,\n transform,\n onAnnotationClick,\n}: PdfViewerAnnotationLayerProps): React.ReactElement {\n return (\n <div className={styles.annotationLayer}>\n {annotations.map((annotation) =>\n annotation.type === \"custom\"\n ? (\n <CustomAnnotationItem\n key={annotation.id}\n annotation={annotation}\n pageHeight={pageHeight}\n scale={scale}\n transform={transform}\n onClick={onAnnotationClick}\n />\n )\n : (\n <AnnotationItem\n key={annotation.id}\n annotation={annotation}\n transform={transform}\n onClick={onAnnotationClick}\n />\n )\n )}\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/components/PdfViewerContent.js CHANGED Viewed

@@ -18,13 +18,12 @@ import { Error as ErrorIcon, Spin } from "@blueprintjs/icons";
 import classnames from "classnames";
 import "pdfjs-dist/web/pdf_viewer.css";
 import React, { useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
 import { EMPTY_ANNOTATION_ARRAY } from "../constants.js";
 import { usePdfAnnotationsByPage } from "../hooks/usePdfAnnotationsByPage.js";
 import { usePdfFormFields } from "../hooks/usePdfFormFields.js";
 import { usePdfViewerCore } from "../hooks/usePdfViewerCore.js";
 import styles from "../PdfViewer.module.css.js";
-import { PdfViewerAnnotationLayer } from "./PdfViewerAnnotationLayer.js";
+import { PdfAnnotationOverlay } from "./PdfAnnotationOverlay.js";
 export function PdfViewerContent({
   src,
   annotations = EMPTY_ANNOTATION_ARRAY,
@@ -113,13 +112,12 @@ export function PdfViewerContent({
     if (pageAnnotations.length === 0) {
       return null;
     }
-    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(PdfViewerAnnotationLayer, {
+    return /*#__PURE__*/React.createElement(PdfAnnotationOverlay, {
       key: target.pageNumber,
+      target: target,
       annotations: pageAnnotations,
-      pageHeight: target.pageHeight,
-      scale: target.scale,
       onAnnotationClick: onAnnotationClick
-    }), target.container);
+    });
   }))));
 }
 //# sourceMappingURL=PdfViewerContent.js.map

package/build/browser/pdf-viewer/components/PdfViewerContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PdfViewerContent.js","names":["Error","ErrorIcon","Spin","classnames","React","useEffect","useRef","~~createPortal","~~EMPTY_ANNOTATION_ARRAY","usePdfAnnotationsByPage","usePdfFormFields","usePdfViewerCore","styles","~~PdfViewerAnnotationLayer~~","PdfViewerContent","src","annotations","onAnnotationClick","initialPage","initialScale","onPageChange","onPageChangeProp","onScaleChange","onScaleChangeProp","formData","onFormChange","className","viewer","annotationsByPage","pdfViewerRef","eventBusRef","document","onPageChangeRef","current","onScaleChangeRef","isInitialMountRef","currentPage","scale","rootClassName","pdfViewer","loading","createElement","loadingContainer","spinnerIcon","error","errorContainer","errorIcon","message","scrollContainerWrapper","ref","containerRef","scrollContainer","viewerRef","portalTargets","map","target","pageAnnotations","pageNumber","length","key"~~,"pageHeight","container"~~],"sources":["PdfViewerContent.tsx"],"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\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport \"pdfjs-dist/web/pdf_viewer.css\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ~~createPortal } from \"react-dom\";\nimport {~~ EMPTY_ANNOTATION_ARRAY } from \"../constants.js\";\nimport { usePdfAnnotationsByPage } from \"../hooks/usePdfAnnotationsByPage.js\";\nimport { usePdfFormFields } from \"../hooks/usePdfFormFields.js\";\nimport { usePdfViewerCore } from \"../hooks/usePdfViewerCore.js\";\nimport styles from \"../PdfViewer.module.css\";\nimport type { PdfAnnotation, PdfFormFieldValue } from \"../types.js\";\nimport { ~~PdfViewerAnnotationLayer~~ } from \"./~~PdfViewerAnnotationLayer~~.js\";\n\nexport interface PdfViewerContentProps {\n /* PDF source — URL string or ArrayBuffer /\n src: string \| ArrayBuffer;\n /* Annotations to overlay on the PDF /\n annotations?: PdfAnnotation[];\n /* Callback fired when an annotation is clicked /\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n /* Initial page number (1-indexed, default 1) /\n initialPage?: number;\n /* Initial zoom scale (default 1.0) /\n initialScale?: number;\n /* Callback fired when the current page changes during scrolling /\n onPageChange?: (page: number) => void;\n /* Callback fired when the zoom scale changes /\n onScaleChange?: (scale: number) => void;\n /* Initial form field values keyed by field name. Applied when the document loads. /\n formData?: Record<string, PdfFormFieldValue>;\n /* Callback fired when any form field value changes. /\n onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;\n /* Additional CSS class name for the root element */\n className?: string;\n}\n\nexport function PdfViewerContent({\n src,\n annotations = EMPTY_ANNOTATION_ARRAY,\n onAnnotationClick,\n initialPage = 1,\n initialScale = 1.0,\n onPageChange: onPageChangeProp,\n onScaleChange: onScaleChangeProp,\n formData,\n onFormChange,\n className,\n}: PdfViewerContentProps): React.ReactElement {\n const viewer = usePdfViewerCore({ src, initialPage, initialScale });\n const annotationsByPage = usePdfAnnotationsByPage(annotations);\n\n usePdfFormFields({\n pdfViewerRef: viewer.pdfViewerRef,\n eventBusRef: viewer.eventBusRef,\n document: viewer.document,\n formData,\n onFormChange,\n });\n\n // Use refs for callbacks to avoid firing on initial mount\n const onPageChangeRef = useRef(onPageChangeProp);\n onPageChangeRef.current = onPageChangeProp;\n const onScaleChangeRef = useRef(onScaleChangeProp);\n onScaleChangeRef.current = onScaleChangeProp;\n const isInitialMountRef = useRef(true);\n\n useEffect(function notifyPageChange() {\n if (isInitialMountRef.current) {\n return;\n }\n onPageChangeRef.current?.(viewer.currentPage);\n }, [viewer.currentPage]);\n\n useEffect(function notifyScaleChange() {\n if (isInitialMountRef.current) {\n return;\n }\n onScaleChangeRef.current?.(viewer.scale);\n }, [viewer.scale]);\n\n useEffect(function clearInitialMount() {\n isInitialMountRef.current = false;\n }, []);\n\n const rootClassName = classnames(styles.pdfViewer, className);\n\n if (viewer.loading) {\n return (\n <div className={rootClassName}>\n <div className={styles.loadingContainer}>\n <Spin className={styles.spinnerIcon} />\n Loading…\n </div>\n </div>\n );\n }\n\n if (viewer.error != null) {\n return (\n <div className={rootClassName}>\n <div className={styles.errorContainer}>\n <ErrorIcon className={styles.errorIcon} />\n Failed to load PDF: {viewer.error.message}\n </div>\n </div>\n );\n }\n\n if (viewer.document == null) {\n return (\n <div className={rootClassName}>\n <div className={styles.loadingContainer}>No document</div>\n </div>\n );\n }\n\n return (\n <div className={rootClassName}>\n <div className={styles.scrollContainerWrapper}>\n <div ref={viewer.containerRef} className={styles.scrollContainer}>\n <div ref={viewer.viewerRef} className=\"pdfViewer\" />\n {viewer.portalTargets.map((target) => {\n const pageAnnotations = annotationsByPage[target.pageNumber]\n ?? EMPTY_ANNOTATION_ARRAY;\n if (pageAnnotations.length === 0) {\n return null;\n }\n return ~~createPortal~~(\n <~~PdfViewerAnnotationLayer~~\n key={target.pageNumber}\n ~~annotations~~={~~pageAnnotations}\n pageHeight={~~target~~.pageHeight~~}\n ~~scale~~={~~target.scale~~}\n onAnnotationClick={onAnnotationClick}\n ~~/>,\~~n ~~target.container,\n~~ );\n })}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,IAAIC,SAAS,EAAEC,IAAI,QAAQ,oBAAoB;AAC7D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAO,+BAA+B;AACtC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,~~YAAY,QAAQ,WAAW;AACxC,SAASC,~~sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,uBAAuB,QAAQ,qCAAqC;AAC7E,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,OAAOC,MAAM,MAAM,yBAAyB;AAE5C,SAASC,~~wBAAwB~~,QAAQ~~,+BAA+B~~;~~AAyBxE~~,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,GAAG;EACHC,WAAW,GAAGR,sBAAsB;EACpCS,iBAAiB;EACjBC,WAAW,GAAG,CAAC;EACfC,YAAY,GAAG,GAAG;EAClBC,YAAY,EAAEC,gBAAgB;EAC9BC,aAAa,EAAEC,iBAAiB;EAChCC,QAAQ;EACRC,YAAY;EACZC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,MAAM,GAAGhB,gBAAgB,CAAC;IAAEI,GAAG;IAAEG,WAAW;IAAEC;EAAa,CAAC,CAAC;EACnE,MAAMS,iBAAiB,GAAGnB,uBAAuB,CAACO,WAAW,CAAC;EAE9DN,gBAAgB,CAAC;IACfmB,YAAY,EAAEF,MAAM,CAACE,YAAY;IACjCC,WAAW,EAAEH,MAAM,CAACG,WAAW;IAC/BC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;IACzBP,QAAQ;IACRC;EACF,CAAC,CAAC;;EAEF;EACA,MAAMO,eAAe,~~GAAG1B~~,MAAM,~~CAACe~~,gBAAgB,CAAC;EAChDW,eAAe,CAACC,OAAO,GAAGZ,gBAAgB;EAC1C,MAAMa,gBAAgB,~~GAAG5B~~,MAAM,~~CAACiB~~,iBAAiB,CAAC;EAClDW,gBAAgB,CAACD,OAAO,GAAGV,iBAAiB;EAC5C,MAAMY,iBAAiB,~~GAAG7B~~,MAAM,CAAC,IAAI,CAAC;EAEtCD,SAAS,CAAC,YAA4B;IACpC,~~IAAI8B~~,iBAAiB,CAACF,OAAO,EAAE;MAC7B;IACF;IACAD,eAAe,CAACC,OAAO,GAAGN,MAAM,CAACS,WAAW,CAAC;EAC/C,CAAC,EAAE,CAACT,MAAM,CAACS,WAAW,CAAC,CAAC;~~EAExB/B~~,SAAS,CAAC,YAA6B;IACrC,~~IAAI8B~~,iBAAiB,CAACF,OAAO,EAAE;MAC7B;IACF;IACAC,gBAAgB,CAACD,OAAO,GAAGN,MAAM,CAACU,KAAK,CAAC;EAC1C,CAAC,EAAE,CAACV,MAAM,CAACU,KAAK,CAAC,CAAC;~~EAElBhC~~,SAAS,CAAC,YAA6B;~~IACrC8B~~,iBAAiB,CAACF,OAAO,GAAG,KAAK;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,aAAa,~~GAAGnC~~,UAAU,~~CAACS~~,MAAM,CAAC2B,SAAS,EAAEb,SAAS,CAAC;EAE7D,IAAIC,MAAM,CAACa,OAAO,EAAE;IAClB,~~oBACEpC~~,KAAA,~~CAAAqC~~,aAAA;MAAKf,SAAS,EAAEY;IAAc,~~gBAC5BlC~~,KAAA,~~CAAAqC~~,aAAA;MAAKf,SAAS,EAAEd,MAAM,CAAC8B;IAAiB,~~gBACtCtC~~,KAAA,~~CAAAqC~~,aAAA,~~CAACvC~~,IAAI;~~MAACwB~~,SAAS,EAAEd,MAAM,CAAC+B;IAAY,CAAE,CAAC,iBAEpC,CACF,CAAC;EAEV;EAEA,IAAIhB,MAAM,CAACiB,KAAK,IAAI,IAAI,EAAE;IACxB,~~oBACExC~~,KAAA,~~CAAAqC~~,aAAA;MAAKf,SAAS,EAAEY;IAAc,~~gBAC5BlC~~,KAAA,~~CAAAqC~~,aAAA;MAAKf,SAAS,EAAEd,MAAM,CAACiC;IAAe,~~gBACpCzC~~,KAAA,~~CAAAqC~~,aAAA,~~CAACxC~~,SAAS;~~MAACyB~~,SAAS,EAAEd,MAAM,CAACkC;IAAU,CAAE,CAAC,wBACtB,EAACnB,MAAM,CAACiB,KAAK,CAACG,OAC/B,CACF,CAAC;EAEV;EAEA,IAAIpB,MAAM,CAACI,QAAQ,IAAI,IAAI,EAAE;IAC3B,~~oBACE3B~~,KAAA,~~CAAAqC~~,aAAA;MAAKf,SAAS,EAAEY;IAAc,~~gBAC5BlC~~,KAAA,~~CAAAqC~~,aAAA;MAAKf,SAAS,EAAEd,MAAM,CAAC8B;IAAiB,GAAC,aAAgB,CACtD,CAAC;EAEV;EAEA,~~oBACEtC~~,KAAA,~~CAAAqC~~,aAAA;IAAKf,SAAS,EAAEY;EAAc,~~gBAC5BlC~~,KAAA,~~CAAAqC~~,aAAA;IAAKf,SAAS,EAAEd,MAAM,CAACoC;EAAuB,~~gBAC5C5C~~,KAAA,~~CAAAqC~~,aAAA;IAAKQ,GAAG,EAAEtB,MAAM,CAACuB,YAAa;IAACxB,SAAS,EAAEd,MAAM,CAACuC;EAAgB,gBAC/~~D/C~~,KAAA,~~CAAAqC~~,aAAA;IAAKQ,GAAG,EAAEtB,MAAM,CAACyB,SAAU;IAAC1B,SAAS,EAAC;EAAW,CAAE,CAAC,EACnDC,MAAM,CAAC0B,aAAa,CAACC,GAAG,CAAEC,MAAM,IAAK;IACpC,MAAMC,eAAe,GAAG5B,iBAAiB,CAAC2B,MAAM,CAACE,UAAU,CAAC,IACvDjD,sBAAsB;IAC3B,IAAIgD,eAAe,CAACE,MAAM,KAAK,CAAC,EAAE;MAChC,OAAO,IAAI;IACb;IACA,~~oBAAOnD~~,~~YAAY,cACjBH,~~KAAA,~~CAAAqC~~,aAAA,CAAC5B,~~wBAAwB~~;~~MACvB8C~~,GAAG,EAAEJ,MAAM,CAACE,UAAW;~~MACvBzC~~,~~WAAW,EAAEwC,eAAgB;MAC7BI,UAAU,EAAEL,~~MAAM,~~CAACK~~,~~UAAW~~;~~MAC9BvB~~,~~KAAK~~,~~EAAEkB~~,~~MAAM,CAAClB,KAAM~~;~~MACpBpB~~,iBAAiB,EAAEA;IAAkB,CACtC,CAAC~~,EACFsC,MAAM,CAACM,SACT,CAAC~~;~~EACH~~,CAAC,CACE,CACF,CACF,CAAC;AAEV","ignoreList":[]}
1	+ {"version":3,"file":"PdfViewerContent.js","names":["Error","ErrorIcon","Spin","classnames","React","useEffect","useRef","EMPTY_ANNOTATION_ARRAY","usePdfAnnotationsByPage","usePdfFormFields","usePdfViewerCore","styles","PdfAnnotationOverlay","PdfViewerContent","src","annotations","onAnnotationClick","initialPage","initialScale","onPageChange","onPageChangeProp","onScaleChange","onScaleChangeProp","formData","onFormChange","className","viewer","annotationsByPage","pdfViewerRef","eventBusRef","document","onPageChangeRef","current","onScaleChangeRef","isInitialMountRef","currentPage","scale","rootClassName","pdfViewer","loading","createElement","loadingContainer","spinnerIcon","error","errorContainer","errorIcon","message","scrollContainerWrapper","ref","containerRef","scrollContainer","viewerRef","portalTargets","map","target","pageAnnotations","pageNumber","length","key"],"sources":["PdfViewerContent.tsx"],"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\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport \"pdfjs-dist/web/pdf_viewer.css\";\nimport React, { useEffect, useRef } from \"react\";\nimport { EMPTY_ANNOTATION_ARRAY } from \"../constants.js\";\nimport { usePdfAnnotationsByPage } from \"../hooks/usePdfAnnotationsByPage.js\";\nimport { usePdfFormFields } from \"../hooks/usePdfFormFields.js\";\nimport { usePdfViewerCore } from \"../hooks/usePdfViewerCore.js\";\nimport styles from \"../PdfViewer.module.css\";\nimport type { PdfAnnotation, PdfFormFieldValue } from \"../types.js\";\nimport { PdfAnnotationOverlay } from \"./PdfAnnotationOverlay.js\";\n\nexport interface PdfViewerContentProps {\n /* PDF source — URL string or ArrayBuffer /\n src: string \| ArrayBuffer;\n /* Annotations to overlay on the PDF /\n annotations?: PdfAnnotation[];\n /* Callback fired when an annotation is clicked /\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n /* Initial page number (1-indexed, default 1) /\n initialPage?: number;\n /* Initial zoom scale (default 1.0) /\n initialScale?: number;\n /* Callback fired when the current page changes during scrolling /\n onPageChange?: (page: number) => void;\n /* Callback fired when the zoom scale changes /\n onScaleChange?: (scale: number) => void;\n /* Initial form field values keyed by field name. Applied when the document loads. /\n formData?: Record<string, PdfFormFieldValue>;\n /* Callback fired when any form field value changes. /\n onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;\n /* Additional CSS class name for the root element */\n className?: string;\n}\n\nexport function PdfViewerContent({\n src,\n annotations = EMPTY_ANNOTATION_ARRAY,\n onAnnotationClick,\n initialPage = 1,\n initialScale = 1.0,\n onPageChange: onPageChangeProp,\n onScaleChange: onScaleChangeProp,\n formData,\n onFormChange,\n className,\n}: PdfViewerContentProps): React.ReactElement {\n const viewer = usePdfViewerCore({ src, initialPage, initialScale });\n const annotationsByPage = usePdfAnnotationsByPage(annotations);\n\n usePdfFormFields({\n pdfViewerRef: viewer.pdfViewerRef,\n eventBusRef: viewer.eventBusRef,\n document: viewer.document,\n formData,\n onFormChange,\n });\n\n // Use refs for callbacks to avoid firing on initial mount\n const onPageChangeRef = useRef(onPageChangeProp);\n onPageChangeRef.current = onPageChangeProp;\n const onScaleChangeRef = useRef(onScaleChangeProp);\n onScaleChangeRef.current = onScaleChangeProp;\n const isInitialMountRef = useRef(true);\n\n useEffect(function notifyPageChange() {\n if (isInitialMountRef.current) {\n return;\n }\n onPageChangeRef.current?.(viewer.currentPage);\n }, [viewer.currentPage]);\n\n useEffect(function notifyScaleChange() {\n if (isInitialMountRef.current) {\n return;\n }\n onScaleChangeRef.current?.(viewer.scale);\n }, [viewer.scale]);\n\n useEffect(function clearInitialMount() {\n isInitialMountRef.current = false;\n }, []);\n\n const rootClassName = classnames(styles.pdfViewer, className);\n\n if (viewer.loading) {\n return (\n <div className={rootClassName}>\n <div className={styles.loadingContainer}>\n <Spin className={styles.spinnerIcon} />\n Loading…\n </div>\n </div>\n );\n }\n\n if (viewer.error != null) {\n return (\n <div className={rootClassName}>\n <div className={styles.errorContainer}>\n <ErrorIcon className={styles.errorIcon} />\n Failed to load PDF: {viewer.error.message}\n </div>\n </div>\n );\n }\n\n if (viewer.document == null) {\n return (\n <div className={rootClassName}>\n <div className={styles.loadingContainer}>No document</div>\n </div>\n );\n }\n\n return (\n <div className={rootClassName}>\n <div className={styles.scrollContainerWrapper}>\n <div ref={viewer.containerRef} className={styles.scrollContainer}>\n <div ref={viewer.viewerRef} className=\"pdfViewer\" />\n {viewer.portalTargets.map((target) => {\n const pageAnnotations = annotationsByPage[target.pageNumber]\n ?? EMPTY_ANNOTATION_ARRAY;\n if (pageAnnotations.length === 0) {\n return null;\n }\n return (\n <PdfAnnotationOverlay\n key={target.pageNumber}\n target={target}\n annotations={pageAnnotations}\n onAnnotationClick={onAnnotationClick}\n />\n );\n })}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/hooks/usePdfAnnotationPortals.js CHANGED Viewed

@@ -24,31 +24,101 @@ export function usePdfAnnotationPortals(pdfViewerRef, eventBusRef, document) {
     if (eventBus == null || pdfViewer == null) {
       return;
     }
-    const handlePageRendered = evt => {
-      const pageIndex = evt.pageNumber - 1;
-      const pageView = pdfViewer.getPageView(pageIndex);
+    const measurePage = (pageNumber, containerRect, scrollContainer) => {
+      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 + scrollContainer.scrollLeft,
+        top: divRect.top - containerRect.top + scrollContainer.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 scrollContainer = pdfViewer.container;
+      if (scrollContainer == null) {
+        return null;
+      }
+      return {
+        rect: scrollContainer.getBoundingClientRect(),
+        el: scrollContainer
+      };
+    };
+    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 => {
-        // Replace existing entry for this page or add new one
         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;
 }
 //# sourceMappingURL=usePdfAnnotationPortals.js.map

package/build/browser/pdf-viewer/hooks/usePdfAnnotationPortals.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePdfAnnotationPortals.js","names":["useEffect","useState","PAGE_RENDERED_EVENT","usePdfAnnotationPortals","pdfViewerRef","eventBusRef","document","portalTargets","setPortalTargets","eventBus","current","pdfViewer","~~handlePageRendered~~","~~evt~~","~~pageIndex~~","~~pageNumber~~","pageView","getPageView","div","viewport","~~prev~~","~~filtered~~","~~filter~~","t","~~container~~","pageHeight","viewBox","scale","sort","a","b","on","off"],"sources":["usePdfAnnotationPortals.ts"],"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\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport type { EventBus, PDFViewer } from \"pdfjs-dist/web/pdf_viewer.mjs\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { PAGE_RENDERED_EVENT } from \"../constants.js\";\n\nexport interface AnnotationPortalTarget {\n pageNumber: number;\n ~~container~~: ~~HTMLDivElement~~;\n pageHeight: number;\n scale: number;\n}\n\nexport function usePdfAnnotationPortals(\n pdfViewerRef: RefObject<PDFViewer \| null>,\n eventBusRef: RefObject<EventBus \| null>,\n document: PDFDocumentProxy \| undefined,\n): AnnotationPortalTarget[] {\n const [portalTargets, setPortalTargets] = useState<AnnotationPortalTarget[]>(\n [],\n );\n\n useEffect(function ~~subscribePageRendered~~() {\n const eventBus = eventBusRef.current;\n const pdfViewer = pdfViewerRef.current;\n if (eventBus == null \|\| pdfViewer == null) {\n return;\n }\n\n const ~~handlePageRendered~~ = (~~evt~~: { ~~pageNumber~~: ~~number }~~) => {\n const ~~pageIndex~~ = ~~evt~~.pageNumber - 1~~;\n const pageView = pdfViewer.getPageView(pageIndex~~);\n if (pageView?.div == null \|\| pageView?.viewport == null) {\n return;\n }\n\n const ~~viewport~~ = pageView.~~viewport~~;\n\n ~~setPortalTargets~~(~~(prev~~) => {\n // ~~Replace~~ ~~existing~~ ~~entry~~ ~~for~~ ~~this~~ ~~page~~ or ~~add~~ ~~new~~ ~~one\~~n ~~const~~ ~~filtered = prev~~.~~filter((t)~~ => t.~~pageNumber~~ ~~!==~~ ~~evt~~.~~pageNumber);\~~n ~~return~~ ~~[...filtered,~~ ~~{\n pageNumber:~~ ~~evt~~.~~pageNumber~~,\n ~~container~~: ~~pageView~~.~~div as HTMLDivElement~~,\n ~~pageHeight~~: ~~viewport~~.~~viewBox[3],~~ // viewBox is [xMin, yMin, width, height] and we need the original height before scaling\n scale: viewport.scale,\n }].sort((a, b) => a.pageNumber - b.pageNumber);\n });\n };\n\n eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);\n\n return () => {\n eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);\n setPortalTargets([]);\n };\n }, [~~eventBusRef, pdfViewerRef,~~ document]);\n\n return portalTargets;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,mBAAmB,QAAQ,iBAAiB;~~AASrD~~,OAAO,SAASC,uBAAuBA,CACrCC,YAAyC,EACzCC,WAAuC,EACvCC,QAAsC,EACZ;EAC1B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGP,QAAQ,CAChD,EACF,CAAC;EAEDD,SAAS,CAAC,~~YAAiC~~;~~IACzC~~,MAAMS,QAAQ,GAAGJ,WAAW,CAACK,OAAO;IACpC,MAAMC,SAAS,GAAGP,YAAY,CAACM,OAAO;IACtC,IAAID,QAAQ,IAAI,IAAI,IAAIE,SAAS,IAAI,IAAI,EAAE;MACzC;IACF;IAEA,MAAMC,~~kBAAkB~~,~~GAAIC~~,~~GAA2B~~,~~IAAK;MAC1D~~,~~MAAMC~~,~~SAAS~~,~~GAAGD~~,~~GAAG~~,~~CAACE,UAAU,GAAG,CAAC~~;~~MACpC~~,MAAMC,QAAQ,GAAGL,SAAS,CAACM,WAAW,~~CAACH~~,~~SAAS~~,CAAC;~~MACjD~~,~~IAAIE~~,QAAQ,EAAEE,GAAG,IAAI,IAAI,IAAIF,QAAQ,EAAEG,QAAQ,IAAI,IAAI,EAAE;QACvD;~~MACF~~;~~MAEA~~,~~MAAMA~~,QAAQ,~~GAAGH~~,QAAQ,CAACG,QAAQ;~~MAElCX~~,gBAAgB,~~CAAEY~~,IAAI,IAAK;QACzB~~;QACA~~,MAAMC,QAAQ,GAAGD,IAAI,CAACE,MAAM,CAAEC,CAAC,IAAKA,CAAC,~~CAACR~~,UAAU,~~KAAKF~~,GAAG,~~CAACE~~,UAAU,CAAC;QACpE,OAAO,CAAC,~~GAAGM~~,QAAQ,~~EAAE;UACnBN~~,UAAU,~~EAAEF~~,~~GAAG~~,~~CAACE~~,UAAU;~~UAC1BS~~,SAAS,~~EAAER~~,~~QAAQ~~,~~CAACE~~,~~GAAqB~~;~~UACzCO~~,~~UAAU~~,~~EAAEN~~,~~QAAQ~~,~~CAACO~~,~~OAAO~~,CAAC,CAAC,CAAC;~~UAAE~~;~~UACjCC~~,~~KAAK~~,~~EAAER~~,~~QAAQ~~,~~CAACQ~~;~~QAClB~~,~~CAAC~~,~~CAAC~~,~~CAACC~~,IAAI,~~CAAC~~,CAACC,~~CAAC~~,~~EAAEC~~,~~CAAC~~,~~KAAKD~~,CAAC,~~CAACd~~,UAAU,~~GAAGe~~,~~CAAC~~,~~CAACf~~,UAAU,CAAC;~~MAChD~~,CAAC,CAAC;IACJ,CAAC;~~IAEDN~~,QAAQ,~~CAACsB~~,EAAE,~~CAAC7B~~,mBAAmB,~~EAAEU~~,kBAAkB,CAAC;~~IAEpD~~,OAAO,MAAM;~~MACXH~~,QAAQ,~~CAACuB~~,GAAG,~~CAAC9B~~,mBAAmB,~~EAAEU~~,kBAAkB,CAAC;~~MACrDJ~~,gBAAgB,CAAC,EAAE,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,~~CAACH~~,~~WAAW,EAAED,YAAY,EAAEE,~~QAAQ,CAAC,CAAC;~~EAEzC~~,OAAOC,aAAa;AACtB","ignoreList":[]}
1	+ {"version":3,"file":"usePdfAnnotationPortals.js","names":["useEffect","useState","PAGE_RENDERED_EVENT","usePdfAnnotationPortals","pdfViewerRef","eventBusRef","document","portalTargets","setPortalTargets","eventBus","current","pdfViewer","measurePage","pageNumber","containerRect","scrollContainer","pageView","getPageView","div","viewport","divRect","getBoundingClientRect","width","height","left","scrollLeft","top","scrollTop","pageHeight","viewBox","scale","transform","slice","readContainer","container","rect","el","handlePageRendered","evt","next","prev","filtered","filter","t","sort","a","b","rafHandle","flushRemeasure","length","target","remeasured","push","remeasureAll","requestAnimationFrame","on","containerObserver","ResizeObserver","observe","off","disconnect","cancelAnimationFrame"],"sources":["usePdfAnnotationPortals.ts"],"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\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport type { EventBus, PDFViewer } from \"pdfjs-dist/web/pdf_viewer.mjs\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { PAGE_RENDERED_EVENT } from \"../constants.js\";\n\nexport interface AnnotationPortalTarget {\n pageNumber: number;\n left: number;\n top: number;\n width: number;\n height: number;\n pageHeight: number;\n scale: number;\n transform: number[];\n}\n\nexport function usePdfAnnotationPortals(\n pdfViewerRef: RefObject<PDFViewer \| null>,\n eventBusRef: RefObject<EventBus \| null>,\n document: PDFDocumentProxy \| undefined,\n): AnnotationPortalTarget[] {\n const [portalTargets, setPortalTargets] = useState<AnnotationPortalTarget[]>(\n [],\n );\n\n useEffect(function subscribePageEvents() {\n const eventBus = eventBusRef.current;\n const pdfViewer = pdfViewerRef.current;\n if (eventBus == null \|\| pdfViewer == null) {\n return;\n }\n\n const measurePage = (\n pageNumber: number,\n containerRect: DOMRect,\n scrollContainer: HTMLElement,\n ): AnnotationPortalTarget \| null => {\n const pageView = pdfViewer.getPageView(pageNumber - 1);\n if (pageView?.div == null \|\| pageView?.viewport == null) {\n return null;\n }\n const div = pageView.div as HTMLDivElement;\n const divRect = div.getBoundingClientRect();\n if (divRect.width <= 0 \|\| divRect.height <= 0) {\n return null;\n }\n return {\n pageNumber,\n // Assumes scrollContainer has zero border/padding; otherwise overlays will be offset.\n left: divRect.left - containerRect.left + scrollContainer.scrollLeft,\n top: divRect.top - containerRect.top + scrollContainer.scrollTop,\n width: divRect.width,\n height: divRect.height,\n // viewBox is [xMin, yMin, width, height] and we need the original height before scaling\n pageHeight: pageView.viewport.viewBox[3],\n scale: pageView.viewport.scale,\n transform: pageView.viewport.transform.slice(),\n };\n };\n\n const readContainer = (): {\n rect: DOMRect;\n el: HTMLElement;\n } \| null => {\n const scrollContainer = pdfViewer.container as HTMLElement \| null;\n if (scrollContainer == null) {\n return null;\n }\n return {\n rect: scrollContainer.getBoundingClientRect(),\n el: scrollContainer,\n };\n };\n\n const handlePageRendered = (evt: { pageNumber: number }) => {\n const container = readContainer();\n if (container == null) {\n return;\n }\n const next = measurePage(evt.pageNumber, container.rect, container.el);\n setPortalTargets((prev) => {\n const filtered = prev.filter((t) => t.pageNumber !== evt.pageNumber);\n if (next == null) {\n return filtered;\n }\n return [...filtered, next].sort((a, b) => a.pageNumber - b.pageNumber);\n });\n };\n\n let rafHandle: number \| null = null;\n const flushRemeasure = () => {\n rafHandle = null;\n setPortalTargets((prev) => {\n if (prev.length === 0) {\n return prev;\n }\n const container = readContainer();\n if (container == null) {\n return prev;\n }\n const next: AnnotationPortalTarget[] = [];\n for (const target of prev) {\n const remeasured = measurePage(\n target.pageNumber,\n container.rect,\n container.el,\n );\n if (remeasured != null) {\n next.push(remeasured);\n }\n }\n return next;\n });\n };\n const remeasureAll = () => {\n if (rafHandle != null) {\n return;\n }\n rafHandle = requestAnimationFrame(flushRemeasure);\n };\n\n eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);\n eventBus.on(\"scalechanging\", remeasureAll);\n eventBus.on(\"rotationchanging\", remeasureAll);\n\n const scrollContainer = pdfViewer.container as HTMLElement \| null;\n let containerObserver: ResizeObserver \| undefined;\n if (scrollContainer != null && typeof ResizeObserver !== \"undefined\") {\n containerObserver = new ResizeObserver(remeasureAll);\n containerObserver.observe(scrollContainer);\n }\n\n return () => {\n eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);\n eventBus.off(\"scalechanging\", remeasureAll);\n eventBus.off(\"rotationchanging\", remeasureAll);\n containerObserver?.disconnect();\n if (rafHandle != null) {\n cancelAnimationFrame(rafHandle);\n rafHandle = null;\n }\n setPortalTargets([]);\n };\n }, [document]);\n\n return portalTargets;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["types.ts"],"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\nimport type React from \"react\";\n\n/* Which sidebar panel to display when the sidebar is open. /\nexport type SidebarMode = \"thumbnails\" \| \"outline\";\n\n/* A single item in the PDF document outline (table of contents). /\nexport interface OutlineItem {\n title: string;\n depth: number;\n pageNumber: number;\n bold: boolean;\n italic: boolean;\n}\n\n/* The visual style of an annotation rendered on the PDF. /\nexport type AnnotationType =\n \| \"highlight\"\n \| \"underline\"\n \| \"comment\"\n \| \"pin\"\n \| \"custom\";\n\n/* A rectangle in PDF coordinate space (origin: bottom-left of page). /\nexport interface PdfRect {\n x: number;\n y: number;\n width: number;\n height: number;\n}\n\n/* Props passed to a custom annotation renderer. /\nexport interface PdfAnnotationRenderProps {\n annotation: PdfAnnotation;\n scale: number;\n pageHeight: number;\n}\n\n/* Common fields shared by all annotation types. /\ninterface PdfAnnotationBase {\n /* Unique identifier for this annotation /\n id: string;\n /* Page number (1-indexed) /\n page: number;\n /* Coordinates in PDF points (origin: bottom-left of page) /\n rect: PdfRect;\n /* Additional rects for multi-line text highlights. When present, all rects are rendered. /\n rects?: PdfRect[];\n /* Optional label or tooltip text /\n label?: string;\n /* Optional color override (CSS color string) /\n color?: string;\n}\n\n/* A built-in annotation type (highlight, underline, comment, pin). /\ninterface PdfStandardAnnotation extends PdfAnnotationBase {\n /* The type of annotation to render /\n type: \"highlight\" \| \"underline\" \| \"comment\" \| \"pin\";\n}\n\n/* A custom annotation with a user-provided renderer. /\nexport interface PdfCustomAnnotation extends PdfAnnotationBase {\n /* Must be \"custom\" for custom-rendered annotations /\n type: \"custom\";\n /* Render function for the custom annotation content (required for custom type) /\n render: (props: PdfAnnotationRenderProps) => React.ReactNode;\n}\n\n/* A single annotation positioned on a specific page of the PDF. /\nexport type PdfAnnotation = PdfStandardAnnotation \| PdfCustomAnnotation;\n\n/* Result passed to the {@link PdfViewerProps.onDownload} callback. /\nexport type PdfDownloadResult =\n \| { success: true; filename: string }\n \| { success: false; error: Error };\n\n/* Possible values for a PDF form field. /\nexport type PdfFormFieldValue = string \| boolean \| string[];\n\n/* Data emitted when the user creates a text highlight via the highlight editor. /\nexport interface PdfTextHighlightEvent {\n /* Internal PDF.js editor ID. Use with `deleteHighlight` to programmatically remove. /\n editorId: string;\n /* Page number (1-indexed) /\n page: number;\n /* Bounding rects in PDF coordinate space (bottom-left origin) /\n rects: PdfRect[];\n /* The selected text content /\n selectedText: string;\n /* Highlight color as CSS color string /\n color: string;\n}\n\n/* Imperative handle for programmatic control of a {@link PdfViewer} or {@link BasePdfViewer}. /\nexport interface PdfViewerHandle {\n /* Scroll the viewer to the given page number (1-indexed). /\n scrollToPage: (page: number) => void;\n /* Programmatically delete a highlight by its `editorId` (from {@link PdfTextHighlightEvent}). /\n deleteHighlight: (editorId: string) => void;\n}\n\n/\n Options for {@link usePdfViewerInstance}.\n * Equivalent to {@link PdfViewerProps} minus the `className` rendering concern.\n /\nexport interface PdfViewerInstanceOptions {\n /* PDF source — URL string or ArrayBuffer /\n src: string \| ArrayBuffer;\n /* Annotations to overlay on the PDF /\n annotations?: PdfAnnotation[];\n /* Callback fired when an annotation is clicked /\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n /* Callback fired when a download completes or fails /\n onDownload?: (result: PdfDownloadResult) => void;\n /* Whether the highlight toggle button is shown in the toolbar /\n highlightEnabled?: boolean;\n /* Callback fired when the user creates a text highlight /\n onTextHighlight?: (event: PdfTextHighlightEvent) => void;\n /* Callback fired when the user deletes a highlight /\n onHighlightDelete?: (event: PdfTextHighlightEvent) => void;\n /* Initial form field values keyed by field name /\n formData?: Record<string, PdfFormFieldValue>;\n /* Callback fired when the user clicks the save button /\n onFormSubmit?: (data: Record<string, PdfFormFieldValue>) => void;\n /* Callback fired when any form field value changes /\n onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;\n /* Initial page number (1-indexed, default 1) /\n initialPage?: number;\n /* Initial zoom scale (default 1.0) /\n initialScale?: number;\n /\n Whether auto-size (fit to width) is initially enabled.\n * When enabled, the PDF scales to fit the container width and\n * re-fits automatically on resize. Manual zoom disables auto-size.\n * Takes precedence over {@link initialScale} when enabled.\n * @default false\n /\n initialAutoSize?: boolean;\n /* Whether the sidebar is initially open (default false) /\n initialSidebarOpen?: boolean;\n /* Whether the download button is shown in the toolbar /\n enableDownload?: boolean;\n /* Which sidebar panel to show: thumbnails or document outline /\n sidebarMode?: SidebarMode;\n /* Custom icon components for each outline depth level (0-indexed) /\n outlineIcons?: Partial<Record<number, React.ComponentType>>;\n}\n\n/* Props for the {@link PdfViewer} component. /\nexport interface PdfViewerProps {\n /* PDF source — URL string or ArrayBuffer /\n src: string \| ArrayBuffer;\n /* Annotations to overlay on the PDF /\n annotations?: PdfAnnotation[];\n /\n Callback fired when an annotation is clicked.\n \n @param annotation - The annotation that was clicked\n * @returns void\n /\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n /\n Callback fired when a download completes or fails.\n \n @param result - The download result indicating success with the filename, or failure with an error\n * @returns void\n /\n onDownload?: (result: PdfDownloadResult) => void;\n /\n Whether the highlight toggle button is shown in the toolbar.\n * @default false\n /\n enableHighlight?: boolean;\n /\n Callback fired when the user creates a text highlight.\n * Only fires when highlight mode is active.\n \n @param event - The highlight event with page, rects, text, and color\n * @returns void\n /\n onTextHighlight?: (event: PdfTextHighlightEvent) => void;\n /\n Callback fired when the user deletes a highlight via the PDF.js editor UI.\n \n @param event - The highlight event that was deleted\n * @returns void\n /\n onHighlightDelete?: (event: PdfTextHighlightEvent) => void;\n /* Initial page number (1-indexed, default 1) /\n initialPage?: number;\n /* Initial zoom scale (default 1.0) /\n initialScale?: number;\n /\n Whether auto-size (fit to width) is initially enabled.\n * When enabled, the PDF scales to fit the container width and\n * re-fits automatically on resize. Manual zoom disables auto-size.\n * Takes precedence over {@link initialScale} when enabled.\n * @default false\n /\n initialAutoSize?: boolean;\n /* Whether the sidebar is initially open (default false) /\n initialSidebarOpen?: boolean;\n /\n Whether the download button is shown in the toolbar.\n * @default false\n /\n enableDownload?: boolean;\n /\n Which sidebar panel to show: thumbnails or document outline.\n * @default \"thumbnails\"\n /\n sidebarMode?: SidebarMode;\n /\n Custom icon components for each outline depth level (0-indexed).\n * Key 0 = top-level items, 1 = first nesting level, etc.\n * If omitted, no icons are rendered.\n /\n outlineIcons?: Partial<Record<number, React.ComponentType>>;\n /\n Initial form field values keyed by field name. Applied when the document loads.\n * Use this to pre-populate form fields when resuming a previously edited PDF.\n /\n formData?: Record<string, PdfFormFieldValue>;\n /\n Callback fired when the user clicks the save button in the toolbar.\n * Receives all current form field values keyed by field name.\n \n @param data - All form field values keyed by field name\n * @returns void\n /\n onFormSubmit?: (data: Record<string, PdfFormFieldValue>) => void;\n /\n Callback fired when any form field value changes.\n \n @param fieldName - The name of the field that changed\n * @param value - The new value\n * @returns void\n /\n onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;\n /* Additional CSS class name for the root element */\n className?: string;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["types.ts"],"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\nimport type React from \"react\";\n\n/* Which sidebar panel to display when the sidebar is open. /\nexport type SidebarMode = \"thumbnails\" \| \"outline\";\n\n/* A single item in the PDF document outline (table of contents). /\nexport interface OutlineItem {\n title: string;\n depth: number;\n pageNumber: number;\n bold: boolean;\n italic: boolean;\n}\n\n/* The visual style of an annotation rendered on the PDF. /\nexport type AnnotationType =\n \| \"highlight\"\n \| \"underline\"\n \| \"comment\"\n \| \"pin\"\n \| \"custom\";\n\n/* A rectangle in PDF coordinate space (origin: bottom-left of page). /\nexport interface PdfRect {\n x: number;\n y: number;\n width: number;\n height: number;\n}\n\n/* Props passed to a custom annotation renderer. /\nexport interface PdfAnnotationRenderProps {\n annotation: PdfAnnotation;\n scale: number;\n pageHeight: number;\n transform: number[];\n}\n\n/* Common fields shared by all annotation types. /\ninterface PdfAnnotationBase {\n /* Unique identifier for this annotation /\n id: string;\n /* Page number (1-indexed) /\n page: number;\n /* Coordinates in PDF points (origin: bottom-left of page) /\n rect: PdfRect;\n /* Additional rects for multi-line text highlights. When present, all rects are rendered. /\n rects?: PdfRect[];\n /* Optional label or tooltip text /\n label?: string;\n /* Optional color override (CSS color string) /\n color?: string;\n}\n\n/* A built-in annotation type (highlight, underline, comment, pin). /\ninterface PdfStandardAnnotation extends PdfAnnotationBase {\n /* The type of annotation to render /\n type: \"highlight\" \| \"underline\" \| \"comment\" \| \"pin\";\n}\n\n/* A custom annotation with a user-provided renderer. /\nexport interface PdfCustomAnnotation extends PdfAnnotationBase {\n /* Must be \"custom\" for custom-rendered annotations /\n type: \"custom\";\n /* Render function for the custom annotation content (required for custom type) /\n render: (props: PdfAnnotationRenderProps) => React.ReactNode;\n}\n\n/* A single annotation positioned on a specific page of the PDF. /\nexport type PdfAnnotation = PdfStandardAnnotation \| PdfCustomAnnotation;\n\n/* Result passed to the {@link PdfViewerProps.onDownload} callback. /\nexport type PdfDownloadResult =\n \| { success: true; filename: string }\n \| { success: false; error: Error };\n\n/* Possible values for a PDF form field. /\nexport type PdfFormFieldValue = string \| boolean \| string[];\n\n/* Data emitted when the user creates a text highlight via the highlight editor. /\nexport interface PdfTextHighlightEvent {\n /* Internal PDF.js editor ID. Use with `deleteHighlight` to programmatically remove. /\n editorId: string;\n /* Page number (1-indexed) /\n page: number;\n /* Bounding rects in PDF coordinate space (bottom-left origin) /\n rects: PdfRect[];\n /* The selected text content /\n selectedText: string;\n /* Highlight color as CSS color string /\n color: string;\n}\n\n/* Imperative handle for programmatic control of a {@link PdfViewer} or {@link BasePdfViewer}. /\nexport interface PdfViewerHandle {\n /* Scroll the viewer to the given page number (1-indexed). /\n scrollToPage: (page: number) => void;\n /* Programmatically delete a highlight by its `editorId` (from {@link PdfTextHighlightEvent}). /\n deleteHighlight: (editorId: string) => void;\n}\n\n/\n Options for {@link usePdfViewerInstance}.\n * Equivalent to {@link PdfViewerProps} minus the `className` rendering concern.\n /\nexport interface PdfViewerInstanceOptions {\n /* PDF source — URL string or ArrayBuffer /\n src: string \| ArrayBuffer;\n /* Annotations to overlay on the PDF /\n annotations?: PdfAnnotation[];\n /* Callback fired when an annotation is clicked /\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n /* Callback fired when a download completes or fails /\n onDownload?: (result: PdfDownloadResult) => void;\n /* Whether the highlight toggle button is shown in the toolbar /\n highlightEnabled?: boolean;\n /* Callback fired when the user creates a text highlight /\n onTextHighlight?: (event: PdfTextHighlightEvent) => void;\n /* Callback fired when the user deletes a highlight /\n onHighlightDelete?: (event: PdfTextHighlightEvent) => void;\n /* Initial form field values keyed by field name /\n formData?: Record<string, PdfFormFieldValue>;\n /* Callback fired when the user clicks the save button /\n onFormSubmit?: (data: Record<string, PdfFormFieldValue>) => void;\n /* Callback fired when any form field value changes /\n onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;\n /* Initial page number (1-indexed, default 1) /\n initialPage?: number;\n /* Initial zoom scale (default 1.0) /\n initialScale?: number;\n /\n Whether auto-size (fit to width) is initially enabled.\n * When enabled, the PDF scales to fit the container width and\n * re-fits automatically on resize. Manual zoom disables auto-size.\n * Takes precedence over {@link initialScale} when enabled.\n * @default false\n /\n initialAutoSize?: boolean;\n /* Whether the sidebar is initially open (default false) /\n initialSidebarOpen?: boolean;\n /* Whether the download button is shown in the toolbar /\n enableDownload?: boolean;\n /* Which sidebar panel to show: thumbnails or document outline /\n sidebarMode?: SidebarMode;\n /* Custom icon components for each outline depth level (0-indexed) /\n outlineIcons?: Partial<Record<number, React.ComponentType>>;\n}\n\n/* Props for the {@link PdfViewer} component. /\nexport interface PdfViewerProps {\n /* PDF source — URL string or ArrayBuffer /\n src: string \| ArrayBuffer;\n /* Annotations to overlay on the PDF /\n annotations?: PdfAnnotation[];\n /\n Callback fired when an annotation is clicked.\n \n @param annotation - The annotation that was clicked\n * @returns void\n /\n onAnnotationClick?: (annotation: PdfAnnotation) => void;\n /\n Callback fired when a download completes or fails.\n \n @param result - The download result indicating success with the filename, or failure with an error\n * @returns void\n /\n onDownload?: (result: PdfDownloadResult) => void;\n /\n Whether the highlight toggle button is shown in the toolbar.\n * @default false\n /\n enableHighlight?: boolean;\n /\n Callback fired when the user creates a text highlight.\n * Only fires when highlight mode is active.\n \n @param event - The highlight event with page, rects, text, and color\n * @returns void\n /\n onTextHighlight?: (event: PdfTextHighlightEvent) => void;\n /\n Callback fired when the user deletes a highlight via the PDF.js editor UI.\n \n @param event - The highlight event that was deleted\n * @returns void\n /\n onHighlightDelete?: (event: PdfTextHighlightEvent) => void;\n /* Initial page number (1-indexed, default 1) /\n initialPage?: number;\n /* Initial zoom scale (default 1.0) /\n initialScale?: number;\n /\n Whether auto-size (fit to width) is initially enabled.\n * When enabled, the PDF scales to fit the container width and\n * re-fits automatically on resize. Manual zoom disables auto-size.\n * Takes precedence over {@link initialScale} when enabled.\n * @default false\n /\n initialAutoSize?: boolean;\n /* Whether the sidebar is initially open (default false) /\n initialSidebarOpen?: boolean;\n /\n Whether the download button is shown in the toolbar.\n * @default false\n /\n enableDownload?: boolean;\n /\n Which sidebar panel to show: thumbnails or document outline.\n * @default \"thumbnails\"\n /\n sidebarMode?: SidebarMode;\n /\n Custom icon components for each outline depth level (0-indexed).\n * Key 0 = top-level items, 1 = first nesting level, etc.\n * If omitted, no icons are rendered.\n /\n outlineIcons?: Partial<Record<number, React.ComponentType>>;\n /\n Initial form field values keyed by field name. Applied when the document loads.\n * Use this to pre-populate form fields when resuming a previously edited PDF.\n /\n formData?: Record<string, PdfFormFieldValue>;\n /\n Callback fired when the user clicks the save button in the toolbar.\n * Receives all current form field values keyed by field name.\n \n @param data - All form field values keyed by field name\n * @returns void\n /\n onFormSubmit?: (data: Record<string, PdfFormFieldValue>) => void;\n /\n Callback fired when any form field value changes.\n \n @param fieldName - The name of the field that changed\n * @param value - The new value\n * @returns void\n /\n onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;\n /* Additional CSS class name for the root element */\n className?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/build/browser/shared/calendar/DatePickerCommon.module.css CHANGED Viewed

@@ -34,6 +34,11 @@
   /* Match the dismiss layer's dialog stack level so the later positioner stays
      clickable above it without escalating z-index values. */
   z-index: var(--osdk-datetime-popover-z-index);
+  /* Hide the popover when its anchor scrolls out of view */
+  &[data-anchor-hidden] {
+    visibility: hidden;
+  }
 }
 .osdkDatePickerPopover {

package/build/browser/styles.css CHANGED Viewed

@@ -9955,6 +9955,11 @@
   /* Match the dismiss layer's dialog stack level so the later positioner stays
      clickable above it without escalating z-index values. */
   z-index: var(--osdk-datetime-popover-z-index);
+  /* Hide the popover when its anchor scrolls out of view */
+  &[data-anchor-hidden] {
+    visibility: hidden;
+  }
 }
 .DatePickerCommon-module__osdkDatePickerPopover___wlnVaL4Q {

package/build/browser/util/UserAgent.js CHANGED Viewed

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
-const PACKAGE_USER_AGENT = `osdk-react-components/${"0.20.0-main-4e2a115a796e8664c3972548bb02e707baafa912"}`;
+const PACKAGE_USER_AGENT = `osdk-react-components/${"0.20.0"}`;
 export function componentUserAgent(componentName) {
   return `${PACKAGE_USER_AGENT}/${componentName}`;
 }

package/build/browser/util/UserAgent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"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\nconst PACKAGE_USER_AGENT =\n `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GACtB,~~iFAAsD~~;AAExD,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}
1	+ {"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"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\nconst PACKAGE_USER_AGENT =\n `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GACtB,mCAAsD;AAExD,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}

package/build/cjs/chunk-2GAPPUP5.cjs ADDED Viewed

@@ -0,0 +1,11 @@
+'use strict';
+var chunkVOROB7KJ_cjs = require('./chunk-VOROB7KJ.cjs');
+var chunk4WDDVYWV_cjs = require('./chunk-4WDDVYWV.cjs');
+// src/public/experimental/image-viewer.ts
+var ImageViewer2 = chunk4WDDVYWV_cjs.withOsdkMetrics(chunkVOROB7KJ_cjs.ImageViewer, "ImageViewer");
+exports.ImageViewer = ImageViewer2;
+//# sourceMappingURL=chunk-2GAPPUP5.cjs.map
+//# sourceMappingURL=chunk-2GAPPUP5.cjs.map

package/build/cjs/{chunk-BN5MGNSI.cjs.map → chunk-2GAPPUP5.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/public/experimental/image-viewer.ts"],"names":["ImageViewer","withOsdkMetrics"],"mappings":";;;;;;AAqBO,IAAMA,YAAAA,GAAcC,iCAAA,CAAgBD,6BAAA,EAAc,aAAa","file":"chunk-~~BN5MGNSI~~.cjs","sourcesContent":["/\n Copyright 2026 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// BaseImageViewer\nexport { BaseImageViewer } from \"../../images/image-viewer/BaseImageViewer.js\";\n// ImageViewer (Media wrapper)\nimport { ImageViewer as _ImageViewer } from \"../../images/image-viewer/ImageViewer.js\";\nimport { withOsdkMetrics } from \"../../util/withOsdkMetrics.js\";\nexport const ImageViewer = withOsdkMetrics(_ImageViewer, \"ImageViewer\");"]}
1	+ {"version":3,"sources":["../../src/public/experimental/image-viewer.ts"],"names":["ImageViewer","withOsdkMetrics"],"mappings":";;;;;;AAqBO,IAAMA,YAAAA,GAAcC,iCAAA,CAAgBD,6BAAA,EAAc,aAAa","file":"chunk-2GAPPUP5.cjs","sourcesContent":["/\n Copyright 2026 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// BaseImageViewer\nexport { BaseImageViewer } from \"../../images/image-viewer/BaseImageViewer.js\";\n// ImageViewer (Media wrapper)\nimport { ImageViewer as _ImageViewer } from \"../../images/image-viewer/ImageViewer.js\";\nimport { withOsdkMetrics } from \"../../util/withOsdkMetrics.js\";\nexport const ImageViewer = withOsdkMetrics(_ImageViewer, \"ImageViewer\");"]}

package/build/cjs/{chunk-QYUADULX.cjs → chunk-4MGATUJ3.cjs} RENAMED Viewed

@@ -1,13 +1,13 @@
 'use strict';
 var chunkJKNARBQW_cjs = require('./chunk-JKNARBQW.cjs');
-var chunkGN3PIYGH_cjs = require('./chunk-GN3PIYGH.cjs');
-var chunk4KC5U44T_cjs = require('./chunk-4KC5U44T.cjs');
+var chunkY6BGC7DP_cjs = require('./chunk-Y6BGC7DP.cjs');
+var chunkXA3S7YAO_cjs = require('./chunk-XA3S7YAO.cjs');
 var chunkHNBSGCSZ_cjs = require('./chunk-HNBSGCSZ.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkMD4KDE44_cjs = require('./chunk-MD4KDE44.cjs');
 var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunkHOPH2463_cjs = require('./chunk-HOPH2463.cjs');
+var chunk4WDDVYWV_cjs = require('./chunk-4WDDVYWV.cjs');
 var react = require('@osdk/react');
 var React17 = require('react');
 var icons = require('@blueprintjs/icons');
@@ -542,7 +542,7 @@ function useInfiniteScroll({
 }) {
   const observer = React17.useRef();
   const targetRef = React17.useRef();
-  const eventCallback = chunkGN3PIYGH_cjs.useEventCallback(callback);
+  const eventCallback = chunkY6BGC7DP_cjs.useEventCallback(callback);
   const throttledCallback = React17.useCallback(lodashEs.throttle(eventCallback), []);
   const handleObserverUpdate = React17.useCallback(
     (entries) => {
@@ -593,7 +593,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-var AsyncDropdownField = chunkGN3PIYGH_cjs.typedReactMemo(function AsyncDropdownFieldFn({
+var AsyncDropdownField = chunkY6BGC7DP_cjs.typedReactMemo(function AsyncDropdownFieldFn({
   isLoading,
   hasMore,
   isSearching,
@@ -625,7 +625,7 @@ var AsyncDropdownField = chunkGN3PIYGH_cjs.typedReactMemo(function AsyncDropdown
     callback: onFetchMore,
     loadedCount: itemCount
   });
-  return /* @__PURE__ */ React17__default.default.createElement(chunkGN3PIYGH_cjs.DropdownField, _extends({}, dropdownProps, {
+  return /* @__PURE__ */ React17__default.default.createElement(chunkY6BGC7DP_cjs.DropdownField, _extends({}, dropdownProps, {
     isSearchable: true,
     popupStatus,
     trailingItem: hasMore ? /* @__PURE__ */ React17__default.default.createElement(InfiniteScrollSentinel, {
@@ -808,7 +808,7 @@ var DEFAULT_OBJECT_ICON = {
 };
 var ICON_SIZE = icons.IconSize.STANDARD;
 var DEFAULT_EMPTY_MESSAGE = "Object set is not defined";
-var ObjectSetField = chunkGN3PIYGH_cjs.typedReactMemo(function ObjectSetFieldFn({
+var ObjectSetField = chunkY6BGC7DP_cjs.typedReactMemo(function ObjectSetFieldFn({
   value,
   emptyMessage = DEFAULT_EMPTY_MESSAGE,
   disabled
@@ -898,7 +898,7 @@ function toComponentIcon(apiIcon) {
 var RadioButtonsField_default = {};
 // src/action-form/fields/RadioButtonsField.tsx
-var RadioButtonsField = chunkGN3PIYGH_cjs.typedReactMemo(function RadioButtonsFieldFn({
+var RadioButtonsField = chunkY6BGC7DP_cjs.typedReactMemo(function RadioButtonsFieldFn({
   id,
   value,
   onChange,
@@ -1074,7 +1074,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
   const disabled = fieldDefinition.disabled === true;
   switch (fieldDefinition.fieldComponent) {
     case "DATE_RANGE_INPUT":
-      return /* @__PURE__ */ React17__default.default.createElement(chunk4KC5U44T_cjs.DateRangePicker, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(chunkXA3S7YAO_cjs.DateRangePicker, _extends4({
         id: fieldDefinition.fieldKey,
         value: coerceToDateRange(value),
         onChange,
@@ -1111,7 +1111,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         disabled
       }));
     case "DROPDOWN": {
-      return /* @__PURE__ */ React17__default.default.createElement(chunkGN3PIYGH_cjs.DropdownField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(chunkY6BGC7DP_cjs.DropdownField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
@@ -1124,7 +1124,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
       }));
     }
     case "DATETIME_PICKER":
-      return /* @__PURE__ */ React17__default.default.createElement(chunk4KC5U44T_cjs.DatePicker, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(chunkXA3S7YAO_cjs.DatePicker, _extends4({
         id: fieldDefinition.fieldKey,
         placeholder: fieldDefinition.placeholder,
         value: value instanceof Date ? value : null,
@@ -1206,10 +1206,10 @@ function resolvePortalContainer(fieldComponentProps, formPortalContainer) {
   return Object.hasOwn(fieldComponentProps, "portalContainer") ? fieldComponentProps.portalContainer : formPortalContainer;
 }
 function coerceToDateRange(value) {
-  if (!Array.isArray(value) || value.length !== 2) return chunk4KC5U44T_cjs.EMPTY_RANGE;
+  if (!Array.isArray(value) || value.length !== 2) return chunkXA3S7YAO_cjs.EMPTY_RANGE;
   const start = value[0] instanceof Date ? value[0] : null;
   const end = value[1] instanceof Date ? value[1] : null;
-  if (start == null && end == null) return chunk4KC5U44T_cjs.EMPTY_RANGE;
+  if (start == null && end == null) return chunkXA3S7YAO_cjs.EMPTY_RANGE;
   return [start, end];
 }
 function isFileArray(value) {
@@ -1747,7 +1747,7 @@ function _extends5() {
 }
 var EMPTY_FIELD_DEFINITIONS = [];
 var EMPTY_FORM_CONTENT = [];
-var ActionForm = chunkGN3PIYGH_cjs.typedReactMemo(function ActionFormFn({
+var ActionForm = chunkY6BGC7DP_cjs.typedReactMemo(function ActionFormFn({
   actionDefinition,
   formTitle,
   showFormTitle = false,
@@ -1852,9 +1852,9 @@ var ActionForm = chunkGN3PIYGH_cjs.typedReactMemo(function ActionFormFn({
 });
 // src/public/experimental/action-form.ts
-var ActionForm2 = chunkHOPH2463_cjs.withOsdkMetrics(ActionForm, "ActionForm");
+var ActionForm2 = chunk4WDDVYWV_cjs.withOsdkMetrics(ActionForm, "ActionForm");
 exports.ActionForm = ActionForm2;
 exports.BaseForm = BaseForm;
-//# sourceMappingURL=chunk-QYUADULX.cjs.map
-//# sourceMappingURL=chunk-QYUADULX.cjs.map
+//# sourceMappingURL=chunk-4MGATUJ3.cjs.map
+//# sourceMappingURL=chunk-4MGATUJ3.cjs.map