@osdk/react-components 0.2.0-beta.9 → 0.2.1-main-20260407074313

package/build/browser/pdf-viewer/components/PdfViewerOutlineSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerOutlineSidebar.js","names":["classnames","React","useCallback","useMemo","styles","PdfViewerSidebarHeader","INDENT_PER_DEPTH","PdfViewerOutlineSidebar","outlineItems","currentPage","onItemClick","sidebarMode","onSidebarModeChange","outlineIcons","activeIndex","computeActiveIndex","length","createElement","className","sidebar","emptyState","emptyStateText","scrollContainer","map","item","index","PdfViewerOutlineItem","key","isActive","onClick","iconComponent","depth","IconComponent","handleClick","pageNumber","handleKeyDown","e","preventDefault","itemClassName","outlineItem","outlineItemActive","bold","outlineItemBold","italic","outlineItemItalic","paddingLeft","onKeyDown","role","tabIndex","title","undefined","style","outlineItemIcon","outlineItemTitle","items","idx","findIndex"],"sources":["PdfViewerOutlineSidebar.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 { OutlineItem, SidebarMode } from \"../types.js\";\nimport styles from \"./PdfViewerOutlineSidebar.module.css\";\nimport { PdfViewerSidebarHeader } from \"./PdfViewerSidebarHeader.js\";\n\nconst INDENT_PER_DEPTH = 16;\n\nexport interface PdfViewerOutlineSidebarProps {\n  outlineItems: OutlineItem[];\n  currentPage: number;\n  onItemClick: (pageNumber: number) => void;\n  sidebarMode: SidebarMode;\n  onSidebarModeChange: (mode: SidebarMode) => void;\n  outlineIcons?: Partial<Record<number, React.ComponentType>>;\n}\n\nexport function PdfViewerOutlineSidebar({\n  outlineItems,\n  currentPage,\n  onItemClick,\n  sidebarMode,\n  onSidebarModeChange,\n  outlineIcons,\n}: PdfViewerOutlineSidebarProps): React.ReactElement {\n  const activeIndex = useMemo(() => {\n    return computeActiveIndex(outlineItems, currentPage);\n  }, [outlineItems, currentPage]);\n\n  if (outlineItems.length === 0) {\n    return (\n      <div className={styles.sidebar}>\n        <PdfViewerSidebarHeader\n          sidebarMode={sidebarMode}\n          onSidebarModeChange={onSidebarModeChange}\n        />\n        <div className={styles.emptyState}>\n          <div className={styles.emptyStateText}>\n            No outline available\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.sidebar}>\n      <PdfViewerSidebarHeader\n        sidebarMode={sidebarMode}\n        onSidebarModeChange={onSidebarModeChange}\n      />\n      <div className={styles.scrollContainer}>\n        {outlineItems.map((item, index) => (\n          <PdfViewerOutlineItem\n            key={index}\n            item={item}\n            isActive={index === activeIndex}\n            onClick={onItemClick}\n            iconComponent={outlineIcons?.[item.depth]}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\ninterface PdfViewerOutlineItemProps {\n  item: OutlineItem;\n  isActive: boolean;\n  onClick: (pageNumber: number) => void;\n  iconComponent: React.ComponentType | undefined;\n}\n\nfunction PdfViewerOutlineItem({\n  item,\n  isActive,\n  onClick,\n  iconComponent: IconComponent,\n}: PdfViewerOutlineItemProps): React.ReactElement {\n  const handleClick = useCallback(() => {\n    onClick(item.pageNumber);\n  }, [onClick, item.pageNumber]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        onClick(item.pageNumber);\n      }\n    },\n    [onClick, item.pageNumber],\n  );\n\n  const itemClassName = classnames(\n    styles.outlineItem,\n    isActive && styles.outlineItemActive,\n    item.bold && styles.outlineItemBold,\n    item.italic && styles.outlineItemItalic,\n  );\n\n  const paddingLeft = INDENT_PER_DEPTH * item.depth + 12;\n\n  return (\n    <div\n      className={itemClassName}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={item.title}\n      aria-current={isActive ? \"location\" : undefined}\n      style={{ paddingLeft }}\n    >\n      {IconComponent != null && (\n        <span className={styles.outlineItemIcon}>\n          <IconComponent />\n        </span>\n      )}\n      <span className={styles.outlineItemTitle}>{item.title}</span>\n    </div>\n  );\n}\n\nfunction computeActiveIndex(\n  items: OutlineItem[],\n  currentPage: number,\n): number {\n  const idx = items.findIndex(item => item.pageNumber > currentPage);\n  return idx === -1 ? items.length - 1 : idx - 1;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/components/PdfViewerOutlineSidebar.module.css

