npm - @osdk/react-components - Versions diffs - 0.2.0-beta.24 → 0.2.0-beta.25 - Mend

@osdk/react-components 0.2.0-beta.24 → 0.2.0-beta.25

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 (115) hide show

package/build/esm/action-form/fields/TextAreaField.js ADDED Viewed

@@ -0,0 +1,50 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Input } from "@base-ui/react/input";
+import React, { useCallback } from "react";
+import styles from "./BaseInput.module.css";
+const TEXTAREA_STYLE = {
+  resize: "vertical"
+};
+export function TextAreaField({
+  id,
+  value,
+  onChange,
+  placeholder,
+  rows,
+  wrap,
+  minLength,
+  maxLength
+}) {
+  const renderTextarea = useCallback(props => /*#__PURE__*/React.createElement("textarea", _extends({}, props, {
+    rows: rows,
+    wrap: wrap,
+    style: TEXTAREA_STYLE
+  })), [rows, wrap]);
+  return /*#__PURE__*/React.createElement(Input, {
+    id: id,
+    className: styles.osdkBaseInput,
+    value: value ?? "",
+    onValueChange: onChange,
+    placeholder: placeholder,
+    minLength: minLength,
+    maxLength: maxLength,
+    render: renderTextarea
+  });
+}
+//# sourceMappingURL=TextAreaField.js.map

package/build/esm/action-form/fields/TextAreaField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextAreaField.js","names":["Input","React","useCallback","styles","TEXTAREA_STYLE","resize","TextAreaField","id","value","onChange","placeholder","rows","wrap","minLength","maxLength","renderTextarea","props","createElement","_extends","style","className","osdkBaseInput","onValueChange","render"],"sources":["TextAreaField.tsx"],"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\nimport { Input } from \"@base-ui/react/input\";\nimport React, { useCallback } from \"react\";\nimport type { TextAreaFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./BaseInput.module.css\";\n\nconst TEXTAREA_STYLE: React.CSSProperties = { resize: \"vertical\" };\n\nexport function TextAreaField({\n id,\n value,\n onChange,\n placeholder,\n rows,\n wrap,\n minLength,\n maxLength,\n}: TextAreaFieldProps): React.ReactElement {\n const renderTextarea = useCallback(\n (props: React.ComponentPropsWithRef<\"textarea\">) => (\n <textarea {...props} rows={rows} wrap={wrap} style={TEXTAREA_STYLE} />\n ),\n [rows, wrap],\n );\n\n return (\n <Input\n id={id}\n className={styles.osdkBaseInput}\n value={value ?? \"\"}\n onValueChange={onChange}\n placeholder={placeholder}\n minLength={minLength}\n maxLength={maxLength}\n render={renderTextarea}\n />\n );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,OAAOC,MAAM,MAAM,wBAAwB;AAE3C,MAAMC,cAAmC,GAAG;EAAEC,MAAM,EAAE;AAAW,CAAC;AAElE,OAAO,SAASC,aAAaA,CAAC;EAC5BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,SAAS;EACTC;AACkB,CAAC,EAAsB;EACzC,MAAMC,cAAc,GAAGb,WAAW,CAC/Bc,KAA8C,iBAC7Cf,KAAA,CAAAgB,aAAA,aAAAC,QAAA,KAAcF,KAAK;IAAEL,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA,IAAK;IAACO,KAAK,EAAEf;EAAe,EAAE,CACtE,EACD,CAACO,IAAI,EAAEC,IAAI,CACb,CAAC;EAED,oBACEX,KAAA,CAAAgB,aAAA,CAACjB,KAAK;IACJO,EAAE,EAAEA,EAAG;IACPa,SAAS,EAAEjB,MAAM,CAACkB,aAAc;IAChCb,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBc,aAAa,EAAEb,QAAS;IACxBC,WAAW,EAAEA,WAAY;IACzBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBS,MAAM,EAAER;EAAe,CACxB,CAAC;AAEN","ignoreList":[]}

package/build/esm/action-form/fields/TextInputField.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,7 @@
 import { Input } from "@base-ui/react/input";
 import React from "react";
