@osdk/react-components 0.2.0-beta.2 → 0.2.0-beta.21

package/build/browser/pdf-viewer/PdfViewerSearchBar.module.css

@@ -0,0 +1,65 @@
+.searchBar {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: var(--osdk-surface-z-index-3);
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-pdf-viewer-toolbar-gap);
+  padding: var(--osdk-surface-spacing);
+  background-color: var(--osdk-pdf-viewer-search-bar-bg);
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-surface-shadow-2);
+  margin: var(--osdk-surface-spacing);
+}
+
+.searchInput {
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 2);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default-rest);
+  background-color: var(--osdk-background-primary);
+  outline: none;
+  min-width: 200px;
+}
+
+.searchInput:focus {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.matchCount {
+  font-size: var(--osdk-typography-size-body-x-small);
+  color: var(--osdk-typography-color-muted);
+  white-space: nowrap;
+}
+
+.navButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: none;
+  color: var(--osdk-typography-color-default-rest);
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  padding: 0;
+}
+
+.navButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+
+.navButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.closeButton {
+  composes: navButton;
+}

package/build/browser/pdf-viewer/PdfViewerSearchBar.module.css.js

@@ -0,0 +1,10 @@
+// CSS Module proxy for PdfViewerSearchBar.module.css
+const styles = {
+  "searchBar": "PdfViewerSearchBar-module__searchBar___UR3IbGXb",
+  "searchInput": "PdfViewerSearchBar-module__searchInput___uGexyYcH",
+  "matchCount": "PdfViewerSearchBar-module__matchCount___np-TCNhQ",
+  "navButton": "PdfViewerSearchBar-module__navButton___WhEoIW0p",
+  "closeButton": "PdfViewerSearchBar-module__closeButton___Sgtlmr-- PdfViewerSearchBar-module__navButton___WhEoIW0p"
+};
+
+export default styles;

package/build/browser/pdf-viewer/PdfViewerSidebar.js

@@ -0,0 +1,74 @@
+/*
+ * Copyright 2025 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 { useVirtualizer } from "@tanstack/react-virtual";
+import React, { useEffect, useRef } from "react";
+import { DEFAULT_PAGE_HEIGHT, THUMBNAIL_GAP, THUMBNAIL_SCALE } from "./constants.js";
+import styles from "./PdfViewerSidebar.module.css.js";
+import { PdfViewerThumbnail } from "./PdfViewerThumbnail.js";
+export function PdfViewerSidebar({
+  document,
+  numPages,
+  currentPage,
+  onPageClick
+}) {
+  const scrollContainerRef = useRef(null);
+  const estimatedItemHeight = Math.floor(DEFAULT_PAGE_HEIGHT * THUMBNAIL_SCALE) + THUMBNAIL_GAP + 20;
+  const virtualizer = useVirtualizer({
+    count: numPages,
+    getScrollElement: () => scrollContainerRef.current,
+    estimateSize: () => estimatedItemHeight,
+    overscan: 2
+  });
+
+  // Auto-scroll to keep the active thumbnail visible
+  useEffect(function () {
+    virtualizer.scrollToIndex(currentPage - 1, {
+      align: "auto"
+    });
+  }, [currentPage, virtualizer]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.sidebar
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.sidebarHeader
+  }, "Pages"), /*#__PURE__*/React.createElement("div", {
+    ref: scrollContainerRef,
+    className: styles.scrollContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.thumbnailsContainer,
+    style: {
+      height: virtualizer.getTotalSize()
+    }
+  }, virtualizer.getVirtualItems().map(virtualItem => {
+    const pageNumber = virtualItem.index + 1;
+    return /*#__PURE__*/React.createElement("div", {
+      key: virtualItem.key,
+      className: styles.thumbnailWrapper,
+      style: {
+        top: virtualItem.start,
+        height: virtualItem.size
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PdfViewerThumbnail, {
+      document: document,
+      pageNumber: pageNumber,
+      isActive: pageNumber === currentPage,
+      onClick: () => onPageClick(pageNumber)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.pageNumber
+    }, pageNumber)));
+  }))));
+}
+//# sourceMappingURL=PdfViewerSidebar.js.map