@@ -0,0 +1,89 @@
+.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: var(--osdk-pdf-viewer-sidebar-border);
+  overflow: hidden;
+}
+
+
+.scrollContainer {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--osdk-pdf-viewer-sidebar-thumbnail-gap) 0;
+}
+
+.outlineItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-pdf-viewer-outline-item-gap, 6px);
+  padding: var(--osdk-pdf-viewer-outline-item-padding-y, 4px)
+    var(--osdk-pdf-viewer-outline-item-padding-x, 12px);
+  cursor: pointer;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default);
+  text-decoration: none;
+  border: none;
+  background: none;
+  text-align: left;
+  width: 100%;
+  line-height: 1.4;
+  border-radius: var(--osdk-pdf-viewer-outline-item-radius, 4px);
+  transition: background-color 0.15s ease;
+}
+
+.outlineItem:hover {
+  background-color: var(--osdk-pdf-viewer-outline-item-hover-bg, rgba(0, 0, 0, 0.06));
+}
+
+.outlineItem:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.outlineItemActive {
+  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
+  color: var(--osdk-pdf-viewer-outline-item-active-color, var(--osdk-intent-primary));
+  font-weight: var(--osdk-typography-weight-semibold);
+}
+
+.outlineItemBold {
+  font-weight: var(--osdk-typography-weight-bold);
+}
+
+.outlineItemItalic {
+  font-style: italic;
+}
+
+.outlineItemIcon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+
+.outlineItemTitle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.emptyState {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-pdf-viewer-outline-empty-gap, 12px);
+  padding: var(--osdk-pdf-viewer-outline-empty-padding, 24px);
+  flex: 1;
+  text-align: center;
+}
+
+.emptyStateText {
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+}
+

package/build/browser/pdf-viewer/components/PdfViewerOutlineSidebar.module.css.js

@@ -0,0 +1,15 @@
+// CSS Module proxy for PdfViewerOutlineSidebar.module.css
+const styles = {
+  "sidebar": "PdfViewerOutlineSidebar-module__sidebar___tj5q4kk4",
+  "scrollContainer": "PdfViewerOutlineSidebar-module__scrollContainer___T-6hz3mC",
+  "outlineItem": "PdfViewerOutlineSidebar-module__outlineItem___g-RjWTs7",
+  "outlineItemActive": "PdfViewerOutlineSidebar-module__outlineItemActive___Wn2wQhe0",
+  "outlineItemBold": "PdfViewerOutlineSidebar-module__outlineItemBold___O2sa3Lq1",
+  "outlineItemItalic": "PdfViewerOutlineSidebar-module__outlineItemItalic___2Izl-T-o",
+  "outlineItemIcon": "PdfViewerOutlineSidebar-module__outlineItemIcon___3KkkDept",
+  "outlineItemTitle": "PdfViewerOutlineSidebar-module__outlineItemTitle___GRuTwByx",
+  "emptyState": "PdfViewerOutlineSidebar-module__emptyState___NADJS5n-",
+  "emptyStateText": "PdfViewerOutlineSidebar-module__emptyStateText___tb8XIyqq"
+};
+
+export default styles;

