@synnaxlabs/pluto 0.52.4 → 0.52.5

package/dist/Menu-C2vz25UP.js

@@ -0,0 +1,139 @@
+import { j as T } from "./jsx-runtime-tc70JA_2.js";
+import { xy as p, location as r, unique as _, box as C } from "@synnaxlabs/x";
+import { useRef as M, useState as b, useCallback as E, useMemo as N } from "react";
+import { createPortal as g } from "react-dom";
+import { C as O } from "./css-D90kZTM8.js";
+import { a as S, e as L, f as I, g as P, c as j, C as y, d as A } from "./Animated-BU-7FzeV.js";
+import { a as w } from "./Box-Bi280MYh.js";
+import "./Copy-eucLPEWo.js";
+import { c as B } from "./Text-BIGgPTpY.js";
+import { b as F } from "./Editable-C17ILP50.js";
+import "./types-CGRCBVD4.js";
+import "./Provider-CfgP1iWx.js";
+const x = {
+  visible: !1,
+  position: p.ZERO,
+  cursor: p.ZERO,
+  keys: []
+}, R = O.BE("menu-context", "container"), G = (n) => {
+  let t = n;
+  for (; !t.classList.contains(A); ) {
+    if (t.classList.contains(R) || t.parentElement == null) return n;
+    t = t.parentElement;
+  }
+  return t;
+}, H = (n) => {
+  const t = G(n);
+  if (t == null) return [];
+  const o = Array.from(
+    t.parentElement?.querySelectorAll(`.${j}`) ?? []
+  );
+  return o.includes(t) ? o : [t];
+}, k = [
+  { targetCorner: r.BOTTOM_RIGHT, dialogCorner: r.TOP_LEFT },
+  { targetCorner: r.BOTTOM_LEFT, dialogCorner: r.TOP_RIGHT },
+  { targetCorner: r.TOP_RIGHT, dialogCorner: r.BOTTOM_LEFT },
+  { targetCorner: r.TOP_LEFT, dialogCorner: r.BOTTOM_RIGHT }
+], Y = () => {
+  const n = M(null), [t, o] = b(x), m = E((e) => {
+    const s = p.construct(e);
+    let u = [];
+    if (typeof e == "object" && "preventDefault" in e) {
+      e.preventDefault(), e.stopPropagation();
+      const f = H(e.target);
+      u = _.unique(f.map((d) => d.id).filter((d) => d.length > 0));
+    }
+    o({ visible: !0, keys: u, position: s, cursor: s });
+  }, []), i = E(() => {
+    const e = n.current;
+    e != null && o((s) => {
+      if (!s.visible) return s;
+      const { adjustedDialog: u } = S({
+        container: C.construct(0, 0, window.innerWidth, window.innerHeight),
+        dialog: C.construct(e),
+        target: C.construct(s.cursor, 0, 0),
+        prefer: k
+      }), f = C.topLeft(u);
+      return p.equals(s.position, f) ? s : { ...s, position: f };
+    });
+  }, []), c = L(i, { enabled: t.visible }), a = F(n, c);
+  I(i, { enabled: t.visible });
+  const l = () => o(x);
+  return P({ ref: n, onClickOutside: l }), {
+    ...t,
+    close: l,
+    open: m,
+    ref: a,
+    className: R
+  };
+}, q = ({
+  ref: n,
+  menu: t,
+  visible: o,
+  open: m,
+  close: i,
+  position: c,
+  keys: a,
+  className: l,
+  cursor: e,
+  style: s,
+  onClick: u,
+  ...f
+}) => o ? g(
+  /* @__PURE__ */ T.jsx(
+    w,
+    {
+      className: O(y, O.bordered(), l),
+      ref: n,
+      style: { ...p.css(c), ...s },
+      onClick: (d) => {
+        i(), u?.(d);
+      },
+      gap: "tiny",
+      ...f,
+      children: t?.({ keys: a, visible: o, position: c, cursor: e })
+    }
+  ),
+  document.body
+) : null, tt = ({
+  menu: n,
+  children: t,
+  ...o
+}) => /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+  /* @__PURE__ */ T.jsx(q, { menu: n, ...o }),
+  t
+] }), [D, et] = B({
+  defaultValue: { onClick: () => {
+  }, selected: "" },
+  displayName: "Menu.Context"
+}), nt = ({
+  children: n,
+  onChange: t,
+  level: o,
+  gap: m,
+  background: i,
+  value: c = ""
+}) => {
+  const a = E(
+    (e) => {
+      typeof t == "function" ? t(e) : t && e in t && t[e](e);
+    },
+    [t]
+  ), l = N(
+    () => ({
+      onClick: a,
+      selected: c,
+      level: o,
+      gap: m,
+      background: i
+    }),
+    [c, a, o, m, i]
+  );
+  return /* @__PURE__ */ T.jsx(D, { value: l, children: n });
+};
+export {
+  tt as C,
+  nt as M,
+  Y as a,
+  et as u
+};