package/build/browser/pdf-viewer/PdfViewerSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerSidebar.js","names":["useVirtualizer","React","useEffect","useRef","DEFAULT_PAGE_HEIGHT","THUMBNAIL_GAP","THUMBNAIL_SCALE","styles","PdfViewerThumbnail","PdfViewerSidebar","document","numPages","currentPage","onPageClick","scrollContainerRef","estimatedItemHeight","Math","floor","virtualizer","count","getScrollElement","current","estimateSize","overscan","scrollToIndex","align","createElement","className","sidebar","sidebarHeader","ref","scrollContainer","thumbnailsContainer","style","height","getTotalSize","getVirtualItems","map","virtualItem","pageNumber","index","key","thumbnailWrapper","top","start","size","isActive","onClick"],"sources":["PdfViewerSidebar.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 { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport React, { useEffect, useRef } from \"react\";\nimport {\n  DEFAULT_PAGE_HEIGHT,\n  THUMBNAIL_GAP,\n  THUMBNAIL_SCALE,\n} from \"./constants.js\";\nimport styles from \"./PdfViewerSidebar.module.css\";\nimport { PdfViewerThumbnail } from \"./PdfViewerThumbnail.js\";\n\ninterface PdfViewerSidebarProps {\n  document: PDFDocumentProxy;\n  numPages: number;\n  currentPage: number;\n  onPageClick: (page: number) => void;\n}\n\nexport function PdfViewerSidebar({\n  document,\n  numPages,\n  currentPage,\n  onPageClick,\n}: PdfViewerSidebarProps): React.ReactElement {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const estimatedItemHeight = Math.floor(DEFAULT_PAGE_HEIGHT * THUMBNAIL_SCALE)\n    + THUMBNAIL_GAP + 20;\n\n  const virtualizer = useVirtualizer({\n    count: numPages,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => estimatedItemHeight,\n    overscan: 2,\n  });\n\n  // Auto-scroll to keep the active thumbnail visible\n  useEffect(function syncActiveThumbnail() {\n    virtualizer.scrollToIndex(currentPage - 1, { align: \"auto\" });\n  }, [currentPage, virtualizer]);\n\n  return (\n    <div className={styles.sidebar}>\n      <div className={styles.sidebarHeader}>Pages</div>\n      <div ref={scrollContainerRef} className={styles.scrollContainer}>\n        <div\n          className={styles.thumbnailsContainer}\n          style={{ height: virtualizer.getTotalSize() }}\n        >\n          {virtualizer.getVirtualItems().map((virtualItem) => {\n            const pageNumber = virtualItem.index + 1;\n            return (\n              <div\n                key={virtualItem.key}\n                className={styles.thumbnailWrapper}\n                style={{\n                  top: virtualItem.start,\n                  height: virtualItem.size,\n                }}\n              >\n                <div>\n                  <PdfViewerThumbnail\n                    document={document}\n                    pageNumber={pageNumber}\n                    isActive={pageNumber === currentPage}\n                    onClick={() => onPageClick(pageNumber)}\n                  />\n                  <div className={styles.pageNumber}>{pageNumber}</div>\n                </div>\n              </div>\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,cAAc,QAAQ,yBAAyB;AAExD,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,mBAAmB,EACnBC,aAAa,EACbC,eAAe,QACV,gBAAgB;AACvB,OAAOC,MAAM,MAAM,+BAA+B;AAClD,SAASC,kBAAkB,QAAQ,yBAAyB;AAS5D,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,kBAAkB,GAAGX,MAAM,CAAiB,IAAI,CAAC;EACvD,MAAMY,mBAAmB,GAAGC,IAAI,CAACC,KAAK,CAACb,mBAAmB,GAAGE,eAAe,CAAC,GACzED,aAAa,GAAG,EAAE;EAEtB,MAAMa,WAAW,GAAGlB,cAAc,CAAC;IACjCmB,KAAK,EAAER,QAAQ;IACfS,gBAAgB,EAAEA,CAAA,KAAMN,kBAAkB,CAACO,OAAO;IAClDC,YAAY,EAAEA,CAAA,KAAMP,mBAAmB;IACvCQ,QAAQ,EAAE;EACZ,CAAC,CAAC;;EAEF;EACArB,SAAS,CAAC,YAA+B;IACvCgB,WAAW,CAACM,aAAa,CAACZ,WAAW,GAAG,CAAC,EAAE;MAAEa,KAAK,EAAE;IAAO,CAAC,CAAC;EAC/D,CAAC,EAAE,CAACb,WAAW,EAAEM,WAAW,CAAC,CAAC;EAE9B,oBACEjB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAEpB,MAAM,CAACqB;EAAQ,gBAC7B3B,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAEpB,MAAM,CAACsB;EAAc,GAAC,OAAU,CAAC,eACjD5B,KAAA,CAAAyB,aAAA;IAAKI,GAAG,EAAEhB,kBAAmB;IAACa,SAAS,EAAEpB,MAAM,CAACwB;EAAgB,gBAC9D9B,KAAA,CAAAyB,aAAA;IACEC,SAAS,EAAEpB,MAAM,CAACyB,mBAAoB;IACtCC,KAAK,EAAE;MAAEC,MAAM,EAAEhB,WAAW,CAACiB,YAAY,CAAC;IAAE;EAAE,GAE7CjB,WAAW,CAACkB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,IAAK;IAClD,MAAMC,UAAU,GAAGD,WAAW,CAACE,KAAK,GAAG,CAAC;IACxC,oBACEvC,KAAA,CAAAyB,aAAA;MACEe,GAAG,EAAEH,WAAW,CAACG,GAAI;MACrBd,SAAS,EAAEpB,MAAM,CAACmC,gBAAiB;MACnCT,KAAK,EAAE;QACLU,GAAG,EAAEL,WAAW,CAACM,KAAK;QACtBV,MAAM,EAAEI,WAAW,CAACO;MACtB;IAAE,gBAEF5C,KAAA,CAAAyB,aAAA,2BACEzB,KAAA,CAAAyB,aAAA,CAAClB,kBAAkB;MACjBE,QAAQ,EAAEA,QAAS;MACnB6B,UAAU,EAAEA,UAAW;MACvBO,QAAQ,EAAEP,UAAU,KAAK3B,WAAY;MACrCmC,OAAO,EAAEA,CAAA,KAAMlC,WAAW,CAAC0B,UAAU;IAAE,CACxC,CAAC,eACFtC,KAAA,CAAAyB,aAAA;MAAKC,SAAS,EAAEpB,MAAM,CAACgC;IAAW,GAAEA,UAAgB,CACjD,CACF,CAAC;EAEV,CAAC,CACE,CACF,CACF,CAAC;AAEV","ignoreList":[]}

