@pdf-viewer/react 1.1.1 → 1.2.0-beta.0

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as v } from "../../RPDefaultLayout-5e5126fd.js";
+import { c as y } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -18,10 +18,11 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  v as useFileDownload
+  y as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as g, useEffect as v } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-03-20T07:31:15.567Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-03-21T05:44:48.740Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/dist/utils/hooks/useLocalization.js

@@ -0,0 +1,25 @@
+import { useState as a, useMemo as m } from "react";
+import { e as s, t as p, z as u, i as _, p as L } from "../../th_TH-2fba4a89.js";
+const f = (e) => {
+  const [o, c] = a(e), [t, i] = a({
+    en_US: s,
+    th_TH: p,
+    zh_CN: u,
+    it_IT: _,
+    pt_PT: L
+  }), n = (r) => {
+    i((z) => ({
+      ...z,
+      ...r
+    }));
+  }, l = m(() => t[o] || s, [o, t]);
+  return {
+    locale: o,
+    setLocale: c,
+    localeMessages: l,
+    addLocalization: n
+  };
+};
+export {
+  f as useLocalization
+};

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as z } from "../../RPDefaultLayout-5e5126fd.js";
+import { g as A } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
@@ -18,11 +18,12 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "./useDebounce.js";
 export {
-  z as usePaginate
+  A as usePaginate
 };

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as z } from "../../RPDefaultLayout-5e5126fd.js";
+import { i as A } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -18,11 +18,12 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 export {
-  z as usePrint
+  A as usePrint
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as y } from "../../RPDefaultLayout-5e5126fd.js";
+import { f as A } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -19,11 +19,13 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "./useDimensionPages.js";
+import "../smoothScrollTo.js";
 export {
-  y as useScrollToPage
+  A as useScrollToPage
 };

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as B } from "../../RPDefaultLayout-5e5126fd.js";
+import { n as C } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -21,10 +21,11 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  B as useSearch
+  C as useSearch
 };

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as A } from "../../RPDefaultLayout-5e5126fd.js";
+import { k as B } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -19,11 +19,12 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../getThumbnailViewport.js";
 export {
-  A as useThumbnail
+  B as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { r as v } from "../../RPDefaultLayout-5e5126fd.js";
+import { r as y } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -19,10 +19,11 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  v as useVirtualReactWindow
+  y as useVirtualReactWindow
 };

package/dist/utils/smoothScrollTo.js

@@ -0,0 +1,18 @@
+const m = (o) => o < 0.5 ? 4 * o * o * o : (o - 1) * (2 * o - 2) * (2 * o - 2) + 1;
+function u(o, n, c) {
+  let t = null;
+  const s = {
+    left: o.scrollLeft,
+    top: o.scrollTop
+  }, l = {
+    left: n.left - s.left,
+    top: n.top - s.top
+  }, f = performance.now(), r = (i) => {
+    const p = i - f, a = Math.min(p / 300, 1), e = m(a), T = s.left + l.left * e, L = s.top + l.top * e;
+    o.scrollLeft = T, o.scrollTop = L, a < 1 ? t = requestAnimationFrame(r) : (t && cancelAnimationFrame(t), c == null || c());
+  };
+  t = requestAnimationFrame(r);
+}
+export {
+  u as smoothScrollTo
+};

package/dist/utils/types.js

