@unicom-cloud/ui 0.8.41

package/hooks/useLocation.js

@@ -0,0 +1,51 @@
+import { useState as v, useEffect as y } from "react";
+import { i as w, o as c, a as i } from "../chunk/TXCrI0jN.js";
+const p = (o) => {
+  const t = window.history, e = t[o];
+  t[o] = function(s) {
+    const n = e.apply(this, arguments), a = new Event(o.toLowerCase());
+    return a.state = s, window.dispatchEvent(a), n;
+  };
+};
+w && (p("pushState"), p("replaceState"));
+const S = () => ({
+  trigger: "load",
+  length: 1
+}), r = (o) => {
+  const { state: t, length: e } = window.history, {
+    hash: s,
+    host: n,
+    hostname: a,
+    href: u,
+    origin: h,
+    pathname: l,
+    port: d,
+    protocol: f,
+    search: g
+  } = window.location;
+  return {
+    trigger: o,
+    state: t,
+    length: e,
+    hash: s,
+    host: n,
+    hostname: a,
+    href: u,
+    origin: h,
+    pathname: l,
+    port: d,
+    protocol: f,
+    search: g
+  };
+}, m = () => {
+  const [o, t] = v(r("load"));
+  return y(() => {
+    const e = () => t(r("popstate")), s = () => t(r("pushstate")), n = () => t(r("replacestate"));
+    return c(window, "popstate", e), c(window, "pushstate", s), c(window, "replacestate", n), () => {
+      i(window, "popstate", e), i(window, "pushstate", s), i(window, "replacestate", n);
+    };
+  }, []), o;
+}, E = typeof Event == "function", C = w && E ? m : S;
+export {
+  C as default
+};

package/hooks/useLockBodyScroll.js

@@ -0,0 +1,56 @@
+import { useRef as m, useEffect as c } from "react";
+import { o as p, a as g, i as h } from "../chunk/TXCrI0jN.js";
+function u(t) {
+  if (t) {
+    if (t.tagName === "BODY")
+      return t;
+    if (t.tagName === "IFRAME") {
+      const o = t.contentDocument;
+      return o ? o.body : null;
+    } else if (!t.offsetParent)
+      return null;
+  } else
+    return null;
+  return u(t.offsetParent);
+}
+function l(t) {
+  const o = t || window.event;
+  return o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}
+const a = h && window.navigator && window.navigator.platform && /iP(ad|hone|od)/.test(window.navigator.platform), i = /* @__PURE__ */ new Map(), d = typeof document == "object" ? document : void 0;
+let s = !1;
+const k = d ? function(o = !0, r) {
+  const v = m(d.body);
+  r = r || v;
+  const w = (e) => {
+    const n = i.get(e);
+    n ? i.set(e, {
+      counter: n.counter + 1,
+      initialOverflow: n.initialOverflow
+    }) : (i.set(e, {
+      counter: 1,
+      initialOverflow: e.style.overflow
+    }), a ? s || (p(document, "touchmove", l, { passive: !1 }), s = !0) : e.style.overflow = "hidden");
+  }, f = (e) => {
+    const n = i.get(e);
+    n && (n.counter === 1 ? (i.delete(e), a ? (e.ontouchmove = null, s && (g(document, "touchmove", l), s = !1)) : e.style.overflow = n.initialOverflow) : i.set(e, {
+      counter: n.counter - 1,
+      initialOverflow: n.initialOverflow
+    }));
+  };
+  c(() => {
+    const e = u(r.current);
+    e && (o ? w(e) : f(e));
+  }, [o, r.current]), c(() => {
+    const e = u(r.current);
+    if (e)
+      return () => {
+        f(e);
+      };
+  }, []);
+} : function(o = !0, r) {
+};
+export {
+  k as default,
+  u as getClosestBody
+};

package/hooks/useLogger.js

@@ -0,0 +1,10 @@
+import t from "./useEffectOnce.js";
+import u from "./useUpdateEffect.js";
+const r = (o, ...e) => {
+  t(() => (console.log(`${o} mounted`, ...e), () => console.log(`${o} unmounted`))), u(() => {
+    console.log(`${o} updated`, ...e);
+  });
+};
+export {
+  r as default
+};

package/hooks/useLongPress.js

