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

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

@@ -0,0 +1,209 @@
+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);
+    }
+  }
+  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));
+  }
+  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
+};

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

@@ -0,0 +1,56 @@
+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;
+    }
+    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
+};

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

@@ -0,0 +1,116 @@
+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 = {}) {
+  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();
+      }
+      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
+    }
+  };
+  return S.__options = {
+    blockPointerEvents: _
+  }, S;
+}
+export {
+  rt as safePolygon
+};