@unicom-cloud/ui 0.8.41

package/hooks/usePinchZoom.js

@@ -0,0 +1,40 @@
+import { useMemo as v, useState as u, useEffect as l } from "react";
+var s = /* @__PURE__ */ ((e) => (e.ZOOMING_IN = "ZOOMING_IN", e.ZOOMING_OUT = "ZOOMING_OUT", e))(s || {});
+const f = (e) => {
+  const t = v(
+    () => ({
+      evCache: [],
+      prevDiff: -1
+    }),
+    [e.current]
+  ), [i, r] = u(), a = (o) => {
+    for (let n = 0; n < t.evCache.length; n++)
+      if (o.pointerId == t.evCache[n].pointerId) {
+        t.evCache[n] = o;
+        break;
+      }
+    if (t.evCache.length == 2) {
+      const n = Math.abs(
+        t.evCache[0].clientX - t.evCache[1].clientX
+      );
+      t.prevDiff > 0 && (n > t.prevDiff && r(["ZOOMING_IN", n]), n < t.prevDiff && r(["ZOOMING_OUT", n])), t.prevDiff = n;
+    }
+  }, p = (o) => {
+    t.evCache.push(o);
+  }, c = (o) => {
+    h(o), t.evCache.length < 2 && (t.prevDiff = -1);
+  }, h = (o) => {
+    for (let n = 0; n < t.evCache.length; n++)
+      if (t.evCache[n].pointerId == o.pointerId) {
+        t.evCache.splice(n, 1);
+        break;
+      }
+  };
+  return l(() => {
+    e != null && e.current && (e.current.onpointerdown = p, e.current.onpointermove = a, e.current.onpointerup = c, e.current.onpointercancel = c, e.current.onpointerout = c, e.current.onpointerleave = c);
+  }, [e == null ? void 0 : e.current]), i ? { zoomingState: i[0], pinchState: i[1] } : { zoomingState: null, pinchState: 0 };
+};
+export {
+  s as ZoomState,
+  f as default
+};

package/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as u } from "react";
+function n(r) {
+  const e = t();
+  return u(() => {
+    e.current = r;
+  }), e.current;
+}
+export {
+  n as default
+};

package/hooks/usePreviousDistinct.js

@@ -0,0 +1,10 @@
+import { useRef as e } from "react";
+import u from "./useFirstMountState.js";
+const o = (t, r) => t === r;
+function m(t, r = o) {
+  const n = e(), s = e(t);
+  return !u() && !r(s.current, t) && (n.current = s.current, s.current = t), n.current;
+}
+export {
+  m as default
+};

package/hooks/usePromise.js

@@ -0,0 +1,19 @@
+import { useCallback as a } from "react";
+import m from "./useMountedState.js";
+const l = () => {
+  const e = m();
+  return a(
+    (t) => new Promise((r, n) => {
+      const s = (o) => {
+        e() && r(o);
+      }, u = (o) => {
+        e() && n(o);
+      };
+      t.then(s, u);
+    }),
+    []
+  );
+};
+export {
+  l as default
+};

package/hooks/useQueue.js

@@ -0,0 +1,25 @@
+import { useState as a } from "react";
+const o = (s = []) => {
+  const [e, u] = a(s);
+  return {
+    add: (t) => {
+      u((r) => [...r, t]);
+    },
+    remove: () => {
+      let t;
+      return u(([r, ...n]) => (t = r, n)), t;
+    },
+    get first() {
+      return e[0];
+    },
+    get last() {
+      return e[e.length - 1];
+    },
+    get size() {
+      return e.length;
+    }
+  };
+};
+export {
+  o as default
+};

package/hooks/useRaf.js

@@ -0,0 +1,24 @@
+import { useState as l } from "react";
+import f from "./useIsomorphicLayoutEffect.js";
+const T = (t = 1e12, o = 0) => {
+  const [i, a] = l(0);
+  return f(() => {
+    let e, n, r;
+    const s = () => {
+      const u = Math.min(1, (Date.now() - r) / t);
+      a(u), m();
+    }, m = () => {
+      e = requestAnimationFrame(s);
+    }, c = setTimeout(() => {
+      n = setTimeout(() => {
+        cancelAnimationFrame(e), a(1);
+      }, t), r = Date.now(), m();
+    }, o);
+    return () => {
+      clearTimeout(n), clearTimeout(c), cancelAnimationFrame(e);
+    };
+  }, [t, o]), i;
+};
+export {
+  T as default
+};

package/hooks/useRafLoop.js

