@pdf-viewer/react 1.1.0 → 1.1.1-beta.0

package/dist/components/ui/Checkbox.js

@@ -1,274 +1,114 @@
-import { jsx as f, Fragment as q, jsxs as M } from "react/jsx-runtime";
-import * as i from "react";
-import { a as A, c as B, b as K, d as z } from "../../index-71898eb9.js";
-import "react-dom";
-import { CheckIcon as X } from "../icons/CheckIcon.js";
-import '../../assets/Checkbox.css';function S(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import * as c from "react";
+import { c as O, u as j, a as A, P as S, b as _, d as B, e as H } from "../../index-48ca3f30.js";
+import { CheckIcon as K } from "../icons/CheckIcon.js";
+import '../../assets/Checkbox.css';function L(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]);
 }
-function I(...e) {
-  return (t) => {
-    let n = !1;
-    const r = e.map((o) => {
-      const c = S(o, t);
-      return !n && typeof c == "function" && (n = !0), c;
-    });
-    if (n)
-      return () => {
-        for (let o = 0; o < r.length; o++) {
-          const c = r[o];
-          typeof c == "function" ? c() : S(e[o], null);
-        }
-      };
-  };
-}
-function T(...e) {
-  return i.useCallback(I(...e), e);
-}
-function O(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(o) {
-    if (e == null || e(o), n === !1 || !o.defaultPrevented)
-      return t == null ? void 0 : t(o);
-  };
-}
-function $(e) {
-  const t = i.useRef({ value: e, previous: e });
-  return i.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
-}
-function Z(e, t) {
-  return i.useReducer((n, r) => t[n][r] ?? n, e);
-}
-var _ = (e) => {
-  const { present: t, children: n } = e, r = G(t), o = typeof n == "function" ? n({ present: r.isPresent }) : i.Children.only(n), c = T(r.ref, J(o));
-  return typeof n == "function" || r.isPresent ? i.cloneElement(o, { ref: c }) : null;
-};
-_.displayName = "Presence";
-function G(e) {
-  const [t, n] = i.useState(), r = i.useRef({}), o = i.useRef(e), c = i.useRef("none"), a = e ? "mounted" : "unmounted", [s, l] = Z(a, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return i.useEffect(() => {
-    const u = R(r.current);
-    c.current = s === "mounted" ? u : "none";
-  }, [s]), A(() => {
-    const u = r.current, p = o.current;
-    if (p !== e) {
-      const d = c.current, m = R(u);
-      e ? l("MOUNT") : m === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(p && d !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
-    }
-  }, [e, l]), A(() => {
-    if (t) {
-      let u;
-      const p = t.ownerDocument.defaultView ?? window, C = (m) => {
-        const y = R(r.current).includes(m.animationName);
-        if (m.target === t && y && (l("ANIMATION_END"), !o.current)) {
-          const g = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
-          });
-        }
-      }, d = (m) => {
-        m.target === t && (c.current = R(r.current));
-      };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", C), t.addEventListener("animationend", C), () => {
-        p.clearTimeout(u), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", C), t.removeEventListener("animationend", C);
-      };
-    } else
-      l("ANIMATION_END");
-  }, [t, l]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(s),
-    ref: i.useCallback((u) => {
-      u && (r.current = getComputedStyle(u)), n(u);
-    }, [])
-  };
-}
-function R(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-function J(e) {
-  var r, o;
-  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-var D = i.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = i.Children.toArray(n), c = o.find(Y);
-  if (c) {
-    const a = c.props.children, s = o.map((l) => l === c ? i.Children.count(a) > 1 ? i.Children.only(null) : i.isValidElement(a) ? a.props.children : null : l);
-    return /* @__PURE__ */ f(E, { ...r, ref: t, children: i.isValidElement(a) ? i.cloneElement(a, void 0, s) : null });
-  }
-  return /* @__PURE__ */ f(E, { ...r, ref: t, children: n });
-});
-D.displayName = "Slot";
-var E = i.forwardRef((e, t) => {
-  const { children: n, ...r } = e;
-  if (i.isValidElement(n)) {
-    const o = ee(n);
-    return i.cloneElement(n, {
-      ...H(r, n.props),
-      // @ts-ignore
-      ref: t ? I(t, o) : o
-    });
-  }
-  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
-});
-E.displayName = "SlotClone";
-var Q = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
-function Y(e) {
-  return i.isValidElement(e) && e.type === Q;
-}
-function H(e, t) {
-  const n = { ...t };
-  for (const r in t) {
-    const o = e[r], c = t[r];
-    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...s) => {
-      c(...s), o(...s);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
-  }
-  return { ...e, ...n };
-}
-function ee(e) {
-  var r, o;
-  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-var te = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], U = te.reduce((e, t) => {
-  const n = i.forwardRef((r, o) => {
-    const { asChild: c, ...a } = r, s = c ? D : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(s, { ...a, ref: o });
-  });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), w = "Checkbox", [ne, fe] = B(w), [re, oe] = ne(w), W = i.forwardRef(
-  (e, t) => {
+var E = "Checkbox", [z, W] = O(E), [F, T] = z(E), w = c.forwardRef(
+  (e, r) => {
     const {
-      __scopeCheckbox: n,
-      name: r,
-      checked: o,
-      defaultChecked: c,
-      required: a,
-      disabled: s,
-      value: l = "on",
-      onCheckedChange: u,
-      form: p,
-      ...C
-    } = e, [d, m] = i.useState(null), k = T(t, (h) => m(h)), y = i.useRef(!1), g = d ? p || !!d.closest("form") : !0, [N = !1, x] = K({
-      prop: o,
-      defaultProp: c,
-      onChange: u
-    }), V = i.useRef(N);
-    return i.useEffect(() => {
-      const h = d == null ? void 0 : d.form;
-      if (h) {
-        const v = () => x(V.current);
-        return h.addEventListener("reset", v), () => h.removeEventListener("reset", v);
+      __scopeCheckbox: t,
+      name: a,
+      checked: f,
+      defaultChecked: n,
+      required: h,
+      disabled: u,
+      value: b = "on",
+      onCheckedChange: m,
+      form: l,
+      ...x
+    } = e, [i, C] = c.useState(null), v = j(r, (o) => C(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [p = !1, P] = A({
+      prop: f,
+      defaultProp: n,
+      onChange: m
+    }), q = c.useRef(p);
+    return c.useEffect(() => {
+      const o = i == null ? void 0 : i.form;
+      if (o) {
+        const k = () => P(q.current);
+        return o.addEventListener("reset", k), () => o.removeEventListener("reset", k);
       }
-    }, [d, x]), /* @__PURE__ */ M(re, { scope: n, state: N, disabled: s, children: [
-      /* @__PURE__ */ f(
-        U.button,
+    }, [i, P]), /* @__PURE__ */ g(F, { scope: t, state: p, disabled: u, children: [
+      /* @__PURE__ */ s(
+        S.button,
         {
           type: "button",
           role: "checkbox",
-          "aria-checked": b(N) ? "mixed" : N,
-          "aria-required": a,
-          "data-state": F(N),
-          "data-disabled": s ? "" : void 0,
-          disabled: s,
-          value: l,
-          ...C,
-          ref: k,
-          onKeyDown: O(e.onKeyDown, (h) => {
-            h.key === "Enter" && h.preventDefault();
+          "aria-checked": d(p) ? "mixed" : p,
+          "aria-required": h,
+          "data-state": M(p),
+          "data-disabled": u ? "" : void 0,
+          disabled: u,
+          value: b,
+          ...x,
+          ref: v,
+          onKeyDown: _(e.onKeyDown, (o) => {
+            o.key === "Enter" && o.preventDefault();
           }),
-          onClick: O(e.onClick, (h) => {
-            x((v) => b(v) ? !0 : !v), g && (y.current = h.isPropagationStopped(), y.current || h.stopPropagation());
+          onClick: _(e.onClick, (o) => {
+            P((k) => d(k) ? !0 : !k), I && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
           })
         }
       ),
-      g && /* @__PURE__ */ f(
-        ie,
+      I && /* @__PURE__ */ s(
+        X,
         {
-          control: d,
+          control: i,
           bubbles: !y.current,
-          name: r,
-          value: l,
-          checked: N,
-          required: a,
-          disabled: s,
-          form: p,
+          name: a,
+          value: b,
+          checked: p,
+          required: h,
+          disabled: u,
+          form: l,
           style: { transform: "translateX(-100%)" },
-          defaultChecked: b(c) ? !1 : c
+          defaultChecked: d(n) ? !1 : n
         }
       )
     ] });
   }
 );
-W.displayName = w;
-var L = "CheckboxIndicator", j = i.forwardRef(
-  (e, t) => {
-    const { __scopeCheckbox: n, forceMount: r, ...o } = e, c = oe(L, n);
-    return /* @__PURE__ */ f(_, { present: r || b(c.state) || c.state === !0, children: /* @__PURE__ */ f(
-      U.span,
+w.displayName = E;
+var N = "CheckboxIndicator", D = c.forwardRef(
+  (e, r) => {
+    const { __scopeCheckbox: t, forceMount: a, ...f } = e, n = T(N, t);
+    return /* @__PURE__ */ s(B, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
+      S.span,
       {
-        "data-state": F(c.state),
-        "data-disabled": c.disabled ? "" : void 0,
-        ...o,
-        ref: t,
+        "data-state": M(n.state),
+        "data-disabled": n.disabled ? "" : void 0,
+        ...f,
+        ref: r,
         style: { pointerEvents: "none", ...e.style }
       }
     ) });
   }
 );
-j.displayName = L;
-var ie = (e) => {
-  const { control: t, checked: n, bubbles: r = !0, defaultChecked: o, ...c } = e, a = i.useRef(null), s = $(n), l = z(t);
-  i.useEffect(() => {
-    const p = a.current, C = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(C, "checked").set;
-    if (s !== n && m) {
-      const k = new Event("click", { bubbles: r });
-      p.indeterminate = b(n), m.call(p, b(n) ? !1 : n), p.dispatchEvent(k);
+D.displayName = N;
+var X = (e) => {
+  const { control: r, checked: t, bubbles: a = !0, defaultChecked: f, ...n } = e, h = c.useRef(null), u = L(t), b = H(r);
+  c.useEffect(() => {
+    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), C.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
     }
-  }, [s, n, r]);
-  const u = i.useRef(b(n) ? !1 : n);
-  return /* @__PURE__ */ f(
+  }, [u, t, a]);
+  const m = c.useRef(d(t) ? !1 : t);
+  return /* @__PURE__ */ s(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: o ?? u.current,
-      ...c,
+      defaultChecked: f ?? m.current,
+      ...n,
       tabIndex: -1,
-      ref: a,
+      ref: h,
       style: {
         ...e.style,
-        ...l,
+        ...b,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -277,25 +117,25 @@ var ie = (e) => {
     }
   );
 };
-function b(e) {
+function d(e) {
   return e === "indeterminate";
 }
-function F(e) {
-  return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function M(e) {
+  return d(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var ce = W, se = j;
-const P = {
+var U = w, G = D;
+const R = {
   "rp-checkbox": "_rp-checkbox_11dq0_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_11dq0_18"
-}, pe = ({
+}, Y = ({
   children: e,
-  value: t,
-  name: n,
-  onChange: r
-}) => /* @__PURE__ */ M("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
-  /* @__PURE__ */ f(ce, { className: P["rp-checkbox"], checked: t, id: n, onCheckedChange: r, children: /* @__PURE__ */ f(se, { className: P["rp-checkbox-indicator"], children: /* @__PURE__ */ f(X, {}) }) }),
-  /* @__PURE__ */ f("label", { className: P["rp-checkbox-label"], htmlFor: n, children: e })
+  value: r,
+  name: t,
+  onChange: a
+}) => /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
+  /* @__PURE__ */ s(U, { className: R["rp-checkbox"], checked: r, id: t, onCheckedChange: a, children: /* @__PURE__ */ s(G, { className: R["rp-checkbox-indicator"], children: /* @__PURE__ */ s(K, {}) }) }),
+  /* @__PURE__ */ s("label", { className: R["rp-checkbox-label"], htmlFor: t, children: e })
 ] });
 export {
-  pe 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-316854c1.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-4ba3ab9a.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import '../../assets/DropDown.css';const F = "_slideDownAndFade_1000s_1", w = "_slideLeftAndFade_1000s_1", m = "_slideUpAndFade_1000s_1", f = "_slideRightAndFade_1000s_1", g = {
   "rp-dropdown-content": "_rp-dropdown-content_1000s_1",

package/dist/components/ui/LoadingIndicator.js

@@ -1,6 +1,7 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPDefaultLayout-651c2426.js";
+import { L as i } from "../../RPDefaultLayout-79c7577a.js";
 import "../../clsx-0c6e471a.js";
+import "../../contexts/LocalizationContext.js";
 export {
-  p as default
+  i as default
 };