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

package/build/esm/pdf-viewer/PdfViewerAnnotationLayer.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 classnames from "classnames";
+import React, { useCallback, useMemo } from "react";
+import styles from "./PdfViewerAnnotationLayer.module.css";
+function AnnotationItem({
+  annotation,
+  pageHeight,
+  scale,
+  onClick
+}) {
+  const handleClick = useCallback(() => {
+    onClick?.(annotation);
+  }, [onClick, annotation]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      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]);
+  const className = classnames(styles.annotation, styles[annotation.type]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    style: style,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    role: "button",
+    tabIndex: 0,
+    title: annotation.label,
+    "data-annotation-id": annotation.id
+  });
+}
+export function PdfViewerAnnotationLayer({
+  annotations,
+  pageHeight,
+  scale,
+  onAnnotationClick
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.annotationLayer
+  }, annotations.map(annotation => /*#__PURE__*/React.createElement(AnnotationItem, {
+    key: annotation.id,
+    annotation: annotation,
+    pageHeight: pageHeight,
+    scale: scale,
+    onClick: onAnnotationClick
+  })));
+}
+//# sourceMappingURL=PdfViewerAnnotationLayer.js.map

package/build/esm/pdf-viewer/PdfViewerAnnotationLayer.js.map

@@ -0,0 +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 styles from \"./PdfViewerAnnotationLayer.module.css\";\nimport type { PdfAnnotation } from \"./types.js\";\n\ninterface 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;AACnD,OAAOC,MAAM,MAAM,uCAAuC;AAiB1D,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":[]}

package/build/esm/pdf-viewer/PdfViewerAnnotationLayer.module.css

@@ -0,0 +1,65 @@
+.annotationLayer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 3;
+}
+
+.annotation {
+  position: absolute;
+  pointer-events: auto;
+  cursor: pointer;
+  box-sizing: border-box;
+  transition: opacity var(--osdk-emphasis-transition-duration)
+    var(--osdk-emphasis-ease-default);
+}
+
+.annotation:hover {
+  opacity: 0.8;
+}
+
+.annotation:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.highlight {
+  background-color: var(
+    --osdk-pdf-annotation-color,
+    var(--osdk-pdf-viewer-annotation-highlight)
+  );
+  border-radius: 2px;
+}
+
+.underline {
+  background-color: transparent;
+  border-bottom: 2px solid
+    var(
+      --osdk-pdf-annotation-color,
+      var(--osdk-pdf-viewer-annotation-underline)
+    );
+}
+
+.comment {
+  background-color: var(
+    --osdk-pdf-annotation-color,
+    var(--osdk-pdf-viewer-annotation-comment)
+  );
+  border-radius: 50%;
+  width: 16px !important;
+  height: 16px !important;
+}
+
+.pin {
+  background-color: var(
+    --osdk-pdf-annotation-color,
+    var(--osdk-pdf-viewer-annotation-pin)
+  );
+  border-radius: 50% 50% 50% 0;
+  width: 16px !important;
+  height: 16px !important;
+  transform: rotate(-45deg);
+}

package/build/esm/pdf-viewer/PdfViewerSearchBar.js

