@orioncactuscorp/ui 1.12.2 → 1.14.0

package/dist/components/FloatingWindow/FloatingWindowManager.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as W } from "react/jsx-runtime";
+import { useRef as v, useState as F, useCallback as l, useMemo as m } from "react";
+import { FloatingWindowManagerContext as M } from "./contexts.js";
+import { registerFloatingWindow as w, unregisterFloatingWindow as d, activateFloatingWindow as k } from "./stack.js";
+function q({
+  children: f
+}) {
+  const r = v(/* @__PURE__ */ new Map()), [n, o] = F([]), i = l(
+    (t, e) => {
+      if (r.current.has(t))
+        throw new Error(
+          `FloatingWindowManager requires a unique windowId. Duplicate: "${t}".`
+        );
+      const g = Symbol(t);
+      return r.current.set(t, g), o(
+        (a) => w(a, { modality: e, windowId: t })
+      ), () => {
+        r.current.get(t) === g && (r.current.delete(t), o((a) => d(a, t)));
+      };
+    },
+    []
+  ), s = l((t) => {
+    o((e) => k(e, t));
+  }, []), c = m(
+    () => new Map(n.map((t, e) => [t.windowId, e])),
+    [n]
+  ), u = n.at(-1)?.windowId, p = m(
+    () => ({ activeWindowId: u, activateWindow: s, registerWindow: i, stackLevels: c }),
+    [u, s, i, c]
+  );
+  return /* @__PURE__ */ W(M.Provider, { value: p, children: f });
+}
+export {
+  q as FloatingWindowManager
+};

package/dist/components/FloatingWindow/contexts.js

@@ -0,0 +1,25 @@
+import { useContext as o, createContext as e } from "react";
+const i = e(null), r = e(null), u = e(null);
+function l() {
+  return o(u);
+}
+function a(t) {
+  const n = o(i);
+  if (!n)
+    throw new Error(`${t} must be used inside FloatingWindowRoot.`);
+  return n;
+}
+function d(t) {
+  const n = o(r);
+  if (!n)
+    throw new Error(`${t} must be used inside FloatingWindowContent.`);
+  return n;
+}
+export {
+  r as FloatingWindowContentContext,
+  u as FloatingWindowManagerContext,
+  i as FloatingWindowRootContext,
+  d as useFloatingWindowContentContext,
+  l as useFloatingWindowManagerContext,
+  a as useFloatingWindowRootContext
+};

package/dist/components/FloatingWindow/geometry.js

