@pdf-viewer/react 1.6.0-beta.4 → 1.6.0-beta.5

package/dist/components/ui/Checkbox.js

@@ -1,13 +1,12 @@
 import { jsxs as g, jsx as s } from "react/jsx-runtime";
 import * as c from "react";
-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 { 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 { 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, Y] = B(E), [F, T] = z(E), w = c.forwardRef(
+var E = "Checkbox", [z, W] = j(E), [F, T] = z(E), w = c.forwardRef(
   (e, r) => {
     const {
       __scopeCheckbox: t,
@@ -17,13 +16,13 @@ var E = "Checkbox", [z, Y] = B(E), [F, T] = z(E), w = c.forwardRef(
       required: h,
       disabled: u,
       value: b = "on",
-      onCheckedChange: C,
+      onCheckedChange: m,
       form: l,
       ...x
-    } = 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({
+    } = 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({
       prop: p,
       defaultProp: n,
-      onChange: C
+      onChange: m
     }), O = c.useRef(f);
     return c.useEffect(() => {
       const o = i == null ? void 0 : i.form;
@@ -75,7 +74,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(A, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(H, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
       S.span,
       {
         "data-state": M(n.state),
@@ -91,19 +90,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, m = Object.getOwnPropertyDescriptor(x, "checked").set;
-    if (u !== t && m) {
+    const l = h.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (u !== t && C) {
       const v = new Event("click", { bubbles: a });
-      l.indeterminate = d(t), m.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
+      l.indeterminate = d(t), C.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
     }
   }, [u, t, a]);
-  const C = c.useRef(d(t) ? !1 : t);
+  const m = c.useRef(d(t) ? !1 : t);
   return /* @__PURE__ */ s(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: p ?? C.current,
+      defaultChecked: p ?? m.current,
       ...n,
       tabIndex: -1,
       ref: h,
@@ -128,7 +127,7 @@ var U = w, G = D;
 const R = {
   "rp-checkbox": "_rp-checkbox_3f10x_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_3f10x_21"
-}, Z = ({
+}, Y = ({
   children: e,
   value: r,
   name: t,
@@ -138,5 +137,5 @@ const R = {
   /* @__PURE__ */ s("label", { className: R["rp-checkbox-label"], htmlFor: t, children: e })
 ] });
 export {
-  Z as UICheckbox
+  Y 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-5ff5dbd0.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-7279fb4e.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-cdc3cad8.js";
+import { L as i } from "../../RPDefaultLayout-eb8d9898.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/components/ui/PasswordModal.js

@@ -0,0 +1,58 @@
+import { jsx as p, jsxs as t } 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_pmc5s_1",
+  "rp-password-modal": "_rp-password-modal_pmc5s_14",
+  "rp-password-title": "_rp-password-title_pmc5s_27",
+  "rp-password-content": "_rp-password-content_pmc5s_35",
+  "rp-password-form": "_rp-password-form_pmc5s_41",
+  "rp-password-input": "_rp-password-input_pmc5s_45",
+  "rp-password-input-invalid": "_rp-password-input-invalid_pmc5s_62",
+  "rp-password-message-invalid": "_rp-password-message-invalid_pmc5s_66",
+  "rp-password-submit-button": "_rp-password-submit-button_pmc5s_71"
+}, C = () => {
+  const [a, e] = c(""), { localeMessages: s } = u(), { setPassword: m, invalidPassword: i } = _(), l = (d) => {
+    e(d.target.value);
+  }, n = (d) => {
+    d.preventDefault(), a && a.trim() && m(a);
+  }, w = !a.trim();
+  return /* @__PURE__ */ p("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ t("div", { className: o(r["rp-password-modal"]), children: [
+    /* @__PURE__ */ p("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
+    /* @__PURE__ */ p("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
+    /* @__PURE__ */ t("form", { onSubmit: n, children: [
+      /* @__PURE__ */ t("div", { className: o(r["rp-password-form"]), children: [
+        /* @__PURE__ */ p(
+          "input",
+          {
+            type: "password",
+            value: a,
+            onChange: l,
+            className: o(
+              r["rp-password-input"],
+              i && r["rp-password-input-invalid"]
+            ),
+            placeholder: "Enter password",
+            autoComplete: "off"
+          }
+        ),
+        i && /* @__PURE__ */ p("div", { className: o(r["rp-password-message-invalid"]), children: "Incorrect password" })
+      ] }),
+      /* @__PURE__ */ p(
+        "button",
+        {
+          type: "submit",
+          disabled: w,
+          className: o(r["rp-password-submit-button"]),
+          onClick: n,
+          children: s == null ? void 0 : s.passwordConfirmLabel
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  C as default
+};