@cobaltcore-dev/aurora 0.22.0 → 0.23.0

package/dist/client/securitygroups-DRhFle2O.mjs

@@ -0,0 +1,589 @@
+import { A as e, B as t, E as n, G as r, H as i, K as a, P as o, R as s, U as c, Y as l, at as u, c as d, ct as f, et as p, g as m, lt as h, n as g, o as _, r as v, rt as y, tt as b, ut as x, y as S } from "./build-CRLQyqu2.mjs";
+import { a as C } from "./trpcClient-Di56hpVv.mjs";
+import { t as w } from "./securitygroups-B8aLyFK7.mjs";
+import { t as T } from "./useProjectId-DBc5lpoU.mjs";
+import "./hooks-Bw3sHHOg.mjs";
+import { t as E } from "./SortInput-D_q_jDfe.mjs";
+import { n as D, t as O } from "./FiltersInput-DqT08Ib-.mjs";
+import { n as ee, t as k } from "./useSecurityGroupPermissions-BPS1ibWq.mjs";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { useEffect as N, useRef as P, useState as F } from "react";
+import { useNavigate as I, useSearch as L } from "@tanstack/react-router";
+import { Trans as R, useLingui as z } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/DeleteSecurityGroupDialog.tsx
+var B = ({ isOpen: e, onClose: n, securityGroup: r, onDelete: i, isDeleting: a = !1, error: o = null }) => {
+	let { i18n: s, _: l } = z(), [u, d] = F(""), f = s._({ id: "HNlEFZ" }), p = u.toLowerCase() === f.toLowerCase(), h = r.name || r.id, g = (e) => {
+		e.preventDefault(), p && !a && i(r.id);
+	}, _ = () => {
+		d(""), n();
+	};
+	return /*#__PURE__*/ j(v, {
+		open: e,
+		onCancel: _,
+		size: "small",
+		title: s._({
+			id: "Y+2SDm",
+			values: { securityGroupName: h }
+		}),
+		modalFooter: /*#__PURE__*/ j(m, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ M(x, { children: [/*#__PURE__*/ j(S, {
+				variant: "default",
+				onClick: _,
+				disabled: a,
+				children: /*#__PURE__*/ j(R, { id: "dEgA5A" })
+			}), /*#__PURE__*/ j(S, {
+				variant: "primary-danger",
+				onClick: g,
+				disabled: !p || a,
+				"data-testid": "confirm-delete-button",
+				children: a ? /*#__PURE__*/ j(R, { id: "EF2EU9" }) : /*#__PURE__*/ j(R, { id: "cnGeoo" })
+			})] })
+		}),
+		children: /*#__PURE__*/ M("div", { children: [
+			o && /*#__PURE__*/ j(t, {
+				dismissible: !1,
+				variant: "error",
+				className: "mt-4",
+				children: o
+			}),
+			/*#__PURE__*/ j(R, { id: "Qb+14I" }),
+			/*#__PURE__*/ M("div", {
+				className: "mt-4",
+				children: [/*#__PURE__*/ j("p", {
+					className: "mb-2 text-sm",
+					children: /*#__PURE__*/ j(R, {
+						id: "hLp49h",
+						values: { deleteWord: f },
+						components: { 0: /*#__PURE__*/ j("strong", {}) }
+					})
+				}), /*#__PURE__*/ j(c, {
+					id: "confirmation",
+					name: "confirmation",
+					value: u,
+					onChange: (e) => d(e.target.value),
+					placeholder: f,
+					disabled: a,
+					autoComplete: "off",
+					"data-testid": "delete-confirmation-input"
+				})]
+			})
+		] })
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
+function V({ securityGroup: t, permissions: i, onEdit: a, onDelete: o, onViewDetails: s, isReadOnly: c = !1, showSelectColumn: l = !1, isSelected: d = !1, onSelect: f }) {
+	let { i18n: p, _: m } = z(), g = ({ value: e }) => /*#__PURE__*/ j("span", { children: e ? p._({ id: "l75CjT" }) : p._({ id: "1UzENP" }) }), _ = () => {
+		s && s(t);
+	};
+	return /*#__PURE__*/ M(n, {
+		"data-testid": `security-group-row-${t.id}`,
+		onClick: _,
+		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
+		children: [
+			l && /*#__PURE__*/ j(r, {
+				onClick: (e) => e.stopPropagation(),
+				children: /*#__PURE__*/ j(h, {
+					checked: d,
+					onChange: () => f?.(t)
+				})
+			}),
+			/*#__PURE__*/ j(r, { children: /*#__PURE__*/ M("div", { children: [/*#__PURE__*/ j("p", {
+				className: "text-md",
+				children: t.name
+			}), /*#__PURE__*/ j("p", {
+				className: "text-theme-light text-xs",
+				children: t.id
+			})] }) }),
+			/*#__PURE__*/ j(r, { children: t.description || p._({ id: "h47p9L" }) }),
+			/*#__PURE__*/ M(r, { children: [/*#__PURE__*/ j(g, { value: t.shared }), t.shared && /*#__PURE__*/ M("p", { children: [
+				/*#__PURE__*/ j(R, { id: "LtI9AS" }),
+				": ",
+				/*#__PURE__*/ j("span", {
+					className: "text-theme-light text-xs",
+					children: t.project_id
+				})
+			] })] }),
+			/*#__PURE__*/ j(r, { children: /*#__PURE__*/ j(g, { value: t.stateful }) }),
+			/*#__PURE__*/ j(r, {
+				onClick: (e) => e.stopPropagation(),
+				className: "items-end justify-end pr-0",
+				children: /*#__PURE__*/ j(y, { children: /*#__PURE__*/ M(e, { children: [
+					/*#__PURE__*/ j(u, {
+						label: p._({ id: "v0hPHE" }),
+						onClick: () => _()
+					}),
+					i.canUpdate && !c && /*#__PURE__*/ j(u, {
+						label: p._({ id: "ePK91l" }),
+						onClick: () => a(t)
+					}),
+					i.canDelete && !c && /*#__PURE__*/ j(u, {
+						label: p._({ id: "cnGeoo" }),
+						onClick: () => o(t)
+					})
+				] }) })
+			})
+		]
+	}, t.id);
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
+var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c, onDeleteSecurityGroup: l, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h, hasAnyBulkAction: g = !1, onClearUpdateError: _ }) => {
+	let { i18n: v, _: y } = z(), x = I(), S = T(), [C, w] = F(null), [E, D] = F(!1), [O, k] = F(!1), L = P(!1), H = P(!1), U = (e) => {
+		C && C.id !== e.id && _ && _(), w(e), D(!0);
+	}, W = (e) => {
+		w(e), k(!0);
+	}, G = (e) => {
+		x({
+			to: "/projects/$projectId/network/securitygroups/$securityGroupId",
+			params: {
+				projectId: S,
+				securityGroupId: e.id
+			}
+		});
+	}, K = () => {
+		w(null), D(!1);
+	}, q = () => {
+		w(null), k(!1);
+	};
+	return N(() => {
+		L.current && !u && O && !d && q(), L.current = u;
+	}, [
+		u,
+		d,
+		O
+	]), N(() => {
+		H.current && !p && E && !m && K(), H.current = p;
+	}, [
+		p,
+		m,
+		E
+	]), t ? /*#__PURE__*/ M(b, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/*#__PURE__*/ j(a, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /*#__PURE__*/ j(R, { id: "Z3FXyt" })]
+	}) : r ? /*#__PURE__*/ j(b, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: i?.message ?? v._({ id: "Wca9WC" })
+	}) : e.length === 0 ? /*#__PURE__*/ j(R, { id: "SfW/3r" }) : /*#__PURE__*/ M(A, { children: [/*#__PURE__*/ M(o, {
+		columns: g ? 6 : 5,
+		children: [/*#__PURE__*/ M(n, { children: [g && /*#__PURE__*/ j(s, {}), [
+			v._({ id: "6YtxFj" }),
+			v._({ id: "Nu4oKW" }),
+			v._({ id: "0Gd0NU" }),
+			v._({ id: "Jim5X9" }),
+			""
+		].map((e) => /*#__PURE__*/ j(s, { children: e }, e))] }), e.map((e) => /*#__PURE__*/ j(V, {
+			securityGroup: e,
+			permissions: c,
+			onEdit: U,
+			onDelete: W,
+			onViewDetails: G,
+			isReadOnly: !!(h && e.project_id && e.project_id !== h),
+			showSelectColumn: g,
+			isSelected: !1,
+			onSelect: () => {}
+		}, e.id))]
+	}), C && /*#__PURE__*/ M(A, { children: [/*#__PURE__*/ j(ee, {
+		securityGroup: C,
+		open: E,
+		onClose: K,
+		onUpdate: (e, t) => f ? f(e, t) : Promise.resolve(),
+		isLoading: p,
+		error: m
+	}), /*#__PURE__*/ j(B, {
+		securityGroup: C,
+		isOpen: O,
+		onClose: q,
+		onDelete: (e) => {
+			l && l(e);
+		},
+		isDeleting: u,
+		error: d
+	})] })] });
+}, U = {
+	name: "",
+	description: "",
+	stateful: !0
+}, W = ({ isOpen: e, onClose: n, onCreate: r, isLoading: o = !1, error: s = null }) => {
+	let { i18n: l, _: u } = z(), [f, g] = F({ ...U }), [y, b] = F({}), C = (e) => {
+		let { name: t, value: n, type: r } = e.target, i = e.target.checked;
+		g((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), y[t] && b((e) => {
+			let n = { ...e };
+			return delete n[t], n;
+		});
+	}, w = () => {
+		let e = {};
+		return (!f.name || f.name.trim() === "") && (e.name = l._({ id: "lN/Z9n" })), b(e), Object.keys(e).length === 0;
+	}, T = async (e) => {
+		e.preventDefault(), w() && (await r({
+			name: f.name.trim(),
+			description: f.description.trim() || void 0,
+			stateful: f.stateful
+		}), E());
+	}, E = () => {
+		g({ ...U }), b({}), n();
+	};
+	return /*#__PURE__*/ M(v, {
+		open: e,
+		onCancel: E,
+		size: "large",
+		title: l._({ id: "YjAOtb" }),
+		modalFooter: /*#__PURE__*/ j(m, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ M(x, { children: [/*#__PURE__*/ j(S, {
+				variant: "default",
+				onClick: E,
+				disabled: o,
+				children: /*#__PURE__*/ j(R, { id: "dEgA5A" })
+			}), /*#__PURE__*/ j(S, {
+				variant: "primary",
+				onClick: (e) => {
+					T(e);
+				},
+				disabled: o,
+				"data-testid": "create-security-group-button",
+				children: o ? /*#__PURE__*/ j(a, { size: "small" }) : /*#__PURE__*/ j(R, { id: "YjAOtb" })
+			})] })
+		}),
+		children: [
+			s && /*#__PURE__*/ j(t, {
+				dismissible: !1,
+				variant: "error",
+				className: "mb-4",
+				children: s
+			}),
+			o && /*#__PURE__*/ M("div", {
+				className: "mb-4 flex items-center justify-center gap-2",
+				children: [/*#__PURE__*/ j(a, { variant: "primary" }), /*#__PURE__*/ j("span", {
+					className: "text-theme-high text-sm",
+					children: /*#__PURE__*/ j(R, { id: "Km4AGG" })
+				})]
+			}),
+			!o && /*#__PURE__*/ j(_, {
+				className: "mb-6",
+				children: /*#__PURE__*/ M(i, {
+					className: "mb-6",
+					children: [
+						/*#__PURE__*/ j(d, {
+							className: "mb-6",
+							children: /*#__PURE__*/ j(c, {
+								id: "name",
+								name: "name",
+								label: l._({ id: "6YtxFj" }),
+								value: f.name,
+								onChange: C,
+								required: !0,
+								errortext: y.name,
+								placeholder: l._({ id: "Ac6dy9" }),
+								disabled: o
+							})
+						}),
+						/*#__PURE__*/ j(d, {
+							className: "mb-6",
+							children: /*#__PURE__*/ j(p, {
+								id: "description",
+								name: "description",
+								label: l._({ id: "Nu4oKW" }),
+								value: f.description,
+								onChange: C,
+								placeholder: l._({ id: "Nu4oKW" }),
+								disabled: o,
+								rows: 3
+							})
+						}),
+						/*#__PURE__*/ j(d, {
+							className: "mb-0",
+							children: /*#__PURE__*/ j(h, {
+								id: "stateful",
+								name: "stateful",
+								label: l._({ id: "Jim5X9" }),
+								checked: f.stateful,
+								onChange: C,
+								disabled: o,
+								helptext: l._({ id: "4cQTyf" })
+							})
+						})
+					]
+				})
+			})
+		]
+	});
+}, G = (e) => {
+	let t = [];
+	return e.shared && t.push({
+		name: "shared",
+		value: e.shared
+	}), t;
+}, K = (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;
+}, q = (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], te = (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;
+}, J = ({ project: e }) => {
+	let { i18n: t, _: n } = z(), r = I(), i = L({ strict: !1 }), [a, o] = F({
+		options: [{
+			label: t._({ id: "6YtxFj" }),
+			value: "name"
+		}, {
+			label: t._({ id: "podzPY" }),
+			value: "project_id"
+		}],
+		sortBy: i.sortBy || "name",
+		sortDirection: i.sortDirection || "asc"
+	}), [s, c] = F({
+		filters: [{
+			displayName: t._({ id: "0Gd0NU" }),
+			filterName: "shared",
+			values: ["true", "false"],
+			supportsMultiValue: !1
+		}],
+		selectedFilters: G(i)
+	}), [l, u] = F(i.search || ""), [d, p] = F(!1), [m, h] = F(null), [_, v] = F(null), [y, x] = F(null), w = C.useUtils();
+	N(() => {
+		o((e) => ({
+			...e,
+			sortBy: i.sortBy || "name",
+			sortDirection: i.sortDirection || "asc"
+		})), c((e) => ({
+			...e,
+			selectedFilters: G(i)
+		})), u(i.search || "");
+	}, [
+		i.sortBy,
+		i.sortDirection,
+		i.search,
+		i.shared
+	]);
+	let T = G(i), ee = i.sortBy || "name", P = i.sortDirection || "asc", B = i.search || "", { data: V, isLoading: U, isError: J, error: Y } = C.network.securityGroup.list.useQuery({
+		project_id: e || "",
+		sort_key: ee,
+		sort_dir: P,
+		...K(T, s.filters),
+		...B ? { searchTerm: B } : {}
+	}, { refetchOnWindowFocus: !1 }), X = V || [], ne = J && Y?.data?.code === "FORBIDDEN" ? t._({ id: "MdfAJn" }) : null, { permissions: Z } = k(e), Q = C.network.securityGroup.create.useMutation({
+		onSuccess: (t) => {
+			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), v(null), r({
+				to: "/projects/$projectId/network/securitygroups/$securityGroupId",
+				params: {
+					projectId: e,
+					securityGroupId: t.id
+				}
+			});
+		},
+		onError: (e) => {
+			v(e.message || t._({ id: "o6M6l0" }));
+		}
+	}), re = C.network.securityGroup.deleteById.useMutation({
+		onSuccess: () => {
+			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), h(null);
+		},
+		onError: (e) => {
+			h(e.message || t._({ id: "d0pLfy" }));
+		}
+	}), ie = C.network.securityGroup.update.useMutation({
+		onSuccess: () => {
+			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), x(null);
+		},
+		onError: (e) => {
+			x(e.message || t._({ id: "jPxavx" }));
+		}
+	}), ae = async (t) => {
+		v(null), await Q.mutateAsync({
+			project_id: e,
+			...t
+		});
+	}, oe = (t) => {
+		h(null), re.mutate({
+			project_id: e,
+			securityGroupId: t
+		});
+	}, se = async (t, n) => {
+		x(null), await ie.mutateAsync({
+			project_id: e,
+			securityGroupId: t,
+			...n
+		});
+	}, ce = () => {
+		x(null);
+	}, le = (e) => {
+		let t = {
+			options: e.options,
+			sortBy: e.sortBy?.toString() || "name",
+			sortDirection: e.sortDirection || "asc"
+		};
+		o(t), r({
+			search: (e) => ({
+				...e,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection
+			}),
+			replace: !0
+		});
+	}, $ = (e) => {
+		c(e), r({
+			search: (t) => te(e.selectedFilters || [], e.filters, {
+				search: t.search,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection
+			}),
+			replace: !0
+		});
+	}, ue = (e) => {
+		let t = typeof e == "string" ? e : "";
+		u(t), r({
+			search: (e) => ({
+				...e,
+				search: t || void 0
+			}),
+			replace: !0
+		});
+	};
+	return U ? /*#__PURE__*/ j(b, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: /*#__PURE__*/ j(R, { id: "Z3FXyt" })
+	}) : J && !X.length ? /*#__PURE__*/ j(b, {
+		className: "py-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: ne || t._({ id: "Wca9WC" })
+	}) : /*#__PURE__*/ M(A, { children: [
+		/*#__PURE__*/ j(b, {
+			distribution: "end",
+			alignment: "center",
+			gap: "2",
+			className: "pb-2",
+			children: /*#__PURE__*/ M(b, {
+				gap: "2",
+				children: [/*#__PURE__*/ j(E, {
+					options: a.options,
+					sortBy: a.sortBy,
+					sortDirection: a.sortDirection ?? "asc",
+					onSortByChange: (e) => le({
+						...a,
+						sortBy: e,
+						sortDirection: a.sortDirection
+					}),
+					onSortDirectionChange: (e) => le({
+						...a,
+						sortDirection: e
+					})
+				}), Z.canCreate && /*#__PURE__*/ j(S, {
+					onClick: () => p(!0),
+					variant: "primary",
+					className: "whitespace-nowrap",
+					children: /*#__PURE__*/ j(R, { id: "YjAOtb" })
+				})]
+			})
+		}),
+		/*#__PURE__*/ j(f, { children: /*#__PURE__*/ M(b, {
+			direction: "vertical",
+			gap: "2",
+			children: [/*#__PURE__*/ M(b, {
+				distribution: "between",
+				alignment: "center",
+				children: [/*#__PURE__*/ j(O, {
+					filters: s.filters,
+					onChange: (e) => {
+						let t = q(s.selectedFilters || [], e, s.filters);
+						t !== (s.selectedFilters || []) && $({
+							...s,
+							selectedFilters: t
+						});
+					}
+				}), /*#__PURE__*/ j(g, {
+					placeholder: t._({ id: "rp7Ili" }),
+					"data-testid": "searchbar",
+					value: l,
+					onInput: (e) => {
+						let t = e.currentTarget.value;
+						u(t);
+					},
+					onSearch: (e) => {
+						ue(typeof e == "string" ? e : "");
+					},
+					onClear: () => {
+						u(""), ue("");
+					}
+				})]
+			}), s.selectedFilters && s.selectedFilters.length > 0 && /*#__PURE__*/ j(D, {
+				selectedFilters: s.selectedFilters,
+				onDelete: (e) => $({
+					...s,
+					selectedFilters: (s.selectedFilters || []).filter((t) => !(t.name === e.name && t.value === e.value))
+				}),
+				onClear: () => $({
+					...s,
+					selectedFilters: []
+				})
+			})]
+		}) }),
+		/*#__PURE__*/ j(H, {
+			securityGroups: X,
+			isLoading: !1,
+			isError: !1,
+			error: null,
+			permissions: Z,
+			onCreateClick: () => p(!0),
+			onDeleteSecurityGroup: oe,
+			isDeletingSecurityGroup: re.isPending,
+			deleteError: m,
+			onUpdateSecurityGroup: se,
+			isUpdatingSecurityGroup: ie.isPending,
+			updateError: y,
+			currentProjectId: e,
+			hasAnyBulkAction: !1,
+			onClearUpdateError: ce
+		}),
+		/*#__PURE__*/ j(W, {
+			isOpen: d,
+			onClose: () => {
+				v(null), p(!1);
+			},
+			onCreate: ae,
+			isLoading: Q.isPending,
+			error: _
+		})
+	] });
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component
+function Y() {
+	let { i18n: e, _: t } = z(), { projectId: n } = w.useParams(), { trpcClient: r } = w.useRouteContext();
+	if (!r) throw Error("trpcClient is not available in route context");
+	return /*#__PURE__*/ M(A, { children: [/*#__PURE__*/ j(l, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ j(J, { project: n })] });
+}
+//#endregion
+export { Y as component };
+
+//# sourceMappingURL=securitygroups-DRhFle2O.mjs.map