@synnaxlabs/pluto 0.46.7 → 0.47.0

package/dist/Menu-D-uhqnfk.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-Dszzpdy0.cjs"),t=require("./css-HnNQMUzV.cjs"),c=require("react"),R=require("react-dom"),C=require("./Animated-Ck-9v2gm.cjs"),m=require("./Box-BvqALodh.cjs");require("./Button-C3dvpk52.cjs");require("./Text-DECnk5vG.cjs");require("./Editable-BXFY3-UW.cjs");require("./types-D-yz1qsT.cjs");require("./Provider-575hnWmi.cjs");require("./provider-lNhTlIWj.cjs");const E={visible:!1,position:t.Q.ZERO,cursor:t.Q.ZERO,keys:[]},O=t.CSS.BE("menu-context","container"),_=n=>{let e=n;for(;!e.classList.contains(C.CONTEXT_TARGET);){if(e.classList.contains(O)||e.parentElement==null)return n;e=e.parentElement}return e.classList.contains(C.CONTEXT_TARGET)?e:n},M=n=>{const e=_(n);if(e==null)return[];const r=Array.from(e.parentElement?.querySelectorAll(`.${C.CONTEXT_SELECTED}`)??[]);return r.includes(e)?r:[e]},q=[{targetCorner:t.K.BOTTOM_RIGHT,dialogCorner:t.K.TOP_LEFT},{targetCorner:t.K.BOTTOM_LEFT,dialogCorner:t.K.TOP_RIGHT},{targetCorner:t.K.TOP_RIGHT,dialogCorner:t.K.BOTTOM_LEFT},{targetCorner:t.K.TOP_LEFT,dialogCorner:t.K.BOTTOM_RIGHT}],N=()=>{const n=c.useRef(null),[e,r]=c.useState(E),l=c.useCallback((s,o)=>{const i=t.Q.construct(s);if(typeof s=="object"&&"preventDefault"in s){s.preventDefault(),s.stopPropagation();const d=M(s.target);o??=t.c.unique(d.map(x=>x.id).filter(x=>x.length>0))}else o=[];r({visible:!0,keys:o,position:i,cursor:i})},[]),T=c.useCallback(s=>{n.current=s,s!=null&&r(o=>{if(!o.visible)return o;const{adjustedDialog:i}=C.position({container:t.jt.construct(0,0,window.innerWidth,window.innerHeight),dialog:t.jt.construct(s),target:t.jt.construct(o.cursor,0,0),prefer:q}),d=t.jt.topLeft(i);return t.Q.equals(o.position,d)?o:{...o,position:d}})},[]),u=()=>r(E);return C.useClickOutside({ref:n,onClickOutside:u}),{...e,close:u,open:l,ref:T,className:O}},b=({ref:n,menu:e,visible:r,open:l,close:T,position:u,keys:s,className:o,cursor:i,style:d,onClick:x,...p})=>r?R.createPortal(a.jsxRuntimeExports.jsx(m.Box$1,{className:t.CSS(C.CONTEXT_MENU_CLASS,t.CSS.bordered()),ref:n,style:{...t.Q.css(u),...d},onClick:j=>{T(),x?.(j)},gap:"tiny",...p,children:e?.({keys:s,visible:r,position:u,cursor:i})}),document.body):null,g=({menu:n,children:e,...r})=>a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx(b,{menu:n,...r}),e]}),f=({className:n,padded:e=!1,color:r,...l})=>(e===!0&&(e="center"),a.jsxRuntimeExports.jsx(m.Box$1,{className:t.CSS(t.CSS.B("divider"),e!==!1&&t.CSS.BM("divider","padded"),typeof e=="string"&&t.CSS.loc(e),n),borderColor:r,color:r,...l})),D=Object.freeze(Object.defineProperty({__proto__:null,Divider:f},Symbol.toStringTag,{value:"Module"})),S=c.createContext({onClick:()=>{},selected:""}),L=()=>c.use(S),v=({children:n,onChange:e,level:r,gap:l,background:T,value:u=""})=>{const s=c.useCallback(i=>{typeof e=="function"?e(i):e&&i in e&&e[i](i)},[e]),o=c.useMemo(()=>({onClick:s,selected:u,level:r,gap:l,background:T}),[u,s,r,l,T]);return a.jsxRuntimeExports.jsx(S,{value:o,children:n})},B=()=>a.jsxRuntimeExports.jsx(f,{x:!0,padded:!0});exports.ContextMenu=g;exports.Divider=B;exports.Divider$1=f;exports.Divider$2=D;exports.Menu=v;exports.useContext=L;exports.useContextMenu=N;

package/dist/Menu-DqkB9vpH.js

