@pdf-viewer/react 1.5.1 → 1.6.0-beta.10

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as H } from "../../RPDefaultLayout-ed089918.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { A as I } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -32,5 +33,5 @@ import "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  H as AnnotationLayer
+  I as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as E } from "../../RPDefaultLayout-ed089918.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { C as F } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -29,5 +30,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/renderPage.js";
 export {
-  E as CanvasLayer
+  F as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-ed089918.js";
+import { D as p } from "../../RPDefaultLayout-4518b3d3.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { r as D } from "../../RPDefaultLayout-ed089918.js";
+import { r as E } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/RPDocumentContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -29,5 +30,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../icons/LoaderIcon.js";
 export {
-  D as RPPage
+  E as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as i } from "../../RPDefaultLayout-ed089918.js";
+import { t as i } from "../../RPDefaultLayout-4518b3d3.js";
 export {
   i as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,8 @@ import "react/jsx-runtime";
 import "react";
 import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
-import { q as D } from "../../RPDefaultLayout-ed089918.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { q as E } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,5 +31,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/highlight.js";
 export {
-  D as TextHighlightLayer
+  E as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as E } from "../../RPDefaultLayout-ed089918.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { p as F } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,5 +31,5 @@ import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  E as TextLayer
+  F as TextLayer
 };

package/dist/components/ui/Checkbox.js

@@ -1,12 +1,13 @@
 import { jsxs as g, jsx as s } from "react/jsx-runtime";
 import * as c from "react";
-import { e as j, a as A, f as B, P as S, c as _, g as H, h as K } from "../../index-1cb41342.js";
+import { u as j, P as S, c as _, a as A } from "../../index-353ec0a6.js";
+import { c as B, b as H, d as K } from "../../index-71898eb9.js";
 import { CheckIcon as L } from "../icons/CheckIcon.js";
 import '../../assets/Checkbox.css';function q(e) {
   const r = c.useRef({ value: e, previous: e });
   return c.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
 }
-var E = "Checkbox", [z, W] = j(E), [F, T] = z(E), w = c.forwardRef(
+var E = "Checkbox", [z, Y] = B(E), [F, T] = z(E), w = c.forwardRef(
   (e, r) => {
     const {
       __scopeCheckbox: t,
@@ -16,13 +17,13 @@ var E = "Checkbox", [z, W] = j(E), [F, T] = z(E), w = c.forwardRef(
       required: h,
       disabled: u,
       value: b = "on",
-      onCheckedChange: m,
+      onCheckedChange: C,
       form: l,
       ...x
-    } = e, [i, C] = c.useState(null), v = A(r, (o) => C(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [f = !1, P] = B({
+    } = e, [i, m] = c.useState(null), v = j(r, (o) => m(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [f = !1, P] = H({
       prop: p,
       defaultProp: n,
-      onChange: m
+      onChange: C
     }), O = c.useRef(f);
     return c.useEffect(() => {
       const o = i == null ? void 0 : i.form;
@@ -74,7 +75,7 @@ w.displayName = E;
 var N = "CheckboxIndicator", D = c.forwardRef(
   (e, r) => {
     const { __scopeCheckbox: t, forceMount: a, ...p } = e, n = T(N, t);
-    return /* @__PURE__ */ s(H, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(A, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
       S.span,
       {
         "data-state": M(n.state),
@@ -90,19 +91,19 @@ D.displayName = N;
 var X = (e) => {
   const { control: r, checked: t, bubbles: a = !0, defaultChecked: p, ...n } = e, h = c.useRef(null), u = q(t), b = K(r);
   c.useEffect(() => {
-    const l = h.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
-    if (u !== t && C) {
+    const l = h.current, x = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (u !== t && m) {
       const v = new Event("click", { bubbles: a });
-      l.indeterminate = d(t), C.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
+      l.indeterminate = d(t), m.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
     }
   }, [u, t, a]);
-  const m = c.useRef(d(t) ? !1 : t);
+  const C = c.useRef(d(t) ? !1 : t);
   return /* @__PURE__ */ s(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: p ?? m.current,
+      defaultChecked: p ?? C.current,
       ...n,
       tabIndex: -1,
       ref: h,
@@ -127,7 +128,7 @@ var U = w, G = D;
 const R = {
   "rp-checkbox": "_rp-checkbox_3f10x_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_3f10x_21"
-}, Y = ({
+}, Z = ({
   children: e,
   value: r,
   name: t,
@@ -137,5 +138,5 @@ const R = {
   /* @__PURE__ */ s("label", { className: R["rp-checkbox-label"], htmlFor: t, children: e })
 ] });
 export {
-  Y as UICheckbox
+  Z as UICheckbox
 };

package/dist/components/ui/DropDown.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as p, C as _ } from "../../index-7279fb4e.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-5ff5dbd0.js";
 import { c as m } from "../../clsx-0c6e471a.js";
 import '../../assets/DropDown.css';const A = "_slideDownAndFade_d12em_1", F = "_slideLeftAndFade_d12em_1", w = "_slideUpAndFade_d12em_1", f = "_slideRightAndFade_d12em_1", g = {
   "rp-dropdown-content": "_rp-dropdown-content_d12em_1",

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as i } from "../../RPDefaultLayout-ed089918.js";
+import { L as i } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/components/ui/PasswordModal.js

@@ -0,0 +1,58 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { c as o } from "../../clsx-0c6e471a.js";
+import { useLocalizationContext as u } from "../../contexts/LocalizationContext.js";
+import { useDocumentPasswordContext as _ } from "../../contexts/DocumentPasswordContext.js";
+import '../../assets/PasswordModal.css';const r = {
+  "rp-password-overlay": "_rp-password-overlay_2kyt7_1",
+  "rp-password-modal": "_rp-password-modal_2kyt7_14",
+  "rp-password-title": "_rp-password-title_2kyt7_27",
+  "rp-password-content": "_rp-password-content_2kyt7_35",
+  "rp-password-form": "_rp-password-form_2kyt7_41",
+  "rp-password-input": "_rp-password-input_2kyt7_45",
+  "rp-password-input-invalid": "_rp-password-input-invalid_2kyt7_62",
+  "rp-password-message-invalid": "_rp-password-message-invalid_2kyt7_66",
+  "rp-password-submit-button": "_rp-password-submit-button_2kyt7_71"
+}, k = () => {
+  const [t, e] = c(""), { localeMessages: s } = u(), { setPassword: l, invalidPassword: i } = _(), m = (p) => {
+    e(p.target.value);
+  }, n = (p) => {
+    p.preventDefault(), t && t.trim() && l(t);
+  }, w = !t.trim();
+  return /* @__PURE__ */ a("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ d("div", { className: o(r["rp-password-modal"]), children: [
+    /* @__PURE__ */ a("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
+    /* @__PURE__ */ a("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
+    /* @__PURE__ */ d("form", { onSubmit: n, children: [
+      /* @__PURE__ */ d("div", { className: o(r["rp-password-form"]), children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "password",
+            value: t,
+            onChange: m,
+            className: o(
+              r["rp-password-input"],
+              i && r["rp-password-input-invalid"]
+            ),
+            placeholder: "Enter password",
+            autoComplete: "off"
+          }
+        ),
+        i && /* @__PURE__ */ a("div", { className: o(r["rp-password-message-invalid"]), children: "Incorrect password" })
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "submit",
+          disabled: w,
+          className: o(r["rp-password-submit-button"]),
+          onClick: n,
+          children: s == null ? void 0 : s.passwordConfirmLabel
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  k as default
+};