@@ -0,0 +1,84 @@
+/*
+ * 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 { ChevronDown, ChevronUp, Cross } from "@blueprintjs/icons";
+import React, { useCallback } from "react";
+import styles from "./PdfViewerSearchBar.module.css";
+export function PdfViewerSearchBar({
+  query,
+  totalMatches,
+  currentMatchIndex,
+  onQueryChange,
+  onNext,
+  onPrev,
+  onClose
+}) {
+  const handleInputChange = useCallback(e => {
+    onQueryChange(e.target.value);
+  }, [onQueryChange]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (e.shiftKey) {
+        onPrev();
+      } else {
+        onNext();
+      }
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      onClose();
+    }
+  }, [onNext, onPrev, onClose]);
+  const matchDisplay = totalMatches > 0 ? `${currentMatchIndex + 1} of ${totalMatches}` : query.length > 0 ? "No results" : "";
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.searchBar
+  }, /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    className: styles.searchInput,
+    type: "text",
+    value: query,
+    onChange: handleInputChange,
+    onKeyDown: handleKeyDown,
+    placeholder: "Find in document...",
+    "aria-label": "Search in PDF"
+  }), matchDisplay.length > 0 && /*#__PURE__*/React.createElement("span", {
+    className: styles.matchCount
+  }, matchDisplay), /*#__PURE__*/React.createElement("button", {
+    className: styles.navButton,
+    onClick: onPrev,
+    disabled: totalMatches === 0,
+    "aria-label": "Previous match",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ChevronUp, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("button", {
+    className: styles.navButton,
+    onClick: onNext,
+    disabled: totalMatches === 0,
+    "aria-label": "Next match",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("button", {
+    className: styles.closeButton,
+    onClick: onClose,
+    "aria-label": "Close search",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Cross, {
+    size: 16
+  })));
+}
+//# sourceMappingURL=PdfViewerSearchBar.js.map

package/build/esm/pdf-viewer/PdfViewerSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerSearchBar.js","names":["ChevronDown","ChevronUp","Cross","React","useCallback","styles","PdfViewerSearchBar","query","totalMatches","currentMatchIndex","onQueryChange","onNext","onPrev","onClose","handleInputChange","e","target","value","handleKeyDown","key","preventDefault","shiftKey","matchDisplay","length","createElement","className","searchBar","autoFocus","searchInput","type","onChange","onKeyDown","placeholder","matchCount","navButton","onClick","disabled","size","closeButton"],"sources":["PdfViewerSearchBar.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 { ChevronDown, ChevronUp, Cross } from \"@blueprintjs/icons\";\nimport React, { useCallback } from \"react\";\nimport styles from \"./PdfViewerSearchBar.module.css\";\n\ninterface PdfViewerSearchBarProps {\n  query: string;\n  totalMatches: number;\n  currentMatchIndex: number;\n  onQueryChange: (query: string) => void;\n  onNext: () => void;\n  onPrev: () => void;\n  onClose: () => void;\n}\n\nexport function PdfViewerSearchBar({\n  query,\n  totalMatches,\n  currentMatchIndex,\n  onQueryChange,\n  onNext,\n  onPrev,\n  onClose,\n}: PdfViewerSearchBarProps): React.ReactElement {\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onQueryChange(e.target.value);\n    },\n    [onQueryChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (e.shiftKey) {\n          onPrev();\n        } else {\n          onNext();\n        }\n      } else if (e.key === \"Escape\") {\n        e.preventDefault();\n        onClose();\n      }\n    },\n    [onNext, onPrev, onClose],\n  );\n\n  const matchDisplay = totalMatches > 0\n    ? `${currentMatchIndex + 1} of ${totalMatches}`\n    : query.length > 0\n    ? \"No results\"\n    : \"\";\n\n  return (\n    <div className={styles.searchBar}>\n      <input\n        autoFocus\n        className={styles.searchInput}\n        type=\"text\"\n        value={query}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        placeholder=\"Find in document...\"\n        aria-label=\"Search in PDF\"\n      />\n      {matchDisplay.length > 0 && (\n        <span className={styles.matchCount}>{matchDisplay}</span>\n      )}\n      <button\n        className={styles.navButton}\n        onClick={onPrev}\n        disabled={totalMatches === 0}\n        aria-label=\"Previous match\"\n        type=\"button\"\n      >\n        <ChevronUp size={16} />\n      </button>\n      <button\n        className={styles.navButton}\n        onClick={onNext}\n        disabled={totalMatches === 0}\n        aria-label=\"Next match\"\n        type=\"button\"\n      >\n        <ChevronDown size={16} />\n      </button>\n      <button\n        className={styles.closeButton}\n        onClick={onClose}\n        aria-label=\"Close search\"\n        type=\"button\"\n      >\n        <Cross size={16} />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/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/esm/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";
+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/esm/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/esm/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/esm/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";
+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/esm/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/esm/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;
+}