@cobaltcore-dev/aurora 1.2.0 → 2.0.0

package/dist/client/floatingips-B1oLH8z6.mjs

@@ -0,0 +1,551 @@
+import { C as e, D as t, L as n, Q as r, R as i, S as a, T as o, X as s, ft as c, g as l, i as u, it as d, l as f, lt as p, m, o as h, p as g, rt as _, t as v, x as y } from "./build-WuxXRAqf.mjs";
+import { a as b } from "./trpcClient-D7gpR7YG.mjs";
+import { t as x } from "./useProjectId-DBc5lpoU.mjs";
+import { t as S } from "./SortInput-4g7nSTHW.mjs";
+import { d as C, n as w, o as T } from "./md-kvaGCNAK.mjs";
+import { t as E } from "./ContentHeader-CPJbgYWn.mjs";
+import "./hooks-D0yKIumu.mjs";
+import { t as D } from "./useModal-DCs1OJh7.mjs";
+import { n as O, t as k } from "./FiltersInput-Becwxo_J.mjs";
+import { t as A } from "./FloatingIpActionModals-Cq10WljB.mjs";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useEffect as P, useRef as F, useState as I } from "react";
+import { useNavigate as L, useSearch as R } from "@tanstack/react-router";
+import { Trans as z, useLingui as B } from "@lingui/react";
+import { z as V } from "zod";
+import { i18n as H } from "@lingui/core";
+import { useForm as U, useStore as W } from "@tanstack/react-form";
+//#region src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/constants.tsx
+var G = {
+	ACTIVE: {
+		text: "Active",
+		icon: /*#__PURE__*/ M(w, {
+			size: 18,
+			color: "white",
+			fill: "#4FB81C"
+		})
+	},
+	DOWN: {
+		text: "Down",
+		icon: /*#__PURE__*/ M(C, {
+			size: 18,
+			color: "white",
+			fill: "#969696"
+		})
+	},
+	ERROR: {
+		text: "Error",
+		icon: /*#__PURE__*/ M(T, {
+			size: 18,
+			color: "white",
+			fill: "#C70000"
+		})
+	}
+}, K = () => [
+	H._({ id: "uAQUqI" }),
+	H._({ id: "xNG/3n" }),
+	H._({ id: "Nc7QKU" }),
+	H._({ id: "7NC3vm" }),
+	H._({ id: "Nu4oKW" }),
+	""
+], q = ({ floatingIp: e }) => {
+	let { i18n: n, _: r } = B(), i = L(), a = x(), s = () => {
+		i({
+			to: "/projects/$projectId/network/floatingips/$floatingIpId",
+			params: {
+				projectId: a,
+				floatingIpId: e.id
+			}
+		});
+	};
+	return /*#__PURE__*/ N(o, {
+		"data-testid": `floating-ip-row-${e.id}`,
+		onClick: s,
+		children: [
+			/*#__PURE__*/ M(v, { children: /*#__PURE__*/ N("div", {
+				className: "flex items-center gap-2",
+				children: [G[e.status].icon, G[e.status].text]
+			}) }),
+			/*#__PURE__*/ M(v, { children: e.floating_ip_address }),
+			/*#__PURE__*/ M(v, { children: e.fixed_ip_address || "—" }),
+			/*#__PURE__*/ M(v, { children: e.floating_network_id }),
+			/*#__PURE__*/ M(v, { children: /*#__PURE__*/ M("div", {
+				className: "truncate",
+				children: e.description || "—"
+			}) }),
+			/*#__PURE__*/ M(v, {
+				onClick: (e) => e.stopPropagation(),
+				className: "items-end pr-0",
+				children: /*#__PURE__*/ M(A, {
+					floatingIp: e,
+					children: ({ toggleEditModal: e, toggleAttachModal: r, toggleDetachModal: i, toggleReleaseModal: a }) => /*#__PURE__*/ M(t, { children: /*#__PURE__*/ N(l, { children: [
+						/*#__PURE__*/ M(y, {
+							label: n._({ id: "v0hPHE" }),
+							onClick: s
+						}),
+						/*#__PURE__*/ M(y, {
+							label: n._({ id: "n22YIM" }),
+							onClick: e
+						}),
+						/*#__PURE__*/ M(y, {
+							label: n._({ id: "igVDFt" }),
+							onClick: r
+						}),
+						/*#__PURE__*/ M(y, {
+							label: n._({ id: "FOcBn3" }),
+							onClick: i
+						}),
+						/*#__PURE__*/ M(y, {
+							label: n._({ id: "H+a5j6" }),
+							onClick: a
+						})
+					] }) })
+				})
+			})
+		]
+	}, e.id);
+}, J = ({ floatingIps: e, isLoading: t, isError: n, error: r }) => {
+	let { i18n: i, _: s } = B(), c = K(), l = c.length;
+	return t ? /*#__PURE__*/ M(_, {
+		status: "progress",
+		title: i._({ id: "odksI6" })
+	}) : n ? /*#__PURE__*/ M(_, {
+		status: "error",
+		title: r?.message ?? i._({ id: "/sdjzP" })
+	}) : /*#__PURE__*/ N(h, {
+		columns: l,
+		minContentColumns: [l - 1],
+		children: [/*#__PURE__*/ M(o, { children: c.map((e) => /*#__PURE__*/ M(a, { children: e }, e)) }), e.length > 0 ? e.map((e) => /*#__PURE__*/ M(q, { floatingIp: e }, e.id)) : /*#__PURE__*/ M(o, { children: /*#__PURE__*/ M(v, {
+			colSpan: l,
+			children: /*#__PURE__*/ M(_, {
+				status: "empty",
+				title: i._({ id: "JiQKPG" }),
+				body: i._({ id: "0eY8Mz" })
+			})
+		}) })]
+	});
+}, Y = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}$/, X = /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})))$/, ee = (e) => Y.test(e) || X.test(e), te = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/, ne = ({ open: e, onClose: t }) => {
+	let { i18n: r, _: a } = B(), o = x(), l = L(), u = b.useUtils(), { isPending: f, ...h } = b.network.floatingIp.create.useMutation({ onSettled: () => u.network.floatingIp.list.invalidate() }), { data: v = [], isLoading: y, error: S } = b.network.floatingIp.listExternalNetworks.useQuery({ project_id: o }), { data: C = [], isLoading: w, error: T } = b.network.floatingIp.listDnsDomains.useQuery({ project_id: o }), { data: E = [], isLoading: D, error: O } = b.network.floatingIp.listAvailablePorts.useQuery({ project_id: o }), k = V.object({
+		floating_network_id: V.string(),
+		dns_domain: V.string(),
+		dns_name: V.string().trim().max(63, r._({ id: "Zq6Y5u" })).refine((e) => e === "" || te.test(e), { message: r._({ id: "R6kcsL" }) }),
+		description: V.string().trim().max(255, r._({ id: "lZvIXd" })),
+		floating_ip_address: V.string().trim().refine((e) => e === "" || ee(e), { message: r._({ id: "AZyHwC" }) }),
+		port_id: V.string(),
+		fixed_ip_address: V.string()
+	}), A = U({
+		defaultValues: {
+			floating_network_id: "",
+			dns_domain: "",
+			dns_name: "",
+			description: "",
+			floating_ip_address: "",
+			port_id: "",
+			fixed_ip_address: ""
+		},
+		validators: { onSubmit: k },
+		onSubmit: async ({ value: e }) => {
+			if (f) return;
+			let t = await h.mutateAsync({
+				project_id: o,
+				floating_network_id: e.floating_network_id,
+				...e.dns_domain && { dns_domain: e.dns_domain },
+				...e.dns_name && { dns_name: e.dns_name },
+				...e.description && { description: e.description },
+				...e.floating_ip_address && { floating_ip_address: e.floating_ip_address },
+				...e.port_id && { port_id: e.port_id },
+				...e.fixed_ip_address && { fixed_ip_address: e.fixed_ip_address }
+			});
+			j(), l({
+				to: "/projects/$projectId/network/floatingips/$floatingIpId",
+				params: {
+					projectId: o,
+					floatingIpId: t.id
+				}
+			});
+		}
+	}), j = () => {
+		f || (A.reset(), h.reset(), t());
+	}, P = W(A.store, (e) => e.values.port_id), F = W(A.store, (e) => e.values.floating_network_id), I = E.find((e) => e.id === P)?.fixed_ips ?? [], R = (S?.message || T?.message || O?.message) ?? h.error?.message ?? null;
+	return /*#__PURE__*/ N(s, {
+		open: e,
+		size: "large",
+		title: r._({ id: "h99+4y" }),
+		onCancel: j,
+		cancelButtonLabel: r._({ id: "dEgA5A" }),
+		confirmButtonLabel: r._({ id: "9X8lAk" }),
+		onConfirm: A.handleSubmit,
+		disableConfirmButton: f || !F,
+		disableCancelButton: f,
+		disableCloseButton: f,
+		children: [R && /*#__PURE__*/ M(n, {
+			dismissible: !1,
+			variant: "error",
+			className: "mb-4",
+			children: R
+		}), f ? /*#__PURE__*/ M(_, {
+			status: "progress",
+			title: r._({ id: "HuA8iQ" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ N(c, {
+			className: "mb-0",
+			id: "allocate-floating-ip-form",
+			onSubmit: (e) => {
+				e.preventDefault(), A.handleSubmit();
+			},
+			children: [
+				/*#__PURE__*/ M(g, {
+					className: "mb-4",
+					children: /*#__PURE__*/ M(A.Field, {
+						name: "floating_network_id",
+						children: (e) => /*#__PURE__*/ M(d, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
+							label: r._({ id: "kA2lMP" }),
+							helptext: r._({ id: "BoIAP6" }),
+							placeholder: r._({ id: "T6Gm5y" }),
+							disabled: f || y,
+							required: !0,
+							loading: y,
+							children: v.map(({ id: e, name: t }) => /*#__PURE__*/ M(i, {
+								value: e,
+								label: t ? `${t} (${e})` : e
+							}, e))
+						})
+					})
+				}),
+				/*#__PURE__*/ M(g, {
+					className: "mb-4",
+					children: /*#__PURE__*/ M(A.Field, {
+						name: "dns_domain",
+						children: (e) => /*#__PURE__*/ M(d, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
+							label: r._({ id: "WlpcJv" }),
+							helptext: r._({ id: "1ojTVo" }),
+							disabled: f || w,
+							loading: w,
+							children: C.map(({ id: e, name: t }) => /*#__PURE__*/ M(i, {
+								value: t,
+								label: t
+							}, e))
+						})
+					})
+				}),
+				/*#__PURE__*/ M(g, {
+					className: "mb-4",
+					children: /*#__PURE__*/ M(A.Field, {
+						name: "dns_name",
+						children: (e) => /*#__PURE__*/ M(m, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							label: r._({ id: "eGEHJE" }),
+							placeholder: r._({ id: "SLEH7X" }),
+							helptext: r._({ id: "Tx4Ym+" }),
+							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+							disabled: f
+						})
+					})
+				}),
+				/*#__PURE__*/ M(g, {
+					className: "mb-4",
+					children: /*#__PURE__*/ M(A.Field, {
+						name: "description",
+						children: (e) => /*#__PURE__*/ M(p, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: r._({ id: "Nu4oKW" }),
+							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+							disabled: f
+						})
+					})
+				}),
+				/*#__PURE__*/ M(g, {
+					className: "mb-4",
+					children: /*#__PURE__*/ M(A.Field, {
+						name: "floating_ip_address",
+						children: (e) => /*#__PURE__*/ M(m, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onBlur: e.handleBlur,
+							onChange: (t) => e.handleChange(t.target.value),
+							label: r._({ id: "xNG/3n" }),
+							placeholder: r._({ id: "5/wyf8" }),
+							helptext: r._({ id: "PAKSdy" }),
+							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+							disabled: f
+						})
+					})
+				}),
+				/*#__PURE__*/ M(g, {
+					className: "mb-4",
+					children: /*#__PURE__*/ M(A.Field, {
+						name: "port_id",
+						children: (e) => /*#__PURE__*/ M(d, {
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onChange: (t) => {
+								let n = typeof t == "string" ? t : "";
+								e.handleChange(n);
+								let r = E.find((e) => e.id === n)?.fixed_ips ?? [];
+								A.setFieldValue("fixed_ip_address", r.length === 1 ? r[0].ip_address : "");
+							},
+							label: r._({ id: "eks7oA" }),
+							placeholder: r._({ id: "UztfYZ" }),
+							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+							disabled: f || D,
+							loading: D,
+							children: E.map((e) => /*#__PURE__*/ M(i, {
+								value: e.id,
+								label: e.name ? `${e.name} (${e.id})` : e.id
+							}, e.id))
+						})
+					})
+				}),
+				/*#__PURE__*/ M(g, { children: /*#__PURE__*/ M(A.Field, {
+					name: "fixed_ip_address",
+					children: (e) => /*#__PURE__*/ M(d, {
+						id: e.name,
+						name: e.name,
+						value: e.state.value,
+						onBlur: e.handleBlur,
+						onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
+						label: r._({ id: "Nc7QKU" }),
+						placeholder: r._({ id: "i41Xuw" }),
+						helptext: r._({ id: "PtjzS+" }),
+						errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
+						disabled: f || I.length === 0,
+						children: I.map(({ ip_address: e }) => /*#__PURE__*/ M(i, {
+							value: e,
+							label: e
+						}, e))
+					})
+				}) })
+			]
+		})]
+	});
+}, Z = (e) => {
+	let t = [];
+	return e.status && t.push({
+		name: "status",
+		value: e.status
+	}), t;
+}, re = (e, t) => {
+	let n = {};
+	if (!e?.length) return n;
+	let r = e.filter((e) => !e.inactive).reduce((e, t) => (e[t.name] || (e[t.name] = []), e[t.name].push(t.value), e), {});
+	return Object.entries(r).forEach(([e, r]) => {
+		t.find((t) => t.filterName === e)?.supportsMultiValue && r.length > 1 ? n[e] = `in:${r.join(",")}` : n[e] = r[0];
+	}), n;
+}, ie = (e, t, n) => e.some((e) => e.name === t.name && e.value === t.value) ? e : n.find((e) => e.filterName === t.name)?.supportsMultiValue ? [...e, t] : [...e.filter((e) => e.name !== t.name), t], ae = (e, t, n) => {
+	let r = {
+		search: n.search,
+		sortBy: n.sortBy,
+		sortDirection: n.sortDirection
+	};
+	if (!e?.length) return r;
+	let i = e.filter((e) => !e.inactive).reduce((e, t) => (e[t.name] || (e[t.name] = []), e[t.name].push(t.value), e), {});
+	return Object.entries(i).forEach(([e, n]) => {
+		t.find((t) => t.filterName === e)?.supportsMultiValue && n.length > 1 ? r[e] = `in:${n.join(",")}` : r[e] = n[0];
+	}), r;
+}, Q = "status", $ = "asc", oe = () => {
+	let { i18n: t, _: i } = B(), a = L(), o = R({ strict: !1 }), s = x(), [c, l] = D(!1), [d, p] = I(o.search || ""), m = F(void 0);
+	P(() => () => clearTimeout(m.current), []);
+	let [h, g] = I({
+		options: [{
+			label: t._({ id: "uAQUqI" }),
+			value: "status"
+		}],
+		sortBy: o.sortBy || Q,
+		sortDirection: o.sortDirection || $
+	}), [v, y] = I({
+		filters: [{
+			displayName: t._({ id: "uAQUqI" }),
+			filterName: "status",
+			values: [
+				"ACTIVE",
+				"DOWN",
+				"ERROR"
+			],
+			supportsMultiValue: !1
+		}],
+		selectedFilters: Z(o)
+	}), C = o.search || "", { data: w } = b.network.canUser.useQuery({
+		project_id: s,
+		permission: ["network:floatingips:create"]
+	}, { select: ([e]) => ({ canCreate: e }) });
+	P(() => {
+		let e = Z(o), t = o.sortBy || Q, n = o.sortDirection || $, r = o.search || "";
+		y((t) => ({
+			...t,
+			selectedFilters: e
+		})), g((e) => ({
+			...e,
+			sortBy: t,
+			sortDirection: n
+		})), p(r);
+	}, [
+		o.status,
+		o.sortBy,
+		o.sortDirection,
+		o.search
+	]);
+	let T = (e) => {
+		let t = {
+			options: e.options,
+			sortBy: e.sortBy?.toString() || Q,
+			sortDirection: e.sortDirection || $
+		};
+		g(t), a({
+			search: (e) => ({
+				...e,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection
+			}),
+			replace: !1
+		});
+	}, A = (e) => {
+		y(e), a({
+			search: (t) => ae(e.selectedFilters || [], e.filters, {
+				search: t.search,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection
+			}),
+			replace: !1
+		});
+	}, V = (e, t = !1) => {
+		a({
+			search: (t) => ({
+				...t,
+				search: e || void 0
+			}),
+			replace: t
+		});
+	}, { data: H = [], isLoading: U, isError: W, error: G } = b.network.floatingIp.list.useQuery({
+		project_id: s,
+		sort_key: h.sortBy,
+		sort_dir: h.sortDirection,
+		...re(v.selectedFilters || [], v.filters),
+		...C ? { searchTerm: C } : {}
+	}, { placeholderData: (e) => e });
+	return W && !H.length ? /*#__PURE__*/ M(_, {
+		status: "error",
+		title: G?.message ?? t._({ id: "/sdjzP" })
+	}) : /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(E, {
+		title: t._({ id: "u77/s4" }),
+		projectId: s
+	}), /*#__PURE__*/ N("div", {
+		className: "relative",
+		children: [
+			W && H.length > 0 && /*#__PURE__*/ M(n, {
+				variant: "error",
+				className: "mb-4",
+				children: G?.message ?? t._({ id: "cL8dHR" })
+			}),
+			/*#__PURE__*/ M(r, {
+				distribution: "end",
+				alignment: "center",
+				gap: "2",
+				className: "pb-2",
+				children: /*#__PURE__*/ N(r, {
+					gap: "2",
+					children: [/*#__PURE__*/ M(S, {
+						options: h.options,
+						sortBy: h.sortBy,
+						sortDirection: h.sortDirection ?? "asc",
+						selectClassName: "min-w-52",
+						onSortByChange: (e) => T({
+							...h,
+							sortBy: e,
+							sortDirection: h.sortDirection
+						}),
+						onSortDirectionChange: (e) => T({
+							...h,
+							sortDirection: e
+						})
+					}), w?.canCreate && /*#__PURE__*/ M(u, {
+						onClick: l,
+						variant: "primary",
+						className: "whitespace-nowrap",
+						children: /*#__PURE__*/ M(z, { id: "h99+4y" })
+					})]
+				})
+			}),
+			/*#__PURE__*/ M(f, { children: /*#__PURE__*/ N(r, {
+				direction: "vertical",
+				gap: "2",
+				children: [/*#__PURE__*/ N(r, {
+					distribution: "between",
+					alignment: "center",
+					children: [/*#__PURE__*/ M(k, {
+						filters: v.filters,
+						selectClassName: "sm:min-w-40",
+						comboboxClassName: "sm:min-w-40",
+						onChange: (e) => {
+							let t = ie(v.selectedFilters || [], e, v.filters);
+							t !== (v.selectedFilters || []) && A({
+								...v,
+								selectedFilters: t
+							});
+						}
+					}), /*#__PURE__*/ M(e, {
+						placeholder: t._({ id: "s6lr1k" }),
+						"data-testid": "searchbar",
+						value: d,
+						onInput: (e) => {
+							let t = e.currentTarget.value;
+							p(t), clearTimeout(m.current), m.current = window.setTimeout(() => V(t, !0), 500);
+						},
+						onSearch: (e) => {
+							clearTimeout(m.current), V(typeof e == "string" ? e : "", !1);
+						},
+						onClear: () => {
+							clearTimeout(m.current), p(""), V("", !1);
+						}
+					})]
+				}), v.selectedFilters && v.selectedFilters.length > 0 && /*#__PURE__*/ M(O, {
+					selectedFilters: v.selectedFilters,
+					onDelete: (e) => A({
+						...v,
+						selectedFilters: (v.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
+					}),
+					onClear: () => A({
+						...v,
+						selectedFilters: []
+					})
+				})]
+			}) }),
+			/*#__PURE__*/ M(J, {
+				floatingIps: H,
+				isLoading: U,
+				isError: W && !H.length,
+				error: G
+			}),
+			c && /*#__PURE__*/ M(ne, {
+				open: c,
+				onClose: l
+			})
+		]
+	})] });
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/floatingips/index.tsx?tsr-split=component
+function se() {
+	return /*#__PURE__*/ M(oe, {});
+}
+//#endregion
+export { se as component };
+
+//# sourceMappingURL=floatingips-B1oLH8z6.mjs.map