impact-nova 1.7.10 → 1.7.11

package/dist/components/ui/command-palette/shortcut-overlay.js

@@ -1,90 +1,112 @@
-import { jsxs as x, Fragment as A, jsx as h } from "react/jsx-runtime";
-import * as m from "react";
-import { createPortal as L } from "react-dom";
-import { useShortcutOverlay as M } from "./shortcut-overlay-context.js";
-import { useCommandPalette as S } from "./command-palette-context.js";
-import { Kbd as O } from "./kbd.js";
-const p = 26, y = 80, s = 4;
-function X(r) {
-  if (r.length <= 1) return r;
-  const i = [...r].sort((e, t) => e.top - t.top), c = (e, t) => Math.abs(e.left - t.left) < y && Math.abs(e.top - t.top) < p + s, d = (e) => i.slice(Math.max(0, e - 8), e).some((t) => c(t, i[e]));
-  for (let e = 1; e < i.length; e++) {
-    if (!d(e)) continue;
-    const t = i[e], u = t.top, v = t.left, o = t.placement;
-    if (t.placement === "above" ? (t.placement = "below", t.top = u + p + 32 + s) : (t.placement = "above", t.top = u - p - 32 - s), !!d(e)) {
-      t.top = u, t.placement = o;
-      for (let n = 1; n <= 3 && (t.left = v + (y + s) * n, !!d(e)); n++)
-        ;
+import { jsxs as x, Fragment as L, jsx as v } from "react/jsx-runtime";
+import * as h from "react";
+import { createPortal as O } from "react-dom";
+import { useShortcutOverlay as S } from "./shortcut-overlay-context.js";
+import { useCommandPalette as M } from "./command-palette-context.js";
+import { Kbd as T } from "./kbd.js";
+const u = 26, y = 80, s = 4;
+function X() {
+  const o = document.querySelectorAll(
+    '[role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"], [data-component="sheet-content"][data-state="open"]'
+  );
+  return o.length === 0 ? null : o[o.length - 1];
+}
+function z(o) {
+  if (o.length <= 1) return o;
+  const a = [...o].sort((e, t) => e.top - t.top || e.left - t.left), f = (e, t) => Math.abs(e.left - t.left) < y && Math.abs(e.top - t.top) < u + s, c = (e) => a.slice(0, e).some((t) => f(t, a[e]));
+  for (let e = 1; e < a.length; e++) {
+    if (!c(e)) continue;
+    const t = a[e], d = t.top, m = t.left, n = t.placement;
+    if (t.placement === "above" ? (t.placement = "below", t.top = d + u + 32 + s) : (t.placement = "above", t.top = d - u - 32 - s), !c(e)) continue;
+    t.placement = n, t.left = m;
+    let i = !1;
+    for (let r = 1; r <= 6; r++)
+      if (t.top = d + (u + s) * r, !c(e)) {
+        i = !0;
+        break;
+      }
+    if (!i) {
+      t.top = d;
+      for (let r = 1; r <= 4; r++)
+        if (t.left = m + (y + s) * r, !c(e)) {
+          i = !0;
+          break;
+        }
+      if (!i) {
+        t.left = m;
+        for (let r = 1; r <= 4 && (t.top = d - (u + s) * r, !!c(e)); r++)
+          ;
+      }
     }
   }
-  return i;
+  return a;
 }
-function z(r) {
-  const i = window.innerWidth, c = window.innerHeight;
+function C(o) {
+  const a = window.innerWidth, f = window.innerHeight;
   return {
-    ...r,
-    top: Math.max(s, Math.min(r.top, c - p - s)),
-    left: Math.max(y / 2, Math.min(r.left, i - y / 2))
+    ...o,
+    top: Math.max(s, Math.min(o.top, f - u - s)),
+    left: Math.max(y / 2, Math.min(o.left, a - y / 2))
   };
 }
-function C() {
-  const { isOverlayVisible: r, setOverlayVisible: i } = M(), { getEffectiveKeybinding: c, version: d } = S(), [e, t] = m.useState([]), [u, v] = m.useState(0);
-  return m.useLayoutEffect(() => {
-    if (!r) {
+function D() {
+  const { isOverlayVisible: o, setOverlayVisible: a } = S(), { getEffectiveKeybinding: f, version: c } = M(), [e, t] = h.useState([]), [d, m] = h.useState(0);
+  return h.useLayoutEffect(() => {
+    if (!o) {
       t([]);
       return;
     }
-    const o = document.querySelectorAll("[data-shortcut-id]"), n = [];
-    o.forEach((l) => {
-      const f = l.getAttribute("data-shortcut-id");
-      if (!f) return;
-      const w = window.getComputedStyle(l);
-      if (w.display === "none" || w.visibility === "hidden" || w.opacity === "0")
+    const n = X(), i = document.querySelectorAll("[data-shortcut-id]"), r = [];
+    i.forEach((p) => {
+      const w = p.getAttribute("data-shortcut-id");
+      if (!w || n && !n.contains(p)) return;
+      const b = window.getComputedStyle(p);
+      if (b.display === "none" || b.visibility === "hidden" || b.opacity === "0")
         return;
-      const a = l.getBoundingClientRect();
-      if (a.width === 0 || a.height === 0 || a.bottom < 0 || a.top > window.innerHeight || a.right < 0 || a.left > window.innerWidth)
+      const l = p.getBoundingClientRect();
+      if (l.width === 0 || l.height === 0 || l.bottom < 0 || l.top > window.innerHeight || l.right < 0 || l.left > window.innerWidth)
         return;
-      const g = c(f);
-      if (!g) return;
-      const E = a.left + a.width / 2;
-      let k = "above", b = a.top - p - s;
-      b < s && (k = "below", b = a.bottom + s), n.push({
-        id: f,
-        keybinding: g,
-        top: b,
-        left: E,
-        placement: k
+      const k = f(w);
+      if (!k) return;
+      const A = l.left + l.width / 2;
+      let E = "above", g = l.top - u - s;
+      g < s && (E = "below", g = l.bottom + s), r.push({
+        id: w,
+        keybinding: k,
+        top: g,
+        left: A,
+        placement: E
       });
-    }), t(X(n).map(z));
-  }, [r, c, d, u]), m.useEffect(() => {
-    if (!r) return;
-    const o = (n) => {
-      n.key === "Escape" && (n.preventDefault(), n.stopPropagation(), i(!1));
+    }), t(z(r).map(C));
+  }, [o, f, c, d]), h.useEffect(() => {
+    if (!o) return;
+    const n = (i) => {
+      i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), a(!1));
     };
-    return window.addEventListener("keydown", o, !0), () => window.removeEventListener("keydown", o, !0);
-  }, [r, i]), m.useEffect(() => {
-    if (!r) return;
-    let o;
-    const n = () => {
-      cancelAnimationFrame(o), o = requestAnimationFrame(() => v((f) => f + 1));
+    return window.addEventListener("keydown", n, !0), () => window.removeEventListener("keydown", n, !0);
+  }, [o, a]), h.useEffect(() => {
+    if (!o) return;
+    let n;
+    const i = () => {
+      cancelAnimationFrame(n), n = requestAnimationFrame(() => m((p) => p + 1));
     };
-    window.addEventListener("scroll", n, !0), window.addEventListener("resize", n);
-    const l = new MutationObserver(n);
-    return l.observe(document.body, {
+    window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
+    const r = new MutationObserver(i);
+    return r.observe(document.body, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["data-state"]
     }), () => {
-      cancelAnimationFrame(o), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n), l.disconnect();
+      cancelAnimationFrame(n), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), r.disconnect();
     };
-  }, [r]), !r || e.length === 0 ? null : L(
-    /* @__PURE__ */ x(A, { children: [
-      /* @__PURE__ */ h(
+  }, [o]), !o || e.length === 0 ? null : O(
+    /* @__PURE__ */ x(L, { children: [
+      /* @__PURE__ */ v(
         "div",
         {
           "data-shortcut-overlay-backdrop": "",
-          onClick: () => i(!1),
+          onClick: () => a(!1),
           style: {
             position: "fixed",
             inset: 0,
@@ -94,31 +116,31 @@ function C() {
           }
         }
       ),
-      e.map((o) => /* @__PURE__ */ h(
+      e.map((n) => /* @__PURE__ */ v(
         "div",
         {
           "data-shortcut-overlay-badge": "",
           style: {
             position: "fixed",
-            top: o.top,
-            left: o.left,
+            top: n.top,
+            left: n.left,
             transform: "translateX(-50%)",
             zIndex: 99999,
             pointerEvents: "none",
-            animation: o.placement === "below" ? "shortcut-overlay-badge-in-below 0.15s ease-out" : "shortcut-overlay-badge-in 0.15s ease-out"
+            animation: n.placement === "below" ? "shortcut-overlay-badge-in-below 0.15s ease-out" : "shortcut-overlay-badge-in 0.15s ease-out"
           },
-          children: /* @__PURE__ */ h(
-            O,
+          children: /* @__PURE__ */ v(
+            T,
             {
-              keybinding: o.keybinding,
+              keybinding: n.keybinding,
               size: "sm",
               variant: "dark"
             }
           )
         },
-        o.id
+        n.id
       )),
-      /* @__PURE__ */ h("style", { children: `
+      /* @__PURE__ */ v("style", { children: `
         @keyframes shortcut-overlay-badge-in {
           from {
             opacity: 0;
@@ -144,7 +166,7 @@ function C() {
     document.body
   );
 }
-C.displayName = "ShortcutOverlay";
+D.displayName = "ShortcutOverlay";
 export {
-  C as ShortcutOverlay
+  D as ShortcutOverlay
 };