@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

package/dist/als-react-ts-ui371.js

@@ -1,58 +1,183 @@
-import { __exports as s } from "./als-react-ts-ui373.js";
-import h from "react";
-var l;
-function A() {
-  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && (function() {
-    function d(e, t) {
-      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+import { flip as H, offset as I, size as J, hide as K, computePosition as N, shift as Q, limitShift as T } from "./als-react-ts-ui384.js";
+import { autoUpdate as ae, platform as de } from "./als-react-ts-ui384.js";
+import * as r from "react";
+import { useLayoutEffect as X } from "react";
+import * as Y from "react-dom";
+var Z = typeof document < "u", b = function() {
+}, R = Z ? X : b;
+function w(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, f, c;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (f = n; f-- !== 0; )
+        if (!w(e[f], t[f]))
+          return !1;
+      return !0;
     }
-    function S(e, t) {
-      f || o.startTransition === void 0 || (f = !0, console.error(
-        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-      ));
-      var r = t();
-      if (!c) {
-        var u = t();
-        _(r, u) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), c = !0);
-      }
-      u = p({
-        inst: { value: r, getSnapshot: t }
-      });
-      var n = u[0].inst, i = u[1];
-      return L(
-        function() {
-          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
-        },
-        [e, r, t]
-      ), E(
-        function() {
-          return a(n) && i({ inst: n }), e(function() {
-            a(n) && i({ inst: n });
-          });
-        },
-        [e]
-      ), y(r), r;
-    }
-    function a(e) {
-      var t = e.getSnapshot;
-      e = e.value;
-      try {
-        var r = t();
-        return !_(e, r);
-      } catch {
-        return !0;
-      }
+    if (c = Object.keys(e), n = c.length, n !== Object.keys(t).length)
+      return !1;
+    for (f = n; f-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, c[f]))
+        return !1;
+    for (f = n; f-- !== 0; ) {
+      const p = c[f];
+      if (!(p === "_owner" && e.$$typeof) && !w(e[p], t[p]))
+        return !1;
     }
-    function O(e, t) {
-      return t();
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function L(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function z(e, t) {
+  const n = L(e);
+  return Math.round(t * n) / n;
+}
+function k(e) {
+  const t = r.useRef(e);
+  return R(() => {
+    t.current = e;
+  }), t;
+}
+function ne(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: f = [],
+    platform: c,
+    elements: {
+      reference: p,
+      floating: A
+    } = {},
+    transform: D = !0,
+    whileElementsMounted: E,
+    open: x
+  } = e, [s, C] = r.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [M, q] = r.useState(f);
+  w(M, f) || q(f);
+  const [B, U] = r.useState(null), [V, W] = r.useState(null), _ = r.useCallback((o) => {
+    o !== a.current && (a.current = o, U(o));
+  }, []), v = r.useCallback((o) => {
+    o !== d.current && (d.current = o, W(o));
+  }, []), i = p || B, u = A || V, a = r.useRef(null), d = r.useRef(null), y = r.useRef(s), G = E != null, S = k(E), P = k(c), F = k(x), g = r.useCallback(() => {
+    if (!a.current || !d.current)
+      return;
+    const o = {
+      placement: t,
+      strategy: n,
+      middleware: M
+    };
+    P.current && (o.platform = P.current), N(a.current, d.current, o).then((h) => {
+      const m = {
+        ...h,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: F.current !== !1
+      };
+      $.current && !w(y.current, m) && (y.current = m, Y.flushSync(() => {
+        C(m);
+      }));
+    });
+  }, [M, t, n, P, F]);
+  R(() => {
+    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, C((o) => ({
+      ...o,
+      isPositioned: !1
+    })));
+  }, [x]);
+  const $ = r.useRef(!1);
+  R(() => ($.current = !0, () => {
+    $.current = !1;
+  }), []), R(() => {
+    if (i && (a.current = i), u && (d.current = u), i && u) {
+      if (S.current)
+        return S.current(i, u, g);
+      g();
     }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
-    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })(), s);
+  }, [i, u, g, S, G]);
+  const O = r.useMemo(() => ({
+    reference: a,
+    floating: d,
+    setReference: _,
+    setFloating: v
+  }), [_, v]), l = r.useMemo(() => ({
+    reference: i,
+    floating: u
+  }), [i, u]), j = r.useMemo(() => {
+    const o = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!l.floating)
+      return o;
+    const h = z(l.floating, s.x), m = z(l.floating, s.y);
+    return D ? {
+      ...o,
+      transform: "translate(" + h + "px, " + m + "px)",
+      ...L(l.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: h,
+      top: m
+    };
+  }, [n, D, l.floating, s.x, s.y]);
+  return r.useMemo(() => ({
+    ...s,
+    update: g,
+    refs: O,
+    elements: l,
+    floatingStyles: j
+  }), [s, g, O, l, j]);
 }