@@ -0,0 +1,24 @@
+import { useRef as a, useCallback as f } from "react";
+import { o as h, a as p } from "../chunk/TXCrI0jN.js";
+const m = (t) => "touches" in t, i = (t) => {
+  m(t) && t.touches.length < 2 && t.preventDefault && t.preventDefault();
+}, l = (t, { isPreventDefault: r = !0, delay: s = 300 } = {}) => {
+  const e = a(), n = a(), c = f(
+    (o) => {
+      r && o.target && (h(o.target, "touchend", i, { passive: !1 }), n.current = o.target), e.current = setTimeout(() => t(o), s);
+    },
+    [t, s, r]
+  ), u = f(() => {
+    e.current && clearTimeout(e.current), r && n.current && p(n.current, "touchend", i);
+  }, [r]);
+  return {
+    onMouseDown: (o) => c(o),
+    onTouchStart: (o) => c(o),
+    onMouseUp: u,
+    onMouseLeave: u,
+    onTouchEnd: u
+  };
+};
+export {
+  l as default
+};

package/hooks/useMap.js

@@ -0,0 +1,31 @@
+import { useState as l, useMemo as m, useCallback as p } from "react";
+const f = (r = {}) => {
+  const [s, e] = l(r), c = m(
+    () => ({
+      set: (t, o) => {
+        e((u) => ({
+          ...u,
+          [t]: o
+        }));
+      },
+      setAll: (t) => {
+        e(t);
+      },
+      remove: (t) => {
+        e((o) => {
+          const { [t]: u, ...a } = o;
+          return a;
+        });
+      },
+      reset: () => e(r)
+    }),
+    [e]
+  ), n = {
+    get: p((t) => s[t], [s]),
+    ...c
+  };
+  return [s, n];
+};
+export {
+  f as default
+};

package/hooks/useMeasure.js

@@ -0,0 +1,34 @@
+import { useState as r, useMemo as l } from "react";
+import { i as b, n as g } from "../chunk/TXCrI0jN.js";
+import v from "./useIsomorphicLayoutEffect.js";
+const s = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function y() {
+  const [e, n] = r(null), [i, u] = r(s), t = l(
+    () => new window.ResizeObserver((o) => {
+      if (o[0]) {
+        const { x: c, y: f, width: m, height: a, top: d, left: h, bottom: p, right: w } = o[0].contentRect;
+        u({ x: c, y: f, width: m, height: a, top: d, left: h, bottom: p, right: w });
+      }
+    }),
+    []
+  );
+  return v(() => {
+    if (e)
+      return t.observe(e), () => {
+        t.disconnect();
+      };
+  }, [e]), [n, i];
+}
+const z = b && typeof window.ResizeObserver < "u" ? y : () => [g, s];
+export {
+  z as default
+};

package/hooks/useMeasureDirty.js

@@ -0,0 +1,24 @@
+import { useRef as u, useState as c, useEffect as a } from "react";
+const f = (e) => {
+  const t = u(0), [s, o] = c({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0
+  }), [r] = c(
+    () => new ResizeObserver((i) => {
+      const n = i[0];
+      n && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+        e.current && o(n.contentRect);
+      }));
+    })
+  );
+  return a(() => {
+    r.disconnect(), e.current && r.observe(e.current);
+  }, [e]), s;
+};
+export {
+  f as default
+};

package/hooks/useMedia.js

@@ -0,0 +1,19 @@
+import { useState as o, useEffect as d } from "react";
+import { i as c } from "../chunk/TXCrI0jN.js";
+const m = (e, t) => t !== void 0 ? t : c ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn(
+  "`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."
+), !1), h = (e, t) => {
+  const [i, r] = o(m(e, t));
+  return d(() => {
+    let s = !0;
+    const n = window.matchMedia(e), a = () => {
+      s && r(!!n.matches);
+    };
+    return n.addEventListener("change", a), r(n.matches), () => {
+      s = !1, n.removeEventListener("change", a);
+    };
+  }, [e]), i;
+};
+export {
+  h as default
+};

package/hooks/useMediaDevices.js

