@synnaxlabs/pluto 0.47.1 → 0.49.0

package/dist/Menu-BYca9tGe.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsx-runtime-nZSsnGb7.cjs"),t=require("./css-BVgFAmaj.cjs"),a=require("react"),p=require("react-dom"),T=require("./Animated-D-pQ3CYh.cjs"),N=require("./Box-4l6DWG-3.cjs");require("./Button-D5aoG3sV.cjs");const R=require("./Text-DeWvfrdF.cjs");require("./Editable-DI0-D1K5.cjs");require("./types-8-Mr79SF.cjs");require("./Provider-DBg-Li_7.cjs");const f={visible:!1,position:t.Nu.ZERO,cursor:t.Nu.ZERO,keys:[]},x=t.CSS.BE("menu-context","container"),I=n=>{let e=n;for(;!e.classList.contains(T.CONTEXT_TARGET);){if(e.classList.contains(x)||e.parentElement==null)return n;e=e.parentElement}return e.classList.contains(T.CONTEXT_TARGET)?e:n},M=n=>{const e=I(n);if(e==null)return[];const s=Array.from(e.parentElement?.querySelectorAll(`.${T.CONTEXT_SELECTED}`)??[]);return s.includes(e)?s:[e]},_=[{targetCorner:t.Iu.BOTTOM_RIGHT,dialogCorner:t.Iu.TOP_LEFT},{targetCorner:t.Iu.BOTTOM_LEFT,dialogCorner:t.Iu.TOP_RIGHT},{targetCorner:t.Iu.TOP_RIGHT,dialogCorner:t.Iu.BOTTOM_LEFT},{targetCorner:t.Iu.TOP_LEFT,dialogCorner:t.Iu.BOTTOM_RIGHT}],S=()=>{const n=a.useRef(null),[e,s]=a.useState(f),E=a.useCallback((r,u)=>{const o=t.Nu.construct(r);if(typeof r=="object"&&"preventDefault"in r){r.preventDefault(),r.stopPropagation();const l=M(r.target);u??=t.yu.unique(l.map(C=>C.id).filter(C=>C.length>0))}else u=[];s({visible:!0,keys:u,position:o,cursor:o})},[]),c=a.useCallback(r=>{n.current=r,r!=null&&s(u=>{if(!u.visible)return u;const{adjustedDialog:o}=T.position({container:t.vu.construct(0,0,window.innerWidth,window.innerHeight),dialog:t.vu.construct(r),target:t.vu.construct(u.cursor,0,0),prefer:_}),l=t.vu.topLeft(o);return t.Nu.equals(u.position,l)?u:{...u,position:l}})},[]),i=()=>s(f);return T.useClickOutside({ref:n,onClickOutside:i}),{...e,close:i,open:E,ref:c,className:x}},q=({ref:n,menu:e,visible:s,open:E,close:c,position:i,keys:r,className:u,cursor:o,style:l,onClick:C,...O})=>s?p.createPortal(d.jsxRuntimeExports.jsx(N.Box$1,{className:t.CSS(T.CONTEXT_MENU_CLASS,t.CSS.bordered()),ref:n,style:{...t.Nu.css(i),...l},onClick:m=>{c(),C?.(m)},gap:"tiny",...O,children:e?.({keys:r,visible:s,position:i,cursor:o})}),document.body):null,j=({menu:n,children:e,...s})=>d.jsxRuntimeExports.jsxs(d.jsxRuntimeExports.Fragment,{children:[d.jsxRuntimeExports.jsx(q,{menu:n,...s}),e]}),[L,g]=R.create({defaultValue:{onClick:()=>{},selected:""},displayName:"Menu.Context"}),A=({children:n,onChange:e,level:s,gap:E,background:c,value:i=""})=>{const r=a.useCallback(o=>{typeof e=="function"?e(o):e&&o in e&&e[o](o)},[e]),u=a.useMemo(()=>({onClick:r,selected:i,level:s,gap:E,background:c}),[i,r,s,E,c]);return d.jsxRuntimeExports.jsx(L,{value:u,children:n})};exports.ContextMenu=j;exports.Menu=A;exports.useContext=g;exports.useContextMenu=S;

package/dist/Menu-CQsrN_mP.js

