@react-pdf-kit/viewer 2.0.0-beta.8 → 2.0.0-rc.0

package/dist/components/ui/Button.js

@@ -1,23 +1,25 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as a } from "../../clsx-0c6e471a.js";
-import { withRef as i } from "../../utils/withRef.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as p } from "../../clsx-0c6e471a.js";
+import { withRef as u } from "../../utils/withRef.js";
 import "react";
-const t = {
+const o = {
   "rp-button": "_rp-button_1jswj_1",
   "rp-button-active": "_rp-button-active_1jswj_18"
-}, j = i((o, r) => {
-  const { children: s, active: n, className: c, ...e } = o;
-  return /* @__PURE__ */ p(
+}, _ = u((r, s) => {
+  const { children: e, active: t, className: a, role: n, ...i } = r;
+  return /* @__PURE__ */ c(
     "button",
     {
       tabIndex: 0,
-      ref: r,
-      ...e,
-      className: a(t["rp-button"], c, n ? t["rp-button-active"] : ""),
-      children: s
+      ref: s,
+      role: n,
+      "aria-pressed": t !== void 0 ? t : void 0,
+      ...i,
+      className: p(o["rp-button"], a, t ? o["rp-button-active"] : ""),
+      children: e
     }
   );
 });
 export {
-  j as UIButton
+  _ as UIButton
 };

package/dist/components/ui/Checkbox.js

@@ -1,13 +1,14 @@
 import { jsx as i, jsxs as w, Fragment as U } from "react/jsx-runtime";
 import * as s from "react";
-import { c as z, u as B, P as E, a as S, b as G, d as K, e as X } from "../../index-c9a2990a.js";
+import { c as z, a as B, P as y, b as S, d as G, f as K } from "../../index-c0faa594.js";
+import { u as X } from "../../index-655864a7.js";
 import { CheckIcon as J } from "../icons/CheckIcon.js";
 import "react-dom";
 function Q(e) {
   const r = s.useRef({ value: e, previous: e });
   return s.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
 }
-var g = "Checkbox", [V, oe] = z(g), [W, P] = V(g);
+var g = "Checkbox", [V, ne] = z(g), [W, E] = V(g);
 function Y(e) {
   const {
     __scopeCheckbox: r,
@@ -15,29 +16,29 @@ function Y(e) {
     children: d,
     defaultChecked: n,
     disabled: t,
-    form: h,
+    form: u,
     name: f,
-    onCheckedChange: u,
+    onCheckedChange: l,
     required: k,
     value: C = "on",
     // @ts-expect-error
-    internal_do_not_use_render: l
-  } = e, [p, v] = X({
+    internal_do_not_use_render: p
+  } = e, [h, v] = K({
     prop: o,
     defaultProp: n ?? !1,
-    onChange: u,
+    onChange: l,
     caller: g
-  }), [m, x] = s.useState(null), [_, c] = s.useState(null), a = s.useRef(!1), I = m ? !!h || !!m.closest("form") : (
+  }), [m, x] = s.useState(null), [_, c] = s.useState(null), a = s.useRef(!1), I = m ? !!u || !!m.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
-    checked: p,
+    checked: h,
     disabled: t,
     setChecked: v,
     control: m,
     setControl: x,
     name: f,
-    form: h,
+    form: u,
     value: C,
     hasConsumerStoppedPropagationRef: a,
     required: k,
@@ -51,7 +52,7 @@ function Y(e) {
     {
       scope: r,
       ...R,
-      children: Z(l) ? l(R) : d
+      children: Z(p) ? p(R) : d
     }
   );
 }
@@ -59,40 +60,40 @@ var M = "CheckboxTrigger", T = s.forwardRef(
   ({ __scopeCheckbox: e, onKeyDown: r, onClick: o, ...d }, n) => {
     const {
       control: t,
-      value: h,
+      value: u,
       disabled: f,
-      checked: u,
+      checked: l,
       required: k,
       setControl: C,
-      setChecked: l,
-      hasConsumerStoppedPropagationRef: p,
+      setChecked: p,
+      hasConsumerStoppedPropagationRef: h,
       isFormControl: v,
       bubbleInput: m
-    } = P(M, e), x = B(n, C), _ = s.useRef(u);
+    } = E(M, e), x = B(n, C), _ = s.useRef(l);
     return s.useEffect(() => {
       const c = t == null ? void 0 : t.form;
       if (c) {
-        const a = () => l(_.current);
+        const a = () => p(_.current);
         return c.addEventListener("reset", a), () => c.removeEventListener("reset", a);
       }
-    }, [t, l]), /* @__PURE__ */ i(
-      E.button,
+    }, [t, p]), /* @__PURE__ */ i(
+      y.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": b(u) ? "mixed" : u,
+        "aria-checked": b(l) ? "mixed" : l,
         "aria-required": k,
-        "data-state": O(u),
+        "data-state": j(l),
         "data-disabled": f ? "" : void 0,
         disabled: f,
-        value: h,
+        value: u,
         ...d,
         ref: x,
         onKeyDown: S(r, (c) => {
           c.key === "Enter" && c.preventDefault();
         }),
         onClick: S(o, (c) => {
-          l((a) => b(a) ? !0 : !a), m && v && (p.current = c.isPropagationStopped(), p.current || c.stopPropagation());
+          p((a) => b(a) ? !0 : !a), m && v && (h.current = c.isPropagationStopped(), h.current || c.stopPropagation());
         })
       }
     );
@@ -106,12 +107,12 @@ var q = s.forwardRef(
       name: d,
       checked: n,
       defaultChecked: t,
-      required: h,
+      required: u,
       disabled: f,
-      value: u,
+      value: l,
       onCheckedChange: k,
       form: C,
-      ...l
+      ...p
     } = e;
     return /* @__PURE__ */ i(
       Y,
@@ -120,22 +121,22 @@ var q = s.forwardRef(
         checked: n,
         defaultChecked: t,
         disabled: f,
-        required: h,
+        required: u,
         onCheckedChange: k,
         name: d,
         form: C,
-        value: u,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ w(U, { children: [
+        value: l,
+        internal_do_not_use_render: ({ isFormControl: h }) => /* @__PURE__ */ w(U, { children: [
           /* @__PURE__ */ i(
             T,
             {
-              ...l,
+              ...p,
               ref: r,
               __scopeCheckbox: o
             }
           ),
-          p && /* @__PURE__ */ i(
-            L,
+          h && /* @__PURE__ */ i(
+            O,
             {
               __scopeCheckbox: o
             }
@@ -148,15 +149,15 @@ var q = s.forwardRef(
 q.displayName = g;
 var A = "CheckboxIndicator", F = s.forwardRef(
   (e, r) => {
-    const { __scopeCheckbox: o, forceMount: d, ...n } = e, t = P(A, o);
+    const { __scopeCheckbox: o, forceMount: d, ...n } = e, t = E(A, o);
     return /* @__PURE__ */ i(
       G,
       {
         present: d || b(t.checked) || t.checked === !0,
         children: /* @__PURE__ */ i(
-          E.span,
+          y.span,
           {
-            "data-state": O(t.checked),
+            "data-state": j(t.checked),
             "data-disabled": t.disabled ? "" : void 0,
             ...n,
             ref: r,
@@ -168,46 +169,46 @@ var A = "CheckboxIndicator", F = s.forwardRef(
   }
 );
 F.displayName = A;
-var D = "CheckboxBubbleInput", L = s.forwardRef(
+var D = "CheckboxBubbleInput", O = s.forwardRef(
   ({ __scopeCheckbox: e, ...r }, o) => {
     const {
       control: d,
       hasConsumerStoppedPropagationRef: n,
       checked: t,
-      defaultChecked: h,
+      defaultChecked: u,
       required: f,
-      disabled: u,
+      disabled: l,
       name: k,
       value: C,
-      form: l,
-      bubbleInput: p,
+      form: p,
+      bubbleInput: h,
       setBubbleInput: v
-    } = P(D, e), m = B(o, v), x = Q(t), _ = K(d);
+    } = E(D, e), m = B(o, v), x = Q(t), _ = X(d);
     s.useEffect(() => {
-      const a = p;
+      const a = h;
       if (!a)
         return;
       const I = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
         I,
         "checked"
-      ).set, j = !n.current;
+      ).set, H = !n.current;
       if (x !== t && N) {
-        const H = new Event("click", { bubbles: j });
-        a.indeterminate = b(t), N.call(a, b(t) ? !1 : t), a.dispatchEvent(H);
+        const L = new Event("click", { bubbles: H });
+        a.indeterminate = b(t), N.call(a, b(t) ? !1 : t), a.dispatchEvent(L);
       }
-    }, [p, x, t, n]);
+    }, [h, x, t, n]);
     const c = s.useRef(b(t) ? !1 : t);
     return /* @__PURE__ */ i(
-      E.input,
+      y.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: h ?? c.current,
+        defaultChecked: u ?? c.current,
         required: f,
-        disabled: u,
+        disabled: l,
         name: k,
         value: C,
-        form: l,
+        form: p,
         ...r,
         tabIndex: -1,
         ref: m,
@@ -227,39 +228,46 @@ var D = "CheckboxBubbleInput", L = s.forwardRef(
     );
   }
 );
-L.displayName = D;
+O.displayName = D;
 function Z(e) {
   return typeof e == "function";
 }
 function b(e) {
   return e === "indeterminate";
 }
-function O(e) {
+function j(e) {
   return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const y = {
+const P = {
   "rp-checkbox": "_rp-checkbox_1vwg8_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_1vwg8_25"
-}, ne = ({
+}, ce = ({
   children: e,
   value: r,
   name: o,
   onChange: d,
-  tabIndex: n
-}) => /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
-  /* @__PURE__ */ i(
-    q,
-    {
-      tabIndex: n,
-      className: y["rp-checkbox"],
-      checked: r,
-      id: o,
-      onCheckedChange: d,
-      children: /* @__PURE__ */ i(F, { className: y["rp-checkbox-indicator"], children: /* @__PURE__ */ i(J, {}) })
-    }
-  ),
-  /* @__PURE__ */ i("label", { className: y["rp-checkbox-label"], htmlFor: o, children: e })
-] });
+  tabIndex: n,
+  "aria-label": t
+}) => {
+  const u = t ? { "aria-label": t } : {};
+  return /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
+    /* @__PURE__ */ i(
+      q,
+      {
+        tabIndex: n,
+        className: P["rp-checkbox"],
+        checked: r,
+        id: o,
+        onCheckedChange: d,
+        role: "checkbox",
+        "aria-checked": r,
+        ...u,
+        children: /* @__PURE__ */ i(F, { className: P["rp-checkbox-indicator"], "aria-hidden": "true", children: /* @__PURE__ */ i(J, {}) })
+      }
+    ),
+    /* @__PURE__ */ i("label", { className: P["rp-checkbox-label"], htmlFor: o, children: e })
+  ] });
+};
 export {
-  ne as UICheckbox
+  ce as UICheckbox
 };

package/dist/components/ui/DropDown.js

@@ -1,10 +1,13 @@
 import { jsxs as p, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as _, C as m } from "../../index-3bf64864.js";
+import { R as l, T as c, P as _, C as m } from "../../index-61f59539.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import "react";
-import "../../index-c9a2990a.js";
+import "../../index-c0faa594.js";
 import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
+import "../../index-e3ee9457.js";
+import "../../Combination-136ff99c.js";
+import "../../floating-ui.react-dom-5ec29bd6.js";
+import "../../index-655864a7.js";
 const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
   "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
   slideDownAndFade: F,
@@ -12,9 +15,9 @@ const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_sl
   slideUpAndFade: f,
   slideRightAndFade: g,
   "rp-dropdown-arrow": "_rp-dropdown-arrow_1vzkq_30"
-}, x = (e) => {
-  const { triggerComponent: n, children: o, container: r, className: s, open: t, onOpenChange: i, ...a } = e;
-  return /* @__PURE__ */ p(l, { modal: !1, open: t, onOpenChange: i, children: [
+}, P = (e) => {
+  const { triggerComponent: n, children: o, container: r, className: t, open: s, onOpenChange: i, ...a } = e;
+  return /* @__PURE__ */ p(l, { modal: !1, open: s, onOpenChange: i, children: [
     /* @__PURE__ */ d(c, { asChild: !0, children: n }),
     /* @__PURE__ */ d(_, { container: r, children: /* @__PURE__ */ d(
       m,
@@ -22,12 +25,12 @@ const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_sl
         sideOffset: 8,
         align: "end",
         ...a,
-        className: A(h["rp-dropdown-content"], s),
+        className: A(h["rp-dropdown-content"], t),
         children: o
       }
     ) })
   ] });
 };
 export {
-  x as UIDropDown
+  P as UIDropDown
 };

package/dist/components/ui/Input.js

@@ -1,25 +1,26 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { c as e } from "../../clsx-0c6e471a.js";
-import { withRef as u } from "../../utils/withRef.js";
+import { c as u } from "../../clsx-0c6e471a.js";
+import { withRef as l } from "../../utils/withRef.js";
 import "react";
-const r = {
+const t = {
   "rp-input": "_rp-input_3rj4v_1",
   "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
   "rp-input-icon": "_rp-input-icon_3rj4v_26"
-}, h = u((n, t) => {
-  const { className: s, icon: p, children: o, ...c } = n;
-  return /* @__PURE__ */ a("div", { className: r["rp-input-wrapper"], children: [
+}, h = l((n, e) => {
+  const { className: o, icon: p, children: s, ...r } = n, c = r.role || (r.type === "text" || !r.type ? "textbox" : void 0);
+  return /* @__PURE__ */ a("div", { className: t["rp-input-wrapper"], children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ...c,
+        ...r,
+        role: c,
         "data-icon": !!p,
-        ref: t,
-        className: e(s, r["rp-input"], "ignore-hover")
+        ref: e,
+        className: u(o, t["rp-input"], "ignore-hover")
       }
     ),
-    p && /* @__PURE__ */ i("span", { className: r["rp-input-icon"], children: p }),
-    o
+    p && /* @__PURE__ */ i("span", { className: t["rp-input-icon"], "aria-hidden": "true", children: p }),
+    s
   ] });
 });
 export {

package/dist/components/ui/LoadingIndicator.js

@@ -1,140 +1,47 @@
-import "react/jsx-runtime";
-import { q as Fr } from "../../ToolbarLayout.module-0aa7a2aa.js";
-import "../../clsx-0c6e471a.js";
-import "../../contexts/LocalizationContext.js";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { c as o } from "../../clsx-0c6e471a.js";
+import { usePrintContext as p } from "../../contexts/PrintContext.js";
+import { useLocalizationContext as d } from "../../contexts/LocalizationContext.js";
 import "react";
-import "../icons/ChevronUpIcon.js";
-import "./Button.js";
-import "../../utils/withRef.js";
-import "./Input.js";
-import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../utils/appConsole.js";
-import "../../contexts/InitialStateContext.js";
+import "../../utils/hooks/usePrint.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../../utils/appConsole.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
-import "../../contexts/DarkModeContext.js";
-import "../../utils/hooks/useDarkMode.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../utils/hooks/useFullScreen.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../utils/hooks/useHighlight.js";
-import "../../contexts/LicenseContext.js";
-import "../../utils/hooks/useLicense.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../utils/const.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/getElementPositionInPage.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "../../contexts/LoaderContext.js";
-import "../icons/LoaderIcon.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../contexts/ThemeContext.js";
-import "../icons/Thumbnail.js";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../RPDropFileZone.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
 import "../../utils/hooks/useLocalization.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../SearchCloseButton-08d57275.js";
-import "./RPTooltip.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
-import "../icons/CloseIcon.js";
-import "./Checkbox.js";
-import "../icons/CheckIcon.js";
-import "../../contexts/IconContext.js";
-import "./DropDown.js";
-import "../../index-3bf64864.js";
-import "../layout/toolbar/MenuItem.js";
-import "../layout/toolbar/MenuSeparator.js";
-import "../../utils/dateFormatter.js";
-import "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "../../utils/hooks/useInfiniteScroll.js";
-import "../../utils/link_service.js";
-import "../../utils/annotations.js";
-import "../../utils/sanitizeExternalUrl.js";
-import "../page/searchHighlight.js";
-import "../page/CustomElement.js";
-import "../../utils/calculatePage.js";
-import "../../utils/hooks/useMousePressed.js";
-import "../../utils/hooks/useGrabScroll.js";
-import "../../utils/hooks/usePinch.js";
-import "./PasswordModal.js";
-import "../../utils/approximateFragtion.js";
-import "../../utils/hooks/useCopyText.js";
-import "../../utils/getWordPositionInPage.js";
-import "../../utils/smoothScrollTo.js";
-import "../layout/toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../layout/toolbar/DarkModeTool.js";
-import "../icons/MoonIcon.js";
-import "../icons/SunIcon.js";
-import "../icons/ThreeDotIcon.js";
-import "../layout/toolbar/DocumentProperties.js";
-import "../icons/InfoIcon.js";
-import "../layout/toolbar/RotateTool.js";
-import "../icons/ClockwiseIcon.js";
-import "../../utils/hooks/useRotate.js";
-import "../layout/toolbar/ViewModeTool.js";
-import "../icons/DualPageIcon.js";
-import "../icons/SinglePageIcon.js";
-import "../layout/toolbar/ScrollModeTool.js";
-import "../icons/PageScrollingIcon.js";
-import "../icons/VerticalScrollingIcon.js";
-import "../icons/HorizontalScrollingIcon.js";
-import "../icons/FileDownloadDefaultIcon.js";
-import "../icons/PrintDefaultIcon.js";
-import "../layout/toolbar/FullScreenTool.js";
-import "../icons/FullScreenIcon.js";
-import "../icons/GoToDownIcon.js";
-import "../layout/toolbar/SelectionModeTool.js";
-import "../icons/TextSelectionDefaultIcon.js";
-import "../icons/HandModeDefaultIcon.js";
-import "../icons/ZoomInIcon.js";
-import "../icons/ZoomOutIcon.js";
-import "../../utils/zoom.js";
-import "../icons/SearchIcon.js";
-import "../icons/ClearIcon.js";
+const s = "_loading_wazy2_1", i = {
+  "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
+  "rp-loading-modal": "_rp-loading-modal_wazy2_14",
+  "rp-loading-title": "_rp-loading-title_wazy2_27",
+  "rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
+  "rp-loading-progress": "_rp-loading-progress_wazy2_35",
+  "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
+  loading: s
+}, I = ({ percentage: n }) => {
+  const { cancel: l } = p(), { localeMessages: r } = d();
+  return n < 1 ? null : /* @__PURE__ */ a("div", { className: o(i["rp-loading-overlay"]), children: /* @__PURE__ */ t("div", { className: o(i["rp-loading-modal"]), children: [
+    /* @__PURE__ */ t("div", { className: o(i["rp-loading-title"]), children: [
+      r == null ? void 0 : r.printLoadingMessage,
+      "..."
+    ] }),
+    /* @__PURE__ */ a("div", { className: o(i["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: o(i["rp-loading-progress"]),
+        style: { width: `${n}%` }
+      }
+    ) }),
+    /* @__PURE__ */ a("button", { className: o(i["rp-loading-cancel-button"]), onClick: l, children: r == null ? void 0 : r.printCancelLabel })
+  ] }) });
+};
 export {
-  Fr as default
+  I as default
 };