package/dist/Menu-ZISpSd-o.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("./jsx-runtime-nZSsnGb7.cjs"),t=require("@synnaxlabs/x"),T=require("react"),p=require("react-dom"),R=require("./css-CloSmhZB.cjs"),u=require("./Animated-C4AcIYpH.cjs"),b=require("./Box-CNUz5BsV.cjs");require("./Copy-6Mur4EW2.cjs");const q=require("./Text-_KoMj9Wf.cjs"),M=require("./Editable-HUPqTaui.cjs");require("./types-DI2vtOGs.cjs");require("./Provider-B1JpVCIg.cjs");const m={visible:!1,position:t.xy.ZERO,cursor:t.xy.ZERO,keys:[]},O=R.CSS.BE("menu-context","container"),S=o=>{let e=o;for(;!e.classList.contains(u.CONTEXT_TARGET);){if(e.classList.contains(O)||e.parentElement==null)return o;e=e.parentElement}return e},_=o=>{const e=S(o);if(e==null)return[];const s=Array.from(e.parentElement?.querySelectorAll(`.${u.CONTEXT_SELECTED}`)??[]);return s.includes(e)?s:[e]},N=[{targetCorner:t.location.BOTTOM_RIGHT,dialogCorner:t.location.TOP_LEFT},{targetCorner:t.location.BOTTOM_LEFT,dialogCorner:t.location.TOP_RIGHT},{targetCorner:t.location.TOP_RIGHT,dialogCorner:t.location.BOTTOM_LEFT},{targetCorner:t.location.TOP_LEFT,dialogCorner:t.location.BOTTOM_RIGHT}],j=()=>{const o=T.useRef(null),[e,s]=T.useState(m),E=T.useCallback(n=>{const r=t.xy.construct(n);let x=[];if(typeof n=="object"&&"preventDefault"in n){n.preventDefault(),n.stopPropagation();const d=_(n.target);x=t.unique.unique(d.map(f=>f.id).filter(f=>f.length>0))}s({visible:!0,keys:x,position:r,cursor:r})},[]),i=T.useCallback(()=>{const n=o.current;n!=null&&s(r=>{if(!r.visible)return r;const{adjustedDialog:x}=u.position({container:t.box.construct(0,0,window.innerWidth,window.innerHeight),dialog:t.box.construct(n),target:t.box.construct(r.cursor,0,0),prefer:N}),d=t.box.topLeft(x);return t.xy.equals(r.position,d)?r:{...r,position:d}})},[]),c=u.useResize(i,{enabled:e.visible}),l=M.useCombinedRefs(o,c);u.useWindowResize(i,{enabled:e.visible});const a=()=>s(m);return u.useClickOutside({ref:o,onClickOutside:a}),{...e,close:a,open:E,ref:l,className:O}},y=({ref:o,menu:e,visible:s,open:E,close:i,position:c,keys:l,className:a,cursor:n,style:r,onClick:x,...d})=>s?p.createPortal(C.jsxRuntimeExports.jsx(b.Box$1,{className:R.CSS(u.CONTEXT_MENU_CLASS,R.CSS.bordered(),a),ref:o,style:{...t.xy.css(c),...r},onClick:f=>{i(),x?.(f)},gap:"tiny",...d,children:e?.({keys:l,visible:s,position:c,cursor:n})}),document.body):null,g=({menu:o,children:e,...s})=>C.jsxRuntimeExports.jsxs(C.jsxRuntimeExports.Fragment,{children:[C.jsxRuntimeExports.jsx(y,{menu:o,...s}),e]}),[L,I]=q.create({defaultValue:{onClick:()=>{},selected:""},displayName:"Menu.Context"}),P=({children:o,onChange:e,level:s,gap:E,background:i,value:c=""})=>{const l=T.useCallback(n=>{typeof e=="function"?e(n):e&&n in e&&e[n](n)},[e]),a=T.useMemo(()=>({onClick:l,selected:c,level:s,gap:E,background:i}),[c,l,s,E,i]);return C.jsxRuntimeExports.jsx(L,{value:a,children:o})};exports.ContextMenu=g;exports.Menu=P;exports.useContext=I;exports.useContextMenu=j;