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

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

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

@@ -0,0 +1,43 @@
+/*
+ * 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.
+ */
+
+// Default empty values (stable references to avoid re-renders)
+export const EMPTY_ANNOTATIONS = {};
+export const EMPTY_ANNOTATION_ARRAY = [];
+export const EMPTY_STRING = "";
+
+// Scale and dimension configuration
+export const SCALE_STEP = 0.25;
+export const MIN_SCALE = 0.25;
+export const MAX_SCALE = 5.0;
+export const DEFAULT_PAGE_HEIGHT = 792;
+export const THUMBNAIL_GAP = 12;
+export const THUMBNAIL_SCALE = 0.2;
+export const DEVICE_PIXEL_RATIO = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+
+// pdfjs EventBus event names
+export const FIND_EVENT = "find";
+// cspell:disable-next-line -- pdfjs EventBus event name
+export const UPDATE_FIND_CONTROL_STATE_EVENT = "updatefindcontrolstate";
+// cspell:disable-next-line -- pdfjs EventBus event name
+export const UPDATE_FIND_MATCHES_COUNT_EVENT = "updatefindmatchescount";
+// cspell:disable-next-line -- pdfjs EventBus event name
+export const PAGE_CHANGING_EVENT = "pagechanging";
+// cspell:disable-next-line -- pdfjs EventBus event name
+export const SCALE_CHANGING_EVENT = "scalechanging";
+// cspell:disable-next-line -- pdfjs EventBus event name
+export const PAGE_RENDERED_EVENT = "pagerendered";
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EMPTY_ANNOTATIONS","EMPTY_ANNOTATION_ARRAY","EMPTY_STRING","SCALE_STEP","MIN_SCALE","MAX_SCALE","DEFAULT_PAGE_HEIGHT","THUMBNAIL_GAP","THUMBNAIL_SCALE","DEVICE_PIXEL_RATIO","window","devicePixelRatio","FIND_EVENT","UPDATE_FIND_CONTROL_STATE_EVENT","UPDATE_FIND_MATCHES_COUNT_EVENT","PAGE_CHANGING_EVENT","SCALE_CHANGING_EVENT","PAGE_RENDERED_EVENT"],"sources":["constants.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { PdfAnnotation } from \"./types.js\";\n\n// Default empty values (stable references to avoid re-renders)\nexport const EMPTY_ANNOTATIONS: Record<number, PdfAnnotation[]> = {};\nexport const EMPTY_ANNOTATION_ARRAY: PdfAnnotation[] = [];\nexport const EMPTY_STRING = \"\";\n\n// Scale and dimension configuration\nexport const SCALE_STEP = 0.25;\nexport const MIN_SCALE = 0.25;\nexport const MAX_SCALE = 5.0;\nexport const DEFAULT_PAGE_HEIGHT = 792;\nexport const THUMBNAIL_GAP = 12;\nexport const THUMBNAIL_SCALE = 0.2;\nexport const DEVICE_PIXEL_RATIO: number = typeof window !== \"undefined\"\n  ? window.devicePixelRatio || 1\n  : 1;\n\n// pdfjs EventBus event names\nexport const FIND_EVENT = \"find\";\n// cspell:disable-next-line -- pdfjs EventBus event name\nexport const UPDATE_FIND_CONTROL_STATE_EVENT = \"updatefindcontrolstate\";\n// cspell:disable-next-line -- pdfjs EventBus event name\nexport const UPDATE_FIND_MATCHES_COUNT_EVENT = \"updatefindmatchescount\";\n// cspell:disable-next-line -- pdfjs EventBus event name\nexport const PAGE_CHANGING_EVENT = \"pagechanging\";\n// cspell:disable-next-line -- pdfjs EventBus event name\nexport const SCALE_CHANGING_EVENT = \"scalechanging\";\n// cspell:disable-next-line -- pdfjs EventBus event name\nexport const PAGE_RENDERED_EVENT = \"pagerendered\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA,OAAO,MAAMA,iBAAkD,GAAG,CAAC,CAAC;AACpE,OAAO,MAAMC,sBAAuC,GAAG,EAAE;AACzD,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA,OAAO,MAAMC,UAAU,GAAG,IAAI;AAC9B,OAAO,MAAMC,SAAS,GAAG,IAAI;AAC7B,OAAO,MAAMC,SAAS,GAAG,GAAG;AAC5B,OAAO,MAAMC,mBAAmB,GAAG,GAAG;AACtC,OAAO,MAAMC,aAAa,GAAG,EAAE;AAC/B,OAAO,MAAMC,eAAe,GAAG,GAAG;AAClC,OAAO,MAAMC,kBAA0B,GAAG,OAAOC,MAAM,KAAK,WAAW,GACnEA,MAAM,CAACC,gBAAgB,IAAI,CAAC,GAC5B,CAAC;;AAEL;AACA,OAAO,MAAMC,UAAU,GAAG,MAAM;AAChC;AACA,OAAO,MAAMC,+BAA+B,GAAG,wBAAwB;AACvE;AACA,OAAO,MAAMC,+BAA+B,GAAG,wBAAwB;AACvE;AACA,OAAO,MAAMC,mBAAmB,GAAG,cAAc;AACjD;AACA,OAAO,MAAMC,oBAAoB,GAAG,eAAe;AACnD;AACA,OAAO,MAAMC,mBAAmB,GAAG,cAAc","ignoreList":[]}

