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

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

@@ -0,0 +1,183 @@
+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-ui312.js";
+import { autoUpdate as ae, platform as de } from "./als-react-ts-ui312.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;
+    }
+    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;
+    }
+    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();
+    }
+  }, [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 {
+  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-ui307.js

@@ -0,0 +1,57 @@
+import { createEventEmitter as s } from "./als-react-ts-ui304.js";
+import { ReactStore as f } from "./als-react-ts-ui243.js";
+import { createSelector as o } from "./als-react-ts-ui245.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 {
+  g as FloatingRootStore
+};

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

@@ -0,0 +1,32 @@
+import * as e from "react";
+import { useTimeout as l } from "./als-react-ts-ui229.js";
+import { createAttribute as m } from "./als-react-ts-ui299.js";
+import { TYPEABLE_SELECTOR as p } from "./als-react-ts-ui310.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
+};

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

@@ -0,0 +1,16 @@
+import "react";
+import { isMouseLikePointerType as f } from "./als-react-ts-ui180.js";
+function u(r, e, n) {
+  if (n && !f(n))
+    return 0;
+  if (typeof r == "number")
+    return r;
+  if (typeof r == "function") {
+    const t = r();
+    return typeof t == "number" ? t : t?.[e];
+  }
+  return r?.[e];
+}
+export {
+  u as getDelay
+};

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./als-react-ts-ui112.js";
+function i(t) {
+  return /* @__PURE__ */ o("div", { className: r.root });
+}
+export {
+  i as ALSSwitch,
+  i as default
+};

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

@@ -0,0 +1,11 @@
+const t = "data-base-ui-focusable", e = "active", o = "selected", n = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])", s = "ArrowLeft", c = "ArrowRight", E = "ArrowUp", a = "ArrowDown";
+export {
+  e as ACTIVE_KEY,
+  a as ARROW_DOWN,
+  s as ARROW_LEFT,
+  c as ARROW_RIGHT,
+  E as ARROW_UP,
+  t as FOCUSABLE_ATTRIBUTE,
+  o as SELECTED_KEY,
+  n as TYPEABLE_SELECTOR
+};

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

@@ -0,0 +1,209 @@
+import U from "./als-react-ts-ui197.js";
+import { floor as B } from "./als-react-ts-ui317.js";
+import { stopEvent as y } from "./als-react-ts-ui180.js";
+import { ARROW_UP as j, ARROW_DOWN as z, ARROW_LEFT as A, ARROW_RIGHT as G } from "./als-react-ts-ui310.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
+};