@react-pdf-kit/viewer 2.0.0-beta.9 → 2.0.0-rc.1

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -1,140 +1,96 @@
-import "react";
-import "../types.js";
-import "../../contexts/ScrollModeContext.js";
+import { useMemo as m, useCallback as _, useEffect as R } from "react";
+import { ScrollMode as C, ViewMode as g } from "../types.js";
+import { useScrollModeContext as x } from "../../contexts/ScrollModeContext.js";
+import { useViewModeContext as G } from "../../contexts/ViewModeContext.js";
+import { useVirtualGridContext as H } from "../../contexts/VirtualGridContext.js";
+import { useVirtualScrollContext as M } from "../../contexts/VirtualScrollContext.js";
+import { useDimensionPagesContext as O } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as V } from "../calculatePage.js";
+import "../../de_DE-a553b162.js";
 import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { M as Br } from "../../ToolbarLayout.module-8d56d12b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/ConfigContext.js";
-import "pdfjs-dist";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../components/RPDropFileZone.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "../calculatePage.js";
-import "../../th_TH-d627cd51.js";
 import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/RPDocumentContext.js";
 import "./useLoadPdf.js";
+import "pdfjs-dist";
 import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../highlight.js";
-import "../charators.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
+import "../../contexts/ZoomContext.js";
 import "../constants.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
 import "../getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
-import "./useLicense.js";
-import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "./useCopyText.js";
-import "../getWordPositionInPage.js";
-import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-3bf64864.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/CheckIcon.js";
-import "../../components/layout/toolbar/ScrollModeTool.js";
-import "../../components/icons/PageScrollingIcon.js";
-import "../../components/icons/VerticalScrollingIcon.js";
-import "../../components/icons/HorizontalScrollingIcon.js";
-import "../../components/icons/FileDownloadDefaultIcon.js";
-import "../../components/icons/PrintDefaultIcon.js";
-import "../../components/layout/toolbar/FullScreenTool.js";
-import "../../components/icons/FullScreenIcon.js";
-import "./useFullScreen.js";
-import "../../components/icons/GoToDownIcon.js";
-import "../../components/layout/toolbar/SelectionModeTool.js";
-import "../../components/icons/TextSelectionDefaultIcon.js";
-import "../../components/icons/HandModeDefaultIcon.js";
-import "../../components/icons/ZoomInIcon.js";
-import "../../components/icons/ZoomOutIcon.js";
-import "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+import "../../contexts/PagesRotateContext.js";
+const ct = () => {
+  const { viewMode: n } = G(), { scrollMode: c } = x(), { setColumnCount: f } = H(), { virtualScrollableElementRef: w } = M(), t = O(), l = m(() => t.heights.length, [t.heights]), o = m(() => c === C.HORIZONTAL_SCROLLING ? l : n === g.DUAL_PAGE || n === g.DUAL_PAGE_WITH_COVER ? 2 : 1, [n, c, c, l, w]), d = m(() => {
+    if (n === g.DUAL_PAGE_WITH_COVER && t.widths.length > 0) {
+      const i = [0, 0];
+      return t.widths.forEach((u, a) => {
+        const s = a + 1;
+        if (s === 1)
+          return;
+        const h = s % 2 === 0 ? 0 : 1;
+        i[h] = Math.max(i[h] || 0, u);
+      }), i;
+    }
+    return t.widths.reduce((i, u, a) => {
+      const s = a % o;
+      return (!i[s] || u > i[s]) && (i[s] = u), i;
+    }, []);
+  }, [t.widths, o, n]), I = _(
+    (e) => {
+      const r = e % d.length;
+      return d[r] || 0;
+    },
+    [d]
+  ), P = _(
+    (e) => {
+      if (n === g.DUAL_PAGE_WITH_COVER) {
+        if (e === 0)
+          return t.heights[0] || 0;
+        const u = 1 + (e - 1) * o + 1, s = Array.from({ length: o }, (h, E) => u + E - 1).filter((h) => h < t.heights.length).map((h) => t.heights[h] || 0);
+        return Math.max(...s, 0);
+      }
+      const i = Array.from({ length: o }, (u, a) => {
+        const s = e * o + a;
+        return t.heights[s] || 0;
+      });
+      return Math.max(...i);
+    },
+    [t.heights, o, n]
+  );
+  R(() => {
+    f(o);
+  }, [o, f]);
+  const A = m(() => c === C.HORIZONTAL_SCROLLING || c === C.PAGE_SCROLLING ? 1 : n === g.DUAL_PAGE_WITH_COVER && l > 0 ? 1 + Math.ceil((l - 1) / o) : Math.round(l / o), [o, l, c, n]), L = m(() => t.heights.reduce((e, r) => e + r, 0) / t.heights.length || 0, [t]), D = m(() => t.widths.reduce((e, r) => e + r, 0) / t.widths.length || 0, [t]), p = m(() => {
+    const e = n === g.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: i } = V(t, o, e);
+    return {
+      rowsHeight: r,
+      columnsWidth: i
+    };
+  }, [t, o, n]), W = m(() => ({
+    width: p.columnsWidth.reduce((e, r) => e + r, 0),
+    height: p.rowsHeight.reduce((e, r) => e + r, 0)
+  }), [p]);
+  return {
+    rowCount: A,
+    rowHeight: P,
+    columnCount: o,
+    columnWidth: I,
+    pageDimension: t,
+    estimatedRowHeight: L,
+    estimatedColumnWidth: D,
+    gridDimension: p,
+    totalDimension: W
+  };
+};
 export {
-  Br as useVirtualReactWindow
+  ct as useVirtualReactWindow
 };