package/build/browser/pdf-viewer/components/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.js";
+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/browser/pdf-viewer/components/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\nexport interface 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/browser/pdf-viewer/components/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/components/PdfViewerSearchBar.module.css.js

@@ -0,0 +1,10 @@
+// CSS Module proxy for PdfViewerSearchBar.module.css
+const styles = {
+  "searchBar": "PdfViewerSearchBar-module__searchBar___vakd9OSh",
+  "searchInput": "PdfViewerSearchBar-module__searchInput___vUKQ2IT2",
+  "matchCount": "PdfViewerSearchBar-module__matchCount___M9STHC01",
+  "navButton": "PdfViewerSearchBar-module__navButton___3PKSVNiS",
+  "closeButton": "PdfViewerSearchBar-module__closeButton___0YyaBRFe PdfViewerSearchBar-module__navButton___3PKSVNiS"
+};
+
+export default styles;

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

@@ -0,0 +1,78 @@
+/*
+ * 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 { PdfViewerSidebarHeader } from "./PdfViewerSidebarHeader.js";
+import { PdfViewerThumbnail } from "./PdfViewerThumbnail.js";
+export function PdfViewerSidebar({
+  document,
+  numPages,
+  currentPage,
+  onPageClick,
+  sidebarMode,
+  onSidebarModeChange
+}) {
+  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(PdfViewerSidebarHeader, {
+    sidebarMode: sidebarMode,
+    onSidebarModeChange: onSidebarModeChange
+  }), /*#__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/components/PdfViewerSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerSidebar.js","names":["useVirtualizer","React","useEffect","useRef","DEFAULT_PAGE_HEIGHT","THUMBNAIL_GAP","THUMBNAIL_SCALE","styles","PdfViewerSidebarHeader","PdfViewerThumbnail","PdfViewerSidebar","document","numPages","currentPage","onPageClick","sidebarMode","onSidebarModeChange","scrollContainerRef","estimatedItemHeight","Math","floor","virtualizer","count","getScrollElement","current","estimateSize","overscan","scrollToIndex","align","createElement","className","sidebar","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 type { SidebarMode } from \"../types.js\";\nimport styles from \"./PdfViewerSidebar.module.css\";\nimport { PdfViewerSidebarHeader } from \"./PdfViewerSidebarHeader.js\";\nimport { PdfViewerThumbnail } from \"./PdfViewerThumbnail.js\";\n\nexport interface PdfViewerSidebarProps {\n  document: PDFDocumentProxy;\n  numPages: number;\n  currentPage: number;\n  onPageClick: (page: number) => void;\n  sidebarMode: SidebarMode;\n  onSidebarModeChange: (mode: SidebarMode) => void;\n}\n\nexport function PdfViewerSidebar({\n  document,\n  numPages,\n  currentPage,\n  onPageClick,\n  sidebarMode,\n  onSidebarModeChange,\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      <PdfViewerSidebarHeader\n        sidebarMode={sidebarMode}\n        onSidebarModeChange={onSidebarModeChange}\n      />\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,iBAAiB;AAExB,OAAOC,MAAM,MAAM,+BAA+B;AAClD,SAASC,sBAAsB,QAAQ,6BAA6B;AACpE,SAASC,kBAAkB,QAAQ,yBAAyB;AAW5D,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,WAAW;EACXC,WAAW;EACXC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,kBAAkB,GAAGd,MAAM,CAAiB,IAAI,CAAC;EACvD,MAAMe,mBAAmB,GAAGC,IAAI,CAACC,KAAK,CAAChB,mBAAmB,GAAGE,eAAe,CAAC,GACzED,aAAa,GAAG,EAAE;EAEtB,MAAMgB,WAAW,GAAGrB,cAAc,CAAC;IACjCsB,KAAK,EAAEV,QAAQ;IACfW,gBAAgB,EAAEA,CAAA,KAAMN,kBAAkB,CAACO,OAAO;IAClDC,YAAY,EAAEA,CAAA,KAAMP,mBAAmB;IACvCQ,QAAQ,EAAE;EACZ,CAAC,CAAC;;EAEF;EACAxB,SAAS,CAAC,YAA+B;IACvCmB,WAAW,CAACM,aAAa,CAACd,WAAW,GAAG,CAAC,EAAE;MAAEe,KAAK,EAAE;IAAO,CAAC,CAAC;EAC/D,CAAC,EAAE,CAACf,WAAW,EAAEQ,WAAW,CAAC,CAAC;EAE9B,oBACEpB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAEvB,MAAM,CAACwB;EAAQ,gBAC7B9B,KAAA,CAAA4B,aAAA,CAACrB,sBAAsB;IACrBO,WAAW,EAAEA,WAAY;IACzBC,mBAAmB,EAAEA;EAAoB,CAC1C,CAAC,eACFf,KAAA,CAAA4B,aAAA;IAAKG,GAAG,EAAEf,kBAAmB;IAACa,SAAS,EAAEvB,MAAM,CAAC0B;EAAgB,gBAC9DhC,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAEvB,MAAM,CAAC2B,mBAAoB;IACtCC,KAAK,EAAE;MAAEC,MAAM,EAAEf,WAAW,CAACgB,YAAY,CAAC;IAAE;EAAE,GAE7ChB,WAAW,CAACiB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,IAAK;IAClD,MAAMC,UAAU,GAAGD,WAAW,CAACE,KAAK,GAAG,CAAC;IACxC,oBACEzC,KAAA,CAAA4B,aAAA;MACEc,GAAG,EAAEH,WAAW,CAACG,GAAI;MACrBb,SAAS,EAAEvB,MAAM,CAACqC,gBAAiB;MACnCT,KAAK,EAAE;QACLU,GAAG,EAAEL,WAAW,CAACM,KAAK;QACtBV,MAAM,EAAEI,WAAW,CAACO;MACtB;IAAE,gBAEF9C,KAAA,CAAA4B,aAAA,2BACE5B,KAAA,CAAA4B,aAAA,CAACpB,kBAAkB;MACjBE,QAAQ,EAAEA,QAAS;MACnB8B,UAAU,EAAEA,UAAW;MACvBO,QAAQ,EAAEP,UAAU,KAAK5B,WAAY;MACrCoC,OAAO,EAAEA,CAAA,KAAMnC,WAAW,CAAC2B,UAAU;IAAE,CACxC,CAAC,eACFxC,KAAA,CAAA4B,aAAA;MAAKC,SAAS,EAAEvB,MAAM,CAACkC;IAAW,GAAEA,UAAgB,CACjD,CACF,CAAC;EAEV,CAAC,CACE,CACF,CACF,CAAC;AAEV","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+.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: var(--osdk-pdf-viewer-sidebar-border);
+  overflow: hidden;
+}
+
+
+.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/components/PdfViewerSidebar.module.css.js

@@ -0,0 +1,10 @@
+// CSS Module proxy for PdfViewerSidebar.module.css
+const styles = {
+  "sidebar": "PdfViewerSidebar-module__sidebar___5IEBAc5x",
+  "scrollContainer": "PdfViewerSidebar-module__scrollContainer___Co2Axhue",
+  "thumbnailsContainer": "PdfViewerSidebar-module__thumbnailsContainer___Lo03aNPu",
+  "thumbnailWrapper": "PdfViewerSidebar-module__thumbnailWrapper___UPhusVgs",
+  "pageNumber": "PdfViewerSidebar-module__pageNumber___DlBgzD-4"
+};
+
+export default styles;

package/build/browser/pdf-viewer/components/PdfViewerSidebarHeader.js

@@ -0,0 +1,54 @@
+/*
+ * 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 { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+import { GridView, Properties } from "@blueprintjs/icons";
+import React, { useCallback } from "react";
+import styles from "./PdfViewerSidebarHeader.module.css.js";
+const SIDEBAR_MODE_VALUE = Object.freeze(["thumbnails"]);
+const OUTLINE_MODE_VALUE = Object.freeze(["outline"]);
+export function PdfViewerSidebarHeader({
+  sidebarMode,
+  onSidebarModeChange
+}) {
+  const value = sidebarMode === "thumbnails" ? SIDEBAR_MODE_VALUE : OUTLINE_MODE_VALUE;
+  const handleValueChange = useCallback(newValue => {
+    if (newValue.length > 0) {
+      onSidebarModeChange(newValue[0]);
+    }
+  }, [onSidebarModeChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.sidebarHeader
+  }, /*#__PURE__*/React.createElement(ToggleGroup, {
+    value: value,
+    onValueChange: handleValueChange,
+    className: styles.toggleGroup
+  }, /*#__PURE__*/React.createElement(Toggle, {
+    value: "thumbnails",
+    className: styles.modeButton,
+    "aria-label": "Page thumbnails"
+  }, /*#__PURE__*/React.createElement(GridView, {
+    size: 16
+  })), /*#__PURE__*/React.createElement(Toggle, {
+    value: "outline",
+    className: styles.modeButton,
+    "aria-label": "Document outline"
+  }, /*#__PURE__*/React.createElement(Properties, {
+    size: 16
+  }))));
+}
+//# sourceMappingURL=PdfViewerSidebarHeader.js.map