@@ -0,0 +1,26 @@
+import { useState as v, useEffect as d } from "react";
+import { b as m, o as u, a as f, n as g } from "../chunk/TXCrI0jN.js";
+const D = () => {
+  const [t, s] = v({});
+  return d(() => {
+    let a = !0;
+    const e = () => {
+      navigator.mediaDevices.enumerateDevices().then((i) => {
+        a && s({
+          devices: i.map(({ deviceId: o, groupId: c, kind: n, label: r }) => ({
+            deviceId: o,
+            groupId: c,
+            kind: n,
+            label: r
+          }))
+        });
+      }).catch(g);
+    };
+    return u(navigator.mediaDevices, "devicechange", e), e(), () => {
+      a = !1, f(navigator.mediaDevices, "devicechange", e);
+    };
+  }, []), t;
+}, h = () => ({}), l = m && navigator.mediaDevices ? D : h;
+export {
+  l as default
+};

package/hooks/useMediatedState.js

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

package/hooks/useMergeProps.js

@@ -0,0 +1,19 @@
+import { useMemo as m } from "react";
+import u from "../utils/omit.js";
+function c(r, e, i) {
+  const { _ignorePropsFromGlobal: p } = r, o = m(() => ({
+    ...e,
+    ...p ? {} : i
+  }), [e, i, p]);
+  return m(() => {
+    const s = u(r, [
+      "_ignorePropsFromGlobal"
+    ]);
+    for (const t in o)
+      s[t] === void 0 && (s[t] = o[t]);
+    return s;
+  }, [r, o]);
+}
+export {
+  c as default
+};

package/hooks/useMergeValue.js

@@ -0,0 +1,18 @@
+import t from "lodash/isUndefined";
+import { useRef as i, useState as l, useEffect as c } from "react";
+import d from "./usePrevious.js";
+function g(a, f) {
+  const { defaultValue: r, value: e } = f || {}, u = i(!0), n = d(e), [s, o] = l(
+    t(e) ? t(r) ? a : r : e
+  );
+  return c(() => {
+    if (u.current) {
+      u.current = !1;
+      return;
+    }
+    e === void 0 && n !== e && o(e);
+  }, [e]), [t(e) ? s : e, o, s];
+}
+export {
+  g as default
+};

package/hooks/useMethods.js

@@ -0,0 +1,14 @@
+import { useMemo as n, useReducer as m } from "react";
+const T = (r, s) => {
+  const p = n(
+    () => (u, e) => r(u)[e.type](...e.payload),
+    [r]
+  ), [t, c] = m(
+    p,
+    s
+  ), d = n(() => Object.keys(r(s)).reduce((e, o) => (e[o] = (...y) => c({ type: o, payload: y }), e), {}), [r, s]);
+  return [t, d];
+};
+export {
+  T as default
+};

package/hooks/useMotion.js

@@ -0,0 +1,56 @@
+import { useState as u, useEffect as s } from "react";
+import { o as m, a as d } from "../chunk/TXCrI0jN.js";
+const y = {
+  acceleration: {
+    x: null,
+    y: null,
+    z: null
+  },
+  accelerationIncludingGravity: {
+    x: null,
+    y: null,
+    z: null
+  },
+  rotationRate: {
+    alpha: null,
+    beta: null,
+    gamma: null
+  },
+  interval: 16
+}, x = (l = y) => {
+  const [o, i] = u(l);
+  return s(() => {
+    const e = (r) => {
+      const {
+        acceleration: a,
+        accelerationIncludingGravity: t,
+        rotationRate: n,
+        interval: c
+      } = r;
+      i({
+        acceleration: {
+          x: a.x,
+          y: a.y,
+          z: a.z
+        },
+        accelerationIncludingGravity: {
+          x: t.x,
+          y: t.y,
+          z: t.z
+        },
+        rotationRate: {
+          alpha: n.alpha,
+          beta: n.beta,
+          gamma: n.gamma
+        },
+        interval: c
+      });
+    };
+    return m(window, "devicemotion", e), () => {
+      d(window, "devicemotion", e);
+    };
+  }, []), o;
+};
+export {
+  x as default
+};

package/hooks/useMount.js

@@ -0,0 +1,9 @@
+import t from "./useEffectOnce.js";
+const f = (e) => {
+  t(() => {
+    e();
+  });
+};
+export {
+  f as default
+};