package/dist/utils/types.js

@@ -1,21 +1,22 @@
-import { e as r, z as _, i as R, p as o, t as p } from "../th_TH-d627cd51.js";
-var D = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(D || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), E = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O))(E || {}), I = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(I || {}), L = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O))(L || {}), d = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(c || {});
-const A = {
+import { e as r, z as _, i as R, p as o, t as p, d as D } from "../de_DE-a553b162.js";
+var I = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(I || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), L = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O))(L || {}), E = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(E || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O.DUAL_PAGE_WITH_COVER = "DualWithCover", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", O.SKIP_LINK_COLOR = "--rp-skip-link-color", O.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", O.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(c || {}), t = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(t || {});
+const U = {
   en_US: r,
   zh_CN: _,
   it_IT: R,
   pt_PT: o,
-  th_TH: p
+  th_TH: p,
+  de_DE: D
 };
 export {
-  D as AnnotationSubType,
+  I as AnnotationSubType,
   N as AnnotationType,
-  E as ErrorType,
-  L as LicenseType,
-  A as Locales,
-  P as ScrollMode,
-  c as SelectionMode,
-  C as ThemeVariables,
-  d as ViewMode,
-  I as ZoomLevel
+  L as ErrorType,
+  d as LicenseType,
+  U as Locales,
+  c as ScrollMode,
+  t as SelectionMode,
+  P as ThemeVariables,
+  C as ViewMode,
+  E as ZoomLevel
 };

package/dist/utils/withRef.js

@@ -1,8 +1,8 @@
-import { forwardRef as o } from "react";
-const s = (e) => o ? o((r, t) => e(r, t)) : (r) => {
-  const { ref: t, ...f } = r;
-  return e(f, t);
+import { forwardRef as r } from "react";
+const c = (o) => r ? r(o) : (t) => {
+  const { ref: n, ...e } = t;
+  return o(e, n);
 };
 export {
-  s as withRef
+  c as withRef
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-rc.1",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -39,9 +39,9 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-popover": "1.0.6",
-    "@radix-ui/react-tooltip": "^1.1.8",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "pdfjs-dist": "5.4.530",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10"
@@ -51,6 +51,7 @@
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@rollup/plugin-commonjs": "^28.0.1",
+    "@tanstack/eslint-plugin-query": "^5.60.1",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@types/react-window": "^1.8.8",

package/dist/LayoutWrapper-6224491f.js

@@ -1,19 +0,0 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { withRef as t } from "./utils/withRef.js";
-const o = {
-  "rp-layout": "_rp-layout_1e7yi_1",
-  "rp-layout-wrapper": "_rp-layout-wrapper_1e7yi_5",
-  "rp-content": "_rp-content_1e7yi_11",
-  "rp-pages": "_rp-pages_1e7yi_17",
-  "rp-container": "_rp-container_1e7yi_22",
-  "rp-loader": "_rp-loader_1e7yi_26",
-  "rp-theme-variables": "_rp-theme-variables_1e7yi_30",
-  "rp-dark-mode": "_rp-dark-mode_1e7yi_141"
-}, y = t((r, e) => {
-  const { children: p, ...a } = r;
-  return /* @__PURE__ */ _("div", { ref: e, className: o["rp-layout-wrapper"], ...a, children: p });
-});
-export {
-  y as L,
-  o as c
-};

package/dist/SearchCloseButton-08d57275.js

@@ -1,33 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "./components/ui/RPTooltip.js";
-import { UIButton as n } from "./components/ui/Button.js";
-import { CloseIcon as p } from "./components/icons/CloseIcon.js";
-import { useLocalizationContext as e } from "./contexts/LocalizationContext.js";
-const a = {
-  "rp-search-tool-content": "_rp-search-tool-content_t0ih3_1",
-  "rp-search-tool-input": "_rp-search-tool-input_t0ih3_10",
-  "rp-search-tool-input-icon": "_rp-search-tool-input-icon_t0ih3_17",
-  "rp-search-tool-controls": "_rp-search-tool-controls_t0ih3_27",
-  "rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_t0ih3_35",
-  "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_t0ih3_41",
-  "rp-search-tool-input-clear": "_rp-search-tool-input-clear_t0ih3_46",
-  "rp-search-input": "_rp-search-input_t0ih3_60",
-  "rp-search-icon-info": "_rp-search-icon-info_t0ih3_66",
-  "rp-search-loader-icon": "_rp-search-loader-icon_t0ih3_75",
-  "rp-search-tool-result-navigator": "_rp-search-tool-result-navigator_t0ih3_80"
-}, m = ({ onKeyPress: t, handleClose: c }) => {
-  const { localeMessages: o } = e();
-  return /* @__PURE__ */ r(i, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ r(
-    n,
-    {
-      tabIndex: 0,
-      onKeyDown: t,
-      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
-      children: /* @__PURE__ */ r(p, { onClick: c, className: a["rp-search-tool-input-icon"] })
-    }
-  ) });
-};
-export {
-  m as S,
-  a as c
-};