@yselimcan/ui 0.0.3 → 0.0.4

package/dist/index242.js

@@ -1,15 +1,60 @@
-function d(r, i, e = !0) {
-  return r.filter((t) => t.parentId === i && (!e || t.context?.open)).flatMap((t) => [t, ...d(r, t.id, e)]);
-}
-function o(r, i) {
-  let e = [], n = r.find((t) => t.id === i)?.parentId;
-  for (; n; ) {
-    const t = r.find((c) => c.id === n);
-    n = t?.parentId, t && (e = e.concat(t));
+import { createEventEmitter as s } from "./index235.js";
+import { ReactStore as f } from "./index201.js";
+import { createSelector as o } from "./index203.js";
+import { isClickLikeEvent as E } from "./index221.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 h extends f {
+  constructor(n) {
+    const {
+      nested: t,
+      noEmit: r,
+      onOpenChange: c,
+      triggerElements: m,
+      ...i
+    } = n;
+    super({
+      ...i,
+      positionReference: i.referenceElement,
+      domReferenceElement: i.referenceElement
+    }, {
+      onOpenChange: c,
+      dataRef: {
+        current: {}
+      },
+      events: s(),
+      nested: t,
+      noEmit: r,
+      triggerElements: m
+    }, a);
   }
-  return e;
+  /**
+   * 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 ((!n || !this.state.open || // Prevent a pending hover-open from overwriting a click-open event, while allowing
+    // click events to upgrade a hover-open.
+    E(t.event)) && (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 {
-  o as getNodeAncestors,
-  d as getNodeChildren
+  h as FloatingRootStore
 };

package/dist/index243.js

@@ -1,60 +1,32 @@
-import { createEventEmitter as s } from "./index218.js";
-import { ReactStore as f } from "./index202.js";
-import { createSelector as o } from "./index204.js";
-import { isClickLikeEvent as E } from "./index222.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 h extends f {
-  constructor(n) {
-    const {
-      nested: t,
-      noEmit: r,
-      onOpenChange: c,
-      triggerElements: m,
-      ...i
-    } = n;
-    super({
-      ...i,
-      positionReference: i.referenceElement,
-      domReferenceElement: i.referenceElement
-    }, {
-      onOpenChange: c,
-      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 ((!n || !this.state.open || // Prevent a pending hover-open from overwriting a click-open event, while allowing
-    // click events to upgrade a hover-open.
-    E(t.event)) && (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);
-  };
+import * as e from "react";
+import { useTimeout as l } from "./index152.js";
+import { createAttribute as m } from "./index237.js";
+import { TYPEABLE_SELECTOR as p } from "./index245.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 {
-  h as FloatingRootStore
+  T as isInteractiveElement,
+  S as safePolygonIdentifier,
+  E as useHoverInteractionSharedState
 };

package/dist/index244.js

@@ -1,32 +1,16 @@
-import * as e from "react";
-import { useTimeout as l } from "./index148.js";
-import { createAttribute as m } from "./index238.js";
-import { TYPEABLE_SELECTOR as p } from "./index246.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]);
+import "react";
+import { isMouseLikePointerType as f } from "./index221.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 {
-  T as isInteractiveElement,
-  S as safePolygonIdentifier,
-  E as useHoverInteractionSharedState
+  u as getDelay
 };

package/dist/index245.js

@@ -1,16 +1,11 @@
-import "react";
-import { isMouseLikePointerType as f } from "./index222.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];
-}
+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 {
-  u as getDelay
+  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/index246.js

@@ -1,11 +1,209 @@
-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";
+import U from "./index94.js";
+import { floor as B } from "./index212.js";
+import { stopEvent as y } from "./index221.js";
+import { ARROW_UP as j, ARROW_DOWN as z, ARROW_LEFT as A, ARROW_RIGHT as G } from "./index245.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 {
-  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
+  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
 };