@cobaltcore-dev/aurora 0.1.0

package/dist/client/flavors-CT4auvLO.mjs

@@ -0,0 +1,565 @@
+import { $ as e, D as t, I as n, K as r, N as i, Q as a, W as o, _ as s, b as c, g as l, i as u, it as d, j as f, k as p, n as m, q as h, rt as g, s as _, w as v } from "./build-eu9eg0zF.mjs";
+import { t as y } from "./useErrorTranslation-TZVwIAzq.mjs";
+import { t as b } from "./flavors-DtgMd0Ii.mjs";
+import { n as x, r as S, t as C } from "./DeleteFlavorModal-B98oiHWx.mjs";
+import { t as w } from "./ContentHeader-H8KGY3Wd.mjs";
+import { t as T } from "./ListToolbar-CHlkZrpl.mjs";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Suspense as k, startTransition as A, use as j, useCallback as M, useEffect as N, useState as P } from "react";
+import { Link as F, useNavigate as I, useParams as L, useSearch as R } from "@tanstack/react-router";
+import { Trans as z, useLingui as B } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/FlavorListContainer.tsx
+var V = ({ flavors: e, isLoading: t, client: a, project: c, onFlavorDeleted: l, canDeleteFlavor: u, canMangageAccess: f, currentPage: _ = 1, totalPages: y = 1, onPageChange: b }) => {
+	let { i18n: w, _: T } = B(), k = I(), [A, j] = P(!1), [M, N] = P(!1), [R, V] = P(!1), [H, U] = P(null), { projectId: W } = L({ from: "/_auth/projects/$projectId/compute/flavors/" }), G = (e) => {
+		U(e), j(!0);
+	}, K = (e) => {
+		U(e), N(!0);
+	}, q = (e) => {
+		U(e), V(!0);
+	}, J = () => {
+		j(!1), U(null);
+	};
+	return t ? /* @__PURE__ */ D("div", {
+		"data-testid": "loading",
+		children: /* @__PURE__ */ D("div", {
+			"data-testid": "loading",
+			children: /* @__PURE__ */ D(n, { children: /* @__PURE__ */ D(i, {
+				colSpan: 3,
+				children: /* @__PURE__ */ O(h, {
+					distribution: "center",
+					alignment: "center",
+					children: [/* @__PURE__ */ D(o, { variant: "primary" }), /* @__PURE__ */ D(z, { id: "Z3FXyt" })]
+				})
+			}) })
+		})
+	}) : !e || e.length === 0 ? /* @__PURE__ */ D(p, {
+		columns: 7,
+		className: "flavors",
+		"data-testid": "no-flavors",
+		children: /* @__PURE__ */ D(n, { children: /* @__PURE__ */ O(i, {
+			colSpan: 7,
+			children: [/* @__PURE__ */ D(v, { children: /* @__PURE__ */ D(z, { id: "PiyQJ/" }) }), /* @__PURE__ */ D("p", { children: /* @__PURE__ */ D(z, { id: "KSW/GC" }) })]
+		}) })
+	}) : /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ O(p, {
+			columns: 6,
+			minContentColumns: [5],
+			className: "flavors",
+			"data-testid": "flavors-table",
+			children: [/* @__PURE__ */ O(n, { children: [
+				/* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(z, { id: "6YtxFj" }) }),
+				/* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(z, { id: "k5nYwm" }) }),
+				/* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(z, { id: "K+e/0e" }) }),
+				/* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(z, { id: "n0ZttO" }) }),
+				/* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(z, { id: "p4nMut" }) }),
+				/* @__PURE__ */ D(d, {})
+			] }), e.map((e) => /* @__PURE__ */ O(n, {
+				"data-testid": `flavor-row-${e.id}`,
+				onClick: () => k({
+					to: "/projects/$projectId/compute/flavors/$flavorId",
+					params: {
+						projectId: W,
+						flavorId: e.id
+					}
+				}),
+				children: [
+					/* @__PURE__ */ D(i, { children: e.name || e.id }),
+					/* @__PURE__ */ D(i, { children: e.vcpus || "–" }),
+					/* @__PURE__ */ D(i, { children: e.ram || "–" }),
+					/* @__PURE__ */ D(i, { children: e.disk || "–" }),
+					/* @__PURE__ */ D(i, { children: e.swap || "–" }),
+					/* @__PURE__ */ D(i, {
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ D(m, { children: /* @__PURE__ */ O(g, { children: [
+							/* @__PURE__ */ D(r, { children: /* @__PURE__ */ D(F, {
+								to: "/projects/$projectId/compute/flavors/$flavorId",
+								params: {
+									projectId: W,
+									flavorId: e.id
+								},
+								className: "text-theme-default",
+								children: w._({ id: "URmyfc" })
+							}) }),
+							/* @__PURE__ */ D(r, {
+								label: w._({ id: "6GBt0m" }),
+								onClick: () => K(e)
+							}),
+							f && /* @__PURE__ */ D(r, {
+								label: w._({ id: "cWbW6w" }),
+								onClick: () => q(e)
+							}),
+							u && /* @__PURE__ */ D(r, {
+								label: w._({ id: "JT3I1g" }),
+								onClick: () => G(e)
+							})
+						] }) })
+					})
+				]
+			}, e.id))]
+		}),
+		y > 1 && /* @__PURE__ */ D("div", {
+			className: "flex justify-center py-4",
+			children: /* @__PURE__ */ D(s, {
+				variant: "input",
+				currentPage: _,
+				pages: y,
+				onPressPrevious: () => b?.(Math.max(_ - 1, 1)),
+				onPressNext: () => b?.(Math.min(_ + 1, y)),
+				onSelectChange: (e) => b?.(e)
+			})
+		}),
+		/* @__PURE__ */ D(C, {
+			client: a,
+			isOpen: A,
+			onClose: J,
+			project: c,
+			flavor: H,
+			onSuccess: () => {
+				H && l && l(H.name || ""), J();
+			}
+		}),
+		/* @__PURE__ */ D(S, {
+			client: a,
+			isOpen: M,
+			onClose: () => N(!1),
+			project: c,
+			flavor: H
+		}),
+		/* @__PURE__ */ D(x, {
+			client: a,
+			isOpen: R,
+			onClose: () => V(!1),
+			project: c,
+			flavor: H
+		})
+	] });
+}, H = (e, t, n) => {
+	switch (e) {
+		case "id":
+			if (!t) return;
+			{
+				let e = String(t).trim();
+				return /^[a-zA-Z0-9.\-_]*$/.test(e) ? void 0 : n({ id: "AX9Juz" });
+			}
+		case "name": {
+			let e = String(t || "").trim();
+			return e.length >= 2 && e.length <= 50 ? void 0 : n({ id: "zDS0JC" });
+		}
+		case "vcpus": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 1 ? void 0 : n({ id: "uSdnuQ" });
+		}
+		case "ram": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 128 ? void 0 : n({ id: "g1IxCo" });
+		}
+		case "disk": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 0 ? void 0 : n({ id: "AJRhSM" });
+		}
+		case "swap":
+			if (t === "" || t == null) return;
+			{
+				let e = Number(t);
+				return !isNaN(e) && e >= 0 ? void 0 : n({ id: "g3BSCe" });
+			}
+		case "rxtx_factor": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 1 ? void 0 : n({ id: "PIbPRX" });
+		}
+		case "description": return t ? String(t).length < 65535 ? void 0 : n({ id: "uuKb0T" }) : void 0;
+		case "OS-FLV-EXT-DATA:ephemeral": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 0 ? void 0 : n({ id: "tLerHy" });
+		}
+		case "os-flavor-access:is_public": return t == null || typeof t == "boolean" || typeof t == "string" && (t === "true" || t === "false") ? void 0 : n({ id: "MmtQVF" });
+		default: return;
+	}
+}, U = (e) => {
+	let t = {
+		name: String(e.name),
+		vcpus: Number(e.vcpus),
+		ram: Number(e.ram),
+		disk: Number(e.disk)
+	}, n = (e) => e != null && e !== "" && String(e).trim() !== "", r = (e) => e != null && e !== "" && String(e).trim() !== "" && !isNaN(Number(e));
+	return n(e.id) && (t.id = String(e.id).trim()), n(e.description) && (t.description = String(e.description).trim()), r(e.swap) && (t.swap = Number(e.swap)), r(e.rxtx_factor) && (t.rxtx_factor = Number(e.rxtx_factor)), r(e["OS-FLV-EXT-DATA:ephemeral"]) && (t["OS-FLV-EXT-DATA:ephemeral"] = Number(e["OS-FLV-EXT-DATA:ephemeral"])), e["os-flavor-access:is_public"] !== void 0 && (t["os-flavor-access:is_public"] = !!e["os-flavor-access:is_public"]), t;
+}, W = ({ client: n, isOpen: r, onClose: i, project: s, onSuccess: l }) => {
+	let { i18n: d, _: p } = B(), { translateError: m } = y(), [g, v] = P({ "os-flavor-access:is_public": !0 }), [b, x] = P({}), [S, C] = P(!1), [w, T] = P(null), E = (e) => {
+		let { name: t, value: n, type: r, checked: i } = e.target;
+		v((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), w && T(null);
+	}, k = (e, t) => {
+		v((n) => ({
+			...n,
+			[e]: t
+		})), w && T(null);
+	}, A = (e) => {
+		let { name: t, value: n } = e.target, r = H(t, n, p);
+		x((e) => ({
+			...e,
+			[t]: r
+		}));
+	}, j = async (e) => {
+		e.preventDefault(), T(null);
+		let t = {};
+		if ([
+			"name",
+			"vcpus",
+			"ram",
+			"disk"
+		].forEach((e) => {
+			let n = H(e, g[e], p);
+			n && (t[e] = n);
+		}), [
+			"id",
+			"swap",
+			"OS-FLV-EXT-DATA:ephemeral",
+			"rxtx_factor",
+			"description",
+			"os-flavor-access:is_public"
+		].forEach((e) => {
+			let n = g[e];
+			if (n !== void 0 && n !== "" && n !== null) {
+				let r = H(e, n, p);
+				r && (t[e] = r);
+			}
+		}), Object.keys(t).length > 0) {
+			x(t), T(d._({ id: "CBFSfX" }));
+			return;
+		}
+		try {
+			C(!0);
+			let e = U(g);
+			await n.compute.createFlavor.mutate({
+				project_id: s,
+				flavor: e
+			}), l(e.name), M();
+		} catch (e) {
+			T(e?.message ? m(e.message) : d._({ id: "OxDN2m" }));
+		} finally {
+			C(!1);
+		}
+	}, M = () => {
+		v({ "os-flavor-access:is_public": !0 }), x({}), T(null), i();
+	};
+	return /* @__PURE__ */ O(_, {
+		onCancel: M,
+		size: "large",
+		title: d._({ id: "Rlp5zj" }),
+		open: r,
+		onConfirm: j,
+		cancelButtonLabel: d._({ id: "dEgA5A" }),
+		confirmButtonLabel: d._({ id: "wEfZld" }),
+		children: [S && /* @__PURE__ */ D(h, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ D(o, { variant: "primary" })
+		}), !S && /* @__PURE__ */ O(t, { children: [w && /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(c, {
+			onDismiss: () => {
+				T(null);
+			},
+			text: w,
+			variant: "error"
+		}) }), /* @__PURE__ */ O(u, { children: [
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "id",
+				name: "id",
+				label: d._({ id: "s2ubkU" }),
+				value: g.id || "",
+				onChange: E,
+				onBlur: A,
+				errortext: b.id
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "name",
+				name: "name",
+				label: d._({ id: "lWxDDh" }),
+				value: g.name || "",
+				onChange: E,
+				onBlur: A,
+				errortext: b.name,
+				required: !0
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "description",
+				name: "description",
+				label: d._({ id: "Nu4oKW" }),
+				value: g.description || "",
+				onChange: E,
+				onBlur: A,
+				errortext: b.description
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "vcpus",
+				name: "vcpus",
+				label: d._({ id: "MZGbkp" }),
+				value: String(g.vcpus || ""),
+				onChange: (e) => k("vcpus", Number(e.target.value)),
+				onBlur: A,
+				errortext: b.vcpus,
+				type: "number",
+				required: !0
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "ram",
+				name: "ram",
+				label: d._({ id: "K+e/0e" }),
+				value: String(g.ram || ""),
+				onChange: (e) => k("ram", Number(e.target.value)),
+				onBlur: A,
+				errortext: b.ram,
+				type: "number",
+				required: !0
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "disk",
+				name: "disk",
+				label: d._({ id: "AxZkIr" }),
+				value: String(g.disk || ""),
+				onChange: (e) => k("disk", Number(e.target.value)),
+				onBlur: A,
+				errortext: b.disk,
+				type: "number",
+				required: !0
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "OS-FLV-EXT-DATA:ephemeral",
+				name: "OS-FLV-EXT-DATA:ephemeral",
+				label: d._({ id: "X2OnDx" }),
+				value: String(g["OS-FLV-EXT-DATA:ephemeral"] || ""),
+				onChange: (e) => k("OS-FLV-EXT-DATA:ephemeral", Number(e.target.value)),
+				onBlur: A,
+				errortext: b["OS-FLV-EXT-DATA:ephemeral"],
+				type: "number"
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "swap",
+				name: "swap",
+				label: d._({ id: "p4nMut" }),
+				value: String(g.swap || ""),
+				onChange: (e) => k("swap", e.target.value ? Number(e.target.value) : void 0),
+				onBlur: A,
+				errortext: b.swap,
+				type: "number"
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(e, {
+				id: "rxtx_factor",
+				name: "rxtx_factor",
+				label: d._({ id: "u5HztT" }),
+				defaultValue: 1,
+				value: String(g.rxtx_factor || ""),
+				onChange: (e) => k("rxtx_factor", Number(e.target.value)),
+				onBlur: A,
+				errortext: b.rxtx_factor,
+				type: "number"
+			}) }),
+			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(a, {
+				name: "os-flavor-access:is_public",
+				label: d._({ id: "vbajgL" }),
+				helptext: d._({ id: "3nh/7E" }),
+				checked: !!g["os-flavor-access:is_public"],
+				onChange: E
+			}) })
+		] })] })]
+	});
+}, G = 50, K = (e, t, n, r, i) => e.compute.getFlavorsByProjectId.query({
+	project_id: t,
+	sortBy: n,
+	sortDirection: r,
+	searchTerm: i
+}), q = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: [
+		"flavors:create",
+		"flavors:delete",
+		"flavors:list_projects"
+	]
+}).then(([e, t, n]) => ({
+	canCreate: e,
+	canDelete: t,
+	canManageAccess: n
+}));
+function J({ flavorsPromise: e, permissionsPromise: t, client: n, project: r, onFlavorDeleted: i, onFlavorCreated: a, searchTerm: o, setSearchTerm: s, sortSettings: u, handleSortChange: d, createModalOpen: f, setCreateModalOpen: p, currentPage: m, onPageChange: h }) {
+	let { i18n: g, _ } = B(), { flavors: v, privateFlavorError: y } = j(e), b = j(t), x = Math.max(1, Math.ceil(v.length / G)), S = Math.min(m, x), C = v.slice((S - 1) * G, S * G);
+	return N(() => {
+		m > x && h(1);
+	}, [
+		x,
+		m,
+		h
+	]), /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ D(W, {
+			client: n,
+			isOpen: f,
+			project: r,
+			onClose: () => p(!1),
+			onSuccess: a
+		}),
+		y && /* @__PURE__ */ D(c, {
+			className: "mb-4",
+			text: g._({ id: "3oc18/" }),
+			variant: "warning"
+		}),
+		/* @__PURE__ */ D(T, {
+			sortSettings: u,
+			searchTerm: o,
+			onSort: d,
+			onSearch: s,
+			actions: b.canCreate ? /* @__PURE__ */ D(l, {
+				variant: "primary",
+				label: g._({ id: "Rlp5zj" }),
+				onClick: () => p(!0)
+			}) : null
+		}),
+		/* @__PURE__ */ D(V, {
+			flavors: C,
+			isLoading: !1,
+			client: n,
+			project: r,
+			onFlavorDeleted: i,
+			canDeleteFlavor: b.canDelete,
+			canMangageAccess: b.canManageAccess,
+			currentPage: S,
+			totalPages: x,
+			onPageChange: h
+		})
+	] });
+}
+var Y = ({ client: e, project: t }) => {
+	let { i18n: n, _: r } = B(), i = I(), a = R({ strict: !1 }), [s, l] = P({
+		options: [
+			{
+				label: n._({ id: "6YtxFj" }),
+				value: "name"
+			},
+			{
+				label: n._({ id: "MZGbkp" }),
+				value: "vcpus"
+			},
+			{
+				label: n._({ id: "RGhYAo" }),
+				value: "ram"
+			},
+			{
+				label: n._({ id: "cJDQIO" }),
+				value: "disk"
+			},
+			{
+				label: n._({ id: "vH2C/2" }),
+				value: "swap"
+			}
+		],
+		sortBy: a.sortBy || "name",
+		sortDirection: a.sortDirection || "asc"
+	}), [u, d] = P(a.search || ""), f = a.page ?? 1, [p, m] = P(), [g, _] = P(!1), [v, y] = P(() => K(e, t, s.sortBy, s.sortDirection, u)), [b] = P(() => q(e, t)), x = () => {
+		A(() => {
+			y(K(e, t, s.sortBy, s.sortDirection, u));
+		});
+	}, S = (e) => {
+		m({
+			message: n._({
+				id: "20Kpaw",
+				values: { flavorName: e }
+			}),
+			timestamp: Date.now()
+		}), setTimeout(() => m(void 0), 5e3), x();
+	}, C = (e) => {
+		m({
+			message: n._({
+				id: "eChIh7",
+				values: { flavorName: e }
+			}),
+			timestamp: Date.now()
+		}), setTimeout(() => m(void 0), 5e3), x();
+	}, w = (n) => {
+		let r = {
+			options: n.options,
+			sortBy: n.sortBy?.toString() || "name",
+			sortDirection: n.sortDirection || "asc"
+		};
+		l(r), i({
+			search: (e) => ({
+				...e,
+				sortBy: r.sortBy,
+				sortDirection: r.sortDirection,
+				page: void 0
+			}),
+			replace: !0
+		}), A(() => {
+			y(K(e, t, r.sortBy, r.sortDirection, u));
+		});
+	}, T = (n) => {
+		let r = typeof n == "string" ? n : "";
+		d(r), i({
+			search: (e) => ({
+				...e,
+				search: r || void 0,
+				page: void 0
+			}),
+			replace: !0
+		}), A(() => {
+			y(K(e, t, s.sortBy, s.sortDirection, r));
+		});
+	}, E = M((e) => {
+		i({ search: (t) => ({
+			...t,
+			page: e === 1 ? void 0 : e
+		}) });
+	}, [i]);
+	return /* @__PURE__ */ O("div", {
+		className: "relative",
+		children: [p && /* @__PURE__ */ D(c, {
+			className: "absolute -top-14 right-0 left-0 z-50",
+			text: p.message,
+			variant: "info",
+			onDismiss: () => m(void 0),
+			dismissible: !0
+		}), /* @__PURE__ */ D(k, {
+			fallback: /* @__PURE__ */ O(h, {
+				className: "fixed inset-0",
+				distribution: "center",
+				alignment: "center",
+				direction: "vertical",
+				children: [/* @__PURE__ */ D(o, {
+					variant: "primary",
+					size: "large",
+					className: "mb-2"
+				}), /* @__PURE__ */ D(z, { id: "EqSPkP" })]
+			}),
+			children: /* @__PURE__ */ D(J, {
+				flavorsPromise: v,
+				permissionsPromise: b,
+				client: e,
+				project: t,
+				onFlavorDeleted: S,
+				onFlavorCreated: C,
+				searchTerm: u,
+				setSearchTerm: T,
+				sortSettings: s,
+				handleSortChange: w,
+				createModalOpen: g,
+				setCreateModalOpen: _,
+				currentPage: f,
+				onPageChange: E
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component
+function X() {
+	let { i18n: e, _: t } = B(), { projectId: n } = b.useParams(), { trpcClient: r, setPageTitle: i } = b.useRouteContext();
+	return i(e._({ id: "neiJm0" })), /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(w, {
+		title: e._({ id: "neiJm0" }),
+		projectId: n
+	}), /* @__PURE__ */ D(Y, {
+		project: n,
+		client: r
+	})] });
+}
+//#endregion
+export { X as component };
+
+//# sourceMappingURL=flavors-CT4auvLO.mjs.map