package/build/browser/pdf-viewer/PdfViewerSidebar.module.css

@@ -0,0 +1,46 @@
+.sidebar {
+  width: var(--osdk-pdf-viewer-sidebar-width);
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--osdk-pdf-viewer-sidebar-bg);
+  border-right: 1px solid var(--osdk-pdf-viewer-sidebar-border);
+  overflow: hidden;
+}
+
+.sidebarHeader {
+  padding: var(--osdk-pdf-viewer-sidebar-thumbnail-gap);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  font-weight: var(--osdk-typography-weight-semibold);
+  color: var(--osdk-typography-color-muted);
+  border-bottom: 1px solid var(--osdk-pdf-viewer-sidebar-border);
+  flex-shrink: 0;
+}
+
+.scrollContainer {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.thumbnailsContainer {
+  position: relative;
+}
+
+.thumbnailWrapper {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding: var(--osdk-pdf-viewer-sidebar-thumbnail-gap)
+    var(--osdk-pdf-viewer-sidebar-thumbnail-gap) 0;
+}
+
+.pageNumber {
+  text-align: center;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+  margin-top: 4px;
+}

package/build/browser/pdf-viewer/PdfViewerSidebar.module.css.js

@@ -0,0 +1,11 @@
+// CSS Module proxy for PdfViewerSidebar.module.css
+const styles = {
+  "sidebar": "PdfViewerSidebar-module__sidebar___OwDEm60x",
+  "sidebarHeader": "PdfViewerSidebar-module__sidebarHeader___QofzhkVe",
+  "scrollContainer": "PdfViewerSidebar-module__scrollContainer___jZb2bkwp",
+  "thumbnailsContainer": "PdfViewerSidebar-module__thumbnailsContainer___2k3fin4S",
+  "thumbnailWrapper": "PdfViewerSidebar-module__thumbnailWrapper___3Mus5kp8",
+  "pageNumber": "PdfViewerSidebar-module__pageNumber___-MVkprjn"
+};
+
+export default styles;

package/build/browser/pdf-viewer/PdfViewerThumbnail.js

@@ -0,0 +1,100 @@
+/*
+ * Copyright 2025 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 classnames from "classnames";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { DEVICE_PIXEL_RATIO, THUMBNAIL_SCALE } from "./constants.js";
+import styles from "./PdfViewerThumbnail.module.css.js";
+export function PdfViewerThumbnail({
+  document,
+  pageNumber,
+  isActive,
+  onClick
+}) {
+  const canvasRef = useRef(null);
+  const renderTaskRef = useRef(null);
+  const [dimensions, setDimensions] = useState(undefined);
+  useEffect(() => {
+    let cancelled = false;
+    void document.getPage(pageNumber).then(page => {
+      if (cancelled || canvasRef.current == null) {
+        return;
+      }
+      const viewport = page.getViewport({
+        scale: THUMBNAIL_SCALE
+      });
+      const canvas = canvasRef.current;
+      const context = canvas.getContext("2d");
+      if (context == null) {
+        return;
+      }
+      canvas.width = Math.floor(viewport.width * DEVICE_PIXEL_RATIO);
+      canvas.height = Math.floor(viewport.height * DEVICE_PIXEL_RATIO);
+      canvas.style.width = `${Math.floor(viewport.width)}px`;
+      canvas.style.height = `${Math.floor(viewport.height)}px`;
+      setDimensions({
+        width: Math.floor(viewport.width),
+        height: Math.floor(viewport.height)
+      });
+      if (renderTaskRef.current != null) {
+        renderTaskRef.current.cancel();
+      }
+      context.setTransform(DEVICE_PIXEL_RATIO, 0, 0, DEVICE_PIXEL_RATIO, 0, 0);
+      const renderTask = page.render({
+        canvasContext: context,
+        viewport
+      });
+      renderTaskRef.current = renderTask;
+      void renderTask.promise.catch(err => {
+        if (err instanceof Error && err.message.includes("cancelled")) {
+          return;
+        }
+        throw err;
+      });
+    });
+    return () => {
+      cancelled = true;
+      if (renderTaskRef.current != null) {
+        renderTaskRef.current.cancel();
+        renderTaskRef.current = null;
+      }
+    };
+  }, [document, pageNumber]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onClick();
+    }
+  }, [onClick]);
+  const containerClassName = classnames(styles.thumbnailContainer, isActive && styles.active);
+  return /*#__PURE__*/React.createElement("div", {
+    className: containerClassName,
+    onClick: onClick,
+    onKeyDown: handleKeyDown,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": `Page ${pageNumber}`,
+    "aria-current": isActive ? "page" : undefined,
+    style: dimensions != null ? {
+      width: dimensions.width,
+      height: dimensions.height
+    } : undefined
+  }, /*#__PURE__*/React.createElement("canvas", {
+    ref: canvasRef,
+    className: styles.canvas
+  }));
+}
+//# sourceMappingURL=PdfViewerThumbnail.js.map