package/build/browser/pdf-viewer/components/PdfViewerSidebarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerSidebarHeader.js","names":["Toggle","ToggleGroup","GridView","Properties","React","useCallback","styles","SIDEBAR_MODE_VALUE","Object","freeze","OUTLINE_MODE_VALUE","PdfViewerSidebarHeader","sidebarMode","onSidebarModeChange","value","handleValueChange","newValue","length","createElement","className","sidebarHeader","onValueChange","toggleGroup","modeButton","size"],"sources":["PdfViewerSidebarHeader.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 { Toggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup } from \"@base-ui/react/toggle-group\";\nimport { GridView, Properties } from \"@blueprintjs/icons\";\nimport React, { useCallback } from \"react\";\nimport type { SidebarMode } from \"../types.js\";\nimport styles from \"./PdfViewerSidebarHeader.module.css\";\n\nexport interface PdfViewerSidebarHeaderProps {\n  sidebarMode: SidebarMode;\n  onSidebarModeChange: (mode: SidebarMode) => void;\n}\n\nconst SIDEBAR_MODE_VALUE = Object.freeze([\"thumbnails\"]) as readonly string[];\nconst OUTLINE_MODE_VALUE = Object.freeze([\"outline\"]) as readonly string[];\n\nexport function PdfViewerSidebarHeader({\n  sidebarMode,\n  onSidebarModeChange,\n}: PdfViewerSidebarHeaderProps): React.ReactElement {\n  const value = sidebarMode === \"thumbnails\"\n    ? SIDEBAR_MODE_VALUE\n    : OUTLINE_MODE_VALUE;\n\n  const handleValueChange = useCallback(\n    (newValue: string[]) => {\n      if (newValue.length > 0) {\n        onSidebarModeChange(newValue[0] as SidebarMode);\n      }\n    },\n    [onSidebarModeChange],\n  );\n\n  return (\n    <div className={styles.sidebarHeader}>\n      <ToggleGroup\n        value={value}\n        onValueChange={handleValueChange}\n        className={styles.toggleGroup}\n      >\n        <Toggle\n          value=\"thumbnails\"\n          className={styles.modeButton}\n          aria-label=\"Page thumbnails\"\n        >\n          <GridView size={16} />\n        </Toggle>\n\n        <Toggle\n          value=\"outline\"\n          className={styles.modeButton}\n          aria-label=\"Document outline\"\n        >\n          <Properties size={16} />\n        </Toggle>\n      </ToggleGroup>\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,QAAQ,EAAEC,UAAU,QAAQ,oBAAoB;AACzD,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,OAAOC,MAAM,MAAM,qCAAqC;AAOxD,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAsB;AAC7E,MAAMC,kBAAkB,GAAGF,MAAM,CAACC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAsB;AAE1E,OAAO,SAASE,sBAAsBA,CAAC;EACrCC,WAAW;EACXC;AAC2B,CAAC,EAAsB;EAClD,MAAMC,KAAK,GAAGF,WAAW,KAAK,YAAY,GACtCL,kBAAkB,GAClBG,kBAAkB;EAEtB,MAAMK,iBAAiB,GAAGV,WAAW,CAClCW,QAAkB,IAAK;IACtB,IAAIA,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;MACvBJ,mBAAmB,CAACG,QAAQ,CAAC,CAAC,CAAgB,CAAC;IACjD;EACF,CAAC,EACD,CAACH,mBAAmB,CACtB,CAAC;EAED,oBACET,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACc;EAAc,gBACnChB,KAAA,CAAAc,aAAA,CAACjB,WAAW;IACVa,KAAK,EAAEA,KAAM;IACbO,aAAa,EAAEN,iBAAkB;IACjCI,SAAS,EAAEb,MAAM,CAACgB;EAAY,gBAE9BlB,KAAA,CAAAc,aAAA,CAAClB,MAAM;IACLc,KAAK,EAAC,YAAY;IAClBK,SAAS,EAAEb,MAAM,CAACiB,UAAW;IAC7B,cAAW;EAAiB,gBAE5BnB,KAAA,CAAAc,aAAA,CAAChB,QAAQ;IAACsB,IAAI,EAAE;EAAG,CAAE,CACf,CAAC,eAETpB,KAAA,CAAAc,aAAA,CAAClB,MAAM;IACLc,KAAK,EAAC,SAAS;IACfK,SAAS,EAAEb,MAAM,CAACiB,UAAW;IAC7B,cAAW;EAAkB,gBAE7BnB,KAAA,CAAAc,aAAA,CAACf,UAAU;IAACqB,IAAI,EAAE;EAAG,CAAE,CACjB,CACG,CACV,CAAC;AAEV","ignoreList":[]}