package/hooks/useMountedState.js

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

package/hooks/useMouse.js

@@ -0,0 +1,44 @@
+import { useEffect as m } from "react";
+import i from "./useRafState.js";
+import { o as g, a as X } from "../chunk/TXCrI0jN.js";
+const E = (e) => {
+  process.env.NODE_ENV === "development" && (typeof e != "object" || typeof e.current > "u") && console.error("useMouse expects a single ref argument.");
+  const [c, p] = i({
+    docX: 0,
+    docY: 0,
+    posX: 0,
+    posY: 0,
+    elX: 0,
+    elY: 0,
+    elH: 0,
+    elW: 0
+  });
+  return m(() => {
+    const t = (o) => {
+      if (e && e.current) {
+        const {
+          left: r,
+          top: u,
+          width: a,
+          height: f
+        } = e.current.getBoundingClientRect(), s = r + window.pageXOffset, n = u + window.pageYOffset, d = o.pageX - s, l = o.pageY - n;
+        p({
+          docX: o.pageX,
+          docY: o.pageY,
+          posX: s,
+          posY: n,
+          elX: d,
+          elY: l,
+          elH: f,
+          elW: a
+        });
+      }
+    };
+    return g(document, "mousemove", t), () => {
+      X(document, "mousemove", t);
+    };
+  }, [e]), c;
+};
+export {
+  E as default
+};

package/hooks/useMouseHovered.js

@@ -0,0 +1,9 @@
+import u from "./useHoverDirty.js";
+import l from "./useMouse.js";
+const a = { current: null }, d = (o, t = {}) => {
+  const n = !!t.whenHovered, r = !!t.bound, s = u(o, n), e = l(n && !s ? a : o);
+  return r && (e.elX = Math.max(0, Math.min(e.elX, e.elW)), e.elY = Math.max(0, Math.min(e.elY, e.elH))), e;
+};
+export {
+  d as default
+};

package/hooks/useMouseWheel.js

@@ -0,0 +1,14 @@
+import { useState as s, useEffect as r } from "react";
+import { o as u, a } from "../chunk/TXCrI0jN.js";
+const c = () => {
+  const [e, t] = s(0);
+  return r(() => {
+    const o = (l) => {
+      t(l.deltaY + e);
+    };
+    return u(window, "wheel", o, !1), () => a(window, "wheel", o);
+  }), e;
+};
+export {
+  c as default
+};

package/hooks/useMultiStateValidator.js

@@ -0,0 +1,19 @@
+import { useRef as u, useState as l, useCallback as f, useEffect as s } from "react";
+function b(e, o, a = [void 0]) {
+  if (typeof e != "object")
+    throw new Error(
+      "states expected to be an object or array, got " + typeof e
+    );
+  const t = u(o), r = u(e);
+  t.current = o, r.current = e;
+  const [i, n] = l(a), c = f(() => {
+    t.current.length >= 2 ? t.current(r.current, n) : n(t.current(r.current));
+  }, [n]);
+  return s(() => {
+    c();
+  }, Object.values(e)), [i, c];
+}
+export {
+  b as default,
+  b as useMultiStateValidator
+};

package/hooks/useNetworkState.js

@@ -0,0 +1,31 @@
+import { useState as l, useEffect as r } from "react";
+import { o as f, a as s, b as d } from "../chunk/TXCrI0jN.js";
+const t = d ? navigator : void 0, e = t && (t.connection || t.mozConnection || t.webkitConnection);
+function w(n) {
+  const o = t == null ? void 0 : t.onLine, a = n == null ? void 0 : n.online;
+  return {
+    online: o,
+    previous: a,
+    since: o !== a ? /* @__PURE__ */ new Date() : n == null ? void 0 : n.since,
+    downlink: e == null ? void 0 : e.downlink,
+    downlinkMax: e == null ? void 0 : e.downlinkMax,
+    effectiveType: e == null ? void 0 : e.effectiveType,
+    rtt: e == null ? void 0 : e.rtt,
+    saveData: e == null ? void 0 : e.saveData,
+    type: e == null ? void 0 : e.type
+  };
+}
+function k(n) {
+  const [o, a] = l(n ?? w);
+  return r(() => {
+    const i = () => {
+      a(w);
+    };
+    return f(window, "online", i, { passive: !0 }), f(window, "offline", i, { passive: !0 }), e && f(e, "change", i, { passive: !0 }), () => {
+      s(window, "online", i), s(window, "offline", i), e && s(e, "change", i);
+    };
+  }, []), o;
+}
+export {
+  k as default
+};