@@ -0,0 +1,24 @@
+import { useRef as n, useCallback as o, useMemo as i, useEffect as l } from "react";
+function p(u, s = !0) {
+  const e = n(null), r = n(!1), c = n(u);
+  c.current = u;
+  const a = o((f) => {
+    r.current && (c.current(f), e.current = requestAnimationFrame(a));
+  }, []), t = i(
+    () => [
+      () => {
+        r.current && (r.current = !1, e.current && cancelAnimationFrame(e.current));
+      },
+      () => {
+        r.current || (r.current = !0, e.current = requestAnimationFrame(a));
+      },
+      () => r.current
+      // isActive
+    ],
+    []
+  );
+  return l(() => (s && t[1](), t[0]), []), t;
+}
+export {
+  p as default
+};

package/hooks/useRafState.js

@@ -0,0 +1,15 @@
+import { useRef as o, useState as c, useCallback as m } from "react";
+import u from "./useUnmount.js";
+const l = (e) => {
+  const t = o(0), [a, n] = c(e), r = m((s) => {
+    cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+      n(s);
+    });
+  }, []);
+  return u(() => {
+    cancelAnimationFrame(t.current);
+  }), [a, r];
+};
+export {
+  l as default
+};

package/hooks/useReactive.js

@@ -0,0 +1,21 @@
+import { useRef as u } from "react";
+import p from "./useCreation.js";
+import a from "./useForceUpdate.js";
+const f = (s, t) => new Proxy(s, {
+  get(e, r, n) {
+    const o = Reflect.get(e, r, n);
+    return typeof o == "object" ? f(o, t) : Reflect.get(e, r);
+  },
+  set(e, r, n) {
+    const o = Reflect.set(e, r, n);
+    return t(), o;
+  }
+}), l = (s) => {
+  const t = u(s), c = a();
+  return p(() => f(t.current, () => {
+    c();
+  }), []);
+};
+export {
+  l as default
+};

package/hooks/useRefs.js

@@ -0,0 +1,10 @@
+import { useRef as f } from "react";
+function c(s = []) {
+  const t = f(s), u = (e, r) => {
+    r !== void 0 ? t.current[r] = e : t.current.push(e);
+  };
+  return [t.current, u];
+}
+export {
+  c as default
+};

package/hooks/useRendersCount.js

@@ -0,0 +1,7 @@
+import { useRef as e } from "react";
+function t() {
+  return ++e(0).current;
+}
+export {
+  t as default
+};

package/hooks/useScroll.js

@@ -0,0 +1,27 @@
+import { useEffect as s } from "react";
+import c from "./useRafState.js";
+import { o as n, a as u } from "../chunk/TXCrI0jN.js";
+const f = (e) => {
+  process.env.NODE_ENV === "development" && (typeof e != "object" || typeof e.current > "u") && console.error("`useScroll` expects a single ref argument.");
+  const [r, o] = c({
+    x: 0,
+    y: 0
+  });
+  return s(() => {
+    const t = () => {
+      e.current && o({
+        x: e.current.scrollLeft,
+        y: e.current.scrollTop
+      });
+    };
+    return e.current && n(e.current, "scroll", t, {
+      capture: !1,
+      passive: !0
+    }), () => {
+      e.current && u(e.current, "scroll", t);
+    };
+  }, [e]), r;
+};
+export {
+  f as default
+};

package/hooks/useScrolling.js

@@ -0,0 +1,23 @@
+import { useState as n, useEffect as c } from "react";
+import { o as u, a } from "../chunk/TXCrI0jN.js";
+const m = (l) => {
+  const [o, r] = n(!1);
+  return c(() => {
+    if (l.current) {
+      let t;
+      const s = () => {
+        r(!1);
+      }, e = () => {
+        r(!0), clearTimeout(t), t = setTimeout(() => s(), 150);
+      };
+      return u(l.current, "scroll", e, !1), () => {
+        l.current && a(l.current, "scroll", e, !1);
+      };
+    }
+    return () => {
+    };
+  }, [l]), o;
+};
+export {
+  m as default
+};

package/hooks/useSearchParam.js

@@ -0,0 +1,18 @@
+import { useState as w, useEffect as u } from "react";
+import { i, o, a as s } from "../chunk/TXCrI0jN.js";
+const r = (a, t) => new URLSearchParams(a).get(t), l = (a) => {
+  const t = window.location, [n, c] = w(
+    () => r(t.search, a)
+  );
+  return u(() => {
+    const e = () => {
+      c(r(t.search, a));
+    };
+    return o(window, "popstate", e), o(window, "pushstate", e), o(window, "replacestate", e), () => {
+      s(window, "popstate", e), s(window, "pushstate", e), s(window, "replacestate", e);
+    };
+  }, []), n;
+}, p = () => null, f = i ? l : p;
+export {
+  f as default
+};