package/build/esm/pdf-viewer/hooks/usePdfAnnotationPortals.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 { useEffect, useState } from "react";
+import { PAGE_RENDERED_EVENT } from "../constants.js";
+export function usePdfAnnotationPortals(pdfViewerRef, eventBusRef, document) {
+  const [portalTargets, setPortalTargets] = useState([]);
+  useEffect(function () {
+    const eventBus = eventBusRef.current;
+    const pdfViewer = pdfViewerRef.current;
+    if (eventBus == null || pdfViewer == null) {
+      return;
+    }
+    const handlePageRendered = evt => {
+      const pageIndex = evt.pageNumber - 1;
+      const pageView = pdfViewer.getPageView(pageIndex);
+      if (pageView?.div == null || pageView?.viewport == null) {
+        return;
+      }
+      const viewport = pageView.viewport;
+      setPortalTargets(prev => {
+        // Replace existing entry for this page or add new one
+        const filtered = prev.filter(t => t.pageNumber !== evt.pageNumber);
+        return [...filtered, {
+          pageNumber: evt.pageNumber,
+          container: pageView.div,
+          pageHeight: viewport.viewBox[3],
+          // viewBox is [xMin, yMin, width, height] and we need the original height before scaling
+          scale: viewport.scale
+        }].sort((a, b) => a.pageNumber - b.pageNumber);
+      });
+    };
+    eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);
+    return () => {
+      eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);
+      setPortalTargets([]);
+    };
+  }, [eventBusRef, pdfViewerRef, document]);
+  return portalTargets;
+}
+//# sourceMappingURL=usePdfAnnotationPortals.js.map

