@pdf-viewer/react
Version:
A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.
76 lines (75 loc) • 3.21 kB
JavaScript
import { jsx as o, jsxs as t } from "react/jsx-runtime";
import { useState as u } from "react";
import { c as a } from "../../clsx-0c6e471a.js";
import { useLocalizationContext as _ } from "../../contexts/LocalizationContext.js";
import { useDocumentPasswordContext as c } from "../../contexts/DocumentPasswordContext.js";
import "../../utils/appConsole.js";
import "../../utils/hooks/useLocalization.js";
import "../../de_DE-a553b162.js";
const s = {
"rp-password-overlay": "_rp-password-overlay_18s56_1",
"rp-password-modal": "_rp-password-modal_18s56_13",
"rp-password-title": "_rp-password-title_18s56_27",
"rp-password-content": "_rp-password-content_18s56_35",
"rp-password-form": "_rp-password-form_18s56_41",
"rp-password-input": "_rp-password-input_18s56_45",
"rp-password-input-invalid": "_rp-password-input-invalid_18s56_62",
"rp-password-message-invalid": "_rp-password-message-invalid_18s56_66",
"rp-password-submit-button": "_rp-password-submit-button_18s56_72"
}, x = () => {
const [d, e] = u(""), { localeMessages: r } = _(), { setPassword: l, invalidPassword: p } = c(), m = (i) => {
e(i.target.value);
}, n = (i) => {
i.preventDefault(), d && d.trim() && l(d);
}, w = !d.trim();
return /* @__PURE__ */ o("div", { className: a(s["rp-password-overlay"]), role: "dialog", "aria-modal": "true", "aria-labelledby": "password-modal-title", children: /* @__PURE__ */ t("div", { className: a(s["rp-password-modal"]), children: [
/* @__PURE__ */ o("div", { id: "password-modal-title", className: a(s["rp-password-title"]), children: r == null ? void 0 : r.passwordModalTitle }),
/* @__PURE__ */ o("div", { className: a(s["rp-password-content"]), children: r == null ? void 0 : r.passwordModalMessage }),
/* @__PURE__ */ t("form", { onSubmit: n, children: [
/* @__PURE__ */ t("div", { className: a(s["rp-password-form"]), children: [
/* @__PURE__ */ o(
"input",
{
type: "password",
value: d,
onChange: m,
className: a(
s["rp-password-input"],
p && s["rp-password-input-invalid"]
),
placeholder: r == null ? void 0 : r.passwordPlaceholder,
autoComplete: "off",
"aria-label": r == null ? void 0 : r.passwordPlaceholder,
"aria-required": "true",
"aria-invalid": p,
"aria-describedby": p ? "password-error" : void 0
}
),
/* @__PURE__ */ o(
"div",
{
id: "password-error",
className: a(s["rp-password-message-invalid"]),
role: "alert",
"aria-live": "polite",
children: p && /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.passwordError })
}
)
] }),
/* @__PURE__ */ o(
"button",
{
type: "submit",
disabled: w,
className: a(s["rp-password-submit-button"]),
onClick: n,
"aria-label": r == null ? void 0 : r.passwordConfirmLabel,
children: r == null ? void 0 : r.passwordConfirmLabel
}
)
] })
] }) });
};
export {
x as default
};