+const re = (e, t) => ({
+  ...I(e),
+  options: [e, t]
+}), oe = (e, t) => ({
+  ...Q(e),
+  options: [e, t]
+}), fe = (e, t) => ({
+  ...T(e),
+  options: [e, t]
+}), se = (e, t) => ({
+  ...H(e),
+  options: [e, t]
+}), ie = (e, t) => ({
+  ...J(e),
+  options: [e, t]
+}), ue = (e, t) => ({
+  ...K(e),
+  options: [e, t]
+});
 export {
-  A as __require
+  ae as autoUpdate,
+  N as computePosition,
+  se as flip,
+  ue as hide,
+  fe as limitShift,
+  re as offset,
+  de as platform,
+  oe as shift,
+  ie as size,
+  ne as useFloating
 };

package/dist/als-react-ts-ui372.js

@@ -1,4 +1,38 @@
-var r = {};
+import { isElement as s } from "./als-react-ts-ui320.js";
+import { useId as m } from "./als-react-ts-ui306.js";
+import { useRefWithInit as c } from "./als-react-ts-ui222.js";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui267.js";
+import { useFloatingParentNodeId as u } from "./als-react-ts-ui364.js";
+import { FloatingRootStore as g } from "./als-react-ts-ui373.js";
+import { PopupTriggerMap as p } from "./als-react-ts-ui315.js";
+function O(o) {
+  const {
+    open: r = !1,
+    onOpenChange: i,
+    elements: e = {}
+  } = o, f = m(), l = u() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const n = e.reference;
+    n && !s(n) && console.error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `context.setPositionReference()`", "instead.");
+  }
+  const t = c(() => new g({
+    open: r,
+    onOpenChange: i,
+    referenceElement: e.reference ?? null,
+    floatingElement: e.floating ?? null,
+    triggerElements: e.triggers ?? new p(),
+    floatingId: f,
+    nested: l,
+    noEmit: o.noEmit || !1
+  })).current;
+  return a(() => {
+    const n = {
+      open: r,
+      floatingId: f
+    };
+    e.reference !== void 0 && (n.referenceElement = e.reference, n.domReferenceElement = s(e.reference) ? e.reference : null), e.floating !== void 0 && (n.floatingElement = e.floating), t.update(n);
+  }, [r, f, e.reference, e.floating, t]), t.context.onOpenChange = i, t.context.nested = l, t.context.noEmit = o.noEmit || !1, t;
+}
 export {
-  r as __exports
+  O as useFloatingRootContext
 };

package/dist/als-react-ts-ui373.js

@@ -1,4 +1,57 @@
-var e = {};
+import { createEventEmitter as s } from "./als-react-ts-ui369.js";
+import { ReactStore as f } from "./als-react-ts-ui314.js";
+import { createSelector as o } from "./als-react-ts-ui316.js";
+const a = {
+  open: o((e) => e.open),
+  domReferenceElement: o((e) => e.domReferenceElement),
+  referenceElement: o((e) => e.positionReference ?? e.referenceElement),
+  floatingElement: o((e) => e.floatingElement),
+  floatingId: o((e) => e.floatingId)
+};
+class g extends f {
+  constructor(n) {
+    const {
+      nested: t,
+      noEmit: r,
+      onOpenChange: i,
+      triggerElements: m,
+      ...c
+    } = n;
+    super({
+      ...c,
+      positionReference: c.referenceElement,
+      domReferenceElement: c.referenceElement
+    }, {
+      onOpenChange: i,
+      dataRef: {
+        current: {}
+      },
+      events: s(),
+      nested: t,
+      noEmit: r,
+      triggerElements: m
+    }, a);
+  }
+  /**
+   * Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.
+   *
+   * @param newOpen The new open state.
+   * @param eventDetails Details about the event that triggered the open state change.
+   */
+  setOpen = (n, t) => {
+    if (this.context.dataRef.current.openEvent = n ? t.event : void 0, !this.context.noEmit) {
+      const r = {
+        open: n,
+        reason: t.reason,
+        nativeEvent: t.event,
+        nested: this.context.nested,
+        triggerElement: t.trigger
+      };
+      this.context.events.emit("openchange", r);
+    }
+    this.context.onOpenChange?.(n, t);
+  };
+}
 export {
-  e as __exports
+  g as FloatingRootStore
 };

