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

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

@@ -1,209 +1,17 @@
-import U from "./als-react-ts-ui242.js";
-import { floor as B } from "./als-react-ts-ui420.js";
-import { stopEvent as y } from "./als-react-ts-ui280.js";
-import { ARROW_UP as j, ARROW_DOWN as z, ARROW_LEFT as A, ARROW_RIGHT as G } from "./als-react-ts-ui379.js";
-function M(r, n, g) {
-  return Math.floor(r / n) !== g;
-}
-function L(r, n) {
-  return n < 0 || n >= r.current.length;
-}
-function J(r, n) {
-  return c(r, {
-    disabledIndices: n
-  });
-}
-function K(r, n) {
-  return c(r, {
-    decrement: !0,
-    startingIndex: r.current.length,
-    disabledIndices: n
-  });
-}
-function c(r, {
-  startingIndex: n = -1,
-  decrement: g = !1,
-  disabledIndices: u,
-  amount: w = 1
-} = {}) {
-  let t = n;
-  do
-    t += g ? -w : w;
-  while (t >= 0 && t <= r.current.length - 1 && V(r, t, u));
-  return t;
-}
-function Q(r, {
-  event: n,
-  orientation: g,
-  loopFocus: u,
-  rtl: w,
-  cols: t,
-  disabledIndices: o,
-  minIndex: O,
-  maxIndex: s,
-  prevIndex: e,
-  stopEvent: l = !1
-}) {
-  let f = e;
-  const m = [], _ = {};
-  let k = !1;
-  {
-    let a = null, h = -1;
-    r.current.forEach((E, i) => {
-      if (E == null)
-        return;
-      const C = E.closest('[role="row"]');
-      C && (k = !0), (C !== a || h === -1) && (a = C, h += 1, m[h] = []), m[h].push(i), _[i] = h;
-    });
-  }
-  const P = k && m.length > 0 && m.some((a) => a.length !== t);
-  function R(a) {
-    if (!P || e === -1)
-      return;
-    const h = _[e];
-    if (h == null)
-      return;
-    const E = m[h].indexOf(e);
-    let i = a === "up" ? h - 1 : h + 1;
-    u && (i < 0 ? i = m.length - 1 : i >= m.length && (i = 0));
-    const C = /* @__PURE__ */ new Set();
-    for (; i >= 0 && i < m.length && !C.has(i); ) {
-      C.add(i);
-      const D = m[i];
-      if (D.length === 0) {
-        i = a === "up" ? i - 1 : i + 1;
-        continue;
-      }
-      const T = Math.min(E, D.length - 1);
-      for (let N = T; N >= 0; N -= 1) {
-        const W = D[N];
-        if (!V(r, W, o))
-          return W;
-      }
-      i = a === "up" ? i - 1 : i + 1, u && (i < 0 ? i = m.length - 1 : i >= m.length && (i = 0));
-    }
-  }
-  if (n.key === j) {
-    const a = R("up");
-    if (a !== void 0)
-      l && y(n), f = a;
-    else {
-      if (l && y(n), e === -1)
-        f = s;
-      else if (f = c(r, {
-        startingIndex: f,
-        amount: t,
-        decrement: !0,
-        disabledIndices: o
-      }), u && (e - t < O || f < 0)) {
-        const h = e % t, E = s % t, i = s - (E - h);
-        E === h ? f = s : f = E > h ? i : i - t;
-      }
-      L(r, f) && (f = e);
-    }
+import { createEventEmitter as n } from "./als-react-ts-ui382.js";
+class d {
+  nodesRef = {
+    current: []
+  };
+  events = n();
+  addNode(e) {
+    this.nodesRef.current.push(e);
   }
-  if (n.key === z) {
-    const a = R("down");
-    a !== void 0 ? (l && y(n), f = a) : (l && y(n), e === -1 ? f = O : (f = c(r, {
-      startingIndex: e,
-      amount: t,
-      disabledIndices: o
-    }), u && e + t > s && (f = c(r, {
-      startingIndex: e % t - t,
-      amount: t,
-      disabledIndices: o
-    }))), L(r, f) && (f = e));
+  removeNode(e) {
+    const t = this.nodesRef.current.findIndex((r) => r === e);
+    t !== -1 && this.nodesRef.current.splice(t, 1);
   }
-  if (g === "both") {
-    const a = B(e / t);
-    n.key === (w ? A : G) && (l && y(n), e % t !== t - 1 ? (f = c(r, {
-      startingIndex: e,
-      disabledIndices: o
-    }), u && M(f, t, a) && (f = c(r, {
-      startingIndex: e - e % t - 1,
-      disabledIndices: o
-    }))) : u && (f = c(r, {
-      startingIndex: e - e % t - 1,
-      disabledIndices: o
-    })), M(f, t, a) && (f = e)), n.key === (w ? G : A) && (l && y(n), e % t !== 0 ? (f = c(r, {
-      startingIndex: e,
-      decrement: !0,
-      disabledIndices: o
-    }), u && M(f, t, a) && (f = c(r, {
-      startingIndex: e + (t - e % t),
-      decrement: !0,
-      disabledIndices: o
-    }))) : u && (f = c(r, {
-      startingIndex: e + (t - e % t),
-      decrement: !0,
-      disabledIndices: o
-    })), M(f, t, a) && (f = e));
-    const h = B(s / t) === a;
-    L(r, f) && (u && h ? f = n.key === (w ? G : A) ? s : c(r, {
-      startingIndex: e - e % t - 1,
-      disabledIndices: o
-    }) : f = e);
-  }
-  return f;
-}
-function X(r, n, g) {
-  const u = [];
-  let w = 0;
-  return r.forEach(({
-    width: t,
-    height: o
-  }, O) => {
-    if (t > n && process.env.NODE_ENV !== "production")
-      throw new Error(process.env.NODE_ENV !== "production" ? `[Floating UI]: Invalid grid - item width at index ${O} is greater than grid columns` : U(29, O));
-    let s = !1;
-    for (g && (w = 0); !s; ) {
-      const e = [];
-      for (let l = 0; l < t; l += 1)
-        for (let f = 0; f < o; f += 1)
-          e.push(w + l + f * n);
-      w % n + t <= n && e.every((l) => u[l] == null) ? (e.forEach((l) => {
-        u[l] = O;
-      }), s = !0) : w += 1;
-    }
-  }), [...u];
-}
-function Y(r, n, g, u, w) {
-  if (r === -1)
-    return -1;
-  const t = g.indexOf(r), o = n[r];
-  switch (w) {
-    case "tl":
-      return t;
-    case "tr":
-      return o ? t + o.width - 1 : t;
-    case "bl":
-      return o ? t + (o.height - 1) * u : t;
-    case "br":
-      return g.lastIndexOf(r);
-    default:
-      return -1;
-  }
-}
-function Z(r, n) {
-  return n.flatMap((g, u) => r.includes(g) ? [u] : []);
-}
-function V(r, n, g) {
-  if (typeof g == "function")
-    return g(n);
-  if (g)
-    return g.includes(n);
-  const u = r.current[n];
-  return u ? u.hasAttribute("disabled") || u.getAttribute("aria-disabled") === "true" : !1;
 }
 export {
-  X as createGridCellMap,
-  c as findNonDisabledListIndex,
-  Y as getGridCellIndexOfCorner,
-  Z as getGridCellIndices,
-  Q as getGridNavigatedIndex,
-  K as getMaxListIndex,
-  J as getMinListIndex,
-  M as isDifferentGridRow,
-  L as isIndexOutOfListBounds,
-  V as isListIndexDisabled
+  d as FloatingTreeStore
 };

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

@@ -1,56 +1,17 @@
-import * as o from "react";
-import { useStableCallback as S } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as T } from "./als-react-ts-ui267.js";
-import { useTimeout as D } from "./als-react-ts-ui297.js";
-import { EMPTY_ARRAY as U } from "./als-react-ts-ui304.js";
-import { stopEvent as O } from "./als-react-ts-ui280.js";
-function H(l, b) {
-  const g = "rootStore" in l ? l.rootStore : l, c = g.useState("open"), u = g.context.dataRef, {
-    listRef: E,
-    activeIndex: p,
-    onMatch: A,
-    onTypingChange: R,
-    enabled: h = !0,
-    findMatch: L = null,
-    resetMs: F = 750,
-    ignoreKeys: P = U,
-    selectedIndex: y = null
-  } = b, m = D(), r = o.useRef(""), i = o.useRef(y ?? p ?? -1), f = o.useRef(null);
-  T(() => {
-    c && (m.clear(), f.current = null, r.current = "");
-  }, [c, m]), T(() => {
-    c && r.current === "" && (i.current = y ?? p ?? -1);
-  }, [c, y, p]);
-  const n = S((e) => {
-    e ? u.current.typing || (u.current.typing = e, R?.(e)) : u.current.typing && (u.current.typing = e, R?.(e));
-  }), a = S((e) => {
-    function C(s, x, I) {
-      const K = L ? L(x, I) : x.find((Y) => Y?.toLocaleLowerCase().indexOf(I.toLocaleLowerCase()) === 0);
-      return K ? s.indexOf(K) : -1;
+function o() {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    emit(e, a) {
+      t.get(e)?.forEach((n) => n(a));
+    },
+    on(e, a) {
+      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(a);
+    },
+    off(e, a) {
+      t.get(e)?.delete(a);
     }
-    const t = E.current;
-    if (r.current.length > 0 && r.current[0] !== " " && (C(t, t, r.current) === -1 ? n(!1) : e.key === " " && O(e)), t == null || P.includes(e.key) || // Character key.
-    e.key.length !== 1 || // Modifier key.
-    e.ctrlKey || e.metaKey || e.altKey)
-      return;
-    c && e.key !== " " && (O(e), n(!0)), t.every((s) => s ? s[0]?.toLocaleLowerCase() !== s[1]?.toLocaleLowerCase() : !0) && r.current === e.key && (r.current = "", i.current = f.current), r.current += e.key, m.start(F, () => {
-      r.current = "", i.current = f.current, n(!1);
-    });
-    const w = i.current, d = C(t, [...t.slice((w || 0) + 1), ...t.slice(0, (w || 0) + 1)], r.current);
-    d !== -1 ? (A?.(d), f.current = d) : e.key !== " " && (r.current = "", n(!1));
-  }), k = o.useMemo(() => ({
-    onKeyDown: a
-  }), [a]), M = o.useMemo(() => ({
-    onKeyDown: a,
-    onKeyUp(e) {
-      e.key === " " && n(!1);
-    }
-  }), [a, n]);
-  return o.useMemo(() => h ? {
-    reference: k,
-    floating: M
-  } : {}, [h, k, M]);
+  };
 }
 export {
-  H as useTypeahead
+  o as createEventEmitter
 };

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

@@ -1,116 +1,78 @@
-import { isElement as U } from "./als-react-ts-ui320.js";
-import { Timeout as Z } from "./als-react-ts-ui297.js";
-import { getTarget as $, contains as W } from "./als-react-ts-ui312.js";
-import { getNodeChildren as y } from "./als-react-ts-ui367.js";
-function G(u, t) {
-  const [_, R] = u;
-  let h = !1;
-  const a = t.length;
-  for (let d = 0, b = a - 1; d < a; b = d++) {
-    const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
-    E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
-  }
-  return h;
-}
-function x(u, t) {
-  return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
-}
-function rt(u = {}) {
+import * as o from "react";
+import { useFloating as P } from "./als-react-ts-ui384.js";
+import { isElement as s } from "./als-react-ts-ui338.js";
+import { useIsoLayoutEffect as F } from "./als-react-ts-ui224.js";
+import { useFloatingTree as V } from "./als-react-ts-ui352.js";
+import { useFloatingRootContext as v } from "./als-react-ts-ui385.js";
+function w(c = {}) {
   const {
-    buffer: t = 0.5,
-    blockPointerEvents: _ = !1,
-    requireIntent: R = !0
-  } = u, h = new Z();
-  let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
-  function E(i, s) {
-    const k = performance.now(), c = k - O;
-    if (d === null || b === null || c === 0)
-      return d = i, b = s, O = k, null;
-    const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
-    return d = i, b = s, O = k, z;
-  }
-  const S = ({
-    x: i,
-    y: s,
-    placement: k,
-    elements: c,
-    onClose: X,
-    nodeId: Y,
-    tree: p
-  }) => function(P) {
-    function I() {
-      h.clear(), X();
-    }
-    if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
-      return;
-    const {
-      clientX: N,
-      clientY: V
-    } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
-    if (J && (a = !0, !j))
-      return;
-    if (D && (a = !1), D && !j) {
-      a = !0;
-      return;
-    }
-    if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
-      context: e
-    }) => e?.open))
-      return;
-    if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
-      return I();
-    let L = [];
-    switch (C) {
-      case "top":
-        L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
-        break;
-      case "bottom":
-        L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
-        break;
-      case "left":
-        L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
-        break;
-      case "right":
-        L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
-        break;
-    }
-    function Q([e, r]) {
-      switch (C) {
-        case "top": {
-          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
-          return [T, w, ...F];
-        }
-        case "bottom": {
-          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
-          return [T, w, ...F];
-        }
-        case "left": {
-          const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
-          return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
-        }
-        case "right": {
-          const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
-          return [T, w, ...F];
-        }
-        default:
-          return [];
-      }
-    }
-    if (!G([N, V], L)) {
-      if (a && !K)
-        return I();
-      if (!j && R) {
-        const e = E(P.clientX, P.clientY);
-        if (e !== null && e < 0.1)
-          return I();
+    nodeId: m,
+    externalTree: y
+  } = c, I = v(c), t = c.rootContext || I, r = {
+    reference: t.useState("referenceElement"),
+    floating: t.useState("floatingElement"),
+    domReference: t.useState("domReferenceElement")
+  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
+  F(() => {
+    r.domReference && (i.current = r.domReference);
+  }, [r.domReference]);
+  const n = P({
+    ...c,
+    elements: {
+      ...r,
+      ...g && {
+        reference: g
       }
-      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
     }
-  };
-  return S.__options = {
-    blockPointerEvents: _
-  }, S;
+  }), d = o.useCallback((e) => {
+    const u = s(e) ? {
+      getBoundingClientRect: () => e.getBoundingClientRect(),
+      getClientRects: () => e.getClientRects(),
+      contextElement: e
+    } : e;
+    M(u), n.refs.setReference(u);
+  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
+  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
+  const x = o.useCallback((e) => {
+    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    e !== null && !s(e)) && n.refs.setReference(e);
+  }, [n.refs, S]), C = o.useCallback((e) => {
+    L(e), n.refs.setFloating(e);
+  }, [n.refs]), l = o.useMemo(() => ({
+    ...n.refs,
+    setReference: x,
+    setFloating: C,
+    setPositionReference: d,
+    domReference: i
+  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
+    ...n.elements,
+    domReference: r.domReference
+  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
+    ...n,
+    dataRef: t.context.dataRef,
+    open: E,
+    onOpenChange: t.setOpen,
+    events: t.context.events,
+    floatingId: p,
+    refs: l,
+    elements: f,
+    nodeId: m,
+    rootStore: t
+  }), [n, l, f, m, t, E, p]);
+  return F(() => {
+    t.context.dataRef.current.floatingContext = a;
+    const e = b?.nodesRef.current.find((u) => u.id === m);
+    e && (e.context = a);
+  }), o.useMemo(() => ({
+    ...n,
+    context: a,
+    refs: l,
+    elements: f,
+    rootStore: t
+  }), [n, l, f, a, t]);
 }
 export {
-  rt as safePolygon
+  w as useFloating
 };