@pdf-viewer/react 1.0.1-rc.0 → 1.0.1

package/dist/components/ui/Checkbox.js

@@ -1,114 +1,274 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import * as c from "react";
-import { c as O, a as j, u as A, P as S, b as _, d as B, e as H } from "../../index-3dff3fa8.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]);
+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);
 }
-var E = "Checkbox", [z, W] = O(E), [F, T] = z(E), w = c.forwardRef(
-  (e, r) => {
+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) => {
     const {
-      __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);
+      __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);
       }
-    }, [i, P]), /* @__PURE__ */ g(F, { scope: t, state: p, disabled: u, children: [
-      /* @__PURE__ */ s(
-        S.button,
+    }, [d, x]), /* @__PURE__ */ M(re, { scope: n, state: N, disabled: s, children: [
+      /* @__PURE__ */ f(
+        U.button,
         {
           type: "button",
           role: "checkbox",
-          "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();
+          "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();
           }),
-          onClick: _(e.onClick, (o) => {
-            P((k) => d(k) ? !0 : !k), I && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
+          onClick: O(e.onClick, (h) => {
+            x((v) => b(v) ? !0 : !v), g && (y.current = h.isPropagationStopped(), y.current || h.stopPropagation());
           })
         }
       ),
-      I && /* @__PURE__ */ s(
-        X,
+      g && /* @__PURE__ */ f(
+        ie,
         {
-          control: i,
+          control: d,
           bubbles: !y.current,
-          name: a,
-          value: b,
-          checked: p,
-          required: h,
-          disabled: u,
-          form: l,
+          name: r,
+          value: l,
+          checked: N,
+          required: a,
+          disabled: s,
+          form: p,
           style: { transform: "translateX(-100%)" },
-          defaultChecked: d(n) ? !1 : n
+          defaultChecked: b(c) ? !1 : c
         }
       )
     ] });
   }
 );
-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,
+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,
       {
-        "data-state": M(n.state),
-        "data-disabled": n.disabled ? "" : void 0,
-        ...f,
-        ref: r,
+        "data-state": F(c.state),
+        "data-disabled": c.disabled ? "" : void 0,
+        ...o,
+        ref: t,
         style: { pointerEvents: "none", ...e.style }
       }
     ) });
   }
 );
-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);
+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);
     }
-  }, [u, t, a]);
-  const m = c.useRef(d(t) ? !1 : t);
-  return /* @__PURE__ */ s(
+  }, [s, n, r]);
+  const u = i.useRef(b(n) ? !1 : n);
+  return /* @__PURE__ */ f(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: f ?? m.current,
-      ...n,
+      defaultChecked: o ?? u.current,
+      ...c,
       tabIndex: -1,
-      ref: h,
+      ref: a,
       style: {
         ...e.style,
-        ...b,
+        ...l,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -117,25 +277,25 @@ var X = (e) => {
     }
   );
 };
-function d(e) {
+function b(e) {
   return e === "indeterminate";
 }
-function M(e) {
-  return d(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function F(e) {
+  return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var U = w, G = D;
-const R = {
+var ce = W, se = j;
+const P = {
   "rp-checkbox": "_rp-checkbox_11dq0_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_11dq0_18"
-}, Y = ({
+}, pe = ({
   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 })
+  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 })
 ] });
 export {
-  Y as UICheckbox
+  pe 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-1db49c1a.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-316854c1.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,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPDefaultLayout-07939e60.js";
+import { L as p } from "../../RPDefaultLayout-adbb0836.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default