package/build/esm/pdf-viewer/hooks/usePdfAnnotationPortals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePdfAnnotationPortals.js","names":["useEffect","useState","PAGE_RENDERED_EVENT","usePdfAnnotationPortals","pdfViewerRef","eventBusRef","document","portalTargets","setPortalTargets","eventBus","current","pdfViewer","handlePageRendered","evt","pageIndex","pageNumber","pageView","getPageView","div","viewport","prev","filtered","filter","t","container","pageHeight","viewBox","scale","sort","a","b","on","off"],"sources":["usePdfAnnotationPortals.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport type { EventBus, PDFViewer } from \"pdfjs-dist/web/pdf_viewer.mjs\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { PAGE_RENDERED_EVENT } from \"../constants.js\";\n\nexport interface AnnotationPortalTarget {\n  pageNumber: number;\n  container: HTMLDivElement;\n  pageHeight: number;\n  scale: number;\n}\n\nexport function usePdfAnnotationPortals(\n  pdfViewerRef: RefObject<PDFViewer | null>,\n  eventBusRef: RefObject<EventBus | null>,\n  document: PDFDocumentProxy | undefined,\n): AnnotationPortalTarget[] {\n  const [portalTargets, setPortalTargets] = useState<AnnotationPortalTarget[]>(\n    [],\n  );\n\n  useEffect(function subscribePageRendered() {\n    const eventBus = eventBusRef.current;\n    const pdfViewer = pdfViewerRef.current;\n    if (eventBus == null || pdfViewer == null) {\n      return;\n    }\n\n    const handlePageRendered = (evt: { pageNumber: number }) => {\n      const pageIndex = evt.pageNumber - 1;\n      const pageView = pdfViewer.getPageView(pageIndex);\n      if (pageView?.div == null || pageView?.viewport == null) {\n        return;\n      }\n\n      const viewport = pageView.viewport;\n\n      setPortalTargets((prev) => {\n        // Replace existing entry for this page or add new one\n        const filtered = prev.filter((t) => t.pageNumber !== evt.pageNumber);\n        return [...filtered, {\n          pageNumber: evt.pageNumber,\n          container: pageView.div as HTMLDivElement,\n          pageHeight: viewport.viewBox[3], // viewBox is [xMin, yMin, width, height] and we need the original height before scaling\n          scale: viewport.scale,\n        }].sort((a, b) => a.pageNumber - b.pageNumber);\n      });\n    };\n\n    eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);\n\n    return () => {\n      eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);\n      setPortalTargets([]);\n    };\n  }, [eventBusRef, pdfViewerRef, document]);\n\n  return portalTargets;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,mBAAmB,QAAQ,iBAAiB;AASrD,OAAO,SAASC,uBAAuBA,CACrCC,YAAyC,EACzCC,WAAuC,EACvCC,QAAsC,EACZ;EAC1B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGP,QAAQ,CAChD,EACF,CAAC;EAEDD,SAAS,CAAC,YAAiC;IACzC,MAAMS,QAAQ,GAAGJ,WAAW,CAACK,OAAO;IACpC,MAAMC,SAAS,GAAGP,YAAY,CAACM,OAAO;IACtC,IAAID,QAAQ,IAAI,IAAI,IAAIE,SAAS,IAAI,IAAI,EAAE;MACzC;IACF;IAEA,MAAMC,kBAAkB,GAAIC,GAA2B,IAAK;MAC1D,MAAMC,SAAS,GAAGD,GAAG,CAACE,UAAU,GAAG,CAAC;MACpC,MAAMC,QAAQ,GAAGL,SAAS,CAACM,WAAW,CAACH,SAAS,CAAC;MACjD,IAAIE,QAAQ,EAAEE,GAAG,IAAI,IAAI,IAAIF,QAAQ,EAAEG,QAAQ,IAAI,IAAI,EAAE;QACvD;MACF;MAEA,MAAMA,QAAQ,GAAGH,QAAQ,CAACG,QAAQ;MAElCX,gBAAgB,CAAEY,IAAI,IAAK;QACzB;QACA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACR,UAAU,KAAKF,GAAG,CAACE,UAAU,CAAC;QACpE,OAAO,CAAC,GAAGM,QAAQ,EAAE;UACnBN,UAAU,EAAEF,GAAG,CAACE,UAAU;UAC1BS,SAAS,EAAER,QAAQ,CAACE,GAAqB;UACzCO,UAAU,EAAEN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;UAAE;UACjCC,KAAK,EAAER,QAAQ,CAACQ;QAClB,CAAC,CAAC,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACd,UAAU,GAAGe,CAAC,CAACf,UAAU,CAAC;MAChD,CAAC,CAAC;IACJ,CAAC;IAEDN,QAAQ,CAACsB,EAAE,CAAC7B,mBAAmB,EAAEU,kBAAkB,CAAC;IAEpD,OAAO,MAAM;MACXH,QAAQ,CAACuB,GAAG,CAAC9B,mBAAmB,EAAEU,kBAAkB,CAAC;MACrDJ,gBAAgB,CAAC,EAAE,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,CAACH,WAAW,EAAED,YAAY,EAAEE,QAAQ,CAAC,CAAC;EAEzC,OAAOC,aAAa;AACtB","ignoreList":[]}

package/build/esm/pdf-viewer/hooks/usePdfDocument.js