package/build/browser/pdf-viewer/PdfViewerThumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerThumbnail.js","names":["classnames","React","useCallback","useEffect","useRef","useState","DEVICE_PIXEL_RATIO","THUMBNAIL_SCALE","styles","PdfViewerThumbnail","document","pageNumber","isActive","onClick","canvasRef","renderTaskRef","dimensions","setDimensions","undefined","cancelled","getPage","then","page","current","viewport","getViewport","scale","canvas","context","getContext","width","Math","floor","height","style","cancel","setTransform","renderTask","render","canvasContext","promise","catch","err","Error","message","includes","handleKeyDown","e","key","preventDefault","containerClassName","thumbnailContainer","active","createElement","className","onKeyDown","role","tabIndex","ref"],"sources":["PdfViewerThumbnail.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 type { PDFDocumentProxy, PDFPageProxy } from \"pdfjs-dist\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DEVICE_PIXEL_RATIO, THUMBNAIL_SCALE } from \"./constants.js\";\nimport styles from \"./PdfViewerThumbnail.module.css\";\n\ninterface PdfViewerThumbnailProps {\n  document: PDFDocumentProxy;\n  pageNumber: number;\n  isActive: boolean;\n  onClick: () => void;\n}\n\nexport function PdfViewerThumbnail({\n  document,\n  pageNumber,\n  isActive,\n  onClick,\n}: PdfViewerThumbnailProps): React.ReactElement {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const renderTaskRef = useRef<ReturnType<PDFPageProxy[\"render\"]> | null>(null);\n  const [dimensions, setDimensions] = useState<\n    { width: number; height: number } | undefined\n  >(undefined);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    void document.getPage(pageNumber).then((page) => {\n      if (cancelled || canvasRef.current == null) {\n        return;\n      }\n\n      const viewport = page.getViewport({ scale: THUMBNAIL_SCALE });\n      const canvas = canvasRef.current;\n      const context = canvas.getContext(\"2d\");\n      if (context == null) {\n        return;\n      }\n\n      canvas.width = Math.floor(viewport.width * DEVICE_PIXEL_RATIO);\n      canvas.height = Math.floor(viewport.height * DEVICE_PIXEL_RATIO);\n      canvas.style.width = `${Math.floor(viewport.width)}px`;\n      canvas.style.height = `${Math.floor(viewport.height)}px`;\n\n      setDimensions({\n        width: Math.floor(viewport.width),\n        height: Math.floor(viewport.height),\n      });\n\n      if (renderTaskRef.current != null) {\n        renderTaskRef.current.cancel();\n      }\n\n      context.setTransform(\n        DEVICE_PIXEL_RATIO,\n        0,\n        0,\n        DEVICE_PIXEL_RATIO,\n        0,\n        0,\n      );\n\n      const renderTask = page.render({\n        canvasContext: context,\n        viewport,\n      });\n      renderTaskRef.current = renderTask;\n\n      void renderTask.promise.catch((err: unknown) => {\n        if (err instanceof Error && err.message.includes(\"cancelled\")) {\n          return;\n        }\n        throw err;\n      });\n    });\n\n    return () => {\n      cancelled = true;\n      if (renderTaskRef.current != null) {\n        renderTaskRef.current.cancel();\n        renderTaskRef.current = null;\n      }\n    };\n  }, [document, pageNumber]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        onClick();\n      }\n    },\n    [onClick],\n  );\n\n  const containerClassName = classnames(\n    styles.thumbnailContainer,\n    isActive && styles.active,\n  );\n\n  return (\n    <div\n      className={containerClassName}\n      onClick={onClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Page ${pageNumber}`}\n      aria-current={isActive ? \"page\" : undefined}\n      style={dimensions != null\n        ? { width: dimensions.width, height: dimensions.height }\n        : undefined}\n    >\n      <canvas ref={canvasRef} className={styles.canvas} />\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/PdfViewerThumbnail.module.css