@@ -0,0 +1,134 @@
+import { j as T } from "./jsx-runtime-BbD0H88J.js";
+import { N as m, C as p, I as a, y as M, v as d } from "./css-bahPRiQI.js";
+import { useRef as R, useState as I, useCallback as C, useMemo as L } from "react";
+import { createPortal as S } from "react-dom";
+import { a as g, e as j, c as P, C as A, d as E } from "./Animated-38tdmPR0.js";
+import { a as b } from "./Box-BVyAHr2f.js";
+import "./Button-CoOYEk1J.js";
+import { c as y } from "./Text-90J6p5Uj.js";
+import "./Editable-DEbVpi5i.js";
+import "./types-DGaZ_JZb.js";
+import "./Provider-DQM7IBoi.js";
+const O = {
+  visible: !1,
+  position: m.ZERO,
+  cursor: m.ZERO,
+  keys: []
+}, x = p.BE("menu-context", "container"), B = (e) => {
+  let t = e;
+  for (; !t.classList.contains(E); ) {
+    if (t.classList.contains(x) || t.parentElement == null) return e;
+    t = t.parentElement;
+  }
+  return t.classList.contains(E) ? t : e;
+}, F = (e) => {
+  const t = B(e);
+  if (t == null) return [];
+  const r = Array.from(
+    t.parentElement?.querySelectorAll(`.${P}`) ?? []
+  );
+  return r.includes(t) ? r : [t];
+}, w = [
+  { targetCorner: a.BOTTOM_RIGHT, dialogCorner: a.TOP_LEFT },
+  { targetCorner: a.BOTTOM_LEFT, dialogCorner: a.TOP_RIGHT },
+  { targetCorner: a.TOP_RIGHT, dialogCorner: a.BOTTOM_LEFT },
+  { targetCorner: a.TOP_LEFT, dialogCorner: a.BOTTOM_RIGHT }
+], z = () => {
+  const e = R(null), [t, r] = I(O), l = C((n, o) => {
+    const s = m.construct(n);
+    if (typeof n == "object" && "preventDefault" in n) {
+      n.preventDefault(), n.stopPropagation();
+      const u = F(n.target);
+      o ??= M.unique(u.map((f) => f.id).filter((f) => f.length > 0));
+    } else o = [];
+    r({ visible: !0, keys: o, position: s, cursor: s });
+  }, []), c = C((n) => {
+    e.current = n, n != null && r((o) => {
+      if (!o.visible) return o;
+      const { adjustedDialog: s } = g({
+        container: d.construct(0, 0, window.innerWidth, window.innerHeight),
+        dialog: d.construct(n),
+        target: d.construct(o.cursor, 0, 0),
+        prefer: w
+      }), u = d.topLeft(s);
+      return m.equals(o.position, u) ? o : { ...o, position: u };
+    });
+  }, []), i = () => r(O);
+  return j({ ref: e, onClickOutside: i }), {
+    ...t,
+    close: i,
+    open: l,
+    ref: c,
+    className: x
+  };
+}, G = ({
+  ref: e,
+  menu: t,
+  visible: r,
+  open: l,
+  close: c,
+  position: i,
+  keys: n,
+  className: o,
+  cursor: s,
+  style: u,
+  onClick: f,
+  ...N
+}) => r ? S(
+  /* @__PURE__ */ T.jsx(
+    b,
+    {
+      className: p(A, p.bordered()),
+      ref: e,
+      style: { ...m.css(i), ...u },
+      onClick: (_) => {
+        c(), f?.(_);
+      },
+      gap: "tiny",
+      ...N,
+      children: t?.({ keys: n, visible: r, position: i, cursor: s })
+    }
+  ),
+  document.body
+) : null, J = ({
+  menu: e,
+  children: t,
+  ...r
+}) => /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+  /* @__PURE__ */ T.jsx(G, { menu: e, ...r }),
+  t
+] }), [H, K] = y({
+  defaultValue: { onClick: () => {
+  }, selected: "" },
+  displayName: "Menu.Context"
+}), Q = ({
+  children: e,
+  onChange: t,
+  level: r,
+  gap: l,
+  background: c,
+  value: i = ""
+}) => {
+  const n = C(
+    (s) => {
+      typeof t == "function" ? t(s) : t && s in t && t[s](s);
+    },
+    [t]
+  ), o = L(
+    () => ({
+      onClick: n,
+      selected: i,
+      level: r,
+      gap: l,
+      background: c
+    }),
+    [i, n, r, l, c]
+  );
+  return /* @__PURE__ */ T.jsx(H, { value: o, children: e });
+};
+export {
+  J as C,
+  Q as M,
+  z as a,
+  K as u
+};