package/hooks/useSessionStorage.js

@@ -0,0 +1,28 @@
+import { useState as S, useEffect as g } from "react";
+import { i as f } from "../chunk/TXCrI0jN.js";
+const a = (e, t, r) => {
+  if (!f)
+    return [t, () => {
+    }];
+  const [o, n] = S(() => {
+    try {
+      const s = sessionStorage.getItem(e);
+      return typeof s != "string" ? (sessionStorage.setItem(
+        e,
+        r ? String(t) : JSON.stringify(t)
+      ), t) : r ? s : JSON.parse(s || "null");
+    } catch {
+      return t;
+    }
+  });
+  return g(() => {
+    try {
+      const s = r ? String(o) : JSON.stringify(o);
+      sessionStorage.setItem(e, s);
+    } catch {
+    }
+  }), [o, n];
+};
+export {
+  a as default
+};

package/hooks/useSet.js

@@ -0,0 +1,15 @@
+import { useState as l, useMemo as u, useCallback as m } from "react";
+const S = (a = /* @__PURE__ */ new Set()) => {
+  const [s, r] = l(a), c = u(() => ({ add: (e) => r((t) => /* @__PURE__ */ new Set([...Array.from(t), e])), remove: (e) => r(
+    (t) => new Set(Array.from(t).filter((o) => o !== e))
+  ), toggle: (e) => r(
+    (t) => t.has(e) ? new Set(Array.from(t).filter((o) => o !== e)) : /* @__PURE__ */ new Set([...Array.from(t), e])
+  ), reset: () => r(a) }), [r]), f = {
+    has: m((n) => s.has(n), [s]),
+    ...c
+  };
+  return [s, f];
+};
+export {
+  S as default
+};

package/hooks/useSetState.js

@@ -0,0 +1,16 @@
+import { useState as u, useCallback as c } from "react";
+const r = (s = {}) => {
+  const [n, o] = u(s), a = c((t) => {
+    o(
+      (e) => Object.assign(
+        {},
+        e,
+        t instanceof Function ? t(e) : t
+      )
+    );
+  }, []);
+  return [n, a];
+};
+export {
+  r as default
+};

package/hooks/useSize.js

@@ -0,0 +1,58 @@
+import i from "react";
+import { i as z, a as p, o as l } from "../chunk/TXCrI0jN.js";
+const { useState: w, useEffect: W, useRef: E } = i, S = (o) => setTimeout(o, 35), I = (o, { width: e = 1 / 0, height: s = 1 / 0 } = {}) => {
+  if (!z)
+    return [
+      typeof o == "function" ? o({ width: e, height: s }) : o,
+      { width: e, height: s }
+    ];
+  const [a, y] = w({ width: e, height: s });
+  typeof o == "function" && (o = o(a));
+  const u = o.props.style || {}, f = E(null);
+  let n = null;
+  const c = () => {
+    const t = f.current, r = t ? {
+      width: t.offsetWidth,
+      height: t.offsetHeight
+    } : { width: e, height: s };
+    y(r);
+  }, d = (t) => {
+    l(t, "resize", c), S(c);
+  };
+  return W(() => {
+    const t = f.current;
+    if (t) {
+      if (t.contentWindow)
+        n = t.contentWindow, d(n);
+      else {
+        const r = () => {
+          l(t, "load", r), n = t.contentWindow, d(n);
+        };
+        p(t, "load", r);
+      }
+      return () => {
+        n && n.removeEventListener && p(n, "resize", c);
+      };
+    }
+  }, []), u.position = "relative", [i.cloneElement(
+    o,
+    { style: u },
+    i.createElement("iframe", {
+      ref: f,
+      style: {
+        background: "transparent",
+        border: "none",
+        height: "100%",
+        left: 0,
+        position: "absolute",
+        top: 0,
+        width: "100%",
+        zIndex: -1
+      }
+    }),
+    ...i.Children.toArray(o.props.children)
+  ), a];
+};
+export {
+  I as default
+};

package/hooks/useSlider.js