@@ -0,0 +1,67 @@
+/*
+ * 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 { getDocument, GlobalWorkerOptions } from "pdfjs-dist";
+// @ts-expect-error -- Vite ?url import resolves to a string path at build time
+import pdfWorkerUrl from "pdfjs-dist/build/pdf.worker.min.mjs?url";
+import { useEffect, useState } from "react";
+const pdfWorker = {
+  workerInitialized: false,
+  ensureWorker() {
+    GlobalWorkerOptions.workerSrc = pdfWorkerUrl;
+    this.workerInitialized = true;
+  }
+};
+export function usePdfDocument(src) {
+  const [document, setDocument] = useState(undefined);
+  const [numPages, setNumPages] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(undefined);
+  useEffect(function () {
+    pdfWorker.ensureWorker();
+    setLoading(true);
+    setError(undefined);
+    const loadingTask = getDocument(typeof src === "string" ? {
+      url: src
+    } : {
+      data: src
+    });
+    let cancelled = false;
+    loadingTask.promise.then(pdf => {
+      if (!cancelled) {
+        setDocument(pdf);
+        setNumPages(pdf.numPages);
+        setLoading(false);
+      }
+    }, err => {
+      if (!cancelled) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+      void loadingTask.destroy();
+    };
+  }, [src]);
+  return {
+    document,
+    numPages,
+    loading,
+    error
+  };
+}
+//# sourceMappingURL=usePdfDocument.js.map

package/build/esm/pdf-viewer/hooks/usePdfDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePdfDocument.js","names":["getDocument","GlobalWorkerOptions","pdfWorkerUrl","useEffect","useState","pdfWorker","workerInitialized","ensureWorker","workerSrc","usePdfDocument","src","document","setDocument","undefined","numPages","setNumPages","loading","setLoading","error","setError","loadingTask","url","data","cancelled","promise","then","pdf","err","Error","String","destroy"],"sources":["usePdfDocument.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport { getDocument, GlobalWorkerOptions } from \"pdfjs-dist\";\n// @ts-expect-error -- Vite ?url import resolves to a string path at build time\nimport pdfWorkerUrl from \"pdfjs-dist/build/pdf.worker.min.mjs?url\";\nimport { useEffect, useState } from \"react\";\n\nconst pdfWorker = {\n  workerInitialized: false,\n  ensureWorker() {\n    GlobalWorkerOptions.workerSrc = pdfWorkerUrl as string;\n    this.workerInitialized = true;\n  },\n};\n\ninterface UsePdfDocumentResult {\n  document: PDFDocumentProxy | undefined;\n  numPages: number;\n  loading: boolean;\n  error: Error | undefined;\n}\n\nexport function usePdfDocument(\n  src: string | ArrayBuffer,\n): UsePdfDocumentResult {\n  const [document, setDocument] = useState<PDFDocumentProxy | undefined>(\n    undefined,\n  );\n  const [numPages, setNumPages] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n\n  useEffect(function loadPdfDocument() {\n    pdfWorker.ensureWorker();\n    setLoading(true);\n    setError(undefined);\n\n    const loadingTask = getDocument(\n      typeof src === \"string\" ? { url: src } : { data: src },\n    );\n\n    let cancelled = false;\n\n    loadingTask.promise.then(\n      (pdf) => {\n        if (!cancelled) {\n          setDocument(pdf);\n          setNumPages(pdf.numPages);\n          setLoading(false);\n        }\n      },\n      (err: unknown) => {\n        if (!cancelled) {\n          setError(\n            err instanceof Error ? err : new Error(String(err)),\n          );\n          setLoading(false);\n        }\n      },\n    );\n\n    return () => {\n      cancelled = true;\n      void loadingTask.destroy();\n    };\n  }, [src]);\n\n  return { document, numPages, loading, error };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,WAAW,EAAEC,mBAAmB,QAAQ,YAAY;AAC7D;AACA,OAAOC,YAAY,MAAM,yCAAyC;AAClE,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,MAAMC,SAAS,GAAG;EAChBC,iBAAiB,EAAE,KAAK;EACxBC,YAAYA,CAAA,EAAG;IACbN,mBAAmB,CAACO,SAAS,GAAGN,YAAsB;IACtD,IAAI,CAACI,iBAAiB,GAAG,IAAI;EAC/B;AACF,CAAC;AASD,OAAO,SAASG,cAAcA,CAC5BC,GAAyB,EACH;EACtB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGR,QAAQ,CACtCS,SACF,CAAC;EACD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAM,CAACY,OAAO,EAAEC,UAAU,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAM,CAACc,KAAK,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAoBS,SAAS,CAAC;EAEhEV,SAAS,CAAC,YAA2B;IACnCE,SAAS,CAACE,YAAY,CAAC,CAAC;IACxBU,UAAU,CAAC,IAAI,CAAC;IAChBE,QAAQ,CAACN,SAAS,CAAC;IAEnB,MAAMO,WAAW,GAAGpB,WAAW,CAC7B,OAAOU,GAAG,KAAK,QAAQ,GAAG;MAAEW,GAAG,EAAEX;IAAI,CAAC,GAAG;MAAEY,IAAI,EAAEZ;IAAI,CACvD,CAAC;IAED,IAAIa,SAAS,GAAG,KAAK;IAErBH,WAAW,CAACI,OAAO,CAACC,IAAI,CACrBC,GAAG,IAAK;MACP,IAAI,CAACH,SAAS,EAAE;QACdX,WAAW,CAACc,GAAG,CAAC;QAChBX,WAAW,CAACW,GAAG,CAACZ,QAAQ,CAAC;QACzBG,UAAU,CAAC,KAAK,CAAC;MACnB;IACF,CAAC,EACAU,GAAY,IAAK;MAChB,IAAI,CAACJ,SAAS,EAAE;QACdJ,QAAQ,CACNQ,GAAG,YAAYC,KAAK,GAAGD,GAAG,GAAG,IAAIC,KAAK,CAACC,MAAM,CAACF,GAAG,CAAC,CACpD,CAAC;QACDV,UAAU,CAAC,KAAK,CAAC;MACnB;IACF,CACF,CAAC;IAED,OAAO,MAAM;MACXM,SAAS,GAAG,IAAI;MAChB,KAAKH,WAAW,CAACU,OAAO,CAAC,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACpB,GAAG,CAAC,CAAC;EAET,OAAO;IAAEC,QAAQ;IAAEG,QAAQ;IAAEE,OAAO;IAAEE;EAAM,CAAC;AAC/C","ignoreList":[]}

package/build/esm/pdf-viewer/hooks/usePdfViewer.js

@@ -0,0 +1,69 @@
+/*
+ * 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 { EventBus, PDFFindController, PDFLinkService, PDFViewer } from "pdfjs-dist/web/pdf_viewer.mjs";
+import { useEffect, useRef } from "react";
+export function usePdfViewer(containerRef, viewerRef, document, initialScale) {
+  const pdfViewerRef = useRef(null);
+  const eventBusRef = useRef(null);
+  const findControllerRef = useRef(null);
+  useEffect(function () {
+    const container = containerRef.current;
+    const viewer = viewerRef.current;
+    if (container == null || viewer == null || document == null) {
+      return;
+    }
+    const eventBus = new EventBus();
+    const linkService = new PDFLinkService({
+      eventBus
+    });
+    const findController = new PDFFindController({
+      linkService,
+      eventBus,
+      updateMatchesCountOnProgress: true
+    });
+    const pdfViewer = new PDFViewer({
+      container,
+      viewer,
+      eventBus,
+      linkService,
+      findController,
+      removePageBorders: true
+    });
+    linkService.setViewer(pdfViewer);
+    linkService.setDocument(document);
+    findController.setDocument(document);
+    pdfViewer.setDocument(document);
+    if (initialScale != null) {
+      pdfViewer.currentScale = initialScale;
+    }
+    eventBusRef.current = eventBus;
+    findControllerRef.current = findController;
+    pdfViewerRef.current = pdfViewer;
+    return () => {
+      pdfViewerRef.current = null;
+      eventBusRef.current = null;
+      findControllerRef.current = null;
+      pdfViewer.cleanup();
+    };
+  }, [containerRef, viewerRef, document]);
+  return {
+    pdfViewerRef,
+    eventBusRef,
+    findControllerRef
+  };
+}
+//# sourceMappingURL=usePdfViewer.js.map

package/build/esm/pdf-viewer/hooks/usePdfViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePdfViewer.js","names":["EventBus","PDFFindController","PDFLinkService","PDFViewer","useEffect","useRef","usePdfViewer","containerRef","viewerRef","document","initialScale","pdfViewerRef","eventBusRef","findControllerRef","container","current","viewer","eventBus","linkService","findController","updateMatchesCountOnProgress","pdfViewer","removePageBorders","setViewer","setDocument","currentScale","cleanup"],"sources":["usePdfViewer.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport {\n  EventBus,\n  PDFFindController,\n  PDFLinkService,\n  PDFViewer,\n} from \"pdfjs-dist/web/pdf_viewer.mjs\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport interface UsePdfViewerResult {\n  pdfViewerRef: RefObject<PDFViewer | null>;\n  eventBusRef: RefObject<EventBus | null>;\n  findControllerRef: RefObject<PDFFindController | null>;\n}\n\nexport function usePdfViewer(\n  containerRef: RefObject<HTMLDivElement | null>,\n  viewerRef: RefObject<HTMLDivElement | null>,\n  document: PDFDocumentProxy | undefined,\n  initialScale?: number,\n): UsePdfViewerResult {\n  const pdfViewerRef = useRef<PDFViewer | null>(null);\n  const eventBusRef = useRef<EventBus | null>(null);\n  const findControllerRef = useRef<PDFFindController | null>(null);\n\n  useEffect(function initializePdfViewer() {\n    const container = containerRef.current;\n    const viewer = viewerRef.current;\n    if (container == null || viewer == null || document == null) {\n      return;\n    }\n\n    const eventBus = new EventBus();\n    const linkService = new PDFLinkService({ eventBus });\n    const findController = new PDFFindController({\n      linkService,\n      eventBus,\n      updateMatchesCountOnProgress: true,\n    });\n\n    const pdfViewer = new PDFViewer({\n      container,\n      viewer,\n      eventBus,\n      linkService,\n      findController,\n      removePageBorders: true,\n    });\n\n    linkService.setViewer(pdfViewer);\n    linkService.setDocument(document);\n    findController.setDocument(document);\n    pdfViewer.setDocument(document);\n\n    if (initialScale != null) {\n      pdfViewer.currentScale = initialScale;\n    }\n\n    eventBusRef.current = eventBus;\n    findControllerRef.current = findController;\n    pdfViewerRef.current = pdfViewer;\n\n    return () => {\n      pdfViewerRef.current = null;\n      eventBusRef.current = null;\n      findControllerRef.current = null;\n      pdfViewer.cleanup();\n    };\n  }, [containerRef, viewerRef, document]);\n\n  return { pdfViewerRef, eventBusRef, findControllerRef };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SACEA,QAAQ,EACRC,iBAAiB,EACjBC,cAAc,EACdC,SAAS,QACJ,+BAA+B;AAEtC,SAASC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAQzC,OAAO,SAASC,YAAYA,CAC1BC,YAA8C,EAC9CC,SAA2C,EAC3CC,QAAsC,EACtCC,YAAqB,EACD;EACpB,MAAMC,YAAY,GAAGN,MAAM,CAAmB,IAAI,CAAC;EACnD,MAAMO,WAAW,GAAGP,MAAM,CAAkB,IAAI,CAAC;EACjD,MAAMQ,iBAAiB,GAAGR,MAAM,CAA2B,IAAI,CAAC;EAEhED,SAAS,CAAC,YAA+B;IACvC,MAAMU,SAAS,GAAGP,YAAY,CAACQ,OAAO;IACtC,MAAMC,MAAM,GAAGR,SAAS,CAACO,OAAO;IAChC,IAAID,SAAS,IAAI,IAAI,IAAIE,MAAM,IAAI,IAAI,IAAIP,QAAQ,IAAI,IAAI,EAAE;MAC3D;IACF;IAEA,MAAMQ,QAAQ,GAAG,IAAIjB,QAAQ,CAAC,CAAC;IAC/B,MAAMkB,WAAW,GAAG,IAAIhB,cAAc,CAAC;MAAEe;IAAS,CAAC,CAAC;IACpD,MAAME,cAAc,GAAG,IAAIlB,iBAAiB,CAAC;MAC3CiB,WAAW;MACXD,QAAQ;MACRG,4BAA4B,EAAE;IAChC,CAAC,CAAC;IAEF,MAAMC,SAAS,GAAG,IAAIlB,SAAS,CAAC;MAC9BW,SAAS;MACTE,MAAM;MACNC,QAAQ;MACRC,WAAW;MACXC,cAAc;MACdG,iBAAiB,EAAE;IACrB,CAAC,CAAC;IAEFJ,WAAW,CAACK,SAAS,CAACF,SAAS,CAAC;IAChCH,WAAW,CAACM,WAAW,CAACf,QAAQ,CAAC;IACjCU,cAAc,CAACK,WAAW,CAACf,QAAQ,CAAC;IACpCY,SAAS,CAACG,WAAW,CAACf,QAAQ,CAAC;IAE/B,IAAIC,YAAY,IAAI,IAAI,EAAE;MACxBW,SAAS,CAACI,YAAY,GAAGf,YAAY;IACvC;IAEAE,WAAW,CAACG,OAAO,GAAGE,QAAQ;IAC9BJ,iBAAiB,CAACE,OAAO,GAAGI,cAAc;IAC1CR,YAAY,CAACI,OAAO,GAAGM,SAAS;IAEhC,OAAO,MAAM;MACXV,YAAY,CAACI,OAAO,GAAG,IAAI;MAC3BH,WAAW,CAACG,OAAO,GAAG,IAAI;MAC1BF,iBAAiB,CAACE,OAAO,GAAG,IAAI;MAChCM,SAAS,CAACK,OAAO,CAAC,CAAC;IACrB,CAAC;EACH,CAAC,EAAE,CAACnB,YAAY,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC;EAEvC,OAAO;IAAEE,YAAY;IAAEC,WAAW;IAAEC;EAAkB,CAAC;AACzD","ignoreList":[]}