@synnaxlabs/pluto 0.53.2 → 0.54.0

package/dist/Menu-BZ6ZGIv3.cjs

@@ -1 +0,0 @@
-"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-B_N04fe6.cjs"),b=require("./Box-CNUz5BsV.cjs");require("./Copy-BgRUUzWz.cjs");const q=require("./Text-XHBXXDRS.cjs"),M=require("./Editable-HUPqTaui.cjs");require("./types-DI2vtOGs.cjs");require("./Provider-cSwm-2e_.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;

package/dist/Menu-CniMpPmC.js

@@ -1,139 +0,0 @@
-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-CO--9HPM.js";
-import { a as w } from "./Box-Bi280MYh.js";
-import "./Copy-COWBkO_v.js";
-import { c as B } from "./Text-2MISZsc5.js";
-import { b as F } from "./Editable-C17ILP50.js";
-import "./types-CGRCBVD4.js";
-import "./Provider-jFWpR0CX.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
-};