@@ -1,10 +1,19 @@
-var O = /* @__PURE__ */ ((r) => (r[r.Text = 1] = "Text", r[r.Link = 2] = "Link", r[r.FreeText = 3] = "FreeText", r[r.Line = 4] = "Line", r[r.Square = 5] = "Square", r[r.Circle = 6] = "Circle", r[r.Polygon = 7] = "Polygon", r[r.Polyline = 8] = "Polyline", r[r.Highlight = 9] = "Highlight", r[r.Underline = 10] = "Underline", r[r.Squiggly = 11] = "Squiggly", r[r.StrikeOut = 12] = "StrikeOut", r[r.Stamp = 13] = "Stamp", r[r.Caret = 14] = "Caret", r[r.Ink = 15] = "Ink", r[r.Popup = 16] = "Popup", r[r.FileAttachment = 17] = "FileAttachment", r[r.Widget = 20] = "Widget", r))(O || {}), _ = /* @__PURE__ */ ((r) => (r.ACTUAL = "Actual", r.PAGE_FIT = "Fit", r.PAGE_WIDTH = "Width", r))(_ || {}), R = /* @__PURE__ */ ((r) => (r.Organization = "organization", r.Developer = "developer", r))(R || {}), I = /* @__PURE__ */ ((r) => (r.SINGLE_PAGE = "Single", r.DUAL_PAGE = "Dual", r))(I || {}), E = /* @__PURE__ */ ((r) => (r.TEXT_COLOR = "--rp-text-color", r.OUTLINE_COLOR = "--rp-outline-color", r.FONT_FAMILY = "--rp-font-family", r.PRIMARY_COLOR = "--rp-primary-color", r.BORDER_RADIUS = "--rp-border-radius", r.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", r.ICON_DISABLED = "--rp-icon-disabled", r.ICON_FONT_SIZE = "--rp-icon-font-size", r.TOOLBAR_BACKGROUND = "--rp-toolbar-background", r.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", r.TOOLBAR_PADDING = "--rp-toolbar-padding", r.TOOLBAR_GAP = "--rp-toolbar-gap", r.SIDEBAR_WIDTH = "--rp-sidebar-width", r.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", r.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", r.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", r.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", r.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", r.BUTTON_PADDING = "--rp-button-padding", r.INPUT_PADDING = "--rp-input-padding", r.INPUT_BORDER_RADIUS = "--rp-input-border-radius", r.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", r.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", r.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", r.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", r.DROPDOWN_PADDING = "--rp-dropdown-padding", r.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", r.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", r.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", r.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", r.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", r.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", r.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", r.PROPERTY_ITEM_GAP = "--rp-property-item-gap", r.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", r.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", r.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", r.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", r.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", r.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", r.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", r.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", r))(E || {}), D = /* @__PURE__ */ ((r) => (r.PAGE_SCROLLING = "PAGE", r.VERTICAL_SCROLLING = "VERTICAL", r.HORIZONTAL_SCROLLING = "HORIZONTAL", r))(D || {}), L = /* @__PURE__ */ ((r) => (r.TEXT = "TEXT", r.HAND = "HAND", r))(L || {});
+import { e as O, z as _, i as R, p as I, t as N } from "../th_TH-2fba4a89.js";
+var E = /* @__PURE__ */ ((r) => (r[r.Text = 1] = "Text", r[r.Link = 2] = "Link", r[r.FreeText = 3] = "FreeText", r[r.Line = 4] = "Line", r[r.Square = 5] = "Square", r[r.Circle = 6] = "Circle", r[r.Polygon = 7] = "Polygon", r[r.Polyline = 8] = "Polyline", r[r.Highlight = 9] = "Highlight", r[r.Underline = 10] = "Underline", r[r.Squiggly = 11] = "Squiggly", r[r.StrikeOut = 12] = "StrikeOut", r[r.Stamp = 13] = "Stamp", r[r.Caret = 14] = "Caret", r[r.Ink = 15] = "Ink", r[r.Popup = 16] = "Popup", r[r.FileAttachment = 17] = "FileAttachment", r[r.Widget = 20] = "Widget", r))(E || {}), L = /* @__PURE__ */ ((r) => (r.ACTUAL = "Actual", r.PAGE_FIT = "Fit", r.PAGE_WIDTH = "Width", r))(L || {}), D = /* @__PURE__ */ ((r) => (r.Organization = "organization", r.Developer = "developer", r))(D || {}), p = /* @__PURE__ */ ((r) => (r.SINGLE_PAGE = "Single", r.DUAL_PAGE = "Dual", r))(p || {}), d = /* @__PURE__ */ ((r) => (r.TEXT_COLOR = "--rp-text-color", r.OUTLINE_COLOR = "--rp-outline-color", r.FONT_FAMILY = "--rp-font-family", r.PRIMARY_COLOR = "--rp-primary-color", r.BORDER_RADIUS = "--rp-border-radius", r.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", r.ICON_DISABLED = "--rp-icon-disabled", r.ICON_FONT_SIZE = "--rp-icon-font-size", r.TOOLBAR_BACKGROUND = "--rp-toolbar-background", r.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", r.TOOLBAR_PADDING = "--rp-toolbar-padding", r.TOOLBAR_GAP = "--rp-toolbar-gap", r.SIDEBAR_WIDTH = "--rp-sidebar-width", r.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", r.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", r.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", r.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", r.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", r.BUTTON_PADDING = "--rp-button-padding", r.INPUT_PADDING = "--rp-input-padding", r.INPUT_BORDER_RADIUS = "--rp-input-border-radius", r.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", r.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", r.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", r.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", r.DROPDOWN_PADDING = "--rp-dropdown-padding", r.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", r.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", r.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", r.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", r.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", r.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", r.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", r.PROPERTY_ITEM_GAP = "--rp-property-item-gap", r.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", r.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", r.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", r.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", r.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", r.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", r.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", r.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", r))(d || {}), P = /* @__PURE__ */ ((r) => (r.PAGE_SCROLLING = "PAGE", r.VERTICAL_SCROLLING = "VERTICAL", r.HORIZONTAL_SCROLLING = "HORIZONTAL", r))(P || {}), C = /* @__PURE__ */ ((r) => (r.TEXT = "TEXT", r.HAND = "HAND", r))(C || {});
+const o = {
+  en_US: O,
+  zh_CN: _,
+  it_IT: R,
+  pt_PT: I,
+  th_TH: N
+};
 export {
-  O as AnnotationSubType,
-  R as LicenseType,
-  D as ScrollMode,
-  L as SelectionMode,
-  E as ThemeVariables,
-  I as ViewMode,
-  _ as ZoomLevel
+  E as AnnotationSubType,
+  D as LicenseType,
+  o as Locales,
+  P as ScrollMode,
+  C as SelectionMode,
+  d as ThemeVariables,
+  p as ViewMode,
+  L as ZoomLevel
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.1.1",
+  "version": "1.2.0-beta.0",
   "keywords": [
     "component",
     "frontend",
@@ -49,6 +49,7 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-popover": "1.0.6",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@tanstack/react-query": "^5.60.6",
     "pdfjs-dist": "4.7.76",

package/dist/Container-982378f8.js

@@ -1,38 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useDarkModeContext as i } from "./contexts/DarkModeContext.js";
-import { c as _ } from "./clsx-0c6e471a.js";
-import { useThemeContext as l } from "./contexts/ThemeContext.js";
-import './assets/Container.css';const d = {
-  "rp-layout": "_rp-layout_smcgk_1",
-  "rp-content": "_rp-content_smcgk_5",
-  "rp-pages": "_rp-pages_smcgk_11",
-  "rp-container": "_rp-container_smcgk_16",
-  "rp-theme-variables": "_rp-theme-variables_smcgk_52",
-  "rp-dark-mode": "_rp-dark-mode_smcgk_129"
-}, k = {
-  "rp-container": "_rp-container_1fbrq_1"
-}, x = (t) => {
-  const { children: s, getContainerRef: a, toolbarRef: r, style: o, className: c } = t, { darkMode: e } = i(), { customVariables: n, customDarkVariables: p } = l();
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      ref: a,
-      "data-rp": "container",
-      className: _(
-        k["rp-container"],
-        e ? d["rp-dark-mode"] : "",
-        c
-      ),
-      style: {
-        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
-        ...e ? p : n,
-        ...o
-      },
-      children: s
-    }
-  );
-};
-export {
-  x as C,
-  d as c
-};