@synnaxlabs/pluto 0.53.2 → 0.54.0

package/dist/list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-B2YeNEwd.cjs");exports.List=e.external;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./list-DacuSBB3.cjs`);Object.defineProperty(exports,`List`,{enumerable:!0,get:function(){return e.t}});

package/dist/list.js

@@ -1,4 +1,2 @@
-import { e as r } from "./external-DysGdnTb.js";
-export {
-  r as List
-};
+import { t as e } from "./list-dZDsxTzd.js";
+export { e as List };

package/dist/menu-eeXfR_zT.js

@@ -0,0 +1,170 @@
+import { n as e } from "./chunk-DeC0fbbY.js";
+import { It as t } from "./triggers-DDlalLoO.js";
+import { m as n, p as r, x as i } from "./theming-Blgv4Cvi.js";
+import { s as a } from "./text-Dd6wYgQM.js";
+import { n as o } from "./css-UEo6g0SR.js";
+import { n as s } from "./flex-Bgtu0DK6.js";
+import { i as c } from "./button-KtgabnXL.js";
+import { c as l, d as u, l as d, u as f } from "./dialog-ClQI4sHo.js";
+import { t as p } from "./divider-BYRH8-5K.js";
+import { box as m, location as h, unique as g, xy as _ } from "@synnaxlabs/x";
+import { useCallback as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { createPortal as T } from "react-dom";
+//#region src/menu/ContextMenu.tsx
+var E = {
+	visible: !1,
+	position: _.ZERO,
+	cursor: _.ZERO,
+	keys: []
+}, D = o.BE("menu-context", "container"), O = (e) => {
+	let t = e;
+	for (; !t.classList.contains(f);) {
+		if (t.classList.contains(D) || t.parentElement == null) return e;
+		t = t.parentElement;
+	}
+	return t;
+}, k = (e) => {
+	let t = O(e);
+	if (t == null) return [];
+	let n = Array.from(t.parentElement?.querySelectorAll(`.${d}`) ?? []);
+	return n.includes(t) ? n : [t];
+}, A = [
+	{
+		targetCorner: h.BOTTOM_RIGHT,
+		dialogCorner: h.TOP_LEFT
+	},
+	{
+		targetCorner: h.BOTTOM_LEFT,
+		dialogCorner: h.TOP_RIGHT
+	},
+	{
+		targetCorner: h.TOP_RIGHT,
+		dialogCorner: h.BOTTOM_LEFT
+	},
+	{
+		targetCorner: h.TOP_LEFT,
+		dialogCorner: h.BOTTOM_RIGHT
+	}
+], j = () => {
+	let e = b(null), [t, o] = x(E), s = v((e) => {
+		let t = _.construct(e), n = [];
+		if (typeof e == "object" && "preventDefault" in e) {
+			e.preventDefault(), e.stopPropagation();
+			let t = k(e.target);
+			n = g.unique(t.map((e) => e.id).filter((e) => e.length > 0));
+		}
+		o({
+			visible: !0,
+			keys: n,
+			position: t,
+			cursor: t
+		});
+	}, []), c = v(() => {
+		let t = e.current;
+		t != null && o((e) => {
+			if (!e.visible) return e;
+			let { adjustedDialog: n } = u({
+				container: m.construct(0, 0, window.innerWidth, window.innerHeight),
+				dialog: m.construct(t),
+				target: m.construct(e.cursor, 0, 0),
+				prefer: A
+			}), r = m.topLeft(n);
+			return _.equals(e.position, r) ? e : {
+				...e,
+				position: r
+			};
+		});
+	}, []), l = a(e, r(c, { enabled: t.visible }));
+	n(c, { enabled: t.visible });
+	let d = () => o(E);
+	return i({
+		ref: e,
+		onClickOutside: d
+	}), {
+		...t,
+		close: d,
+		open: s,
+		ref: l,
+		className: D
+	};
+}, M = ({ ref: e, menu: t, visible: n, open: r, close: i, position: a, keys: c, className: u, cursor: d, style: f, onClick: p, ...m }) => n ? T(/* @__PURE__ */ C(s, {
+	className: o(l, o.bordered(), u),
+	ref: e,
+	style: {
+		..._.css(a),
+		...f
+	},
+	onClick: (e) => {
+		i(), p?.(e);
+	},
+	gap: "tiny",
+	...m,
+	children: t?.({
+		keys: c,
+		visible: n,
+		position: a,
+		cursor: d
+	})
+}), document.body) : null, N = ({ menu: e, children: t, ...n }) => /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(M, {
+	menu: e,
+	...n
+}), t] }), P = () => /* @__PURE__ */ C(p, {
+	className: o.BE("menu", "divider"),
+	x: !0,
+	padded: !0
+}), [F, I] = t({
+	defaultValue: {
+		onClick: () => {},
+		selected: ""
+	},
+	displayName: "Menu.Context"
+}), L = ({ children: e, onChange: t, level: n, gap: r, background: i, value: a = "" }) => {
+	let o = v((e) => {
+		typeof t == "function" ? t(e) : t && e in t && t[e](e);
+	}, [t]);
+	return /* @__PURE__ */ C(F, {
+		value: y(() => ({
+			onClick: o,
+			selected: a,
+			level: n,
+			gap: r,
+			background: i
+		}), [
+			a,
+			o,
+			n,
+			r,
+			i
+		]),
+		children: e
+	});
+}, R = ({ itemKey: e, className: t, onClick: n, size: r, ...i }) => {
+	let { onClick: a, selected: s, level: l = "p", gap: u, background: d } = I(), f = (t) => {
+		a(e), n?.(t);
+	}, p = s === e;
+	return /* @__PURE__ */ C(c, {
+		contrast: d,
+		level: l,
+		overflow: "nowrap",
+		onClick: f,
+		variant: "text",
+		className: o(o.B("menu-item"), o.selected(p), t),
+		size: r,
+		gap: u,
+		propagateClick: !0,
+		...i
+	});
+}, z = /* @__PURE__ */ e({
+	CONTEXT_MENU_CLASS: () => l,
+	CONTEXT_SELECTED: () => d,
+	CONTEXT_TARGET: () => f,
+	ContextMenu: () => N,
+	Divider: () => P,
+	Item: () => R,
+	Menu: () => L,
+	useContext: () => I,
+	useContextMenu: () => j
+});
+//#endregion
+export { N as n, j as r, z as t };

