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

package/dist/components/ui/PasswordModal.js

@@ -1,12 +1,12 @@
-import { jsx as p, jsxs as t } from "react/jsx-runtime";
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
 import { useState as u } from "react";
-import { c as o } from "../../clsx-0c6e471a.js";
-import { useLocalizationContext as c } from "../../contexts/LocalizationContext.js";
-import { useDocumentPasswordContext as _ } from "../../contexts/DocumentPasswordContext.js";
+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 "../../th_TH-d627cd51.js";
-const r = {
+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",
@@ -16,46 +16,60 @@ const r = {
   "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"
-}, y = () => {
-  const [a, m] = u(""), { localeMessages: s } = c(), { setPassword: e, invalidPassword: i } = _(), w = (d) => {
-    m(d.target.value);
-  }, n = (d) => {
-    d.preventDefault(), a && a.trim() && e(a);
-  }, l = !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 }),
+}, 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: o(r["rp-password-form"]), children: [
-        /* @__PURE__ */ p(
+      /* @__PURE__ */ t("div", { className: a(s["rp-password-form"]), children: [
+        /* @__PURE__ */ o(
           "input",
           {
             type: "password",
-            value: a,
-            onChange: w,
-            className: o(
-              r["rp-password-input"],
-              i && r["rp-password-input-invalid"]
+            value: d,
+            onChange: m,
+            className: a(
+              s["rp-password-input"],
+              p && s["rp-password-input-invalid"]
             ),
-            placeholder: s == null ? void 0 : s.passwordPlaceholder,
-            autoComplete: "off"
+            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__ */ p("div", { className: o(r["rp-password-message-invalid"]), children: i && /* @__PURE__ */ p("span", { children: s == null ? void 0 : s.passwordError }) })
+        /* @__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__ */ p(
+      /* @__PURE__ */ o(
         "button",
         {
           type: "submit",
-          disabled: l,
-          className: o(r["rp-password-submit-button"]),
+          disabled: w,
+          className: a(s["rp-password-submit-button"]),
           onClick: n,
-          children: s == null ? void 0 : s.passwordConfirmLabel
+          "aria-label": r == null ? void 0 : r.passwordConfirmLabel,
+          children: r == null ? void 0 : r.passwordConfirmLabel
         }
       )
     ] })
   ] }) });
 };
 export {
-  y as default
+  x as default
 };