package/dist/als-react-ts-ui374.js

@@ -0,0 +1,78 @@
+import * as i from "react";
+import { getWindow as h, isElement as b, isHTMLElement as M } from "./als-react-ts-ui320.js";
+import { isMac as F, isSafari as D } from "./als-react-ts-ui351.js";
+import { useTimeout as k } from "./als-react-ts-ui297.js";
+import { createChangeEventDetails as R } from "./als-react-ts-ui229.js";
+import { createAttribute as O } from "./als-react-ts-ui361.js";
+import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./als-react-ts-ui312.js";
+import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./als-react-ts-ui231.js";
+const g = F && D;
+function z(a, L = {}) {
+  const r = "rootStore" in a ? a.rootStore : a, {
+    events: f,
+    dataRef: E
+  } = r.context, {
+    enabled: o = !0,
+    visibleOnly: p = !0
+  } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
+  i.useEffect(() => {
+    const t = r.select("domReferenceElement");
+    if (!o)
+      return;
+    const e = h(t);
+    function u() {
+      !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
+    }
+    function c() {
+      m.current = !0;
+    }
+    function n() {
+      m.current = !1;
+    }
+    return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
+      e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
+    };
+  }, [r, o]), i.useEffect(() => {
+    if (!o)
+      return;
+    function t(e) {
+      (e.reason === B || e.reason === K) && (s.current = !0);
+    }
+    return f.on("openchange", t), () => {
+      f.off("openchange", t);
+    };
+  }, [f, o]);
+  const l = i.useMemo(() => ({
+    onMouseLeave() {
+      s.current = !1;
+    },
+    onFocus(t) {
+      if (s.current)
+        return;
+      const e = S(t.nativeEvent);
+      if (p && b(e)) {
+        if (g && !t.relatedTarget) {
+          if (!m.current && !A(e))
+            return;
+        } else if (!C(e))
+          return;
+      }
+      r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
+    },
+    onBlur(t) {
+      s.current = !1;
+      const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
+      v.start(0, () => {
+        const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
+        !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
+      });
+    }
+  }), [E, r, p, v]);
+  return i.useMemo(() => o ? {
+    reference: l,
+    trigger: l
+  } : {}, [o, l]);
+}
+export {
+  z as useFocus
+};

package/dist/als-react-ts-ui375.js

