@fde-desktop/fde-core 0.4.10 → 0.4.13

package/dist/FilesApp-BuoFP_KA.js

@@ -0,0 +1,212 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./useOpenApp-uguTLkyl.js";
+import { D as n, o as r, ot as i, x as a } from "./desktopStore-8cSZlj7s.js";
+import { n as o, t as s } from "./buildBreadcrumbs-noWhu8os.js";
+import { useCallback as c, useEffect as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Anchor as m, Breadcrumbs as h, Text as g, UnstyledButton as _ } from "@mantine/core";
+//#region src/hooks/useNotifications.ts
+var v = () => {
+	let e = r((e) => e.notifications), t = r((e) => e.addNotification), n = r((e) => e.removeNotification);
+	return {
+		notifications: e,
+		notify: c((e, n, r) => {
+			let a = {
+				id: i(),
+				title: e,
+				message: n,
+				fcIcon: r?.fcIcon,
+				onClose: r?.onClose
+			};
+			return t(a), a.id;
+		}, [t]),
+		dismiss: c((e) => {
+			n(e);
+		}, [n]),
+		addNotification: t,
+		removeNotification: n
+	};
+}, y = {
+	root: "_root_113j7_1",
+	item: "_item_113j7_9"
+}, b = ({ node: e, allNodes: t, currentFolderId: n, depth: r, onNavigate: i }) => {
+	let a = t.filter((t) => t.parentId === e.id && t.type === "folder");
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(_, {
+		className: y.item,
+		"data-active": n === e.id || void 0,
+		style: { paddingLeft: 8 + r * 14 },
+		onClick: () => i(e.id),
+		"aria-label": e.name,
+		"aria-current": n === e.id ? "page" : void 0,
+		children: [/* @__PURE__ */ f(o, {
+			type: "folder",
+			folderNode: e,
+			size: 14
+		}), /* @__PURE__ */ f(g, {
+			size: "xs",
+			ml: 6,
+			truncate: !0,
+			children: e.name
+		})]
+	}), a.map((e) => /* @__PURE__ */ f(b, {
+		node: e,
+		allNodes: t,
+		currentFolderId: n,
+		depth: r + 1,
+		onNavigate: i
+	}, e.id))] });
+}, x = ({ allNodes: e, currentFolderId: t, onNavigate: n }) => {
+	let r = e.filter((e) => e.parentId === null && e.type === "folder");
+	return /* @__PURE__ */ p("nav", {
+		className: y.root,
+		"aria-label": "Folder tree",
+		children: [/* @__PURE__ */ p(_, {
+			className: y.item,
+			"data-active": t === null || void 0,
+			style: { paddingLeft: 8 },
+			onClick: () => n(null),
+			"aria-label": "Home",
+			"aria-current": t === null ? "page" : void 0,
+			children: [/* @__PURE__ */ f(o, {
+				type: "folder",
+				size: 14
+			}), /* @__PURE__ */ f(g, {
+				size: "xs",
+				ml: 6,
+				fw: 500,
+				children: "Home"
+			})]
+		}), r.map((r) => /* @__PURE__ */ f(b, {
+			node: r,
+			allNodes: e,
+			currentFolderId: t,
+			depth: 1,
+			onNavigate: n
+		}, r.id))]
+	});
+}, S = {
+	grid: "_grid_1cag6_1",
+	item: "_item_1cag6_9",
+	icon: "_icon_1cag6_26",
+	name: "_name_1cag6_34",
+	empty: "_empty_1cag6_46"
+}, C = ({ node: e, onNavigate: t, onOpenFile: n, onContextMenu: r }) => {
+	let i = () => {
+		e.type === "folder" ? t(e.id) : n(e);
+	}, a = e.type === "folder" ? `Open folder ${e.name}` : `Open file ${e.name}`;
+	return /* @__PURE__ */ p(_, {
+		className: S.item,
+		onDoubleClick: i,
+		onContextMenu: (t) => r(t, e.id),
+		"aria-label": a,
+		role: "option",
+		children: [/* @__PURE__ */ f("div", {
+			className: S.icon,
+			children: /* @__PURE__ */ f(o, {
+				type: e.type,
+				name: e.name,
+				folderNode: e.type === "folder" ? e : void 0,
+				size: 32
+			})
+		}), /* @__PURE__ */ f(g, {
+			size: "xs",
+			className: S.name,
+			truncate: !0,
+			children: e.name
+		})]
+	});
+}, w = ({ nodes: e, onNavigate: t, onOpenFile: i, onNodeContextMenu: a }) => {
+	let o = r((e) => e.filesSortMode);
+	if (e.length === 0) return /* @__PURE__ */ f("div", {
+		className: S.empty,
+		children: /* @__PURE__ */ f(g, {
+			size: "sm",
+			c: "dimmed",
+			children: "This folder is empty"
+		})
+	});
+	let s = n(e, o);
+	return /* @__PURE__ */ f("div", {
+		className: S.grid,
+		role: "listbox",
+		"aria-label": "Files",
+		children: s.map((e) => /* @__PURE__ */ f(C, {
+			node: e,
+			onNavigate: t,
+			onOpenFile: i,
+			onContextMenu: a
+		}, e.id))
+	});
+}, T = {
+	root: "_root_13mxj_1",
+	breadcrumbBar: "_breadcrumbBar_13mxj_9",
+	breadcrumbSep: "_breadcrumbSep_13mxj_16",
+	body: "_body_13mxj_21",
+	sidebar: "_sidebar_13mxj_28",
+	content: "_content_13mxj_35"
+}, E = /* @__PURE__ */ e({ default: () => D }), D = ({ window: e }) => {
+	let n = e?.contentData?.initialFolderId, i = r((e) => e.fsNodes), o = r((e) => e.openContextMenu), d = r((e) => e.setFilesCurrentFolderId), _ = t(), { notify: y } = v(), [b, S] = u(n ?? null), C = c((e) => {
+		S(e), d(e);
+	}, [d]);
+	l(() => {
+		d(n ?? null);
+	}, [n, d]);
+	let E = b === null ? i.filter((e) => e.parentId === null) : i.filter((e) => e.parentId === b), D = c((e) => {
+		e.preventDefault(), e.stopPropagation(), o(e.clientX, e.clientY, "files");
+	}, [o]), O = c((e, t) => {
+		e.preventDefault(), e.stopPropagation(), o(e.clientX, e.clientY, "files", t);
+	}, [o]), k = c((e) => {
+		try {
+			let t = a(e);
+			if (t) _(t.appId, { contentData: t.contentData });
+			else {
+				let t = e.mimeType || "unknown";
+				console.warn(`[FilesApp] Unsupported file type: ${e.name} (${t})`), y("Unsupported file type", `Cannot open "${e.name}". File type "${t}" is not supported.`, { fcIcon: "FcDeleteRow" });
+			}
+		} catch (t) {
+			console.error("[FilesApp] Error opening file:", t), y("Error opening file", `An unexpected error occurred while opening "${e.name}".`, { fcIcon: "FcHighPriority" });
+		}
+	}, [_, y]), A = s(b, i);
+	return /* @__PURE__ */ p("div", {
+		className: T.root,
+		onContextMenu: D,
+		children: [/* @__PURE__ */ f("div", {
+			className: T.breadcrumbBar,
+			children: /* @__PURE__ */ f(h, {
+				separator: "›",
+				classNames: { separator: T.breadcrumbSep },
+				children: A.map((e, t) => t === A.length - 1 ? /* @__PURE__ */ f(g, {
+					size: "xs",
+					fw: 500,
+					"data-testid": `breadcrumb-${e.name}`,
+					children: e.name
+				}, e.id ?? "root") : /* @__PURE__ */ f(m, {
+					size: "xs",
+					onClick: () => C(e.id),
+					"data-testid": `breadcrumb-${e.name}`,
+					children: e.name
+				}, e.id ?? "root"))
+			})
+		}), /* @__PURE__ */ p("div", {
+			className: T.body,
+			children: [/* @__PURE__ */ f("aside", {
+				className: T.sidebar,
+				children: /* @__PURE__ */ f(x, {
+					allNodes: i,
+					currentFolderId: b,
+					onNavigate: C
+				})
+			}), /* @__PURE__ */ f("main", {
+				className: T.content,
+				children: /* @__PURE__ */ f(w, {
+					nodes: E,
+					onNavigate: C,
+					onOpenFile: k,
+					onNodeContextMenu: O
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { E as n, v as r, D as t };

package/dist/ImageViewerApp-B1niWF75.cjs

@@ -0,0 +1 @@
+const e=require(`./NotesApp-BmQIBtJ2.cjs`),t=require(`./desktopStore-C1jR6Fdb.cjs`),n=require(`./useResolvedUrl-Bb39DpVy.cjs`),r=require(`./FilePickerApp-By6-vbag.cjs`),i=require(`./AppEmptyState-CLc00OOG.cjs`),a=require(`./imageViewerStore-Dfylg59V.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`),c=require(`react-i18next`);var l={container:`_container_1btg4_1`,image:`_image_1btg4_12`,placeholder:`_placeholder_1btg4_19`},u=e.i({default:()=>f}),d=[...t.y,`image/*`],f=({window:e,notifyReady:t})=>{let{t:u}=(0,c.useTranslation)(`apps`),f=e,p=f?.id??``,m=f?.contentData?.src,[h,g]=(0,o.useState)(m),[_,v]=(0,o.useState)(!1),[y,b]=(0,o.useState)(null),x=(0,o.useRef)(null),S=a.r(e=>e.getDisplayZoom(p)),C=a.r(e=>e.getFitToWindow(p)),w=a.r(e=>e.updateCalculatedZoom),T=a.r(e=>e.reset),E=n.t(h);(0,o.useEffect)(()=>{T(p)},[p,T]),(0,o.useEffect)(()=>{if(!C||!y||!x.current)return;let e=new ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;w(p,y,{width:e,height:n})}});return e.observe(x.current),()=>e.disconnect()},[C,y,p,w]),(0,o.useEffect)(()=>{t?.({...f?.contentData??{},setPickerOpen:()=>v(!0)})},[f,t]);let D=(0,o.useCallback)(e=>{g(e.url??e.name),v(!1),T(p),b(null)},[p,T]),O=(0,o.useCallback)(e=>{let t=e.currentTarget;b({width:t.naturalWidth,height:t.naturalHeight})},[]),k=C?void 0:{transform:`scale(${S/100})`},A=E?(0,s.jsx)(`img`,{src:E,alt:E.split(`/`).pop()??`image`,className:l.image,style:k,onLoad:O}):(0,s.jsx)(i.t,{label:u(`imageViewer.noImage`)});return(0,s.jsxs)(`div`,{ref:x,className:l.container,"data-windowid":f?.id,children:[A,(0,s.jsx)(r.n,{opened:_,acceptedMimeTypes:d,onConfirm:D,onCancel:()=>v(!1)})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/{ImageViewerApp-CWiP6zx-.js → ImageViewerApp-iojtyFEf.js}

@@ -1,17 +1,18 @@
-import { y as e } from "./desktopStore-B0R1-BeA.js";
-import { t } from "./AppEmptyState-BTujnL_b.js";
-import { t as n } from "./useTranslation-DMRGdqZi.js";
-import { t as r } from "./useResolvedUrl-DFKXq598.js";
-import { n as i } from "./FilePickerApp-DMGuvahM.js";
-import { r as a } from "./imageViewerStore-CJMRXaQh.js";
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { y as t } from "./desktopStore-8cSZlj7s.js";
+import { t as n } from "./useResolvedUrl-B6x4xy0x.js";
+import { n as r } from "./FilePickerApp-ClHuhm6Z.js";
+import { t as i } from "./AppEmptyState-Boej96TB.js";
+import { r as a } from "./imageViewerStore-COrD02Zu.js";
 import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-var f = {
+import { useTranslation as f } from "react-i18next";
+var p = {
 	container: "_container_1btg4_1",
 	image: "_image_1btg4_12",
 	placeholder: "_placeholder_1btg4_19"
-}, p = [...e, "image/*"], m = ({ window: e, notifyReady: m }) => {
-	let { t: h } = n("apps"), g = e, _ = g?.id ?? "", v = g?.contentData?.src, [y, b] = l(v), [x, S] = l(!1), [C, w] = l(null), T = c(null), E = a((e) => e.getDisplayZoom(_)), D = a((e) => e.getFitToWindow(_)), O = a((e) => e.updateCalculatedZoom), k = a((e) => e.reset), A = r(y);
+}, m = /* @__PURE__ */ e({ default: () => g }), h = [...t, "image/*"], g = ({ window: e, notifyReady: t }) => {
+	let { t: m } = f("apps"), g = e, _ = g?.id ?? "", v = g?.contentData?.src, [y, b] = l(v), [x, S] = l(!1), [C, w] = l(null), T = c(null), E = a((e) => e.getDisplayZoom(_)), D = a((e) => e.getFitToWindow(_)), O = a((e) => e.updateCalculatedZoom), k = a((e) => e.reset), A = n(y);
 	s(() => {
 		k(_);
 	}, [_, k]), s(() => {
@@ -32,11 +33,11 @@ var f = {
 		_,
 		O
 	]), s(() => {
-		m?.({
+		t?.({
 			...g?.contentData ?? {},
 			setPickerOpen: () => S(!0)
 		});
-	}, [g, m]);
+	}, [g, t]);
 	let j = o((e) => {
 		b(e.url ?? e.name), S(!1), k(_), w(null);
 	}, [_, k]), M = o((e) => {
@@ -48,21 +49,21 @@ var f = {
 	}, []), N = D ? void 0 : { transform: `scale(${E / 100})` }, P = A ? /* @__PURE__ */ u("img", {
 		src: A,
 		alt: A.split("/").pop() ?? "image",
-		className: f.image,
+		className: p.image,
 		style: N,
 		onLoad: M
-	}) : /* @__PURE__ */ u(t, { label: h("imageViewer.noImage") });
+	}) : /* @__PURE__ */ u(i, { label: m("imageViewer.noImage") });
 	return /* @__PURE__ */ d("div", {
 		ref: T,
-		className: f.container,
+		className: p.container,
 		"data-windowid": g?.id,
-		children: [P, /* @__PURE__ */ u(i, {
+		children: [P, /* @__PURE__ */ u(r, {
 			opened: x,
-			acceptedMimeTypes: p,
+			acceptedMimeTypes: h,
 			onConfirm: j,
 			onCancel: () => S(!1)
 		})]
 	});
 };
 //#endregion
-export { m as t };
+export { m as n, g as t };

package/dist/{ImageViewerMenuBar-BULkh_Ku.js → ImageViewerMenuBar-BIsUokxV.js}

@@ -1,10 +1,11 @@
-import { t as e } from "./AppMenuBar-CHJy8OF0.js";
-import { t } from "./useTranslation-DMRGdqZi.js";
-import { n, r, t as i } from "./imageViewerStore-CJMRXaQh.js";
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./AppMenuBar-DmSfQRXU.js";
+import { n, r, t as i } from "./imageViewerStore-COrD02Zu.js";
 import { memo as a, useCallback as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
 //#region src/components/Apps/ImageViewerApp/useImageViewerMenuBar.ts
-var l = [
+var u = [
 	{
 		value: 25,
 		label: "25%"
@@ -25,8 +26,8 @@ var l = [
 		value: 200,
 		label: "200%"
 	}
-], u = (e) => {
-	let { windowId: a, onOpenPicker: c, onExit: u } = e, { t: d } = t("common"), { t: f } = t("apps"), p = i(a), m = n(a), h = r((e) => e.setUserZoom), g = r((e) => e.setFitToWindow), _ = o((e) => g(a, e), [a, g]), v = o((e) => h(a, e), [a, h]);
+], d = (e) => {
+	let { windowId: t, onOpenPicker: a, onExit: c } = e, { t: d } = l("common"), { t: f } = l("apps"), p = i(t), m = n(t), h = r((e) => e.setUserZoom), g = r((e) => e.setFitToWindow), _ = o((e) => g(t, e), [t, g]), v = o((e) => h(t, e), [t, h]);
 	return s(() => {
 		let e = `${f("imageViewer.zoom")}: ${p}%`;
 		return [
@@ -38,14 +39,14 @@ var l = [
 						type: "item",
 						label: d("actions.open"),
 						icon: "FcOpenedFolder",
-						onClick: c ?? (() => {})
+						onClick: a ?? (() => {})
 					},
 					{ type: "divider" },
 					{
 						type: "item",
 						label: d("actions.exit"),
 						icon: "FcLeft",
-						onClick: u
+						onClick: c
 					}
 				]
 			},
@@ -62,25 +63,25 @@ var l = [
 				max: 200,
 				value: p,
 				onChange: v,
-				marks: l,
+				marks: u,
 				labelFormat: (e) => `${e}%`
 			}
 		];
 	}, [
 		d,
 		f,
+		a,
 		c,
-		u,
 		p,
 		m,
 		_,
 		v
 	]);
-}, d = a(({ windowId: t, contentData: n, onExit: r }) => /* @__PURE__ */ c(e, { elements: u({
-	windowId: t,
+}, f = /* @__PURE__ */ e({ ImageViewerMenuBar: () => p }), p = a(({ windowId: e, contentData: n, onExit: r }) => /* @__PURE__ */ c(t, { elements: d({
+	windowId: e,
 	onOpenPicker: n?.setPickerOpen,
 	onExit: r
 }) }));
-d.displayName = "ImageViewerMenuBar";
+p.displayName = "ImageViewerMenuBar";
 //#endregion
-export { d as t };
+export { f as n, p as t };

package/dist/ImageViewerMenuBar-BgzgSF3v.cjs

@@ -0,0 +1 @@
+const e=require(`./NotesApp-BmQIBtJ2.cjs`),t=require(`./AppMenuBar-CAlkNHjj.cjs`),n=require(`./imageViewerStore-Dfylg59V.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`react-i18next`);var o=[{value:25,label:`25%`},{value:50,label:`50%`},{value:75,label:`75%`},{value:100,label:`100%`},{value:200,label:`200%`}],s=e=>{let{windowId:t,onOpenPicker:i,onExit:s}=e,{t:c}=(0,a.useTranslation)(`common`),{t:l}=(0,a.useTranslation)(`apps`),u=n.t(t),d=n.n(t),f=n.r(e=>e.setUserZoom),p=n.r(e=>e.setFitToWindow),m=(0,r.useCallback)(e=>p(t,e),[t,p]),h=(0,r.useCallback)(e=>f(t,e),[t,f]);return(0,r.useMemo)(()=>{let e=`${l(`imageViewer.zoom`)}: ${u}%`;return[{type:`menu`,label:c(`menu.file`),items:[{type:`item`,label:c(`actions.open`),icon:`FcOpenedFolder`,onClick:i??(()=>{})},{type:`divider`},{type:`item`,label:c(`actions.exit`),icon:`FcLeft`,onClick:s}]},{type:`switch`,label:l(`imageViewer.fitToWindow`),checked:d,onChange:m},{type:`slider`,label:e,min:10,max:200,value:u,onChange:h,marks:o,labelFormat:e=>`${e}%`}]},[c,l,i,s,u,d,m,h])},c=e.i({ImageViewerMenuBar:()=>l}),l=(0,r.memo)(({windowId:e,contentData:n,onExit:r})=>(0,i.jsx)(t.t,{elements:s({windowId:e,onOpenPicker:n?.setPickerOpen,onExit:r})}));l.displayName=`ImageViewerMenuBar`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/MenuEditApp-BHptoJbz.cjs

@@ -0,0 +1 @@
+const e=require(`./NotesApp-BmQIBtJ2.cjs`),t=require(`./desktopStore-C1jR6Fdb.cjs`),n=require(`./AppIcon-C8vHUVcb.cjs`),r=require(`./useCloseInterceptor-CdX-09Ib.cjs`),i=require(`./VscIcon-BYb_Soyy.cjs`),a=require(`./menuEditStore-CYwtfD6H.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`),c=require(`@mantine/core`),l=require(`react-i18next`),u=require(`@dnd-kit/core`);var d={"launcher-folder-social-links":`socialLinks`,"launcher-folder-office":`office`,"launcher-folder-programming":`programming`,"launcher-folder-games":`games`,"launcher-folder-custom-apps":`customApps`};function f(e){let{t}=(0,l.useTranslation)(`apps`);if(!e.isPredefined)return e.name;let n=d[e.id];return n?t(`folders.${n}`,e.name):e.name}var p=(0,o.createContext)(null),m=({children:e,onDrop:t,onCancel:n})=>{let[r,i]=(0,o.useState)(null),[a,c]=(0,o.useState)(null),l=(0,o.useCallback)(e=>{let t=e.active.data.current;t&&i(t)},[]),d=(0,o.useCallback)(e=>{if(e.over){let t=e.over.data.current;t&&c(t)}else c(null)},[]),f=(0,o.useCallback)(e=>{let{active:r,over:a}=e;if(a&&r.data.current){let e=r.data.current,n=a.data.current;n.accepts.includes(e.type)&&t(e,n)}else !a&&n&&n();i(null),c(null)},[t,n]),m=(0,o.useMemo)(()=>({activeItem:r,overTarget:a}),[r,a]);return(0,s.jsx)(p.Provider,{value:m,children:(0,s.jsx)(u.DndContext,{onDragStart:l,onDragOver:d,onDragEnd:f,collisionDetection:u.pointerWithin,children:e})})};function h(e){let{item:t,disabled:n=!1}=e,{attributes:r,listeners:i,setNodeRef:a,transform:o,isDragging:s}=(0,u.useDraggable)({id:`${t.sourceId}-${t.id}`,data:t,disabled:n}),c={opacity:s?0:1,cursor:n?`default`:`grab`};return{attributes:r,listeners:i,setNodeRef:a,isDragging:s,transform:o?{x:o.x,y:o.y}:null,style:c}}function g(e){let{target:t,disabled:n=!1}=e,r=(0,o.useContext)(p),{setNodeRef:i,isOver:a}=(0,u.useDroppable)({id:t.id,data:t,disabled:n});return{setNodeRef:i,isOver:a,active:r?.activeItem??null}}function _(){let e=(0,o.useContext)(p);if(!e)throw Error(`useDragDropState must be used within a DragDropProvider`);return e}var v=({activatorEvent:e,transform:t,draggingNodeRect:n})=>{if(!e||!n)return t;let r=e,i=0,a=0;`touches`in r&&r.touches.length>0?(i=r.touches[0].clientX,a=r.touches[0].clientY):`clientX`in r&&(i=r.clientX,a=r.clientY);let o=i-n.left-n.width/2,s=a-n.top-n.height/2;return{...t,x:t.x+o,y:t.y+s}},y={dragOverlay:`_dragOverlay_myknw_1`},b=()=>{let{activeItem:e}=_();return e?(0,s.jsx)(u.DragOverlay,{dropAnimation:u.defaultDropAnimation,modifiers:[v],children:(0,s.jsxs)(c.Box,{className:y.dragOverlay,children:[(0,s.jsx)(n.t,{fcIcon:e.metadata?.fcIcon,iconUrl:e.metadata?.iconUrl,fallback:e.metadata?.icon,size:20}),(0,s.jsx)(c.Text,{size:`xs`,children:e.name})]})}):null},x={"launcher-folder":[`app`],"filesystem-folder":[`file`,`folder`],desktop:[`file`,`folder`,`app`],"available-apps":[`app`]},S={container:`_container_y9c6e_1`,content:`_content_y9c6e_7`,folderList:`_folderList_y9c6e_13`,folderCard:`_folderCard_y9c6e_19`,folderHeader:`_folderHeader_y9c6e_28`,appList:`_appList_y9c6e_40`,availableApps:`_availableApps_y9c6e_49`,appGrid:`_appGrid_y9c6e_58`,appItem:`_appItem_y9c6e_64`},C=e.i({default:()=>k}),w=({folder:e,isEditing:r,editingName:a,onEdit:o,onDelete:u,onRename:d,onSetEditingName:p,onRemoveApp:m})=>{let{t:h}=(0,l.useTranslation)(`menuedit`),v=f(e),{activeItem:y}=_(),{setNodeRef:b,isOver:C}=g({target:{type:`launcher-folder`,id:e.id,name:v,accepts:x[`launcher-folder`]}});return(0,s.jsxs)(c.Card,{ref:b,className:S.folderCard,shadow:`xs`,padding:`xs`,"data-is-over":C&&y?.type===`app`?`true`:void 0,children:[(0,s.jsxs)(c.Group,{justify:`space-between`,mb:4,children:[r?(0,s.jsx)(c.TextInput,{value:a,onChange:e=>p(e.target.value),onBlur:()=>d(e.id),onKeyDown:t=>{t.key===`Enter`&&(t.preventDefault(),d(e.id))},autoFocus:!0,size:`xs`,style:{flex:1}}):(0,s.jsxs)(c.Group,{gap:`xs`,children:[(0,s.jsx)(n.t,{fcIcon:e.fcIcon,size:16}),(0,s.jsx)(c.Text,{size:`sm`,fw:500,children:v}),e.isPredefined&&(0,s.jsxs)(c.Text,{size:`xs`,c:`dimmed`,children:[`(`,h(`predefined`),`)`]})]}),!e.isPredefined&&!r&&(0,s.jsxs)(c.Group,{gap:4,children:[(0,s.jsx)(c.ActionIcon,{variant:`subtle`,size:`xs`,onClick:()=>o(e.id),"aria-label":h(`rename`),children:(0,s.jsx)(i.t,{name:`VscEdit`,size:14})}),u&&(0,s.jsx)(c.ActionIcon,{variant:`subtle`,size:`xs`,color:`red`,onClick:()=>u(e.id),"aria-label":h(`delete`),children:(0,s.jsx)(i.t,{name:`VscTrash`,size:14})})]})]}),(0,s.jsx)(c.Box,{className:S.appList,children:e.appIds.map(n=>{let r=t.st.find(e=>e.id===n);return r?(0,s.jsx)(T,{app:r,sourceId:e.id,onContextMenu:t=>{t.preventDefault(),t.stopPropagation(),m(n,e.id)}},n):null})})]})},T=({app:e,sourceId:t,onContextMenu:r})=>{let{attributes:i,listeners:a,setNodeRef:o,isDragging:l,style:u}=h({item:{type:`app`,id:e.id,name:e.name,sourceId:t,sourceType:`launcher-folder`,metadata:{fcIcon:e.fcIcon,iconUrl:e.iconUrl,icon:e.icon}}});return(0,s.jsxs)(c.UnstyledButton,{ref:o,className:S.appItem,style:{...u,opacity:l?.5:1},onContextMenu:r,...i,...a,children:[(0,s.jsx)(n.t,{fcIcon:e.fcIcon,iconUrl:e.iconUrl,fallback:e.icon,size:16}),(0,s.jsx)(c.Text,{size:`xs`,children:e.name})]})},E=({customFolderId:e})=>{let{t:n}=(0,l.useTranslation)(`menuedit`),{activeItem:r}=_(),{setNodeRef:i,isOver:a}=g({target:{type:`available-apps`,id:`available-apps`,name:`Available Apps`,accepts:x[`available-apps`]}}),o=new Set(t.o.getState().launcherFolders.flatMap(e=>e.appIds)),u=t.st.filter(e=>e.id!==`settings`&&e.id!==`menuedit`),d=t.o(e=>e.addAppToFolder);return(0,s.jsxs)(c.Box,{ref:i,className:S.availableApps,"data-is-over":a&&r?.type===`app`?`true`:void 0,children:[(0,s.jsx)(c.Text,{size:`xs`,c:`dimmed`,mb:8,children:n(`availableApps`)}),e===null&&(0,s.jsx)(c.Text,{size:`xs`,c:`orange`,mb:4,children:n(`canCreateNewFolder`)}),(0,s.jsx)(c.Box,{className:S.appGrid,children:u.filter(e=>!o.has(e.id)).map(t=>(0,s.jsx)(D,{app:t,targetFolderId:e,onAdd:d},t.id))})]})},D=({app:e,targetFolderId:t,onAdd:r})=>{let{attributes:i,listeners:a,setNodeRef:o,isDragging:l,style:u}=h({item:{type:`app`,id:e.id,name:e.name,sourceId:`available-apps`,sourceType:`available-apps`,metadata:{fcIcon:e.fcIcon,iconUrl:e.iconUrl,icon:e.icon}}}),d=()=>{t&&r(e.id,t)};return(0,s.jsxs)(c.UnstyledButton,{ref:o,className:S.appItem,style:{...u,opacity:l?0:1},onClick:d,disabled:!t,...i,...a,children:[(0,s.jsx)(n.t,{fcIcon:e.fcIcon,iconUrl:e.iconUrl,fallback:e.icon,size:16}),(0,s.jsx)(c.Text,{size:`xs`,children:e.name})]})},O=({window:e,notifyReady:n})=>{let{t:u}=(0,l.useTranslation)(`menuedit`),d=e?.id,f=t.o(e=>e.launcherFolders),p=t.o(e=>e.setLauncherFolders),m=t.o(e=>e.createLauncherFolder),h=t.o(e=>e.updateLauncherFolder),g=t.o(e=>e.deleteLauncherFolder),_=t.o(e=>e.removeAppFromFolder),[v,y]=(0,o.useState)(null),[b,x]=(0,o.useState)(``),C=(0,o.useRef)(!1);(0,o.useEffect)(()=>{d&&(C.current||(C.current=!0,a.n.getState().reset(d)))},[d]),(0,o.useEffect)(()=>{if(!d)return;let e=a.n.getState();if(e.getSnapshot(d)===null)e.takeSnapshot(d,f);else{let t=e.getSnapshot(d);if(t){let n=JSON.stringify(f)!==JSON.stringify(t);e.setIsDirty(d,n)}}},[d,f]);let T=(0,o.useCallback)(()=>{d&&a.n.getState().takeSnapshot(d,f)},[d,f]),D=(0,o.useCallback)(()=>{if(!d)return;let e=a.n.getState().getSnapshot(d);e&&p(e)},[d,p]);r.i({isDirtyGetter:(0,o.useCallback)(()=>{if(!d)return!1;let e=a.n.getState().getSnapshot(d);return JSON.stringify(f)!==JSON.stringify(e??[])},[d,f]),windowId:e?.id,onDiscard:D,onSave:T});let O=(0,o.useCallback)(()=>{let e=m({name:u(`newFolder`),fcIcon:`VscFolder`,order:f.length});y(e.id),x(e.name)},[m,f.length,u]);(0,o.useEffect)(()=>{n?.({createFolder:O,save:T,discard:D})},[O,T,D,n]);let k=(0,o.useCallback)(e=>{let t=f.find(t=>t.id===e);t&&(y(t.id),x(t.name))},[f]),A=(0,o.useCallback)(e=>{b.trim()&&h(e,{name:b.trim()}),y(null)},[b,h]),j=t.G(),M=f.filter(e=>e.isPredefined),N=f.filter(e=>!e.isPredefined),P=N.length>0?N[0].id:null;return(0,s.jsx)(c.Box,{className:S.container,"data-windowid":e?.id,"data-menuedit-container":!0,children:(0,s.jsxs)(c.Box,{className:S.content,children:[M.length>0&&(0,s.jsxs)(c.Box,{mb:`md`,children:[(0,s.jsx)(c.Text,{size:`xs`,c:`dimmed`,mb:8,children:u(`predefinedFolders`)}),(0,s.jsx)(c.Box,{className:S.folderList,children:M.map(e=>(0,s.jsx)(w,{folder:e,isEditing:!1,editingName:``,onEdit:()=>{},onRemoveApp:_,onRename:()=>{},onSetEditingName:()=>{}},e.id))})]}),j&&N.length>0&&(0,s.jsxs)(c.Box,{mb:`md`,children:[(0,s.jsx)(c.Text,{size:`xs`,c:`dimmed`,mb:8,children:u(`customFolders`)}),(0,s.jsx)(c.Box,{className:S.folderList,children:N.map(e=>(0,s.jsx)(w,{folder:e,isEditing:v===e.id,editingName:b,onEdit:k,onDelete:g,onRename:A,onSetEditingName:x,onRemoveApp:_},e.id))})]}),(0,s.jsxs)(c.Group,{justify:`space-between`,mb:`md`,children:[(0,s.jsx)(E,{customFolderId:P}),(0,s.jsx)(c.Text,{size:`xs`,c:`dimmed`,mt:`md`,children:u(`instructions`)}),j&&(0,s.jsx)(c.ActionIcon,{variant:`light`,onClick:O,"aria-label":u(`addFolder`),children:(0,s.jsx)(i.t,{name:`VscAdd`,size:16})})]})]})})},k=e=>{let n=t.o(e=>e.addAppToFolder),r=t.o(e=>e.removeAppFromFolder);return(0,s.jsxs)(m,{onDrop:(0,o.useCallback)((e,t)=>{if(e.type===`app`){if(t.type===`available-apps`){e.sourceType===`launcher-folder`&&r(e.id,e.sourceId);return}t.type===`launcher-folder`&&(e.sourceId!==t.id&&e.sourceType===`launcher-folder`&&r(e.id,e.sourceId),n(e.id,t.id))}},[n,r]),children:[(0,s.jsx)(O,{...e}),(0,s.jsx)(b,{})]})};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});