-import styles from "./TextInputField.module.css";
+import styles from "./BaseInput.module.css";
 export function TextInputField({
   id,
   value,
@@ -27,7 +27,7 @@ export function TextInputField({
 }) {
   return /*#__PURE__*/React.createElement(Input, {
     id: id,
-    className: styles.osdkTextInput,
+    className: styles.osdkBaseInput,
     type: "text",
     value: value ?? "",
     onValueChange: onChange,

package/build/esm/action-form/fields/TextInputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInputField.js","names":["Input","React","styles","TextInputField","id","value","onChange","placeholder","minLength","maxLength","createElement","className","~~osdkTextInput~~","type","onValueChange"],"sources":["TextInputField.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 { Input } from \"@base-ui/react/input\";\nimport React from \"react\";\nimport type { TextInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./~~TextInputField~~.module.css\";\n\nexport function TextInputField({\n id,\n value,\n onChange,\n placeholder,\n minLength,\n maxLength,\n}: TextInputFieldProps & { id?: string }): React.ReactElement {\n return (\n <Input\n id={id}\n className={styles.~~osdkTextInput~~}\n type=\"text\"\n value={value ?? \"\"}\n onValueChange={onChange}\n placeholder={placeholder}\n minLength={minLength}\n maxLength={maxLength}\n />\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,~~6BAA6B~~;~~AAEhD~~,OAAO,SAASC,cAAcA,CAAC;EAC7BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,SAAS;EACTC;AACqC,CAAC,EAAsB;EAC5D,oBACER,KAAA,CAAAS,aAAA,CAACV,KAAK;IACJI,EAAE,EAAEA,EAAG;IACPO,SAAS,EAAET,MAAM,CAACU,aAAc;IAChCC,IAAI,EAAC,MAAM;IACXR,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBS,aAAa,EAAER,QAAS;IACxBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}
1	+ {"version":3,"file":"TextInputField.js","names":["Input","React","styles","TextInputField","id","value","onChange","placeholder","minLength","maxLength","createElement","className","osdkBaseInput","type","onValueChange"],"sources":["TextInputField.tsx"],"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\nimport { Input } from \"@base-ui/react/input\";\nimport React from \"react\";\nimport type { TextInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./BaseInput.module.css\";\n\nexport function TextInputField({\n id,\n value,\n onChange,\n placeholder,\n minLength,\n maxLength,\n}: TextInputFieldProps & { id?: string }): React.ReactElement {\n return (\n <Input\n id={id}\n className={styles.osdkBaseInput}\n type=\"text\"\n value={value ?? \"\"}\n onValueChange={onChange}\n placeholder={placeholder}\n minLength={minLength}\n maxLength={maxLength}\n />\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,wBAAwB;AAE3C,OAAO,SAASC,cAAcA,CAAC;EAC7BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,SAAS;EACTC;AACqC,CAAC,EAAsB;EAC5D,oBACER,KAAA,CAAAS,aAAA,CAACV,KAAK;IACJI,EAAE,EAAEA,EAAG;IACPO,SAAS,EAAET,MAAM,CAACU,aAAc;IAChCC,IAAI,EAAC,MAAM;IACXR,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBS,aAAa,EAAER,QAAS;IACxBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}

package/build/esm/pdf-viewer/PdfViewer.js CHANGED Viewed

@@ -24,14 +24,23 @@ import { PdfViewerOutlineSidebar } from "./components/PdfViewerOutlineSidebar.js
 import { PdfViewerSearchBar } from "./components/PdfViewerSearchBar.js";
 import { PdfViewerSidebar } from "./components/PdfViewerSidebar.js";
 import { PdfViewerToolbar } from "./components/PdfViewerToolbar.js";
-import { EMPTY_ANNOTATION_ARRAY, EMPTY_ANNOTATIONS } from "./constants.js";
+import { EMPTY_ANNOTATION_ARRAY } from "./constants.js";
+import { usePdfAnnotationsByPage } from "./hooks/usePdfAnnotationsByPage.js";
+import { usePdfFormFields } from "./hooks/usePdfFormFields.js";
+import { usePdfHighlightMode } from "./hooks/usePdfHighlightMode.js";
 import { usePdfViewerState } from "./hooks/usePdfViewerState.js";
 import styles from "./PdfViewer.module.css";
 export function BasePdfViewer({
   src,
-  annotations = EMPTY_ANNOTATIONS,
+  annotations = EMPTY_ANNOTATION_ARRAY,
   onAnnotationClick,
   onDownload,
+  enableHighlight = false,
+  onTextHighlight,
+  onHighlightDelete,
+  formData,
+  onFormSubmit,
+  onFormChange,
   initialPage = 1,
   initialScale = 1.0,
   initialSidebarOpen = false,
@@ -48,6 +57,28 @@ export function BasePdfViewer({
     sidebarMode: sidebarModeProp,
     onDownload
   });
+  const {
+    highlightModeActive,
+    toggleHighlightMode
+  } = usePdfHighlightMode({
+    pdfViewerRef: viewer.pdfViewerRef,
+    document: viewer.document,
+    enabled: enableHighlight,
+    onTextHighlight,
+    onHighlightDelete
+  });
+  const {
+    hasFormFields,
+    submitFormData
+  } = usePdfFormFields({
+    pdfViewerRef: viewer.pdfViewerRef,
+    eventBusRef: viewer.eventBusRef,
+    document: viewer.document,
+    formData,
+    onFormSubmit,
+    onFormChange
+  });
+  const annotationsByPage = usePdfAnnotationsByPage(annotations);
   const rootClassName = classnames(styles.pdfViewer, className);
   if (viewer.loading) {
     return /*#__PURE__*/React.createElement("div", {
@@ -88,7 +119,12 @@ export function BasePdfViewer({
     onDownload: viewer.download,
     enableDownload: enableDownload,
     onRotateLeft: viewer.rotateLeft,
-    onRotateRight: viewer.rotateRight
+    onRotateRight: viewer.rotateRight,
+    enableHighlight: enableHighlight,
+    highlightModeActive: highlightModeActive,
+    onHighlightToggle: toggleHighlightMode,
+    enableFormSave: onFormSubmit != null && hasFormFields,
+    onFormSave: submitFormData
   }), viewer.search.isSearchOpen && /*#__PURE__*/React.createElement(PdfViewerSearchBar, {
     query: viewer.search.query,
     totalMatches: viewer.search.totalMatches,
@@ -122,7 +158,7 @@ export function BasePdfViewer({
     ref: viewer.viewerRef,
     className: "pdfViewer"
   }), viewer.portalTargets.map(target => {
-    const pageAnnotations = annotations[target.pageNumber] ?? EMPTY_ANNOTATION_ARRAY;
+    const pageAnnotations = annotationsByPage[target.pageNumber] ?? EMPTY_ANNOTATION_ARRAY;
     if (pageAnnotations.length === 0) {
       return null;
     }

package/build/esm/pdf-viewer/PdfViewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PdfViewer.js","names":["Error","ErrorIcon","Spin","classnames","React","createPortal","PdfViewerAnnotationLayer","PdfViewerOutlineSidebar","PdfViewerSearchBar","PdfViewerSidebar","PdfViewerToolbar","EMPTY_ANNOTATION_ARRAY","EMPTY_ANNOTATIONS","usePdfViewerState","styles","BasePdfViewer","src","annotations","onAnnotationClick","onDownload","initialPage","initialScale","initialSidebarOpen","enableDownload","sidebarMode","sidebarModeProp","outlineIcons","className","viewer","rootClassName","pdfViewer","loading","createElement","loadingContainer","spinnerIcon","error","errorContainer","errorIcon","message","document","currentPage","numPages","scale","sidebarOpen","onPageChange","scrollToPage","onScaleChange","setScale","onSearchOpen","search","openSearch","onSidebarToggle","toggleSidebar","download","onRotateLeft","rotateLeft","onRotateRight","rotateRight","isSearchOpen","query","totalMatches","currentMatchIndex","onQueryChange","setQuery","onNext","nextMatch","onPrev","prevMatch","onClose","closeSearch","contentArea","onPageClick","onSidebarModeChange","setSidebarMode","outlineItems","onItemClick","scrollContainerWrapper","ref","containerRef","scrollContainer","viewerRef","portalTargets","map","target","pageAnnotations","pageNumber","length","key","pageHeight","container"],"sources":["PdfViewer.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 from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { PdfViewerAnnotationLayer } from \"./components/PdfViewerAnnotationLayer.js\";\nimport { PdfViewerOutlineSidebar } from \"./components/PdfViewerOutlineSidebar.js\";\nimport { PdfViewerSearchBar } from \"./components/PdfViewerSearchBar.js\";\nimport { PdfViewerSidebar } from \"./components/PdfViewerSidebar.js\";\nimport { PdfViewerToolbar } from \"./components/PdfViewerToolbar.js\";\nimport { EMPTY_ANNOTATION_ARRAY, EMPTY_ANNOTATIONS } from \"./constants.js\";\nimport { usePdfViewerState } from \"./hooks/usePdfViewerState.js\";\nimport styles from \"./PdfViewer.module.css\";\nimport type { PdfViewerProps } from \"./types.js\";\n\nexport function BasePdfViewer({\n src,\n annotations = EMPTY_ANNOTATIONS,\n onAnnotationClick,\n onDownload,\n initialPage = 1,\n initialScale = 1.0,\n initialSidebarOpen = false,\n enableDownload = false,\n sidebarMode: sidebarModeProp = \"thumbnails\",\n outlineIcons,\n className,\n}: PdfViewerProps): React.ReactElement {\n const viewer = usePdfViewerState({\n src,\n initialPage,\n initialScale,\n initialSidebarOpen,\n sidebarMode: sidebarModeProp,\n onDownload,\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 <PdfViewerToolbar\n currentPage={viewer.currentPage}\n numPages={viewer.numPages}\n scale={viewer.scale}\n sidebarOpen={viewer.sidebarOpen}\n onPageChange={viewer.scrollToPage}\n onScaleChange={viewer.setScale}\n onSearchOpen={viewer.search.openSearch}\n onSidebarToggle={viewer.toggleSidebar}\n onDownload={viewer.download}\n enableDownload={enableDownload}\n onRotateLeft={viewer.rotateLeft}\n onRotateRight={viewer.rotateRight}\n />\n {viewer.search.isSearchOpen && (\n <PdfViewerSearchBar\n query={viewer.search.query}\n totalMatches={viewer.search.totalMatches}\n currentMatchIndex={viewer.search.currentMatchIndex}\n onQueryChange={viewer.search.setQuery}\n onNext={viewer.search.nextMatch}\n onPrev={viewer.search.prevMatch}\n onClose={viewer.search.closeSearch}\n />\n )}\n <div className={styles.contentArea}>\n {viewer.sidebarOpen && viewer.sidebarMode === \"thumbnails\" && (\n <PdfViewerSidebar\n document={viewer.document}\n numPages={viewer.numPages}\n currentPage={viewer.currentPage}\n onPageClick={viewer.scrollToPage}\n sidebarMode={viewer.sidebarMode}\n onSidebarModeChange={viewer.setSidebarMode}\n />\n )}\n {viewer.sidebarOpen && viewer.sidebarMode === \"outline\" && (\n <PdfViewerOutlineSidebar\n outlineItems={viewer.outlineItems}\n currentPage={viewer.currentPage}\n onItemClick={viewer.scrollToPage}\n sidebarMode={viewer.sidebarMode}\n onSidebarModeChange={viewer.setSidebarMode}\n outlineIcons={outlineIcons}\n />\n )}\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 = annotations[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 </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"PdfViewer.js","names":["Error","ErrorIcon","Spin","classnames","React","createPortal","PdfViewerAnnotationLayer","PdfViewerOutlineSidebar","PdfViewerSearchBar","PdfViewerSidebar","PdfViewerToolbar","EMPTY_ANNOTATION_ARRAY","usePdfAnnotationsByPage","usePdfFormFields","usePdfHighlightMode","usePdfViewerState","styles","BasePdfViewer","src","annotations","onAnnotationClick","onDownload","enableHighlight","onTextHighlight","onHighlightDelete","formData","onFormSubmit","onFormChange","initialPage","initialScale","initialSidebarOpen","enableDownload","sidebarMode","sidebarModeProp","outlineIcons","className","viewer","highlightModeActive","toggleHighlightMode","pdfViewerRef","document","enabled","hasFormFields","submitFormData","eventBusRef","annotationsByPage","rootClassName","pdfViewer","loading","createElement","loadingContainer","spinnerIcon","error","errorContainer","errorIcon","message","currentPage","numPages","scale","sidebarOpen","onPageChange","scrollToPage","onScaleChange","setScale","onSearchOpen","search","openSearch","onSidebarToggle","toggleSidebar","download","onRotateLeft","rotateLeft","onRotateRight","rotateRight","onHighlightToggle","enableFormSave","onFormSave","isSearchOpen","query","totalMatches","currentMatchIndex","onQueryChange","setQuery","onNext","nextMatch","onPrev","prevMatch","onClose","closeSearch","contentArea","onPageClick","onSidebarModeChange","setSidebarMode","outlineItems","onItemClick","scrollContainerWrapper","ref","containerRef","scrollContainer","viewerRef","portalTargets","map","target","pageAnnotations","pageNumber","length","key","pageHeight","container"],"sources":["PdfViewer.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 from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { PdfViewerAnnotationLayer } from \"./components/PdfViewerAnnotationLayer.js\";\nimport { PdfViewerOutlineSidebar } from \"./components/PdfViewerOutlineSidebar.js\";\nimport { PdfViewerSearchBar } from \"./components/PdfViewerSearchBar.js\";\nimport { PdfViewerSidebar } from \"./components/PdfViewerSidebar.js\";\nimport { PdfViewerToolbar } from \"./components/PdfViewerToolbar.js\";\nimport { EMPTY_ANNOTATION_ARRAY } from \"./constants.js\";\nimport { usePdfAnnotationsByPage } from \"./hooks/usePdfAnnotationsByPage.js\";\nimport { usePdfFormFields } from \"./hooks/usePdfFormFields.js\";\nimport { usePdfHighlightMode } from \"./hooks/usePdfHighlightMode.js\";\nimport { usePdfViewerState } from \"./hooks/usePdfViewerState.js\";\nimport styles from \"./PdfViewer.module.css\";\nimport type { PdfViewerProps } from \"./types.js\";\n\nexport function BasePdfViewer({\n src,\n annotations = EMPTY_ANNOTATION_ARRAY,\n onAnnotationClick,\n onDownload,\n enableHighlight = false,\n onTextHighlight,\n onHighlightDelete,\n formData,\n onFormSubmit,\n onFormChange,\n initialPage = 1,\n initialScale = 1.0,\n initialSidebarOpen = false,\n enableDownload = false,\n sidebarMode: sidebarModeProp = \"thumbnails\",\n outlineIcons,\n className,\n}: PdfViewerProps): React.ReactElement {\n const viewer = usePdfViewerState({\n src,\n initialPage,\n initialScale,\n initialSidebarOpen,\n sidebarMode: sidebarModeProp,\n onDownload,\n });\n\n const { highlightModeActive, toggleHighlightMode } = usePdfHighlightMode({\n pdfViewerRef: viewer.pdfViewerRef,\n document: viewer.document,\n enabled: enableHighlight,\n onTextHighlight,\n onHighlightDelete,\n });\n\n const { hasFormFields, submitFormData } = usePdfFormFields({\n pdfViewerRef: viewer.pdfViewerRef,\n eventBusRef: viewer.eventBusRef,\n document: viewer.document,\n formData,\n onFormSubmit,\n onFormChange,\n });\n\n const annotationsByPage = usePdfAnnotationsByPage(annotations);\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 <PdfViewerToolbar\n currentPage={viewer.currentPage}\n numPages={viewer.numPages}\n scale={viewer.scale}\n sidebarOpen={viewer.sidebarOpen}\n onPageChange={viewer.scrollToPage}\n onScaleChange={viewer.setScale}\n onSearchOpen={viewer.search.openSearch}\n onSidebarToggle={viewer.toggleSidebar}\n onDownload={viewer.download}\n enableDownload={enableDownload}\n onRotateLeft={viewer.rotateLeft}\n onRotateRight={viewer.rotateRight}\n enableHighlight={enableHighlight}\n highlightModeActive={highlightModeActive}\n onHighlightToggle={toggleHighlightMode}\n enableFormSave={onFormSubmit != null && hasFormFields}\n onFormSave={submitFormData}\n />\n {viewer.search.isSearchOpen && (\n <PdfViewerSearchBar\n query={viewer.search.query}\n totalMatches={viewer.search.totalMatches}\n currentMatchIndex={viewer.search.currentMatchIndex}\n onQueryChange={viewer.search.setQuery}\n onNext={viewer.search.nextMatch}\n onPrev={viewer.search.prevMatch}\n onClose={viewer.search.closeSearch}\n />\n )}\n <div className={styles.contentArea}>\n {viewer.sidebarOpen && viewer.sidebarMode === \"thumbnails\" && (\n <PdfViewerSidebar\n document={viewer.document}\n numPages={viewer.numPages}\n currentPage={viewer.currentPage}\n onPageClick={viewer.scrollToPage}\n sidebarMode={viewer.sidebarMode}\n onSidebarModeChange={viewer.setSidebarMode}\n />\n )}\n {viewer.sidebarOpen && viewer.sidebarMode === \"outline\" && (\n <PdfViewerOutlineSidebar\n outlineItems={viewer.outlineItems}\n currentPage={viewer.currentPage}\n onItemClick={viewer.scrollToPage}\n sidebarMode={viewer.sidebarMode}\n onSidebarModeChange={viewer.setSidebarMode}\n outlineIcons={outlineIcons}\n />\n )}\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 </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,12 +17,19 @@
 import classnames from "classnames";
 import React, { useCallback, useMemo } from "react";
 import styles from "./PdfViewerAnnotationLayer.module.css";
-function AnnotationItem({
-  annotation,
-  pageHeight,
-  scale,
-  onClick
-}) {
+/** Convert a single PDF rect (bottom-left origin) to CSS positioning (top-left origin). */
+function computeRectStyle(rect, pageHeight, scale, color) {
+  return {
+    left: rect.x * scale,
+    top: (pageHeight - rect.y - rect.height) * scale,
+    width: rect.width * scale,
+    height: rect.height * scale,
+    ...(color != null ? {
+      "--osdk-pdf-annotation-color": color
+    } : {})
+  };
+}
+function useAnnotationHandlers(annotation, onClick) {
   const handleClick = useCallback(() => {
     onClick?.(annotation);
   }, [onClick, annotation]);
@@ -32,18 +39,45 @@ function AnnotationItem({
       onClick?.(annotation);
     }
   }, [onClick, annotation]);
-  // Convert PDF coordinates (bottom-left origin) to CSS (top-left origin)
-  const style = useMemo(() => ({
-    left: annotation.rect.x * scale,
-    top: (pageHeight - annotation.rect.y - annotation.rect.height) * scale,
-    width: annotation.rect.width * scale,
-    height: annotation.rect.height * scale,
-    ...(annotation.color != null ? {
-      "--osdk-pdf-annotation-color": annotation.color
-    } : {})
-  }), [annotation, pageHeight, scale]);
+  return {
+    handleClick,
+    handleKeyDown
+  };
+}
+function AnnotationItem({
+  annotation,
+  pageHeight,
+  scale,
+  onClick
+}) {
+  const {
+    handleClick,
+    handleKeyDown
+  } = useAnnotationHandlers(annotation, onClick);
   const className = classnames(styles.annotation, styles[annotation.type]);
+  const multiRects = annotation.rects;
+  const hasMultipleRects = multiRects != null && multiRects.length > 1;
+  const style = useMemo(() => computeRectStyle(annotation.rect, pageHeight, scale, annotation.color), [annotation, pageHeight, scale]);
+  // Multi-rect: render a group wrapper with one div per rect
+  if (hasMultipleRects) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.annotationGroup,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: 0,
+      title: annotation.label,
+      "data-annotation-id": annotation.id
+    }, multiRects.map((rect, i) => /*#__PURE__*/React.createElement("div", {
+      key: i,
+      className: className,
+      style: computeRectStyle(rect, pageHeight, scale, annotation.color)
+    })));
+  }
+  // Single rect: existing behavior
   return /*#__PURE__*/React.createElement("div", {
     className: className,
     style: style,
@@ -55,6 +89,33 @@ function AnnotationItem({
     "data-annotation-id": annotation.id
   });
 }
+function CustomAnnotationItem({
+  annotation,
+  pageHeight,
+  scale,
+  onClick
+}) {
+  const {
+    handleClick,
+    handleKeyDown
+  } = useAnnotationHandlers(annotation, onClick);
+  const style = useMemo(() => computeRectStyle(annotation.rect, pageHeight, scale, undefined), [annotation, pageHeight, scale]);
+  const renderProps = useMemo(() => ({
+    annotation,
+    scale,
+    pageHeight
+  }), [annotation, scale, pageHeight]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.annotation,
+    style: style,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    role: "button",
+    tabIndex: 0,
+    title: annotation.label,
+    "data-annotation-id": annotation.id
+  }, annotation.render(renderProps));
+}
 export function PdfViewerAnnotationLayer({
   annotations,
   pageHeight,
@@ -63,7 +124,13 @@ export function PdfViewerAnnotationLayer({
 }) {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.annotationLayer
-  }, annotations.map(annotation => /*#__PURE__*/React.createElement(AnnotationItem, {
+  }, annotations.map(annotation => annotation.type === "custom" ? /*#__PURE__*/React.createElement(CustomAnnotationItem, {
+    key: annotation.id,
+    annotation: annotation,
+    pageHeight: pageHeight,
+    scale: scale,
+    onClick: onAnnotationClick
+  }) : /*#__PURE__*/React.createElement(AnnotationItem, {
     key: annotation.id,
     annotation: annotation,
     pageHeight: pageHeight,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PdfViewerAnnotationLayer.js","names":["classnames","React","useCallback","useMemo","styles","~~AnnotationItem~~","~~annotation~~","pageHeight","scale","~~onClick~~","~~handleClick~~","~~handleKeyDown~~","e","~~key~~","~~preventDefault~~","~~style~~","~~left~~","~~rect~~","x","~~top~~","y","~~height~~","~~width~~","~~color~~","className","type","createElement","onKeyDown","role","tabIndex","title","label","id","PdfViewerAnnotationLayer","annotations","onAnnotationClick","annotationLayer"~~,"map"~~],"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 } 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\nfunction ~~AnnotationItem~~({\n ~~annotation~~,\n pageHeight,\n scale,\n ~~onClick~~,\n}: ~~AnnotationItemProps~~): React.~~ReactElement~~ {\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 // ~~Convert~~ ~~PDF~~ ~~coordinates~~ (~~bottom-left~~ ~~origin~~) to ~~CSS (top-left origin)~~\n const ~~style~~ = ~~useMemo~~(\n () => ({\n ~~left:~~ annotation.~~rect~~.x ~~scale,\~~n ~~top:~~ (~~pageHeight~~ - annotation.rect.y - annotation.~~rect.height~~) * scale,\n ~~width~~: ~~annotation.~~rect~~.width~~ * ~~scale,\~~n ~~height:~~ annotation.rect~~.height~~ * scale,\n ~~...(~~annotation.color != ~~null~~\n ? {\n \"~~--osdk~~-~~pdf~~-annotation~~-color~~\": annotation~~.color~~,\n } as React.~~CSSProperties~~\n : {}),\n }),\n [annotation, pageHeight, scale],\n );\n\n const ~~className~~ = ~~classnames~~(\n ~~styles.~~annotation,\n ~~styles~~[annotation~~.type~~],\n );\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\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 <~~AnnotationItem~~\n key={annotation.id}\n annotation={annotation}\n pageHeight={pageHeight}\n scale={scale}\n onClick={onAnnotationClick}\n />\n ))}\n </div>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,OAAOC,MAAM,MAAM,uCAAuC;AAgB1D,SAASC,~~cAAcA~~,CAAC;~~EACtBC~~,UAAU;~~EACVC~~,~~UAAU~~;~~EACVC~~,KAAK;~~EACLC~~;~~AACmB~~,CAAC,~~EAAsB~~;~~EAC1C~~,MAAMC,WAAW,~~GAAGR~~,WAAW,CAAC,MAAM;~~IACpCO~~,OAAO,~~GAAGH~~,UAAU,CAAC;EACvB,CAAC,EAAE,~~CAACG~~,OAAO,~~EAAEH~~,UAAU,CAAC,CAAC;EAEzB,~~MAAMK~~,aAAa,~~GAAGT~~,WAAW,~~CAC9BU~~,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACrBD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBL,OAAO,~~GAAGH~~,UAAU,CAAC;IACvB;EACF,CAAC,EACD,~~CAACG~~,OAAO,~~EAAEH~~,UAAU,CACtB,CAAC;;EAED;~~EACA~~,~~MAAMS~~,KAAK,~~GAAGZ~~,~~OAAO~~,~~CACnB~~,~~OAAO~~;~~IACLa~~,~~IAAI~~,~~EAAEV~~,UAAU,~~CAACW~~,IAAI,~~CAACC~~,CAAC,GAAGV,KAAK;~~IAC/BW~~,~~GAAG~~,~~EAAE~~,~~CAACZ~~,UAAU,~~GAAGD~~,~~UAAU~~,~~CAACW~~,~~IAAI~~,CAACG,CAAC,~~GAAGd~~,UAAU,~~CAACW~~,IAAI,~~CAACI~~,~~MAAM~~,~~IAAIb~~,KAAK~~;IACtEc~~,KAAK,~~EAAEhB~~,UAAU,~~CAACW~~,~~IAAI~~,~~CAACK~~,KAAK,~~GAAGd~~,~~KAAK~~;~~IACpCa~~,MAAM,~~EAAEf~~,~~UAAU~~,~~CAACW~~,IAAI,~~CAACI~~,~~MAAM~~,~~GAAGb~~,KAAK;~~IACtC~~,~~IAAIF~~,UAAU,~~CAACiB~~,KAAK,IAAI,IAAI,~~GACxB~~;~~MACA~~,~~6BAA6B~~,~~EAAEjB~~,UAAU,~~CAACiB~~;~~IAC5C~~,CAAC,~~GACC~~,CAAC,CAAC;~~EACR~~,CAAC,CAAC,~~EACF~~,~~CAACjB~~,UAAU,EAAEC,UAAU,EAAEC,KAAK,CAChC,CAAC;EAED,~~MAAMgB~~,~~SAAS~~,~~GAAGxB~~,UAAU,~~CAC1BI~~,~~MAAM~~,~~CAACE~~,UAAU,~~EACjBF~~,~~MAAM~~,~~CAACE~~,UAAU,~~CAACmB~~,~~IAAI,CACxB,~~CAAC;EAED,~~oBACExB~~,KAAA,~~CAAAyB~~,aAAA;~~IACEF~~,SAAS,~~EAAEA~~,~~SAAU~~;~~IACrBT~~,KAAK,EAAEA,KAAM;~~IACbN~~,OAAO,EAAEC,WAAY;~~IACrBiB~~,SAAS,~~EAAEhB~~,aAAc;~~IACzBiB~~,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,KAAK,~~EAAExB~~,UAAU,~~CAACyB~~,KAAM;IACxB,~~sBAAoBzB~~,UAAU,~~CAAC0B~~;EAAG,~~CACnC~~,CAAC;~~AAEN~~;AAEA,OAAO,~~SAASC~~,wBAAwBA,CAAC;EACvCC,WAAW;~~EACX3B~~,UAAU;EACVC,KAAK;~~EACL2B~~;AAC6B,CAAC,EAAsB;EACpD,~~oBACElC~~,KAAA,~~CAAAyB~~,aAAA;~~IAAKF~~,SAAS,~~EAAEpB~~,MAAM,~~CAACgC~~;EAAgB,GACpCF,WAAW,~~CAACG~~,GAAG,~~CAAE/~~B,UAAU,~~iBAC1BL~~,KAAA,~~CAAAyB~~,aAAA,~~CAACrB~~,cAAc;~~IACbQ~~,GAAG,~~EAAEP~~,UAAU,~~CAAC0B~~,EAAG;~~IACnB1B~~,UAAU,EAAEA,UAAW;~~IACvBC~~,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;~~IACbC~~,OAAO,~~EAAE0B~~;EAAkB,CAC5B,~~CACF~~,~~CACE~~,CAAC;AAEV","ignoreList":[]}
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":[]}

package/build/esm/pdf-viewer/components/PdfViewerAnnotationLayer.module.css CHANGED Viewed

@@ -8,6 +8,24 @@
   z-index: 3;
 }
+.annotationGroup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.annotationGroup:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.annotationGroup .annotation {
+  pointer-events: auto;
+}
 .annotation {
   position: absolute;
   pointer-events: auto;

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

@@ -19,18 +19,22 @@ 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, EMPTY_ANNOTATIONS } from "../constants.js";
+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";
 import { PdfViewerAnnotationLayer } from "./PdfViewerAnnotationLayer.js";
 export function PdfViewerContent({
   src,
-  annotations = EMPTY_ANNOTATIONS,
+  annotations = EMPTY_ANNOTATION_ARRAY,
   onAnnotationClick,
   initialPage = 1,
   initialScale = 1.0,
   onPageChange: onPageChangeProp,
   onScaleChange: onScaleChangeProp,
+  formData,
+  onFormChange,
   className
 }) {
   const viewer = usePdfViewerCore({
@@ -38,6 +42,14 @@ export function PdfViewerContent({
     initialPage,
     initialScale
   });
+  const annotationsByPage = usePdfAnnotationsByPage(annotations);
+  usePdfFormFields({
+    pdfViewerRef: viewer.pdfViewerRef,
+    eventBusRef: viewer.eventBusRef,
+    document: viewer.document,
+    formData,
+    onFormChange
+  });
   // Use refs for callbacks to avoid firing on initial mount
   const onPageChangeRef = useRef(onPageChangeProp);
@@ -97,7 +109,7 @@ export function PdfViewerContent({
     ref: viewer.viewerRef,
     className: "pdfViewer"
   }), viewer.portalTargets.map(target => {
-    const pageAnnotations = annotations[target.pageNumber] ?? EMPTY_ANNOTATION_ARRAY;
+    const pageAnnotations = annotationsByPage[target.pageNumber] ?? EMPTY_ANNOTATION_ARRAY;
     if (pageAnnotations.length === 0) {
       return null;
     }

package/build/esm/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","~~EMPTY_ANNOTATIONS~~","usePdfViewerCore","styles","PdfViewerAnnotationLayer","PdfViewerContent","src","annotations","onAnnotationClick","initialPage","initialScale","onPageChange","onPageChangeProp","onScaleChange","onScaleChangeProp","className","viewer","onPageChangeRef","current","onScaleChangeRef","isInitialMountRef","currentPage","scale","rootClassName","pdfViewer","loading","createElement","loadingContainer","spinnerIcon","error","errorContainer","errorIcon","message","~~document","~~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, ~~EMPTY_ANNOTATIONS~~ } from \"../constants.js\";\nimport { usePdfViewerCore } from \"../hooks/usePdfViewerCore.js\";\nimport styles from \"../PdfViewer.module.css\";\nimport type { PdfAnnotation } 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, ~~keyed by page number (1-indexed)~~ /\n annotations?: ~~Record<number,~~ 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 /* Additional CSS class name for the root element */\n className?: string;\n}\n\nexport function PdfViewerContent({\n src,\n annotations = ~~EMPTY_ANNOTATIONS~~,\n onAnnotationClick,\n initialPage = 1,\n initialScale = 1.0,\n onPageChange: onPageChangeProp,\n onScaleChange: onScaleChangeProp,\n className,\n}: PdfViewerContentProps): React.ReactElement {\n const viewer = usePdfViewerCore({ src, initialPage, initialScale });\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 = ~~annotations~~[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,~~EAAEC~~,iBAAiB,QAAQ,~~iBAAiB~~;~~AAC3E~~,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,OAAOC,MAAM,MAAM,yBAAyB;AAE5C,SAASC,wBAAwB,QAAQ,+BAA+B;~~AAqBxE~~,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,GAAG;EACHC,WAAW,~~GAAGN~~,~~iBAAiB~~;~~EAC/BO~~,iBAAiB;EACjBC,WAAW,GAAG,CAAC;EACfC,YAAY,GAAG,GAAG;EAClBC,YAAY,EAAEC,gBAAgB;EAC9BC,aAAa,EAAEC,iBAAiB;EAChCC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,MAAM,~~GAAGd~~,gBAAgB,CAAC;IAAEI,GAAG;IAAEG,WAAW;IAAEC;EAAa,CAAC,CAAC;;~~EAEnE~~;EACA,MAAMO,eAAe,~~GAAGnB~~,MAAM,~~CAACc~~,gBAAgB,CAAC;~~EAChDK~~,eAAe,CAACC,OAAO,~~GAAGN~~,gBAAgB;EAC1C,~~MAAMO~~,gBAAgB,~~GAAGrB~~,MAAM,~~CAACgB~~,iBAAiB,CAAC;~~EAClDK~~,gBAAgB,CAACD,OAAO,~~GAAGJ~~,iBAAiB;EAC5C,~~MAAMM~~,iBAAiB,~~GAAGtB~~,MAAM,CAAC,IAAI,CAAC;EAEtCD,SAAS,CAAC,YAA4B;IACpC,~~IAAIuB~~,iBAAiB,CAACF,OAAO,EAAE;MAC7B;IACF;IACAD,eAAe,CAACC,OAAO,~~GAAGF~~,MAAM,~~CAACK~~,WAAW,CAAC;EAC/C,CAAC,EAAE,~~CAACL~~,MAAM,~~CAACK~~,WAAW,CAAC,CAAC;~~EAExBxB~~,SAAS,CAAC,YAA6B;IACrC,~~IAAIuB~~,iBAAiB,CAACF,OAAO,EAAE;MAC7B;IACF;IACAC,gBAAgB,CAACD,OAAO,~~GAAGF~~,MAAM,~~CAACM~~,KAAK,CAAC;EAC1C,CAAC,EAAE,~~CAACN~~,MAAM,~~CAACM~~,KAAK,CAAC,CAAC;~~EAElBzB~~,SAAS,CAAC,YAA6B;~~IACrCuB~~,iBAAiB,CAACF,OAAO,GAAG,KAAK;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,aAAa,~~GAAG5B~~,UAAU,~~CAACQ~~,MAAM,~~CAACqB~~,SAAS,~~EAAET~~,SAAS,CAAC;EAE7D,IAAIC,MAAM,~~CAACS~~,OAAO,EAAE;IAClB,~~oBACE7B~~,KAAA,~~CAAA8B~~,aAAA;~~MAAKX~~,SAAS,~~EAAEQ~~;IAAc,~~gBAC5B3B~~,KAAA,~~CAAA8B~~,aAAA;~~MAAKX~~,SAAS,~~EAAEZ~~,MAAM,~~CAACwB~~;IAAiB,~~gBACtC/B~~,KAAA,~~CAAA8B~~,aAAA,~~CAAChC~~,IAAI;~~MAACqB~~,SAAS,~~EAAEZ~~,MAAM,~~CAACyB~~;IAAY,CAAE,CAAC,iBAEpC,CACF,CAAC;EAEV;EAEA,~~IAAIZ~~,MAAM,~~CAACa~~,KAAK,IAAI,IAAI,EAAE;IACxB,~~oBACEjC~~,KAAA,~~CAAA8B~~,aAAA;~~MAAKX~~,SAAS,~~EAAEQ~~;IAAc,~~gBAC5B3B~~,KAAA,~~CAAA8B~~,aAAA;~~MAAKX~~,SAAS,~~EAAEZ~~,MAAM,~~CAAC2B~~;IAAe,~~gBACpClC~~,KAAA,~~CAAA8B~~,aAAA,~~CAACjC~~,SAAS;~~MAACsB~~,SAAS,~~EAAEZ~~,MAAM,~~CAAC4B~~;IAAU,CAAE,CAAC,wBACtB,~~EAACf~~,MAAM,~~CAACa~~,KAAK,CAACG,OAC/B,CACF,CAAC;EAEV;EAEA,~~IAAIhB~~,MAAM,~~CAACiB~~,QAAQ,IAAI,IAAI,EAAE;IAC3B,~~oBACErC~~,KAAA,~~CAAA8B~~,aAAA;~~MAAKX~~,SAAS,~~EAAEQ~~;IAAc,~~gBAC5B3B~~,KAAA,~~CAAA8B~~,aAAA;~~MAAKX~~,SAAS,~~EAAEZ~~,MAAM,~~CAACwB~~;IAAiB,GAAC,aAAgB,CACtD,CAAC;EAEV;EAEA,~~oBACE/B~~,KAAA,~~CAAA8B~~,aAAA;~~IAAKX~~,SAAS,~~EAAEQ~~;EAAc,~~gBAC5B3B~~,KAAA,~~CAAA8B~~,aAAA;~~IAAKX~~,SAAS,~~EAAEZ~~,MAAM,~~CAAC+B~~;EAAuB,~~gBAC5CtC~~,KAAA,~~CAAA8B~~,aAAA;~~IAAKS~~,GAAG,~~EAAEnB~~,MAAM,~~CAACoB~~,YAAa;~~IAACrB~~,SAAS,~~EAAEZ~~,MAAM,~~CAACkC~~;EAAgB,gBAC/~~DzC~~,KAAA,~~CAAA8B~~,aAAA;~~IAAKS~~,GAAG,~~EAAEnB~~,MAAM,~~CAACsB~~,SAAU;~~IAACvB~~,SAAS,EAAC;EAAW,CAAE,CAAC,EACnDC,MAAM,~~CAACuB~~,aAAa,CAACC,GAAG,CAAEC,MAAM,IAAK;IACpC,MAAMC,eAAe,~~GAAGnC~~,~~WAAW~~,~~CAACkC~~,MAAM,CAACE,UAAU,CAAC,~~IACjD3C~~,sBAAsB;IAC3B,~~IAAI0C~~,eAAe,CAACE,MAAM,KAAK,CAAC,EAAE;MAChC,OAAO,IAAI;IACb;IACA,~~oBAAO7C~~,YAAY,cACjBH,KAAA,~~CAAA8B~~,aAAA,~~CAACtB~~,wBAAwB;~~MACvByC~~,GAAG,EAAEJ,MAAM,CAACE,UAAW;~~MACvBpC~~,WAAW,~~EAAEmC~~,eAAgB;MAC7BI,UAAU,EAAEL,MAAM,CAACK,UAAW;~~MAC9BxB~~,KAAK,~~EAAEmB~~,MAAM,~~CAACnB~~,KAAM;~~MACpBd~~,iBAAiB,EAAEA;IAAkB,CACtC,CAAC,~~EACFiC~~,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","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":"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","ignoreList":[]}

package/build/esm/pdf-viewer/components/PdfViewerOutlineSidebar.module.css CHANGED Viewed

@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   background-color: var(--osdk-pdf-viewer-sidebar-bg);
-  border-right: 1px solid var(--osdk-pdf-viewer-sidebar-border);
+  border-right: var(--osdk-pdf-viewer-sidebar-border);
   overflow: hidden;
 }

package/build/esm/pdf-viewer/components/PdfViewerSidebar.module.css CHANGED Viewed

@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   background-color: var(--osdk-pdf-viewer-sidebar-bg);
-  border-right: 1px solid var(--osdk-pdf-viewer-sidebar-border);
+  border-right: var(--osdk-pdf-viewer-sidebar-border);
   overflow: hidden;
 }

package/build/esm/pdf-viewer/components/PdfViewerSidebarHeader.module.css CHANGED Viewed

@@ -28,7 +28,7 @@
   align-items: center;
   gap: var(--osdk-spacing-2xs, 2px);
   padding: var(--osdk-spacing-2xs, 2px);
-  border: 1px solid var(--osdk-surface-border-color, rgba(0, 0, 0, 0.15));
+  border: none;
   border-radius: var(--osdk-surface-border-radius);
   background-color: var(--osdk-surface-background-color, transparent);
 }