@cobaltcore-dev/aurora 1.0.0 → 1.2.0

package/dist/client/securitygroups-BjhgLBHm.mjs

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