@synnaxlabs/pluto 0.53.2 → 0.54.0

package/dist/text-Dd6wYgQM.js

@@ -0,0 +1,142 @@
+import { n as e } from "./chunk-DeC0fbbY.js";
+import { a as t, c as n, d as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./types-BGbd8pRh.js";
+import { n as f } from "./css-UEo6g0SR.js";
+import { n as p } from "./flex-Bgtu0DK6.js";
+import { Children as m, isValidElement as h, useCallback as g, useLayoutEffect as _, useRef as v, useState as y } from "react";
+import { jsx as b } from "react/jsx-runtime";
+//#region src/hooks/ref.ts
+var x = (e) => {
+	let t = v(d(e));
+	return [t, g((e) => {
+		t.current = r(e, t.current);
+	}, [])];
+}, S = (e) => {
+	let t = v(e);
+	return t.current = e, t;
+}, C = (e) => {
+	let t = v(!1), n = v(null);
+	return t.current ||= (n.current = e(), !0), n;
+}, w = (...e) => g((t) => e.forEach((e) => {
+	e != null && (typeof e == "function" ? e(t) : e.current = t);
+}, t), []), T = (e) => {
+	let t = v(null), [n, i] = y(() => {
+		let n = d(e);
+		return t.current = n, n;
+	});
+	return [
+		n,
+		g((e) => {
+			i((n) => (t.current = r(e, n), t.current));
+		}, []),
+		t
+	];
+}, E = (e) => {
+	let t = v(void 0), n = t.current;
+	return t.current = e, n;
+}, D = (e) => h(e) && !("hydrate" in e.props), O = "://", k = `https${O}`, A = (e, t = !1) => e == null ? e : t && !e.includes(O) ? k + e : e, j = (e) => {
+	if (m.count(e) !== 1) {
+		let t = m.toArray(e).filter((e) => typeof e != "boolean");
+		if (t.length !== 1) return !1;
+		e = t[0];
+	}
+	return typeof e == "string" ? e.length === 1 : !!(D(e) && typeof e.props == "object" && e.props != null && !("children" in e.props) && !("role" in e.props));
+}, M = (e, t, n, r, i) => t ?? (i != null || r === "link" ? "a" : n ?? e ?? "p"), N = (e, t, n) => {
+	let r = {
+		...e,
+		fontWeight: t
+	};
+	return n != null && (r.WebkitLineClamp = n), r;
+}, P = ({ level: e = "p", className: t, style: n, weight: r, defaultEl: i, el: a, variant: o, overflow: s, href: c, autoFormatHref: l, status: u, lineClamp: d, ...m }) => /* @__PURE__ */ b(p, {
+	direction: "x",
+	el: M(e, a, i, o, c),
+	style: N(n, r, d),
+	className: f(f.B("text"), o != null && f.BM("text", o), f.BM("text", e), s != null && f.BM("text", "overflow", s), d != null && f.BM("text", "line-clamp"), u != null && f.M("status", u), t),
+	square: j(m.children),
+	gap: "small",
+	href: A(c, l),
+	...m
+}), F = (e) => {
+	e != null && (e.style.display = "none", e.offsetHeight, e.style.display = "");
+}, I = ["Escape", "Enter"], L = f.BM("text", "editable"), R = 10, z = "renamed", B = "escaped", V = "start-editing", H = (e, t) => {
+	let n = 0, r = () => {
+		n++;
+		let i = document.querySelector(`#${CSS.escape(e)}.${L}`);
+		if (i == null || !i.classList.contains(L)) {
+			if (n < R) setTimeout(() => r(), 100);
+			else throw Error(`Could not find element with id ${e}`);
+			return;
+		}
+		i.dispatchEvent(new Event(V)), i.setAttribute("contenteditable", "true"), t != null && (i.addEventListener(z, (e) => t(W(e.target), !0)), i.addEventListener(B, (e) => t(W(e.target), !1)));
+	};
+	r();
+}, U = (e) => new Promise((t) => {
+	H(e, (e, n) => t([e, n]));
+}), W = (e) => e.innerText.trim(), G = (e, t) => e == null || t == null ? !1 : e.maxInlineSize === t.maxInlineSize, K = ({ onChange: e, value: t, className: n, useEditableState: r = y, allowDoubleClick: i = !0, onDoubleClick: a, allowEmpty: o = !1, style: s, outline: c = !0, ...l }) => {
+	let [u, d] = r(!1), p = v(null), m = S(t), h = v(s), x = v(t);
+	(h.current != null && !G(s, h.current) || t !== x.current) && (F(p.current), h.current = s, x.current = t);
+	let C = (e) => {
+		i && (d(!0), F(p.current)), a?.(e);
+	}, T = (n, r = !1) => {
+		let i = W(n);
+		m.current === i && (i.length > 0 || o) || (r || i.length === 0 && !o ? (n.innerText = t, n.dispatchEvent(new Event(B))) : (e?.(i), m.current = i, n.dispatchEvent(new Event(z))));
+	}, E = (e) => {
+		if (p.current == null || (F(p.current), !u || !I.includes(e.key))) return;
+		e.stopPropagation(), e.preventDefault();
+		let t = p.current;
+		p.current != null && (d(!1), T(t, e.key === "Escape"), t.blur());
+	}, D = (e) => e.preventDefault();
+	return _(() => {
+		if (p.current == null || !u) return;
+		F(p.current);
+		let { current: e } = p;
+		e.focus();
+		let t = document.createRange();
+		t.selectNodeContents(e);
+		let n = window.getSelection();
+		n?.removeAllRanges(), n?.addRange(t);
+	}, [u]), p.current !== null && !u && (p.current.innerHTML = t), /* @__PURE__ */ b(P, {
+		ref: w(p, g((e) => {
+			e?.addEventListener(V, () => d(!0));
+		}, [])),
+		className: f(n, f.BM("text", "editable"), c && f.M("outline")),
+		onBlur: () => {
+			d(!1);
+			let e = p.current;
+			e != null && T(e);
+		},
+		onKeyDown: E,
+		onKeyUp: D,
+		onDoubleClick: C,
+		contentEditable: u,
+		suppressContentEditableWarning: !0,
+		style: s,
+		...l,
+		children: t
+	});
+}, q = ({ onChange: e, disabled: t = !1, value: n, allowDoubleClick: r, ...i }) => t || e == null || e === !1 ? /* @__PURE__ */ b(P, {
+	...i,
+	children: n
+}) : (e === !0 && (e = () => {}), /* @__PURE__ */ b(K, {
+	allowDoubleClick: r,
+	onChange: e,
+	value: n,
+	...i
+})), J = /* @__PURE__ */ e({
+	COMPONENT_SIZE_LEVELS: () => u,
+	Editable: () => K,
+	LEVELS: () => o,
+	LEVEL_COMPONENT_SIZES: () => c,
+	MaybeEditable: () => q,
+	Text: () => P,
+	asyncEdit: () => U,
+	dimensions: () => n,
+	dimensionsFromMetrics: () => a,
+	downLevel: () => i,
+	edit: () => H,
+	isSquare: () => j,
+	levelZ: () => t,
+	specZ: () => s,
+	weightZ: () => l
+});
+//#endregion
+export { P as a, T as c, x as d, S as f, F as i, C as l, K as n, j as o, q as r, w as s, J as t, E as u };

package/dist/text-n3Fetdk6.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-FeXHwk1_.cjs`),t=require(`./types-ByXvRm2h.cjs`),n=require(`./css-Ce-x3HcK.cjs`),r=require(`./flex-D_GoD3ed.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=e=>{let n=(0,i.useRef)(t.u(e));return[n,(0,i.useCallback)(e=>{n.current=t.d(e,n.current)},[])]},s=e=>{let t=(0,i.useRef)(e);return t.current=e,t},c=e=>{let t=(0,i.useRef)(!1),n=(0,i.useRef)(null);return t.current||=(n.current=e(),!0),n},l=(...e)=>(0,i.useCallback)(t=>e.forEach(e=>{e!=null&&(typeof e==`function`?e(t):e.current=t)},t),[]),u=e=>{let n=(0,i.useRef)(null),[r,a]=(0,i.useState)(()=>{let r=t.u(e);return n.current=r,r});return[r,(0,i.useCallback)(e=>{a(r=>(n.current=t.d(e,r),n.current))},[]),n]},d=e=>{let t=(0,i.useRef)(void 0),n=t.current;return t.current=e,n},f=e=>(0,i.isValidElement)(e)&&!(`hydrate`in e.props),p=`://`,m=`https${p}`,h=(e,t=!1)=>e==null?e:t&&!e.includes(p)?m+e:e,g=e=>{if(i.Children.count(e)!==1){let t=i.Children.toArray(e).filter(e=>typeof e!=`boolean`);if(t.length!==1)return!1;e=t[0]}return typeof e==`string`?e.length===1:!!(f(e)&&typeof e.props==`object`&&e.props!=null&&!(`children`in e.props)&&!(`role`in e.props))},_=(e,t,n,r,i)=>t??(i!=null||r===`link`?`a`:n??e??`p`),v=(e,t,n)=>{let r={...e,fontWeight:t};return n!=null&&(r.WebkitLineClamp=n),r},y=({level:e=`p`,className:t,style:i,weight:o,defaultEl:s,el:c,variant:l,overflow:u,href:d,autoFormatHref:f,status:p,lineClamp:m,...y})=>(0,a.jsx)(r.n,{direction:`x`,el:_(e,c,s,l,d),style:v(i,o,m),className:n.n(n.n.B(`text`),l!=null&&n.n.BM(`text`,l),n.n.BM(`text`,e),u!=null&&n.n.BM(`text`,`overflow`,u),m!=null&&n.n.BM(`text`,`line-clamp`),p!=null&&n.n.M(`status`,p),t),square:g(y.children),gap:`small`,href:h(d,f),...y}),b=e=>{e!=null&&(e.style.display=`none`,e.offsetHeight,e.style.display=``)},x=[`Escape`,`Enter`],S=n.n.BM(`text`,`editable`),C=10,w=`renamed`,T=`escaped`,E=`start-editing`,D=(e,t)=>{let n=0,r=()=>{n++;let i=document.querySelector(`#${CSS.escape(e)}.${S}`);if(i==null||!i.classList.contains(S)){if(n<C)setTimeout(()=>r(),100);else throw Error(`Could not find element with id ${e}`);return}i.dispatchEvent(new Event(E)),i.setAttribute(`contenteditable`,`true`),t!=null&&(i.addEventListener(w,e=>t(k(e.target),!0)),i.addEventListener(T,e=>t(k(e.target),!1)))};r()},O=e=>new Promise(t=>{D(e,(e,n)=>t([e,n]))}),k=e=>e.innerText.trim(),A=(e,t)=>e==null||t==null?!1:e.maxInlineSize===t.maxInlineSize,j=({onChange:e,value:t,className:r,useEditableState:o=i.useState,allowDoubleClick:c=!0,onDoubleClick:u,allowEmpty:d=!1,style:f,outline:p=!0,...m})=>{let[h,g]=o(!1),_=(0,i.useRef)(null),v=s(t),S=(0,i.useRef)(f),C=(0,i.useRef)(t);(S.current!=null&&!A(f,S.current)||t!==C.current)&&(b(_.current),S.current=f,C.current=t);let D=e=>{c&&(g(!0),b(_.current)),u?.(e)},O=(n,r=!1)=>{let i=k(n);v.current===i&&(i.length>0||d)||(r||i.length===0&&!d?(n.innerText=t,n.dispatchEvent(new Event(T))):(e?.(i),v.current=i,n.dispatchEvent(new Event(w))))},j=e=>{if(_.current==null||(b(_.current),!h||!x.includes(e.key)))return;e.stopPropagation(),e.preventDefault();let t=_.current;_.current!=null&&(g(!1),O(t,e.key===`Escape`),t.blur())},M=e=>e.preventDefault();return(0,i.useLayoutEffect)(()=>{if(_.current==null||!h)return;b(_.current);let{current:e}=_;e.focus();let t=document.createRange();t.selectNodeContents(e);let n=window.getSelection();n?.removeAllRanges(),n?.addRange(t)},[h]),_.current!==null&&!h&&(_.current.innerHTML=t),(0,a.jsx)(y,{ref:l(_,(0,i.useCallback)(e=>{e?.addEventListener(E,()=>g(!0))},[])),className:n.n(r,n.n.BM(`text`,`editable`),p&&n.n.M(`outline`)),onBlur:()=>{g(!1);let e=_.current;e!=null&&O(e)},onKeyDown:j,onKeyUp:M,onDoubleClick:D,contentEditable:h,suppressContentEditableWarning:!0,style:f,...m,children:t})},M=({onChange:e,disabled:t=!1,value:n,allowDoubleClick:r,...i})=>t||e==null||e===!1?(0,a.jsx)(y,{...i,children:n}):(e===!0&&(e=()=>{}),(0,a.jsx)(j,{allowDoubleClick:r,onChange:e,value:n,...i})),N=e.n({COMPONENT_SIZE_LEVELS:()=>t.t,Editable:()=>j,LEVELS:()=>t.n,LEVEL_COMPONENT_SIZES:()=>t.r,MaybeEditable:()=>M,Text:()=>y,asyncEdit:()=>O,dimensions:()=>t.c,dimensionsFromMetrics:()=>t.l,downLevel:()=>t.i,edit:()=>D,isSquare:()=>g,levelZ:()=>t.a,specZ:()=>t.o,weightZ:()=>t.s});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return d}});

package/dist/text.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Editable-HUPqTaui.cjs");const e=require("./external-BwbypKCk.cjs");exports.Text=e.external;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./text-n3Fetdk6.cjs`);Object.defineProperty(exports,`Text`,{enumerable:!0,get:function(){return e.t}});

package/dist/text.js

@@ -1,5 +1,2 @@
-import "./Editable-C17ILP50.js";
-import { e as t } from "./external-UzXlHlr9.js";
-export {
-  t as Text
-};
+import { t as e } from "./text-Dd6wYgQM.js";
+export { e as Text };