@cobaltcore-dev/aurora 0.23.1 → 1.1.0

package/dist/client/securitygroups-Bd_uV4S9.mjs

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