@@ -0,0 +1,156 @@
+import { j as u } from "./jsx-runtime-OVHDjVDe.js";
+import { Q as d, C as l, K as c, c as S, j as p } from "./css-D6ZBcSwh.js";
+import { useRef as b, useState as g, useCallback as C, createContext as L, use as D, useMemo as I } from "react";
+import { createPortal as P } from "react-dom";
+import { c as B, e as v, a as A, C as y, b as E } from "./Animated-M9ynNzcI.js";
+import { a as x } from "./Box-D5Qv__kr.js";
+import "./Button-BFoGC4WW.js";
+import "./Text-BzTkWLeU.js";
+import "./Editable-CxgdRDPb.js";
+import "./types-BNX_Jj6k.js";
+import "./Provider--RxgAoVG.js";
+import "./provider-C8In649C.js";
+const O = {
+  visible: !1,
+  position: d.ZERO,
+  cursor: d.ZERO,
+  keys: []
+}, _ = l.BE("menu-context", "container"), F = (e) => {
+  let t = e;
+  for (; !t.classList.contains(E); ) {
+    if (t.classList.contains(_) || t.parentElement == null) return e;
+    t = t.parentElement;
+  }
+  return t.classList.contains(E) ? t : e;
+}, w = (e) => {
+  const t = F(e);
+  if (t == null) return [];
+  const r = Array.from(
+    t.parentElement?.querySelectorAll(`.${A}`) ?? []
+  );
+  return r.includes(t) ? r : [t];
+}, G = [
+  { targetCorner: c.BOTTOM_RIGHT, dialogCorner: c.TOP_LEFT },
+  { targetCorner: c.BOTTOM_LEFT, dialogCorner: c.TOP_RIGHT },
+  { targetCorner: c.TOP_RIGHT, dialogCorner: c.BOTTOM_LEFT },
+  { targetCorner: c.TOP_LEFT, dialogCorner: c.BOTTOM_RIGHT }
+], J = () => {
+  const e = b(null), [t, r] = g(O), a = C((n, o) => {
+    const s = d.construct(n);
+    if (typeof n == "object" && "preventDefault" in n) {
+      n.preventDefault(), n.stopPropagation();
+      const T = w(n.target);
+      o ??= S.unique(T.map((m) => m.id).filter((m) => m.length > 0));
+    } else o = [];
+    r({ visible: !0, keys: o, position: s, cursor: s });
+  }, []), f = C((n) => {
+    e.current = n, n != null && r((o) => {
+      if (!o.visible) return o;
+      const { adjustedDialog: s } = B({
+        container: p.construct(0, 0, window.innerWidth, window.innerHeight),
+        dialog: p.construct(n),
+        target: p.construct(o.cursor, 0, 0),
+        prefer: G
+      }), T = p.topLeft(s);
+      return d.equals(o.position, T) ? o : { ...o, position: T };
+    });
+  }, []), i = () => r(O);
+  return v({ ref: e, onClickOutside: i }), {
+    ...t,
+    close: i,
+    open: a,
+    ref: f,
+    className: _
+  };
+}, H = ({
+  ref: e,
+  menu: t,
+  visible: r,
+  open: a,
+  close: f,
+  position: i,
+  keys: n,
+  className: o,
+  cursor: s,
+  style: T,
+  onClick: m,
+  ...N
+}) => r ? P(
+  /* @__PURE__ */ u.jsx(
+    x,
+    {
+      className: l(y, l.bordered()),
+      ref: e,
+      style: { ...d.css(i), ...T },
+      onClick: (R) => {
+        f(), m?.(R);
+      },
+      gap: "tiny",
+      ...N,
+      children: t?.({ keys: n, visible: r, position: i, cursor: s })
+    }
+  ),
+  document.body
+) : null, Y = ({
+  menu: e,
+  children: t,
+  ...r
+}) => /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+  /* @__PURE__ */ u.jsx(H, { menu: e, ...r }),
+  t
+] }), M = ({
+  className: e,
+  padded: t = !1,
+  color: r,
+  ...a
+}) => (t === !0 && (t = "center"), /* @__PURE__ */ u.jsx(
+  x,
+  {
+    className: l(
+      l.B("divider"),
+      t !== !1 && l.BM("divider", "padded"),
+      typeof t == "string" && l.loc(t),
+      e
+    ),
+    borderColor: r,
+    color: r,
+    ...a
+  }
+)), tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Divider: M
+}, Symbol.toStringTag, { value: "Module" })), j = L({ onClick: () => {
+}, selected: "" }), et = () => D(j), rt = ({
+  children: e,
+  onChange: t,
+  level: r,
+  gap: a,
+  background: f,
+  value: i = ""
+}) => {
+  const n = C(
+    (s) => {
+      typeof t == "function" ? t(s) : t && s in t && t[s](s);
+    },
+    [t]
+  ), o = I(
+    () => ({
+      onClick: n,
+      selected: i,
+      level: r,
+      gap: a,
+      background: f
+    }),
+    [i, n, r, a, f]
+  );
+  return /* @__PURE__ */ u.jsx(j, { value: o, children: e });
+}, nt = () => /* @__PURE__ */ u.jsx(M, { x: !0, padded: !0 });
+export {
+  Y as C,
+  nt as D,
+  rt as M,
+  J as a,
+  M as b,
+  tt as c,
+  et as u
+};