@@ -0,0 +1,48 @@
+import { useRef as f, useEffect as X } from "react";
+import { i as Y, n as S, o as r, a as u } from "../chunk/TXCrI0jN.js";
+import p from "./useMountedState.js";
+import q from "./useSetState.js";
+const k = (n, t = {}) => {
+  const l = p(), o = f(!1), h = f(0), g = f(0), [b, m] = q({
+    isSliding: !1,
+    value: 0
+  });
+  return h.current = b.value, X(() => {
+    if (Y) {
+      const E = t.styles === void 0 ? !0 : t.styles, R = t.reverse === void 0 ? !1 : t.reverse;
+      n.current && E && (n.current.style.userSelect = "none");
+      const M = () => {
+        !o.current && l() && ((t.onScrubStart || S)(), o.current = !0, m({ isSliding: !0 }), A());
+      }, s = () => {
+        o.current && l() && ((t.onScrubStop || S)(h.current), o.current = !1, m({ isSliding: !1 }), B());
+      }, w = (e) => {
+        M(), d(e);
+      }, d = t.vertical ? (e) => i(e.clientY) : (e) => i(e.clientX), y = (e) => {
+        M(), v(e);
+      }, v = t.vertical ? (e) => i(e.changedTouches[0].clientY) : (e) => i(e.changedTouches[0].clientX), A = () => {
+        r(document, "mousemove", d), r(document, "mouseup", s), r(document, "touchmove", v), r(document, "touchend", s);
+      }, B = () => {
+        u(document, "mousemove", d), u(document, "mouseup", s), u(document, "touchmove", v), u(document, "touchend", s);
+      }, i = (e) => {
+        cancelAnimationFrame(g.current), g.current = requestAnimationFrame(() => {
+          if (l() && n.current) {
+            const a = n.current.getBoundingClientRect(), F = t.vertical ? a.top : a.left, T = t.vertical ? a.height : a.width;
+            if (!T)
+              return;
+            let c = (e - F) / T;
+            c > 1 ? c = 1 : c < 0 && (c = 0), R && (c = 1 - c), m({
+              value: c
+            }), (t.onScrub || S)(c);
+          }
+        });
+      };
+      return r(n.current, "mousedown", w), r(n.current, "touchstart", y), () => {
+        u(n.current, "mousedown", w), u(n.current, "touchstart", y);
+      };
+    } else
+      return;
+  }, [n, t.vertical]), b;
+};
+export {
+  k as default
+};

package/hooks/useSpeech.js

@@ -0,0 +1,45 @@
+import { useRef as h, useState as g, useCallback as l, useEffect as v } from "react";
+var t = /* @__PURE__ */ ((n) => (n[n.init = 0] = "init", n[n.play = 1] = "play", n[n.pause = 2] = "pause", n[n.end = 3] = "end", n))(t || {});
+const y = (n, r) => {
+  let a = h(!1);
+  const [s, u] = g(() => {
+    const { lang: e = "default", name: d = "" } = r.voice || {};
+    return {
+      isPlaying: !1,
+      status: t[
+        0
+        /* init */
+      ],
+      lang: r.lang || "default",
+      voiceInfo: { lang: e, name: d },
+      rate: r.rate || 1,
+      pitch: r.pitch || 1,
+      volume: r.volume || 1
+    };
+  }), c = l(() => {
+    a.current && u((e) => ({ ...e, isPlaying: !0, status: t[
+      1
+      /* play */
+    ] }));
+  }, []), i = l(() => {
+    a.current && u((e) => ({ ...e, isPlaying: !1, status: t[
+      2
+      /* pause */
+    ] }));
+  }, []), f = l(() => {
+    a.current && u((e) => ({ ...e, isPlaying: !1, status: t[
+      3
+      /* end */
+    ] }));
+  }, []);
+  return v(() => {
+    a.current = !0;
+    const e = new SpeechSynthesisUtterance(n);
+    return r.lang && (e.lang = r.lang), r.voice && (e.voice = r.voice), e.rate = r.rate || 1, e.pitch = r.pitch || 1, e.volume = r.volume || 1, e.onstart = c, e.onpause = i, e.onresume = c, e.onend = f, window.speechSynthesis.speak(e), () => {
+      a.current = !1;
+    };
+  }, []), s;
+};
+export {
+  y as default
+};

package/hooks/useStartTyping.js

@@ -0,0 +1,30 @@
+import { o, a as s } from "../chunk/TXCrI0jN.js";
+import u from "./useIsomorphicLayoutEffect.js";
+const a = () => {
+  const { activeElement: t, body: e } = document;
+  if (!t || t === e)
+    return !1;
+  switch (t.tagName) {
+    case "INPUT":
+    case "TEXTAREA":
+      return !0;
+  }
+  return t.hasAttribute("contenteditable");
+}, c = ({
+  keyCode: t,
+  metaKey: e,
+  ctrlKey: r,
+  altKey: n
+}) => e || r || n ? !1 : t >= 48 && t <= 57 || t >= 65 && t <= 90, m = (t) => {
+  u(() => {
+    const e = (r) => {
+      !a() && c(r) && t(r);
+    };
+    return o(document, "keydown", e), () => {
+      s(document, "keydown", e);
+    };
+  }, []);
+};
+export {
+  m as default
+};