@@ -0,0 +1,26 @@
+.thumbnailContainer {
+  position: relative;
+  cursor: pointer;
+  border: 2px solid transparent;
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-pdf-viewer-page-shadow);
+  overflow: hidden;
+  transition: border-color var(--osdk-emphasis-transition-duration)
+    var(--osdk-emphasis-ease-default);
+}
+
+.thumbnailContainer:hover {
+  border-color: var(--osdk-pdf-viewer-sidebar-border);
+}
+
+.active {
+  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
+}
+
+.active:hover {
+  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
+}
+
+.canvas {
+  display: block;
+}

package/build/browser/pdf-viewer/PdfViewerThumbnail.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for PdfViewerThumbnail.module.css
+const styles = {
+  "thumbnailContainer": "PdfViewerThumbnail-module__thumbnailContainer___FW39lZQr",
+  "active": "PdfViewerThumbnail-module__active___IuCRxNek",
+  "canvas": "PdfViewerThumbnail-module__canvas___8ECvwVCZ"
+};
+
+export default styles;

package/build/browser/pdf-viewer/PdfViewerToolbar.js

@@ -0,0 +1,167 @@
+/*
+ * Copyright 2025 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 { ChevronLeft, ChevronRight, Download, Menu, Minus, Plus, Search } from "@blueprintjs/icons";
+import React, { useCallback, useEffect, useState } from "react";
+import { MAX_SCALE, MIN_SCALE, SCALE_STEP } from "./constants.js";
+import styles from "./PdfViewerToolbar.module.css.js";
+export function PdfViewerToolbar({
+  currentPage,
+  numPages,
+  scale,
+  sidebarOpen,
+  onPageChange,
+  onScaleChange,
+  onSearchOpen,
+  onSidebarToggle,
+  onDownload
+}) {
+  const [pageInputValue, setPageInputValue] = useState(String(currentPage));
+
+  // Sync input display when currentPage changes from scrolling
+  useEffect(function () {
+    setPageInputValue(String(currentPage));
+  }, [currentPage]);
+  const handlePrevPage = useCallback(() => {
+    if (currentPage > 1) {
+      const newPage = currentPage - 1;
+      onPageChange(newPage);
+      setPageInputValue(String(newPage));
+    }
+  }, [currentPage, onPageChange]);
+  const handleNextPage = useCallback(() => {
+    if (currentPage < numPages) {
+      const newPage = currentPage + 1;
+      onPageChange(newPage);
+      setPageInputValue(String(newPage));
+    }
+  }, [currentPage, numPages, onPageChange]);
+  const handlePageInputChange = useCallback(e => {
+    setPageInputValue(e.target.value);
+  }, []);
+  const handlePageInputKeyDown = useCallback(e => {
+    if (e.key === "Enter") {
+      const page = parseInt(pageInputValue, 10);
+      if (!isNaN(page) && page >= 1 && page <= numPages) {
+        onPageChange(page);
+      } else {
+        setPageInputValue(String(currentPage));
+      }
+    }
+  }, [pageInputValue, numPages, onPageChange, currentPage]);
+  const handlePageInputBlur = useCallback(() => {
+    setPageInputValue(String(currentPage));
+  }, [currentPage]);
+  const handleZoomIn = useCallback(() => {
+    const newScale = Math.min(scale + SCALE_STEP, MAX_SCALE);
+    onScaleChange(newScale);
+  }, [scale, onScaleChange]);
+  const handleZoomOut = useCallback(() => {
+    const newScale = Math.max(scale - SCALE_STEP, MIN_SCALE);
+    onScaleChange(newScale);
+  }, [scale, onScaleChange]);
+  const scalePercent = `${Math.round(scale * 100)}%`;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbar
+  }, /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: onSidebarToggle,
+    "aria-label": sidebarOpen ? "Close sidebar" : "Open sidebar",
+    title: sidebarOpen ? "Close sidebar" : "Open sidebar",
+    "aria-pressed": sidebarOpen,
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Menu, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbarGroup
+  }, /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: handlePrevPage,
+    disabled: currentPage <= 1,
+    "aria-label": "Previous page",
+    title: "Previous page",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ChevronLeft, {
+    size: 16
+  })), /*#__PURE__*/React.createElement(Input, {
+    className: styles.pageInput,
+    type: "text",
+    value: pageInputValue,
+    onChange: handlePageInputChange,
+    onKeyDown: handlePageInputKeyDown,
+    onBlur: handlePageInputBlur,
+    "aria-label": "Page number"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.pageCount
+  }, "of ", numPages), /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: handleNextPage,
+    disabled: currentPage >= numPages,
+    "aria-label": "Next page",
+    title: "Next page",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbarGroup
+  }, /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: handleZoomOut,
+    disabled: scale <= MIN_SCALE,
+    "aria-label": "Zoom out",
+    title: "Zoom out",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Minus, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("span", {
+    className: styles.scaleDisplay
+  }, scalePercent), /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: handleZoomIn,
+    disabled: scale >= MAX_SCALE,
+    "aria-label": "Zoom in",
+    title: "Zoom in",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Plus, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: onSearchOpen,
+    "aria-label": "Search",
+    title: "Search",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Search, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("button", {
+    className: styles.toolbarButton,
+    onClick: onDownload,
+    "aria-label": "Download",
+    title: "Download",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Download, {
+    size: 16
+  })));
+}
+//# sourceMappingURL=PdfViewerToolbar.js.map