package/dist/menu-yADx33I8.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-FeXHwk1_.cjs`),t=require(`./triggers-AqBSAR_T.cjs`),n=require(`./theming-KFfFjsRJ.cjs`),r=require(`./text-n3Fetdk6.cjs`),i=require(`./css-Ce-x3HcK.cjs`),a=require(`./flex-D_GoD3ed.cjs`),o=require(`./button-DBdzH6Ky.cjs`),s=require(`./dialog-BTCrp5Yv.cjs`),c=require(`./divider-CEyntx31.cjs`);let l=require(`@synnaxlabs/x`),u=require(`react`),d=require(`react/jsx-runtime`),f=require(`react-dom`);var p={visible:!1,position:l.xy.ZERO,cursor:l.xy.ZERO,keys:[]},m=i.n.BE(`menu-context`,`container`),h=e=>{let t=e;for(;!t.classList.contains(s.u);){if(t.classList.contains(m)||t.parentElement==null)return e;t=t.parentElement}return t},g=e=>{let t=h(e);if(t==null)return[];let n=Array.from(t.parentElement?.querySelectorAll(`.${s.l}`)??[]);return n.includes(t)?n:[t]},_=[{targetCorner:l.location.BOTTOM_RIGHT,dialogCorner:l.location.TOP_LEFT},{targetCorner:l.location.BOTTOM_LEFT,dialogCorner:l.location.TOP_RIGHT},{targetCorner:l.location.TOP_RIGHT,dialogCorner:l.location.BOTTOM_LEFT},{targetCorner:l.location.TOP_LEFT,dialogCorner:l.location.BOTTOM_RIGHT}],v=()=>{let e=(0,u.useRef)(null),[t,i]=(0,u.useState)(p),a=(0,u.useCallback)(e=>{let t=l.xy.construct(e),n=[];if(typeof e==`object`&&`preventDefault`in e){e.preventDefault(),e.stopPropagation();let t=g(e.target);n=l.unique.unique(t.map(e=>e.id).filter(e=>e.length>0))}i({visible:!0,keys:n,position:t,cursor:t})},[]),o=(0,u.useCallback)(()=>{let t=e.current;t!=null&&i(e=>{if(!e.visible)return e;let{adjustedDialog:n}=s.d({container:l.box.construct(0,0,window.innerWidth,window.innerHeight),dialog:l.box.construct(t),target:l.box.construct(e.cursor,0,0),prefer:_}),r=l.box.topLeft(n);return l.xy.equals(e.position,r)?e:{...e,position:r}})},[]),c=r.s(e,n.p(o,{enabled:t.visible}));n.m(o,{enabled:t.visible});let d=()=>i(p);return n.x({ref:e,onClickOutside:d}),{...t,close:d,open:a,ref:c,className:m}},y=({ref:e,menu:t,visible:n,open:r,close:o,position:c,keys:u,className:p,cursor:m,style:h,onClick:g,..._})=>n?(0,f.createPortal)((0,d.jsx)(a.n,{className:i.n(s.c,i.n.bordered(),p),ref:e,style:{...l.xy.css(c),...h},onClick:e=>{o(),g?.(e)},gap:`tiny`,..._,children:t?.({keys:u,visible:n,position:c,cursor:m})}),document.body):null,b=({menu:e,children:t,...n})=>(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(y,{menu:e,...n}),t]}),x=()=>(0,d.jsx)(c.t,{className:i.n.BE(`menu`,`divider`),x:!0,padded:!0}),[S,C]=t.It({defaultValue:{onClick:()=>{},selected:``},displayName:`Menu.Context`}),w=({children:e,onChange:t,level:n,gap:r,background:i,value:a=``})=>{let o=(0,u.useCallback)(e=>{typeof t==`function`?t(e):t&&e in t&&t[e](e)},[t]);return(0,d.jsx)(S,{value:(0,u.useMemo)(()=>({onClick:o,selected:a,level:n,gap:r,background:i}),[a,o,n,r,i]),children:e})},T=({itemKey:e,className:t,onClick:n,size:r,...a})=>{let{onClick:s,selected:c,level:l=`p`,gap:u,background:f}=C(),p=t=>{s(e),n?.(t)},m=c===e;return(0,d.jsx)(o.i,{contrast:f,level:l,overflow:`nowrap`,onClick:p,variant:`text`,className:i.n(i.n.B(`menu-item`),i.n.selected(m),t),size:r,gap:u,propagateClick:!0,...a})},E=e.n({CONTEXT_MENU_CLASS:()=>s.c,CONTEXT_SELECTED:()=>s.l,CONTEXT_TARGET:()=>s.u,ContextMenu:()=>b,Divider:()=>x,Item:()=>T,Menu:()=>w,useContext:()=>C,useContextMenu:()=>v});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});

package/dist/menu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-_Ht_yCRf.cjs");exports.Menu=e.external;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./menu-yADx33I8.cjs`);Object.defineProperty(exports,`Menu`,{enumerable:!0,get:function(){return e.t}});

package/dist/menu.js

@@ -1,4 +1,2 @@
-import { e as r } from "./external-N2L8ffzi.js";
-export {
-  r as Menu
-};
+import { t as e } from "./menu-eeXfR_zT.js";
+export { e as Menu };