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

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

@@ -1,63 +1,209 @@
-import { ownerDocument as D } from "./als-react-ts-ui352.js";
-import { getSide as v } from "./als-react-ts-ui420.js";
-import { getWindow as x } from "./als-react-ts-ui320.js";
-const d = {
-  sideX: "left",
-  sideY: "top"
-}, O = {
-  name: "adaptiveOrigin",
-  async fn(g) {
-    const {
-      x: o,
-      y: s,
-      rects: {
-        floating: f
-      },
-      elements: {
-        floating: i
-      },
-      platform: a,
-      strategy: w,
-      placement: p
-    } = g, t = x(i), l = t.getComputedStyle(i);
-    if (!(l.transitionDuration !== "0s" && l.transitionDuration !== ""))
-      return {
-        x: o,
-        y: s,
-        data: d
-      };
-    const r = await a.getOffsetParent?.(i);
-    let e = {
-      width: 0,
-      height: 0
-    };
-    if (w === "fixed" && t?.visualViewport)
-      e = {
-        width: t.visualViewport.width,
-        height: t.visualViewport.height
-      };
-    else if (r === t) {
-      const m = D(i);
-      e = {
-        width: m.documentElement.clientWidth,
-        height: m.documentElement.clientHeight
-      };
-    } else await a.isElement?.(r) && (e = await a.getDimensions(r));
-    const n = v(p);
-    let h = o, c = s;
-    n === "left" && (h = e.width - (o + f.width)), n === "top" && (c = e.height - (s + f.height));
-    const u = n === "left" ? "right" : d.sideX, y = n === "top" ? "bottom" : d.sideY;
-    return {
-      x: h,
-      y: c,
-      data: {
-        sideX: u,
-        sideY: y
+import U from "./als-react-ts-ui286.js";
+import { floor as B } from "./als-react-ts-ui419.js";
+import { stopEvent as y } from "./als-react-ts-ui305.js";
+import { ARROW_UP as j, ARROW_DOWN as z, ARROW_LEFT as A, ARROW_RIGHT as G } from "./als-react-ts-ui390.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 {
-  d as DEFAULT_SIDES,
-  O as adaptiveOrigin
+  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-ui393.js

@@ -1,8 +1,56 @@
-import { DISABLED_TRANSITIONS_STYLE as r } from "./als-react-ts-ui243.js";
-import { EMPTY_OBJECT as o } from "./als-react-ts-ui304.js";
-function T(t) {
-  return t === "starting" ? r : o;
+import * as o from "react";
+import { useStableCallback as S } from "./als-react-ts-ui223.js";
+import { useIsoLayoutEffect as T } from "./als-react-ts-ui224.js";
+import { useTimeout as D } from "./als-react-ts-ui226.js";
+import { EMPTY_ARRAY as U } from "./als-react-ts-ui322.js";
+import { stopEvent as O } from "./als-react-ts-ui305.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 {
-  T as getDisabledMountTransitionStyles
+  H as useTypeahead
 };