package/build/browser/pdf-viewer/PdfViewerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerToolbar.js","names":["Input","ChevronLeft","ChevronRight","Download","Menu","Minus","Plus","Search","React","useCallback","useEffect","useState","MAX_SCALE","MIN_SCALE","SCALE_STEP","styles","PdfViewerToolbar","currentPage","numPages","scale","sidebarOpen","onPageChange","onScaleChange","onSearchOpen","onSidebarToggle","onDownload","pageInputValue","setPageInputValue","String","handlePrevPage","newPage","handleNextPage","handlePageInputChange","e","target","value","handlePageInputKeyDown","key","page","parseInt","isNaN","handlePageInputBlur","handleZoomIn","newScale","Math","min","handleZoomOut","max","scalePercent","round","createElement","className","toolbar","toolbarButton","onClick","title","type","size","separator","toolbarGroup","disabled","pageInput","onChange","onKeyDown","onBlur","pageCount","scaleDisplay"],"sources":["PdfViewerToolbar.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 {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  Menu,\n  Minus,\n  Plus,\n  Search,\n} from \"@blueprintjs/icons\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { MAX_SCALE, MIN_SCALE, SCALE_STEP } from \"./constants.js\";\nimport styles from \"./PdfViewerToolbar.module.css\";\n\ninterface PdfViewerToolbarProps {\n  currentPage: number;\n  numPages: number;\n  scale: number;\n  sidebarOpen: boolean;\n  onPageChange: (page: number) => void;\n  onScaleChange: (scale: number) => void;\n  onSearchOpen: () => void;\n  onSidebarToggle: () => void;\n  onDownload: () => void;\n}\n\nexport function PdfViewerToolbar({\n  currentPage,\n  numPages,\n  scale,\n  sidebarOpen,\n  onPageChange,\n  onScaleChange,\n  onSearchOpen,\n  onSidebarToggle,\n  onDownload,\n}: PdfViewerToolbarProps): React.ReactElement {\n  const [pageInputValue, setPageInputValue] = useState(String(currentPage));\n\n  // Sync input display when currentPage changes from scrolling\n  useEffect(function syncPageInput() {\n    setPageInputValue(String(currentPage));\n  }, [currentPage]);\n\n  const handlePrevPage = useCallback(() => {\n    if (currentPage > 1) {\n      const newPage = currentPage - 1;\n      onPageChange(newPage);\n      setPageInputValue(String(newPage));\n    }\n  }, [currentPage, onPageChange]);\n\n  const handleNextPage = useCallback(() => {\n    if (currentPage < numPages) {\n      const newPage = currentPage + 1;\n      onPageChange(newPage);\n      setPageInputValue(String(newPage));\n    }\n  }, [currentPage, numPages, onPageChange]);\n\n  const handlePageInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setPageInputValue(e.target.value);\n    },\n    [],\n  );\n\n  const handlePageInputKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        const page = parseInt(pageInputValue, 10);\n        if (!isNaN(page) && page >= 1 && page <= numPages) {\n          onPageChange(page);\n        } else {\n          setPageInputValue(String(currentPage));\n        }\n      }\n    },\n    [pageInputValue, numPages, onPageChange, currentPage],\n  );\n\n  const handlePageInputBlur = useCallback(() => {\n    setPageInputValue(String(currentPage));\n  }, [currentPage]);\n\n  const handleZoomIn = useCallback(() => {\n    const newScale = Math.min(scale + SCALE_STEP, MAX_SCALE);\n    onScaleChange(newScale);\n  }, [scale, onScaleChange]);\n\n  const handleZoomOut = useCallback(() => {\n    const newScale = Math.max(scale - SCALE_STEP, MIN_SCALE);\n    onScaleChange(newScale);\n  }, [scale, onScaleChange]);\n\n  const scalePercent = `${Math.round(scale * 100)}%`;\n\n  return (\n    <div className={styles.toolbar}>\n      <button\n        className={styles.toolbarButton}\n        onClick={onSidebarToggle}\n        aria-label={sidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n        title={sidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n        aria-pressed={sidebarOpen}\n        type=\"button\"\n      >\n        <Menu size={16} />\n      </button>\n\n      <div className={styles.separator} />\n\n      <div className={styles.toolbarGroup}>\n        <button\n          className={styles.toolbarButton}\n          onClick={handlePrevPage}\n          disabled={currentPage <= 1}\n          aria-label=\"Previous page\"\n          title=\"Previous page\"\n          type=\"button\"\n        >\n          <ChevronLeft size={16} />\n        </button>\n        <Input\n          className={styles.pageInput}\n          type=\"text\"\n          value={pageInputValue}\n          onChange={handlePageInputChange}\n          onKeyDown={handlePageInputKeyDown}\n          onBlur={handlePageInputBlur}\n          aria-label=\"Page number\"\n        />\n        <span className={styles.pageCount}>of {numPages}</span>\n        <button\n          className={styles.toolbarButton}\n          onClick={handleNextPage}\n          disabled={currentPage >= numPages}\n          aria-label=\"Next page\"\n          title=\"Next page\"\n          type=\"button\"\n        >\n          <ChevronRight size={16} />\n        </button>\n      </div>\n\n      <div className={styles.separator} />\n\n      <div className={styles.toolbarGroup}>\n        <button\n          className={styles.toolbarButton}\n          onClick={handleZoomOut}\n          disabled={scale <= MIN_SCALE}\n          aria-label=\"Zoom out\"\n          title=\"Zoom out\"\n          type=\"button\"\n        >\n          <Minus size={16} />\n        </button>\n        <span className={styles.scaleDisplay}>{scalePercent}</span>\n        <button\n          className={styles.toolbarButton}\n          onClick={handleZoomIn}\n          disabled={scale >= MAX_SCALE}\n          aria-label=\"Zoom in\"\n          title=\"Zoom in\"\n          type=\"button\"\n        >\n          <Plus size={16} />\n        </button>\n      </div>\n\n      <div className={styles.separator} />\n\n      <button\n        className={styles.toolbarButton}\n        onClick={onSearchOpen}\n        aria-label=\"Search\"\n        title=\"Search\"\n        type=\"button\"\n      >\n        <Search size={16} />\n      </button>\n\n      <div className={styles.separator} />\n\n      <button\n        className={styles.toolbarButton}\n        onClick={onDownload}\n        aria-label=\"Download\"\n        title=\"Download\"\n        type=\"button\"\n      >\n        <Download size={16} />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/PdfViewerToolbar.module.css