package/hooks/useStateCallback.js

@@ -0,0 +1,16 @@
+import { useState as c, useRef as o, useCallback as f, useEffect as S } from "react";
+function i(u) {
+  const [s, a] = c(u), t = o(), r = f(
+    (e, n) => {
+      t.current = n, a(e);
+    },
+    []
+  );
+  return S(() => {
+    var e;
+    (e = t.current) == null || e.call(t, s);
+  }, [s]), [s, r];
+}
+export {
+  i as default
+};

package/hooks/useStateList.js

@@ -0,0 +1,38 @@
+import { useRef as c, useMemo as f } from "react";
+import s from "./useMountedState.js";
+import l from "./useForceUpdate.js";
+import d from "./useUpdateEffect.js";
+function a(r = []) {
+  const u = s(), n = l(), t = c(0);
+  d(() => {
+    r.length <= t.current && (t.current = r.length - 1, n());
+  }, [r.length]);
+  const o = f(
+    () => ({
+      next: () => o.setStateAt(t.current + 1),
+      prev: () => o.setStateAt(t.current - 1),
+      setStateAt: (e) => {
+        u() && r.length && e !== t.current && (t.current = e >= 0 ? e % r.length : r.length + e % r.length, n());
+      },
+      setState: (e) => {
+        if (!u())
+          return;
+        const i = r.length ? r.indexOf(e) : -1;
+        if (i === -1)
+          throw new Error(
+            `State '${e}' is not a valid state (does not exist in state list)`
+          );
+        t.current = i, n();
+      }
+    }),
+    [r]
+  );
+  return {
+    state: r[t.current],
+    currentIndex: t.current,
+    ...o
+  };
+}
+export {
+  a as default
+};

package/hooks/useStateValidator.js

@@ -0,0 +1,17 @@
+import { useRef as a, useState as o, useCallback as l, useEffect as f } from "react";
+function v(t, u, s = [void 0]) {
+  const e = a(u), r = a(t);
+  e.current = u, r.current = t;
+  const [i, n] = o(s), c = l(() => {
+    e.current.length >= 2 ? e.current(
+      r.current,
+      n
+    ) : n(e.current(r.current));
+  }, [n]);
+  return f(() => {
+    c();
+  }, [t]), [i, c];
+}
+export {
+  v as default
+};

package/hooks/useStateWithHistory.js

@@ -0,0 +1,46 @@
+import { useState as m, useRef as h, useCallback as M, useMemo as b } from "react";
+import { r as k } from "../chunk/BdYAMaw9.js";
+import d from "./useFirstMountState.js";
+function H(u, n = 10, f) {
+  if (n < 1)
+    throw new Error(`Capacity has to be greater than 1, got '${n}'`);
+  const l = d(), [s, c] = m(u), r = h(f ?? []), t = h(0);
+  l && (r.current.length ? (r.current[r.current.length - 1] !== u && r.current.push(u), r.current.length > n && (r.current = r.current.slice(
+    r.current.length - n
+  ))) : r.current.push(u), t.current = r.current.length && r.current.length - 1);
+  const g = M(
+    (e) => {
+      c((o) => (e = k(e, o), e !== o && (t.current < r.current.length - 1 && (r.current = r.current.slice(
+        0,
+        t.current + 1
+      )), t.current = r.current.push(e) - 1, r.current.length > n && (r.current = r.current.slice(
+        r.current.length - n
+      ))), e));
+    },
+    [s, n]
+  ), i = b(
+    () => ({
+      history: r.current,
+      position: t.current,
+      capacity: n,
+      back: (e = 1) => {
+        t.current && c(() => (t.current -= Math.min(e, t.current), r.current[t.current]));
+      },
+      forward: (e = 1) => {
+        t.current !== r.current.length - 1 && c(() => (t.current = Math.min(
+          t.current + e,
+          r.current.length - 1
+        ), r.current[t.current]));
+      },
+      go: (e) => {
+        e !== t.current && c(() => (t.current = e < 0 ? Math.max(r.current.length + e, 0) : Math.min(r.current.length - 1, e), r.current[t.current]));
+      }
+    }),
+    [s]
+  );
+  return [s, g, i];
+}
+export {
+  H as default,
+  H as useStateWithHistory
+};