@@ -0,0 +1,90 @@
+import * as L from "react";
+import { isElement as j } from "./als-react-ts-ui320.js";
+import { useStableCallback as l } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as F } from "./als-react-ts-ui267.js";
+import { createChangeEventDetails as w } from "./als-react-ts-ui229.js";
+import { useFloatingTree as q, useFloatingParentNodeId as z } from "./als-react-ts-ui364.js";
+import { useHoverInteractionSharedState as B, safePolygonIdentifier as H, isInteractiveElement as G } from "./als-react-ts-ui376.js";
+import { triggerHover as O } from "./als-react-ts-ui231.js";
+import { getDocument as x, getTarget as J } from "./als-react-ts-ui312.js";
+import { isMouseLikePointerType as K } from "./als-react-ts-ui280.js";
+const Q = /* @__PURE__ */ new Set(["click", "mousedown"]);
+function re(i, d = {}) {
+  const n = "rootStore" in i ? i.rootStore : i, m = n.useState("open"), u = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
+    dataRef: p
+  } = n.context, {
+    enabled: R = !0,
+    closeDelay: I = 0,
+    externalTree: A
+  } = d, {
+    pointerTypeRef: E,
+    interactedInsideRef: f,
+    handlerRef: v,
+    performedPointerEventsMutationRef: g,
+    unbindMouseMoveRef: N,
+    restTimeoutPendingRef: S,
+    openChangeTimeout: y,
+    handleCloseOptionsRef: k
+  } = B(n), M = q(A), T = z(), h = l(() => f.current ? !0 : p.current.openEvent ? Q.has(p.current.openEvent.type) : !1), C = l(() => {
+    const e = p.current.openEvent?.type;
+    return e?.includes("mouse") && e !== "mousedown";
+  }), P = L.useCallback((e, r = !0) => {
+    const s = U(I, E.current);
+    s && !v.current ? y.start(s, () => n.setOpen(!1, w(O, e))) : r && (y.clear(), n.setOpen(!1, w(O, e)));
+  }, [I, v, n, E, y]), c = l(() => {
+    N.current(), v.current = void 0;
+  }), a = l(() => {
+    if (g.current) {
+      const e = x(u).body;
+      e.style.pointerEvents = "", e.removeAttribute(H), g.current = !1;
+    }
+  }), D = l((e) => {
+    const r = J(e);
+    if (!G(r)) {
+      f.current = !1;
+      return;
+    }
+    f.current = !0;
+  });
+  F(() => {
+    m || (E.current = void 0, S.current = !1, f.current = !1, c(), a());
+  }, [m, E, S, f, c, a]), L.useEffect(() => () => {
+    c();
+  }, [c]), L.useEffect(() => a, [a]), F(() => {
+    if (R && m && k.current?.blockPointerEvents && C() && j(b) && u) {
+      g.current = !0;
+      const e = x(u).body;
+      e.setAttribute(H, "");
+      const r = b, s = u, t = M?.nodesRef.current.find((o) => o.id === T)?.context?.elements.floating;
+      return t && (t.style.pointerEvents = ""), e.style.pointerEvents = "none", r.style.pointerEvents = "auto", s.style.pointerEvents = "auto", () => {
+        e.style.pointerEvents = "", r.style.pointerEvents = "", s.style.pointerEvents = "";
+      };
+    }
+  }, [R, m, b, u, k, C, M, T, g]), L.useEffect(() => {
+    if (!R)
+      return;
+    function e(o) {
+      if (h() || !p.current.floatingContext)
+        return;
+      const W = n.context.triggerElements;
+      o.relatedTarget && W.hasElement(o.relatedTarget) || (a(), c(), h() || P(o));
+    }
+    function r(o) {
+      y.clear(), a(), v.current?.(o), c();
+    }
+    function s(o) {
+      h() || P(o, !1);
+    }
+    const t = u;
+    return t && (t.addEventListener("mouseleave", e), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), t.addEventListener("pointerdown", D, !0)), () => {
+      t && (t.removeEventListener("mouseleave", e), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s), t.removeEventListener("pointerdown", D, !0));
+    };
+  });
+}
+function U(i, d) {
+  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
+}
+export {
+  U as getDelay,
+  re as useHoverFloatingInteraction
+};

package/dist/als-react-ts-ui376.js

@@ -0,0 +1,32 @@
+import * as e from "react";
+import { useTimeout as l } from "./als-react-ts-ui297.js";
+import { createAttribute as m } from "./als-react-ts-ui361.js";
+import { TYPEABLE_SELECTOR as p } from "./als-react-ts-ui379.js";
+const S = m("safe-polygon"), v = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${p}`;
+function T(t) {
+  return t ? !!t.closest(v) : !1;
+}
+function E(t) {
+  const o = e.useRef(void 0), s = e.useRef(!1), r = e.useRef(void 0), f = e.useRef(!0), i = e.useRef(!1), a = e.useRef(() => {
+  }), u = e.useRef(!1), c = l(), d = l(), R = e.useRef(void 0);
+  return e.useMemo(() => {
+    const n = t.context.dataRef.current;
+    return n.hoverInteractionState || (n.hoverInteractionState = {
+      pointerTypeRef: o,
+      interactedInsideRef: s,
+      handlerRef: r,
+      blockMouseMoveRef: f,
+      performedPointerEventsMutationRef: i,
+      unbindMouseMoveRef: a,
+      restTimeoutPendingRef: u,
+      openChangeTimeout: c,
+      restTimeout: d,
+      handleCloseOptionsRef: R
+    }), n.hoverInteractionState;
+  }, [t, o, s, r, f, i, a, u, c, d, R]);
+}
+export {
+  T as isInteractiveElement,
+  S as safePolygonIdentifier,
+  E as useHoverInteractionSharedState
+};