package/hooks/useNumber.js

@@ -0,0 +1,4 @@
+import o from "./useCounter.js";
+export {
+  o as default
+};

package/hooks/useObservable.js

@@ -0,0 +1,12 @@
+import { useState as o } from "react";
+import c from "./useIsomorphicLayoutEffect.js";
+function f(t, e) {
+  const [u, r] = o(e);
+  return c(() => {
+    const s = t.subscribe(r);
+    return () => s.unsubscribe();
+  }, [t]), u;
+}
+export {
+  f as default
+};

package/hooks/useOrientation.js

@@ -0,0 +1,31 @@
+import { useState as f, useEffect as w } from "react";
+import { o as d, a as u } from "../chunk/TXCrI0jN.js";
+const l = {
+  angle: 0,
+  type: "landscape-primary"
+}, g = (n = l) => {
+  const [i, e] = f(n);
+  return w(() => {
+    const r = window.screen;
+    let o = !0;
+    const t = () => {
+      if (o) {
+        const { orientation: a } = r;
+        if (a) {
+          const { angle: s, type: c } = a;
+          e({ angle: s, type: c });
+        } else
+          window.orientation !== void 0 ? e({
+            angle: typeof window.orientation == "number" ? window.orientation : 0,
+            type: ""
+          }) : e(n);
+      }
+    };
+    return d(window, "orientationchange", t), t(), () => {
+      o = !1, u(window, "orientationchange", t);
+    };
+  }, []), i;
+};
+export {
+  g as default
+};

package/hooks/useOverflowHidden.js

@@ -0,0 +1,26 @@
+import { useRef as d, useEffect as u } from "react";
+function y(r, { hidden: l }) {
+  const c = d(!1), o = d({}), f = (t) => t.tagName === "BODY" ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : t.offsetWidth - t.clientWidth, s = () => {
+    const t = r();
+    if (t && t.style.overflow !== "hidden") {
+      const e = t.style;
+      c.current = !0;
+      const n = f(t);
+      n && (o.current.width = e.width, t.style.width = `calc(${t.style.width || "100%"} - ${n}px)`), o.current.overflow = e.overflow, t.style.overflow = "hidden";
+    }
+  }, i = () => {
+    if (c.current && r()) {
+      const t = r(), e = o.current;
+      Object.keys(e).forEach(
+        (n) => t.style[n] = e[n]
+      );
+    }
+    c.current = !1, o.current = {};
+  };
+  return u(() => (l ? s() : i(), () => {
+    i();
+  }), [r, l]), [i, s];
+}
+export {
+  y as default
+};

package/hooks/usePageLeave.js

@@ -0,0 +1,19 @@
+import { useEffect as u } from "react";
+import { o as f, a as s } from "../chunk/TXCrI0jN.js";
+const d = (t, m = []) => {
+  u(() => {
+    if (!t)
+      return;
+    const e = (o) => {
+      o = o || window.event;
+      const r = o.relatedTarget || o.toElement;
+      (!r || r.nodeName === "HTML") && t();
+    };
+    return f(document, "mouseout", e), () => {
+      s(document, "mouseout", e);
+    };
+  }, m);
+};
+export {
+  d as default
+};

package/hooks/usePermission.js

@@ -0,0 +1,19 @@
+import { useState as u, useEffect as f } from "react";
+import { o as l, n as c, a as h } from "../chunk/TXCrI0jN.js";
+const i = (n) => {
+  const [o, r] = u("");
+  return f(() => {
+    let a = !0, t = null;
+    const e = () => {
+      a && r(() => (t == null ? void 0 : t.state) ?? "");
+    };
+    return navigator.permissions.query(n).then((s) => {
+      t = s, l(t, "change", e), e();
+    }).catch(c), () => {
+      t && h(t, "change", e), a = !1, t = null;
+    };
+  }, [n]), o;
+};
+export {
+  i as default
+};