package/build/browser/pdf-viewer/components/PdfViewerSidebarHeader.module.css

@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+.sidebarHeader {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: var(--osdk-surface-spacing);
+  border-bottom: var(--osdk-pdf-viewer-sidebar-border);
+  flex-shrink: 0;
+}
+
+.toggleGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-spacing-2xs, 2px);
+  padding: var(--osdk-spacing-2xs, 2px);
+  border: none;
+  border-radius: var(--osdk-surface-border-radius);
+  background-color: var(--osdk-surface-background-color, transparent);
+}
+
+.modeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: none;
+  color: var(--osdk-typography-color-muted);
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  padding: 0;
+}
+
+.modeButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+
+.modeButton:active {
+  background-color: var(--osdk-surface-background-color-default-active);
+}
+
+.modeButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.modeButton[data-pressed] {
+  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
+  color: var(--osdk-pdf-viewer-outline-item-active-color, var(--osdk-intent-primary));
+}
+
+.modeButton[data-pressed]:hover {
+  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
+}

package/build/browser/pdf-viewer/components/PdfViewerSidebarHeader.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for PdfViewerSidebarHeader.module.css
+const styles = {
+  "sidebarHeader": "PdfViewerSidebarHeader-module__sidebarHeader___u701EfOf",
+  "toggleGroup": "PdfViewerSidebarHeader-module__toggleGroup___VZAgYHS3",
+  "modeButton": "PdfViewerSidebarHeader-module__modeButton___1yfWLj-6"
+};
+
+export default styles;