@@ -0,0 +1,86 @@
+.toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-pdf-viewer-toolbar-gap);
+  padding: var(--osdk-surface-spacing);
+  background-color: var(--osdk-pdf-viewer-toolbar-bg);
+  border-bottom: var(--osdk-pdf-viewer-toolbar-border);
+  color: var(--osdk-pdf-viewer-toolbar-color);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  flex-shrink: 0;
+}
+
+.toolbarGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
+
+.separator {
+  width: 1px;
+  height: 20px;
+  background-color: var(--osdk-surface-border-color-default);
+  margin: 0 var(--osdk-surface-spacing);
+}
+
+.toolbarButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: none;
+  color: var(--osdk-typography-color-default-rest);
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  padding: 0;
+}
+
+.toolbarButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+
+.toolbarButton:active {
+  background-color: var(--osdk-surface-background-color-default-active);
+}
+
+.toolbarButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.toolbarButton:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.pageInput {
+  width: 48px;
+  text-align: center;
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  padding: calc(0.5 * var(--osdk-surface-spacing)) var(--osdk-surface-spacing);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default-rest);
+  background-color: var(--osdk-background-primary);
+}
+
+.pageInput:focus {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.pageCount {
+  color: var(--osdk-typography-color-muted);
+}
+
+.scaleDisplay {
+  font-size: var(--osdk-typography-size-body-x-small);
+  color: var(--osdk-typography-color-muted);
+  min-width: 40px;
+  text-align: center;
+}