@cobaltcore-dev/aurora 0.2.2 → 0.3.1

package/dist/client/flavors-qvgPSI7J.mjs

@@ -0,0 +1,613 @@
+import { C as e, E as t, G as n, I as r, M as i, Q as a, T as o, U as s, Y as c, at as l, c as u, et as d, f, it as p, j as m, l as h, n as g, nt as _, ot as v, q as y, w as b } from "./build-BJDfnAyi.mjs";
+import { t as x } from "./useErrorTranslation-TZVwIAzq.mjs";
+import { t as S } from "./flavors-D8oElC2K.mjs";
+import { n as C, r as w, t as T } from "./DeleteFlavorModal-BusYn32r.mjs";
+import { t as E } from "./ContentHeader-BXZoN3B9.mjs";
+import { t as D } from "./SortInput-DXWSqSny.mjs";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Suspense as j, startTransition as M, use as N, useCallback as P, useEffect as F, useRef as I, useState as L } from "react";
+import { Link as R, useNavigate as z, useParams as B, useSearch as V } from "@tanstack/react-router";
+import { TRPCClientError as H } from "@trpc/client";
+import { Trans as U, useLingui as W } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/FlavorListContainer.tsx
+var G = ({ flavors: e, isLoading: o, client: l, project: u, onFlavorDeleted: f, canDeleteFlavor: p, canMangageAccess: g, currentPage: v = 1, totalPages: y = 1, onPageChange: b }) => {
+	let { i18n: x, _: S } = W(), E = z(), [D, j] = L(!1), [M, N] = L(!1), [P, F] = L(!1), [I, V] = L(null), { projectId: H } = B({ from: "/_auth/projects/$projectId/compute/flavors/" }), G = (e) => {
+		V(e), j(!0);
+	}, K = (e) => {
+		V(e), N(!0);
+	}, q = (e) => {
+		V(e), F(!0);
+	}, J = () => {
+		j(!1), V(null);
+	};
+	return o ? /* @__PURE__ */ k("div", {
+		"data-testid": "loading",
+		children: /* @__PURE__ */ k("div", {
+			"data-testid": "loading",
+			children: /* @__PURE__ */ k(r, { children: /* @__PURE__ */ k(i, {
+				colSpan: 3,
+				children: /* @__PURE__ */ A(_, {
+					distribution: "center",
+					alignment: "center",
+					children: [/* @__PURE__ */ k(a, { variant: "primary" }), /* @__PURE__ */ k(U, { id: "Z3FXyt" })]
+				})
+			}) })
+		})
+	}) : !e || e.length === 0 ? /* @__PURE__ */ k(s, {
+		columns: 7,
+		className: "flavors",
+		"data-testid": "no-flavors",
+		children: /* @__PURE__ */ k(r, { children: /* @__PURE__ */ A(i, {
+			colSpan: 7,
+			children: [/* @__PURE__ */ k(m, { children: /* @__PURE__ */ k(U, { id: "PiyQJ/" }) }), /* @__PURE__ */ k("p", { children: /* @__PURE__ */ k(U, { id: "KSW/GC" }) })]
+		}) })
+	}) : /* @__PURE__ */ A(O, { children: [
+		/* @__PURE__ */ A(s, {
+			columns: 6,
+			minContentColumns: [5],
+			className: "flavors",
+			"data-testid": "flavors-table",
+			children: [/* @__PURE__ */ A(r, { children: [
+				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "6YtxFj" }) }),
+				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "k5nYwm" }) }),
+				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "K+e/0e" }) }),
+				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "n0ZttO" }) }),
+				/* @__PURE__ */ k(n, { children: /* @__PURE__ */ k(U, { id: "p4nMut" }) }),
+				/* @__PURE__ */ k(n, {})
+			] }), e.map((e) => /* @__PURE__ */ A(r, {
+				"data-testid": `flavor-row-${e.id}`,
+				onClick: () => E({
+					to: "/projects/$projectId/compute/flavors/$flavorId",
+					params: {
+						projectId: H,
+						flavorId: e.id
+					}
+				}),
+				children: [
+					/* @__PURE__ */ k(i, { children: e.name || e.id }),
+					/* @__PURE__ */ k(i, { children: e.vcpus || "–" }),
+					/* @__PURE__ */ k(i, { children: e.ram || "–" }),
+					/* @__PURE__ */ k(i, { children: e.disk || "–" }),
+					/* @__PURE__ */ k(i, { children: e.swap || "–" }),
+					/* @__PURE__ */ k(i, {
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(t, { children: [
+							/* @__PURE__ */ k(c, { children: /* @__PURE__ */ k(R, {
+								to: "/projects/$projectId/compute/flavors/$flavorId",
+								params: {
+									projectId: H,
+									flavorId: e.id
+								},
+								className: "text-theme-default",
+								children: x._({ id: "URmyfc" })
+							}) }),
+							/* @__PURE__ */ k(c, {
+								label: x._({ id: "6GBt0m" }),
+								onClick: () => K(e)
+							}),
+							g && /* @__PURE__ */ k(c, {
+								label: x._({ id: "cWbW6w" }),
+								onClick: () => q(e)
+							}),
+							p && /* @__PURE__ */ k(c, {
+								label: x._({ id: "JT3I1g" }),
+								onClick: () => G(e)
+							})
+						] }) })
+					})
+				]
+			}, e.id))]
+		}),
+		y > 1 && /* @__PURE__ */ k("div", {
+			className: "flex justify-center py-4",
+			children: /* @__PURE__ */ k(h, {
+				variant: "input",
+				currentPage: v,
+				pages: y,
+				onPressPrevious: () => b?.(Math.max(v - 1, 1)),
+				onPressNext: () => b?.(Math.min(v + 1, y)),
+				onSelectChange: (e) => b?.(e)
+			})
+		}),
+		/* @__PURE__ */ k(T, {
+			client: l,
+			isOpen: D,
+			onClose: J,
+			project: u,
+			flavor: I,
+			onSuccess: () => {
+				I && f && f(I.name || ""), J();
+			}
+		}),
+		/* @__PURE__ */ k(w, {
+			client: l,
+			isOpen: M,
+			onClose: () => N(!1),
+			project: u,
+			flavor: I
+		}),
+		/* @__PURE__ */ k(C, {
+			client: l,
+			isOpen: P,
+			onClose: () => F(!1),
+			project: u,
+			flavor: I
+		})
+	] });
+}, K = (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;
+	}
+}, q = (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;
+}, J = ({ client: e, isOpen: t, onClose: n, project: r, onSuccess: i }) => {
+	let { i18n: s, _: c } = W(), { translateError: u } = x(), [d, f] = L({ "os-flavor-access:is_public": !0 }), [m, h] = L({}), [S, C] = L(!1), [w, T] = L(null), E = (e) => {
+		let { name: t, value: n, type: r, checked: i } = e.target;
+		f((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), w && T(null);
+	}, D = (e, t) => {
+		f((n) => ({
+			...n,
+			[e]: t
+		})), w && T(null);
+	}, O = (e) => {
+		let { name: t, value: n } = e.target, r = K(t, n, c);
+		h((e) => ({
+			...e,
+			[t]: r
+		}));
+	}, j = async (t) => {
+		t.preventDefault(), T(null);
+		let n = {};
+		if ([
+			"name",
+			"vcpus",
+			"ram",
+			"disk"
+		].forEach((e) => {
+			let t = K(e, d[e], c);
+			t && (n[e] = t);
+		}), [
+			"id",
+			"swap",
+			"OS-FLV-EXT-DATA:ephemeral",
+			"rxtx_factor",
+			"description",
+			"os-flavor-access:is_public"
+		].forEach((e) => {
+			let t = d[e];
+			if (t !== void 0 && t !== "" && t !== null) {
+				let r = K(e, t, c);
+				r && (n[e] = r);
+			}
+		}), Object.keys(n).length > 0) {
+			h(n), T(s._({ id: "CBFSfX" }));
+			return;
+		}
+		try {
+			C(!0);
+			let t = q(d);
+			await e.compute.createFlavor.mutate({
+				project_id: r,
+				flavor: t
+			}), i(t.name), M();
+		} catch (e) {
+			T(e?.message ? u(e.message) : s._({ id: "OxDN2m" }));
+		} finally {
+			C(!1);
+		}
+	}, M = () => {
+		f({ "os-flavor-access:is_public": !0 }), h({}), T(null), n();
+	};
+	return /* @__PURE__ */ A(v, {
+		onCancel: M,
+		size: "large",
+		title: s._({ id: "Rlp5zj" }),
+		open: t,
+		onConfirm: j,
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		confirmButtonLabel: s._({ id: "wEfZld" }),
+		children: [S && /* @__PURE__ */ k(_, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ k(a, { variant: "primary" })
+		}), !S && /* @__PURE__ */ A(l, { children: [w && /* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(y, {
+			onDismiss: () => {
+				T(null);
+			},
+			text: w,
+			variant: "error"
+		}) }), /* @__PURE__ */ A(g, { children: [
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "id",
+				name: "id",
+				label: s._({ id: "s2ubkU" }),
+				value: d.id || "",
+				onChange: E,
+				onBlur: O,
+				errortext: m.id
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "name",
+				name: "name",
+				label: s._({ id: "lWxDDh" }),
+				value: d.name || "",
+				onChange: E,
+				onBlur: O,
+				errortext: m.name,
+				required: !0
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "description",
+				name: "description",
+				label: s._({ id: "Nu4oKW" }),
+				value: d.description || "",
+				onChange: E,
+				onBlur: O,
+				errortext: m.description
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "vcpus",
+				name: "vcpus",
+				label: s._({ id: "MZGbkp" }),
+				value: String(d.vcpus || ""),
+				onChange: (e) => D("vcpus", Number(e.target.value)),
+				onBlur: O,
+				errortext: m.vcpus,
+				type: "number",
+				required: !0
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "ram",
+				name: "ram",
+				label: s._({ id: "K+e/0e" }),
+				value: String(d.ram || ""),
+				onChange: (e) => D("ram", Number(e.target.value)),
+				onBlur: O,
+				errortext: m.ram,
+				type: "number",
+				required: !0
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "disk",
+				name: "disk",
+				label: s._({ id: "AxZkIr" }),
+				value: String(d.disk || ""),
+				onChange: (e) => D("disk", Number(e.target.value)),
+				onBlur: O,
+				errortext: m.disk,
+				type: "number",
+				required: !0
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "OS-FLV-EXT-DATA:ephemeral",
+				name: "OS-FLV-EXT-DATA:ephemeral",
+				label: s._({ id: "X2OnDx" }),
+				value: String(d["OS-FLV-EXT-DATA:ephemeral"] || ""),
+				onChange: (e) => D("OS-FLV-EXT-DATA:ephemeral", Number(e.target.value)),
+				onBlur: O,
+				errortext: m["OS-FLV-EXT-DATA:ephemeral"],
+				type: "number"
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "swap",
+				name: "swap",
+				label: s._({ id: "p4nMut" }),
+				value: String(d.swap || ""),
+				onChange: (e) => D("swap", e.target.value ? Number(e.target.value) : void 0),
+				onBlur: O,
+				errortext: m.swap,
+				type: "number"
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(o, {
+				id: "rxtx_factor",
+				name: "rxtx_factor",
+				label: s._({ id: "u5HztT" }),
+				defaultValue: 1,
+				value: String(d.rxtx_factor || ""),
+				onChange: (e) => D("rxtx_factor", Number(e.target.value)),
+				onBlur: O,
+				errortext: m.rxtx_factor,
+				type: "number"
+			}) }),
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(b, {
+				name: "os-flavor-access:is_public",
+				label: s._({ id: "vbajgL" }),
+				helptext: s._({ id: "3nh/7E" }),
+				checked: !!d["os-flavor-access:is_public"],
+				onChange: E
+			}) })
+		] })] })]
+	});
+}, Y = 50, X = (e, t, n, r, i) => e.compute.getFlavorsByProjectId.query({
+	project_id: t,
+	sortBy: n,
+	sortDirection: r,
+	searchTerm: i
+}).then((e) => ({
+	...e,
+	listError: void 0
+})).catch((e) => {
+	if (e instanceof H && e.data?.code === "FORBIDDEN") return {
+		flavors: [],
+		privateFlavorError: void 0,
+		listError: e.message
+	};
+	throw e;
+}), Z = (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 Q({ flavorsPromise: t, permissionsPromise: n, client: r, project: i, onFlavorDeleted: a, onFlavorCreated: o, searchTerm: s, setSearchTerm: c, sortSettings: l, handleSortChange: d, createModalOpen: p, setCreateModalOpen: m, currentPage: h, onPageChange: g }) {
+	let { i18n: v, _: b } = W(), { flavors: x, privateFlavorError: S, listError: C } = N(t), w = N(n), [T, E] = L(s), j = I(void 0);
+	if (F(() => () => clearTimeout(j.current), []), C) return /* @__PURE__ */ k("p", { children: C });
+	let M = Math.max(1, Math.ceil(x.length / Y)), P = Math.min(h, M), R = x.slice((P - 1) * Y, P * Y);
+	return F(() => {
+		h > M && g(1);
+	}, [
+		M,
+		h,
+		g
+	]), /* @__PURE__ */ A(O, { children: [
+		/* @__PURE__ */ k(J, {
+			client: r,
+			isOpen: p,
+			project: i,
+			onClose: () => m(!1),
+			onSuccess: o
+		}),
+		S && /* @__PURE__ */ k(y, {
+			className: "mb-4",
+			text: v._({ id: "3oc18/" }),
+			variant: "warning"
+		}),
+		/* @__PURE__ */ A(_, {
+			distribution: "end",
+			alignment: "center",
+			gap: "2",
+			className: "pb-2",
+			children: [/* @__PURE__ */ k(_, {
+				gap: "0.5",
+				children: /* @__PURE__ */ k(D, {
+					options: l.options,
+					sortBy: l.sortBy,
+					sortDirection: l.sortDirection ?? "asc",
+					onSortByChange: (e) => d({
+						...l,
+						sortBy: e,
+						sortDirection: l.sortDirection
+					}),
+					onSortDirectionChange: (e) => d({
+						...l,
+						sortDirection: e
+					})
+				})
+			}), w.canCreate && /* @__PURE__ */ k(u, {
+				variant: "primary",
+				label: v._({ id: "Rlp5zj" }),
+				onClick: () => m(!0)
+			})]
+		}),
+		/* @__PURE__ */ k(e, { children: /* @__PURE__ */ k(_, {
+			distribution: "end",
+			alignment: "center",
+			children: /* @__PURE__ */ k(f, {
+				placeholder: v._({ id: "U0sPCo" }),
+				"data-testid": "searchbar",
+				value: T,
+				onInput: (e) => {
+					let t = e.currentTarget.value;
+					E(t), clearTimeout(j.current), j.current = window.setTimeout(() => c(t), 500);
+				},
+				onSearch: (e) => {
+					clearTimeout(j.current), c(typeof e == "string" ? e : "");
+				},
+				onClear: () => {
+					clearTimeout(j.current), E(""), c("");
+				}
+			})
+		}) }),
+		/* @__PURE__ */ k(G, {
+			flavors: R,
+			isLoading: !1,
+			client: r,
+			project: i,
+			onFlavorDeleted: a,
+			canDeleteFlavor: w.canDelete,
+			canMangageAccess: w.canManageAccess,
+			currentPage: P,
+			totalPages: M,
+			onPageChange: g
+		})
+	] });
+}
+var $ = ({ client: e, project: t }) => {
+	let { i18n: n, _: r } = W(), i = z(), o = V({ strict: !1 }), [s, c] = L({
+		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: o.sortBy || "name",
+		sortDirection: o.sortDirection || "asc"
+	}), [l, u] = L(o.search || ""), d = o.page ?? 1, [f, p] = L(), [m, h] = L(!1), [g, v] = L(() => X(e, t, s.sortBy, s.sortDirection, l)), [b] = L(() => Z(e, t)), x = () => {
+		M(() => {
+			v(X(e, t, s.sortBy, s.sortDirection, l));
+		});
+	}, S = (e) => {
+		p({
+			message: n._({
+				id: "20Kpaw",
+				values: { flavorName: e }
+			}),
+			timestamp: Date.now()
+		}), setTimeout(() => p(void 0), 5e3), x();
+	}, C = (e) => {
+		p({
+			message: n._({
+				id: "eChIh7",
+				values: { flavorName: e }
+			}),
+			timestamp: Date.now()
+		}), setTimeout(() => p(void 0), 5e3), x();
+	}, w = (n) => {
+		let r = {
+			options: n.options,
+			sortBy: n.sortBy?.toString() || "name",
+			sortDirection: n.sortDirection || "asc"
+		};
+		c(r), i({
+			search: (e) => ({
+				...e,
+				sortBy: r.sortBy,
+				sortDirection: r.sortDirection,
+				page: void 0
+			}),
+			replace: !0
+		}), M(() => {
+			v(X(e, t, r.sortBy, r.sortDirection, l));
+		});
+	}, T = (n) => {
+		let r = typeof n == "string" ? n : "";
+		u(r), i({
+			search: (e) => ({
+				...e,
+				search: r || void 0,
+				page: void 0
+			}),
+			replace: !0
+		}), M(() => {
+			v(X(e, t, s.sortBy, s.sortDirection, r));
+		});
+	}, E = P((e) => {
+		i({ search: (t) => ({
+			...t,
+			page: e === 1 ? void 0 : e
+		}) });
+	}, [i]);
+	return /* @__PURE__ */ A("div", {
+		className: "relative",
+		children: [f && /* @__PURE__ */ k(y, {
+			className: "absolute -top-14 right-0 left-0 z-50",
+			text: f.message,
+			variant: "info",
+			onDismiss: () => p(void 0),
+			dismissible: !0
+		}), /* @__PURE__ */ k(j, {
+			fallback: /* @__PURE__ */ A(_, {
+				className: "fixed inset-0",
+				distribution: "center",
+				alignment: "center",
+				direction: "vertical",
+				children: [/* @__PURE__ */ k(a, {
+					variant: "primary",
+					size: "large",
+					className: "mb-2"
+				}), /* @__PURE__ */ k(U, { id: "EqSPkP" })]
+			}),
+			children: /* @__PURE__ */ k(Q, {
+				flavorsPromise: g,
+				permissionsPromise: b,
+				client: e,
+				project: t,
+				onFlavorDeleted: S,
+				onFlavorCreated: C,
+				searchTerm: l,
+				setSearchTerm: T,
+				sortSettings: s,
+				handleSortChange: w,
+				createModalOpen: m,
+				setCreateModalOpen: h,
+				currentPage: d,
+				onPageChange: E
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component
+function ee() {
+	let { i18n: e, _: t } = W(), { projectId: n } = S.useParams(), { trpcClient: r } = S.useRouteContext();
+	return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(E, {
+		title: e._({ id: "neiJm0" }),
+		projectId: n
+	}), /* @__PURE__ */ k($, {
+		project: n,
+		client: r
+	})] });
+}
+//#endregion
+export { ee as component };
+
+//# sourceMappingURL=flavors-qvgPSI7J.mjs.map