@@ -0,0 +1,222 @@
+function l(t, e, i) {
+  return Math.min(Math.max(t, e), Math.max(e, i));
+}
+function A({
+  alignment: t,
+  anchorStart: e,
+  anchorSize: i,
+  floatingSize: h,
+  offset: n,
+  reverse: c
+}) {
+  return t === "center" ? e + (i - h) / 2 + n : (c ? t === "start" : t === "end") ? e + i - h + n : e + n;
+}
+function u({
+  alignOffset: t,
+  alignment: e,
+  anchor: i,
+  direction: h,
+  side: n,
+  sideOffset: c,
+  size: o
+}) {
+  return n === "top" || n === "bottom" ? {
+    x: A({
+      alignment: e,
+      anchorStart: i.x,
+      anchorSize: i.width,
+      floatingSize: o.width,
+      offset: t,
+      reverse: h === "rtl"
+    }),
+    y: n === "top" ? i.y - o.height - c : i.y + i.height + c
+  } : {
+    x: n === "left" ? i.x - o.width - c : i.x + i.width + c,
+    y: A({
+      alignment: e,
+      anchorStart: i.y,
+      anchorSize: i.height,
+      floatingSize: o.height,
+      offset: t
+    })
+  };
+}
+function Y(t) {
+  switch (t) {
+    case "top":
+      return "bottom";
+    case "right":
+      return "left";
+    case "bottom":
+      return "top";
+    case "left":
+      return "right";
+  }
+}
+function H(t) {
+  return t === "start" ? "end" : t === "end" ? "start" : "center";
+}
+function v(t, e, i, h) {
+  const n = i.x + h, c = i.y + h, o = i.x + i.width - h, r = i.y + i.height - h;
+  return {
+    left: Math.max(0, n - t.x),
+    right: Math.max(0, t.x + e.width - o),
+    top: Math.max(0, c - t.y),
+    bottom: Math.max(0, t.y + e.height - r)
+  };
+}
+function M(t, e) {
+  return e[t];
+}
+function F(t, e) {
+  return t === "top" || t === "bottom" ? e.left + e.right : e.top + e.bottom;
+}
+function B({
+  alignOffset: t,
+  alignment: e,
+  anchor: i,
+  boundary: h,
+  collisionAvoidance: n,
+  direction: c,
+  padding: o,
+  side: r,
+  sideOffset: m,
+  size: w
+}) {
+  const C = u({
+    alignOffset: t,
+    alignment: e,
+    anchor: i,
+    direction: c,
+    side: r,
+    sideOffset: m,
+    size: w
+  }), S = v(C, w, h, o);
+  let f = r, W = e, x = C;
+  if (n.side === "flip" && M(r, S) > 0) {
+    const g = Y(r), s = u({
+      alignOffset: t,
+      alignment: e,
+      anchor: i,
+      direction: c,
+      side: g,
+      sideOffset: m,
+      size: w
+    }), p = v(
+      s,
+      w,
+      h,
+      o
+    );
+    M(g, p) < M(r, S) && (f = g, x = s);
+  }
+  if (n.alignment === "flip" && e !== "center") {
+    const g = v(
+      x,
+      w,
+      h,
+      o
+    ), s = H(e), p = u({
+      alignOffset: t,
+      alignment: s,
+      anchor: i,
+      direction: c,
+      side: f,
+      sideOffset: m,
+      size: w
+    }), X = v(
+      p,
+      w,
+      h,
+      o
+    );
+    F(f, X) < F(f, g) && (W = s, x = p);
+  }
+  n.alignment === "shift" && (f === "top" || f === "bottom" ? x = {
+    ...x,
+    x: l(
+      x.x,
+      h.x + o,
+      h.x + h.width - w.width - o
+    )
+  } : x = {
+    ...x,
+    y: l(
+      x.y,
+      h.y + o,
+      h.y + h.height - w.height - o
+    )
+  });
+  const P = v(x, w, h, o);
+  return M(f, P) > 0 && (x = {
+    x: l(
+      x.x,
+      h.x + o,
+      h.x + h.width - w.width - o
+    ),
+    y: l(
+      x.y,
+      h.y + o,
+      h.y + h.height - w.height - o
+    )
+  }), {
+    alignment: W,
+    position: x,
+    side: f
+  };
+}
+function E({
+  boundary: t,
+  size: e
+}) {
+  return {
+    x: t.x + (t.width - e.width) / 2,
+    y: t.y + (t.height - e.height) / 2
+  };
+}
+function L({
+  boundary: t,
+  dragHandleHeight: e,
+  padding: i,
+  position: h,
+  size: n
+}) {
+  const c = t.x + i, o = Math.max(
+    c,
+    t.x + t.width - n.width - i
+  ), r = t.y + i, m = Math.min(n.height, e), w = Math.max(
+    r,
+    t.y + t.height - m - i
+  );
+  return {
+    x: l(h.x, c, o),
+    y: l(h.y, r, w)
+  };
+}
+function R(t) {
+  const e = t.getBoundingClientRect();
+  return {
+    x: e.left,
+    y: e.top,
+    width: e.width,
+    height: e.height
+  };
+}
+function O(t) {
+  if (t && t !== "viewport")
+    return R(t);
+  const e = window.visualViewport;
+  return {
+    x: e?.offsetLeft ?? 0,
+    y: e?.offsetTop ?? 0,
+    width: e?.width ?? window.innerWidth,
+    height: e?.height ?? window.innerHeight
+  };
+}
+export {
+  L as constrainFloatingWindowPosition,
+  O as getFloatingWindowBoundaryRect,
+  R as getFloatingWindowRect,
+  B as resolveAnchoredFloatingWindowPosition,
+  E as resolveCenteredFloatingWindowPosition
+};

package/dist/components/FloatingWindow/stack.js

@@ -0,0 +1,31 @@
+function o(n) {
+  return n === !1 ? 0 : 1;
+}
+function d(n, i) {
+  const t = o(i.modality), r = n.findIndex(
+    (e) => o(e.modality) > t
+  );
+  return r === -1 ? [...n, i] : [
+    ...n.slice(0, r),
+    i,
+    ...n.slice(r)
+  ];
+}
+function u(n, i) {
+  const t = n.filter((r) => r.windowId !== i.windowId);
+  return d(t, i);
+}
+function f(n, i) {
+  const t = n.find((e) => e.windowId === i);
+  if (!t) return [...n];
+  const r = n.filter((e) => e.windowId !== i);
+  return d(r, t);
+}
+function w(n, i) {
+  return n.filter((t) => t.windowId !== i);
+}
+export {
+  f as activateFloatingWindow,
+  u as registerFloatingWindow,
+  w as unregisterFloatingWindow
+};

package/dist/components/FloatingWindow.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/FloatingWindow/index'
+export {}
+import _default from '../ui/src/components/FloatingWindow/index'
+export default _default
+export * from '../ui/src/components/FloatingWindow/index'
+export {}

package/dist/components/FloatingWindow.js

@@ -0,0 +1,18 @@
+import { FloatingWindowBody as n, FloatingWindowClose as t, FloatingWindowContent as a, FloatingWindowDescription as d, FloatingWindowDragHandle as g, FloatingWindowFooter as l, FloatingWindowHeader as e, FloatingWindowNavigationSection as w, FloatingWindowRoot as F, FloatingWindowTitle as W, FloatingWindowTrigger as r, ModalWindowRoot as f, default as p } from "./FloatingWindow/FloatingWindow.js";
+import { FloatingWindowManager as m } from "./FloatingWindow/FloatingWindowManager.js";
+export {
+  n as FloatingWindowBody,
+  t as FloatingWindowClose,
+  a as FloatingWindowContent,
+  d as FloatingWindowDescription,
+  g as FloatingWindowDragHandle,
+  l as FloatingWindowFooter,
+  e as FloatingWindowHeader,
+  m as FloatingWindowManager,
+  w as FloatingWindowNavigationSection,
+  F as FloatingWindowRoot,
+  W as FloatingWindowTitle,
+  r as FloatingWindowTrigger,
+  f as ModalWindowRoot,
+  p as default
+};