@cobaltcore-dev/aurora 0.2.2 → 0.3.1

package/dist/client/projects-Bt0XptpG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-Bt0XptpG.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IASME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,QAAM,CAAGC,UAAQ,EAC7B,CAAA,EAEaC,IAAQP,EAAgB,mBAAA,CAAoB;CACvDQ,WAASC,EAAAC,GAAA,YAAA;CACTC,gBAAcF,EAAAG,GAAA,iBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,oBAAA;CAGjBC,gBAAgBb;CAChBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,IAC3B;CACAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,OAAAA,EAElEC,IAAWL;AACf,MAAID,EAAKf,UAAUe,EAAKf,OAAOsB,MAAI,KAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,aAAW;AAC/CH,OAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,aAAAA,CAAcG,SAASJ,EAAAA,IACrCL,EAAQU,aAAaJ,aAAAA,CAAcG,SAASJ,EAAAA,CAAAA;;AAIlD,SAAO,EAAEF,aAAS;;CAEtB,CAAA"}

package/dist/client/projects-CnmZIB2Q.mjs

@@ -0,0 +1,95 @@
+import { f as e, j as t, v as n, z as r } from "./build-BJDfnAyi.mjs";
+import { t as i } from "./projects-Bt0XptpG.mjs";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { useNavigate as u } from "@tanstack/react-router";
+import { Trans as d, useLingui as f } from "@lingui/react";
+//#region src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx
+function p({ onSearch: t, searchTerm: n = "" }) {
+	let { i18n: r, _: i } = f(), o = c(null), u = c(!1), [d, p] = l(n);
+	return s(() => {
+		!u.current && !o.current && n !== d && p(n);
+	}, [n]), s(() => () => {
+		o.current && clearTimeout(o.current);
+	}, []), /* @__PURE__ */ a(e, {
+		className: "w-full",
+		type: "text",
+		placeholder: r._({ id: "YIix5Y" }),
+		onChange: (e) => {
+			let n = e.target.value;
+			p(n), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+				o.current = null, t(n);
+			}, 300);
+		},
+		onFocus: () => {
+			u.current = !0;
+		},
+		onBlur: () => {
+			u.current = !1;
+		},
+		onClear: () => {
+			o.current &&= (clearTimeout(o.current), null), p(""), t("");
+		},
+		value: d
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
+function m({ project: e }) {
+	let r = u();
+	return /* @__PURE__ */ a(n, {
+		padding: !0,
+		onClick: () => r({
+			to: "/projects/$projectId",
+			params: { projectId: e.id }
+		}),
+		className: "min-h-50",
+		children: /* @__PURE__ */ o("div", {
+			className: "w-full",
+			children: [/* @__PURE__ */ a(t, {
+				className: "text-theme-accent",
+				children: e.name
+			}), /* @__PURE__ */ a("p", {
+				className: "mt-4 line-clamp-3 pr-4 leading-relaxed",
+				children: e.description
+			})]
+		})
+	});
+}
+function h({ projects: e }) {
+	return /* @__PURE__ */ a("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ a("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4",
+			children: e?.length ? e.map((e) => /* @__PURE__ */ a(m, { project: e }, e.id)) : /* @__PURE__ */ a("p", {
+				className: "text-center",
+				children: /* @__PURE__ */ a(d, { id: "Zgp2Sm" })
+			})
+		})
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/index.tsx?tsr-split=component
+function g() {
+	let { projects: e } = i.useLoaderData(), { search: n = "" } = i.useSearch(), s = i.useNavigate();
+	return /* @__PURE__ */ o(r, { children: [
+		/* @__PURE__ */ a(t, { children: /* @__PURE__ */ a(d, { id: "+0B+ue" }) }),
+		/* @__PURE__ */ a(p, {
+			searchTerm: n,
+			onSearch: (e) => {
+				s({
+					search: { search: e },
+					replace: !0
+				});
+			}
+		}),
+		/* @__PURE__ */ a("div", {
+			className: "pt-5",
+			children: /* @__PURE__ */ a(h, { projects: e })
+		})
+	] });
+}
+//#endregion
+export { g as component };
+
+//# sourceMappingURL=projects-CnmZIB2Q.mjs.map

package/dist/client/projects-CnmZIB2Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-CnmZIB2Q.mjs","names":["useEffect","useRef","useState","SearchInput","ProjectsOverviewNavBar","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","className","type","placeholder","t","onChange","onFocus","onBlur","onClear","useNavigate","Card","ContentHeading","ProjectCard","project","navigate","padding","onClick","to","params","projectId","id","className","div","name","p","description","ProjectCardView","projects","length","map","ProjectsOverviewNavBar","ProjectCardView","Container","ContentHeading","Trans","Route","ProjectsOverview","projects","useLoaderData","search","useSearch","navigate","useNavigate","handleSearch","value","replace","component"],"sources":["../../src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx","../../src/client/routes/_auth/projects/-components/ProjectCardView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { SearchInput } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ntype ProjectsOverviewNavBarProps = {\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({ onSearch, searchTerm = \"\" }: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  useEffect(() => {\n    if (!inputFocusedRef.current && !timerRef.current && searchTerm !== inputValue) {\n      setInputValue(searchTerm)\n    }\n  }, [searchTerm])\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n    if (timerRef.current) clearTimeout(timerRef.current)\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      onSearch(value)\n    }, 300)\n  }\n\n  const handleClear = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    setInputValue(\"\")\n    onSearch(\"\")\n  }\n\n  return (\n    <SearchInput\n      className=\"w-full\"\n      type=\"text\"\n      placeholder={t`Search...`}\n      onChange={handleSearchChange}\n      onFocus={() => {\n        inputFocusedRef.current = true\n      }}\n      onBlur={() => {\n        inputFocusedRef.current = false\n      }}\n      onClear={handleClear}\n      value={inputValue}\n    />\n  )\n}\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Card, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ProjectCardProps = {\n  project: Project\n}\ntype ProjectCardViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectCard({ project }: ProjectCardProps) {\n  const navigate = useNavigate()\n  return (\n    <Card\n      padding\n      onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId: project.id } })}\n      className=\"min-h-50\"\n    >\n      <div className=\"w-full\">\n        <ContentHeading className=\"text-theme-accent\">{project.name}</ContentHeading>\n        <p className=\"mt-4 line-clamp-3 pr-4 leading-relaxed\">{project.description}</p>\n      </div>\n    </Card>\n  )\n}\n\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"w-full\">\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n        {projects?.length ? (\n          projects.map((project) => <ProjectCard key={project.id} project={project} />)\n        ) : (\n          <p className=\"text-center\">\n            <Trans>No projects available.</Trans>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;;;;AASA,SAAgBI,EAAuB,EAAEC,aAAUC,gBAAa,MAAiC;CAC/F,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EACRC,IAAWP,EAA6C,KAAA,EACxDQ,IAAkBR,EAAO,GAAA,EACzB,CAACS,GAAYC,KAAiBT,EAASI,EAAAA;AAiC7C,QA/BAN,QAAU;AACR,EAAI,CAACS,EAAgBG,WAAW,CAACJ,EAASI,WAAWN,MAAeI,KAClEC,EAAcL,EAAAA;IAEf,CAACA,EAAW,CAAA,EAEfN,cACS;AACL,EAAIQ,EAASI,WAASC,aAAaL,EAASI,QAAO;IAEpD,EAAE,CAAA,EAsBH,kBAACT,GAAAA;EACCiB,WAAU;EACVC,MAAK;EACLC,aAAaC,EAAAA,EAAC,EAAA,IAAA,UAAU,CAAA;EACxBC,WAxBwBT,MAAAA;GAC1B,IAAMC,IAAQD,EAAEE,OAAOD;AAGvBR,GAFAG,EAAcK,EAAAA,EACVR,EAASI,WAASC,aAAaL,EAASI,QAAO,EACnDJ,EAASI,UAAUM,iBAAW;AAE5Bb,IADAG,EAASI,UAAU,MACnBP,EAASW,EAAAA;MACR,IAAA;;EAkBDS,eAAS;AACPhB,KAAgBG,UAAU;;EAE5Bc,cAAQ;AACNjB,KAAgBG,UAAU;;EAE5Be,eArBgB;AAMlBtB,GALA,AAEEG,EAASI,aADTC,aAAaL,EAASI,QAAO,EACV,OAErBD,EAAc,GAAA,EACdN,EAAS,GAAA;;EAgBPW,OAAON;;;;;AC/Cb,SAAgBqB,EAAY,EAAEC,cAA2B;CACvD,IAAMC,IAAWL,GAAAA;AACjB,QACE,kBAACC,GAAAA;EACCK,SAAO;EACPC,eAAeF,EAAS;GAAEG,IAAI;GAAwBC,QAAQ,EAAEC,WAAWN,EAAQO,IAAG;GAAE,CAAA;EACxFC,WAAU;YAEV,kBAACC,OAAAA;GAAID,WAAU;cACb,kBAACV,GAAAA;IAAeU,WAAU;cAAqBR,EAAQU;OACvD,kBAACC,KAAAA;IAAEH,WAAU;cAA0CR,EAAQY;;;;;AAMvE,SAAgBC,EAAgB,EAAEC,eAAgC;AAChE,QACE,kBAACL,OAAAA;EAAID,WAAU;YACb,kBAACC,OAAAA;GAAID,WAAU;aACZM,GAAUC,SACTD,EAASE,KAAKhB,MAAY,kBAACD,GAAAA,EAAsCC,YAAAA,EAArBA,EAAQO,GAAE,CAAA,GAEtD,kBAACI,KAAAA;IAAEH,WAAU;cACX,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;;;;;;ACMZ,SAASe,IAAAA;CACP,IAAM,EAAEC,gBAAaF,EAAMG,eAAa,EAClC,EAAEC,YAAS,OAAOJ,EAAMK,WAAS,EACjCC,IAAWN,EAAMO,aAAW;AAMlC,QACE,kBAAC,GAAA,EAAA,UAAA;EACC,kBAAC,GAAA,EAAA,UACC,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA,EAAA,CAAA;EAEF,kBAAC,GAAA;GAAuB,YAAYH;GAAQ,WAT1BK,MAAAA;AACpBH,MAAS;KAAEF,QAAQ,EAAEA,QAAQK,GAAM;KAAGC,SAAS;KAAK,CAAA;;;EASlD,kBAAC,OAAA;GAAI,WAAU;aACb,kBAAC,GAAA,EAA0BR,aAAAA,CAAAA"}

package/dist/client/{securitygroups-B4MkSBtI.mjs → securitygroups-BdzieS7Z.mjs}

@@ -1,51 +1,51 @@
-import { $ as e, A as t, C as n, K as r, L as i, N as a, O as o, T as s, U as c, V as l, W as u, Y as d, c as f, h as p, it as m, l as h, nt as g, r as _, rt as v, w as y, z as b } from "./build-Cf7iWbpH.mjs";
+import { B 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, h as f, it as p, j as m, n as h, nt as g, ot as _, q as v, s as y, w as b } from "./build-BJDfnAyi.mjs";
 import { r as x } from "./trpcClient-BxguzNYF.mjs";
-import { t as S } from "./ListToolbar-DuazvsAu.mjs";
-import { t as C } from "./useProjectId-CgOTejka.mjs";
+import { t as S } from "./useProjectId-CgOTejka.mjs";
 import "./hooks-D0krAKvo.mjs";
-import { t as w } from "./buildFilterParams-ngVK3ybs.mjs";
-import { t as T } from "./useListWithFiltering-CEDh1LO-.mjs";
-import { t as E } from "./EditSecurityGroupModal-B7Sz9puM.mjs";
+import { t as C } from "./ListToolbar-BvtCo8dk.mjs";
+import { t as w } from "./buildFilterParams-By33pG59.mjs";
+import { t as T } from "./useListWithFiltering-CqQbAjEe.mjs";
+import { t as E } from "./EditSecurityGroupModal-Dl6m7wUe.mjs";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { useEffect as A, useRef as j, useState as M } from "react";
 import { useNavigate as N } from "@tanstack/react-router";
 import { Trans as P, useLingui as F } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/DeleteSecurityGroupDialog.tsx
-var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: r, isDeleting: a = !1, error: o = null }) => {
-	let { i18n: s, _: l } = F(), [u, d] = M(""), f = s._({ id: "HNlEFZ" }), g = u.toLowerCase() === f.toLowerCase(), _ = n.name || n.id, v = (e) => {
-		e.preventDefault(), g && !a && r(n.id);
+var I = ({ isOpen: t, onClose: n, securityGroup: r, onDelete: i, isDeleting: a = !1, error: s = null }) => {
+	let { i18n: c, _: l } = F(), [d, p] = M(""), m = c._({ id: "HNlEFZ" }), h = d.toLowerCase() === m.toLowerCase(), g = r.name || r.id, y = (e) => {
+		e.preventDefault(), h && !a && i(r.id);
 	}, b = () => {
-		d(""), t();
+		p(""), n();
 	};
-	return /* @__PURE__ */ O(m, {
-		open: e,
+	return /* @__PURE__ */ O(_, {
+		open: t,
 		onCancel: b,
 		size: "small",
-		title: s._({
+		title: c._({
 			id: "Y+2SDm",
-			values: { securityGroupName: _ }
+			values: { securityGroupName: g }
 		}),
-		modalFooter: /* @__PURE__ */ O(i, {
+		modalFooter: /* @__PURE__ */ O(e, {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, {
+			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(u, {
 				variant: "default",
 				onClick: b,
 				disabled: a,
 				children: /* @__PURE__ */ O(P, { id: "dEgA5A" })
-			}), /* @__PURE__ */ O(h, {
+			}), /* @__PURE__ */ O(u, {
 				variant: "primary-danger",
-				onClick: v,
-				disabled: !g || a,
+				onClick: y,
+				disabled: !h || a,
 				"data-testid": "confirm-delete-button",
 				children: a ? /* @__PURE__ */ O(P, { id: "EF2EU9" }) : /* @__PURE__ */ O(P, { id: "cnGeoo" })
 			})] })
 		}),
 		children: /* @__PURE__ */ k("div", { children: [
-			o && /* @__PURE__ */ O(c, {
+			s && /* @__PURE__ */ O(v, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
-				children: o
+				children: s
 			}),
 			/* @__PURE__ */ O(P, { id: "Qb+14I" }),
 			/* @__PURE__ */ k("div", {
@@ -54,15 +54,15 @@ var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: r, isDeleting: a =
 					className: "mb-2 text-sm",
 					children: /* @__PURE__ */ O(P, {
 						id: "hLp49h",
-						values: { deleteWord: f },
+						values: { deleteWord: m },
 						components: { 0: /* @__PURE__ */ O("strong", {}) }
 					})
-				}), /* @__PURE__ */ O(y, {
+				}), /* @__PURE__ */ O(o, {
 					id: "confirmation",
 					name: "confirmation",
-					value: u,
-					onChange: (e) => d(e.target.value),
-					placeholder: f,
+					value: d,
+					onChange: (e) => p(e.target.value),
+					placeholder: m,
 					disabled: a,
 					autoComplete: "off",
 					"data-testid": "delete-confirmation-input"
@@ -73,24 +73,24 @@ var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: r, isDeleting: a =
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
-function L({ securityGroup: e, permissions: n, onEdit: r, onDelete: i, onViewDetails: o, isReadOnly: c = !1 }) {
-	let { i18n: l, _: f } = F(), p = ({ value: e }) => /* @__PURE__ */ O("span", { children: e ? l._({ id: "l75CjT" }) : l._({ id: "1UzENP" }) }), m = () => {
-		o && o(e);
+function L({ securityGroup: e, permissions: n, onEdit: a, onDelete: o, onViewDetails: s, isReadOnly: l = !1 }) {
+	let { i18n: u, _: f } = F(), p = ({ value: e }) => /* @__PURE__ */ O("span", { children: e ? u._({ id: "l75CjT" }) : u._({ id: "1UzENP" }) }), m = () => {
+		s && s(e);
 	};
-	return /* @__PURE__ */ k(a, {
+	return /* @__PURE__ */ k(r, {
 		"data-testid": `security-group-row-${e.id}`,
 		onClick: m,
 		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
 		children: [
-			/* @__PURE__ */ O(t, { children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+			/* @__PURE__ */ O(i, { children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 				className: "text-md",
 				children: e.name
 			}), /* @__PURE__ */ O("p", {
 				className: "text-theme-light text-xs",
 				children: e.id
 			})] }) }),
-			/* @__PURE__ */ O(t, { children: e.description || l._({ id: "h47p9L" }) }),
-			/* @__PURE__ */ k(t, { children: [/* @__PURE__ */ O(p, { value: e.shared }), e.shared && /* @__PURE__ */ k("p", { children: [
+			/* @__PURE__ */ O(i, { children: e.description || u._({ id: "h47p9L" }) }),
+			/* @__PURE__ */ k(i, { children: [/* @__PURE__ */ O(p, { value: e.shared }), e.shared && /* @__PURE__ */ k("p", { children: [
 				/* @__PURE__ */ O(P, { id: "LtI9AS" }),
 				": ",
 				/* @__PURE__ */ O("span", {
@@ -98,22 +98,22 @@ function L({ securityGroup: e, permissions: n, onEdit: r, onDelete: i, onViewDet
 					children: e.project_id
 				})
 			] })] }),
-			/* @__PURE__ */ O(t, { children: /* @__PURE__ */ O(p, { value: e.stateful }) }),
-			/* @__PURE__ */ O(t, {
+			/* @__PURE__ */ O(i, { children: /* @__PURE__ */ O(p, { value: e.stateful }) }),
+			/* @__PURE__ */ O(i, {
 				onClick: (e) => e.stopPropagation(),
 				className: "items-end justify-end pr-0",
-				children: /* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(s, { children: [
-					/* @__PURE__ */ O(u, {
-						label: l._({ id: "v0hPHE" }),
+				children: /* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(t, { children: [
+					/* @__PURE__ */ O(c, {
+						label: u._({ id: "v0hPHE" }),
 						onClick: () => m()
 					}),
-					n.canUpdate && !c && /* @__PURE__ */ O(u, {
-						label: l._({ id: "ePK91l" }),
-						onClick: () => r(e)
+					n.canUpdate && !l && /* @__PURE__ */ O(c, {
+						label: u._({ id: "ePK91l" }),
+						onClick: () => a(e)
 					}),
-					n.canDelete && !c && /* @__PURE__ */ O(u, {
-						label: l._({ id: "cnGeoo" }),
-						onClick: () => i(e)
+					n.canDelete && !l && /* @__PURE__ */ O(c, {
+						label: u._({ id: "cnGeoo" }),
+						onClick: () => o(e)
 					})
 				] }) })
 			})
@@ -122,23 +122,23 @@ function L({ securityGroup: e, permissions: n, onEdit: r, onDelete: i, onViewDet
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
-var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s, onDeleteSecurityGroup: c, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h }) => {
-	let { i18n: g, _ } = F(), v = N(), y = C(), [x, S] = M(null), [w, T] = M(!1), [R, z] = M(!1), B = j(!1), V = j(!1), H = (e) => {
-		S(e), T(!0);
+var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c, onDeleteSecurityGroup: l, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h }) => {
+	let { i18n: _, _: v } = F(), y = N(), b = S(), [x, C] = M(null), [w, T] = M(!1), [R, z] = M(!1), B = j(!1), V = j(!1), H = (e) => {
+		C(e), T(!0);
 	}, U = (e) => {
-		S(e), z(!0);
+		C(e), z(!0);
 	}, W = (e) => {
-		v({
+		y({
 			to: "/projects/$projectId/network/securitygroups/$securityGroupId",
 			params: {
-				projectId: y,
+				projectId: b,
 				securityGroupId: e.id
 			}
 		});
 	}, G = () => {
-		S(null), T(!1);
+		C(null), T(!1);
 	}, K = () => {
-		S(null), z(!1);
+		C(null), z(!1);
 	};
 	return A(() => {
 		B.current && !u && R && !d && K(), B.current = u;
@@ -152,33 +152,33 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 		p,
 		m,
 		w
-	]), n ? /* @__PURE__ */ k(e, {
+	]), t ? /* @__PURE__ */ k(g, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/* @__PURE__ */ O(r, {
+		children: [/* @__PURE__ */ O(a, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
 		}), /* @__PURE__ */ O(P, { id: "Z3FXyt" })]
-	}) : i ? /* @__PURE__ */ O(e, {
+	}) : i ? /* @__PURE__ */ O(g, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: o?.message ?? g._({ id: "Wca9WC" })
-	}) : t.length === 0 ? /* @__PURE__ */ O(P, { id: "SfW/3r" }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k(b, {
+		children: o?.message ?? _._({ id: "Wca9WC" })
+	}) : e.length === 0 ? /* @__PURE__ */ O(P, { id: "SfW/3r" }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k(s, {
 		columns: 5,
-		children: [/* @__PURE__ */ O(a, { children: [
-			g._({ id: "6YtxFj" }),
-			g._({ id: "Nu4oKW" }),
-			g._({ id: "0Gd0NU" }),
-			g._({ id: "Jim5X9" }),
+		children: [/* @__PURE__ */ O(r, { children: [
+			_._({ id: "6YtxFj" }),
+			_._({ id: "Nu4oKW" }),
+			_._({ id: "0Gd0NU" }),
+			_._({ id: "Jim5X9" }),
 			""
-		].map((e) => /* @__PURE__ */ O(l, { children: e }, e)) }), t.map((e) => /* @__PURE__ */ O(L, {
+		].map((e) => /* @__PURE__ */ O(n, { children: e }, e)) }), e.map((e) => /* @__PURE__ */ O(L, {
 			securityGroup: e,
-			permissions: s,
+			permissions: c,
 			onEdit: H,
 			onDelete: U,
 			onViewDetails: W,
@@ -198,7 +198,7 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 		isOpen: R,
 		onClose: K,
 		onDelete: (e) => {
-			c && c(e);
+			l && l(e);
 		},
 		isDeleting: u,
 		error: d
@@ -207,10 +207,10 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 	name: "",
 	description: "",
 	stateful: !0
-}, B = ({ isOpen: e, onClose: t, onCreate: a, isLoading: o = !1, error: s = null }) => {
-	let { i18n: l, _: u } = F(), [d, b] = M({ ...z }), [x, S] = M({}), C = (e) => {
+}, B = ({ isOpen: t, onClose: n, onCreate: r, isLoading: i = !1, error: s = null }) => {
+	let { i18n: c, _: d } = F(), [m, g] = M({ ...z }), [x, S] = M({}), C = (e) => {
 		let { name: t, value: n, type: r } = e.target, i = e.target.checked;
-		b((e) => ({
+		g((e) => ({
 			...e,
 			[t]: r === "checkbox" ? i : n
 		})), x[t] && S((e) => {
@@ -219,93 +219,93 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 		});
 	}, w = () => {
 		let e = {};
-		return (!d.name || d.name.trim() === "") && (e.name = l._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
+		return (!m.name || m.name.trim() === "") && (e.name = c._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
 	}, T = async (e) => {
-		e.preventDefault(), w() && (await a({
-			name: d.name.trim(),
-			description: d.description.trim() || void 0,
-			stateful: d.stateful
+		e.preventDefault(), w() && (await r({
+			name: m.name.trim(),
+			description: m.description.trim() || void 0,
+			stateful: m.stateful
 		}), E());
 	}, E = () => {
-		b({ ...z }), S({}), t();
+		g({ ...z }), S({}), n();
 	};
-	return /* @__PURE__ */ k(m, {
-		open: e,
+	return /* @__PURE__ */ k(_, {
+		open: t,
 		onCancel: E,
 		size: "large",
-		title: l._({ id: "YjAOtb" }),
-		modalFooter: /* @__PURE__ */ O(i, {
+		title: c._({ id: "YjAOtb" }),
+		modalFooter: /* @__PURE__ */ O(e, {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, {
+			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(u, {
 				variant: "default",
 				onClick: E,
-				disabled: o,
+				disabled: i,
 				children: /* @__PURE__ */ O(P, { id: "dEgA5A" })
-			}), /* @__PURE__ */ O(h, {
+			}), /* @__PURE__ */ O(u, {
 				variant: "primary",
 				onClick: (e) => {
 					T(e);
 				},
-				disabled: o,
+				disabled: i,
 				"data-testid": "create-security-group-button",
-				children: o ? /* @__PURE__ */ O(r, { size: "small" }) : /* @__PURE__ */ O(P, { id: "YjAOtb" })
+				children: i ? /* @__PURE__ */ O(a, { size: "small" }) : /* @__PURE__ */ O(P, { id: "YjAOtb" })
 			})] })
 		}),
 		children: [
-			s && /* @__PURE__ */ O(c, {
+			s && /* @__PURE__ */ O(v, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
 				children: s
 			}),
-			o && /* @__PURE__ */ k("div", {
+			i && /* @__PURE__ */ k("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ O(r, { variant: "primary" }), /* @__PURE__ */ O("span", {
+				children: [/* @__PURE__ */ O(a, { variant: "primary" }), /* @__PURE__ */ O("span", {
 					className: "text-theme-high text-sm",
 					children: /* @__PURE__ */ O(P, { id: "Km4AGG" })
 				})]
 			}),
-			!o && /* @__PURE__ */ O(v, {
+			!i && /* @__PURE__ */ O(l, {
 				className: "mb-6",
-				children: /* @__PURE__ */ k(_, {
+				children: /* @__PURE__ */ k(h, {
 					className: "mb-6",
 					children: [
-						/* @__PURE__ */ O(g, {
+						/* @__PURE__ */ O(p, {
 							className: "mb-6",
-							children: /* @__PURE__ */ O(y, {
+							children: /* @__PURE__ */ O(o, {
 								id: "name",
 								name: "name",
-								label: l._({ id: "6YtxFj" }),
-								value: d.name,
+								label: c._({ id: "6YtxFj" }),
+								value: m.name,
 								onChange: C,
 								required: !0,
 								errortext: x.name,
-								placeholder: l._({ id: "Ac6dy9" }),
-								disabled: o
+								placeholder: c._({ id: "Ac6dy9" }),
+								disabled: i
 							})
 						}),
-						/* @__PURE__ */ O(g, {
+						/* @__PURE__ */ O(p, {
 							className: "mb-6",
-							children: /* @__PURE__ */ O(f, {
+							children: /* @__PURE__ */ O(y, {
 								id: "description",
 								name: "description",
-								label: l._({ id: "Nu4oKW" }),
-								value: d.description,
+								label: c._({ id: "Nu4oKW" }),
+								value: m.description,
 								onChange: C,
-								placeholder: l._({ id: "Nu4oKW" }),
-								disabled: o,
+								placeholder: c._({ id: "Nu4oKW" }),
+								disabled: i,
 								rows: 3
 							})
 						}),
-						/* @__PURE__ */ O(g, {
+						/* @__PURE__ */ O(p, {
 							className: "mb-0",
-							children: /* @__PURE__ */ O(n, {
+							children: /* @__PURE__ */ O(b, {
 								id: "stateful",
 								name: "stateful",
-								label: l._({ id: "Jim5X9" }),
-								checked: d.stateful,
+								label: c._({ id: "Jim5X9" }),
+								checked: m.stateful,
 								onChange: C,
-								disabled: o
+								disabled: i
 							})
 						})
 					]
@@ -317,7 +317,7 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 	TRUE: "true",
 	FALSE: "false"
 }, H = () => {
-	let { i18n: e, _: t } = F(), n = N(), r = C(), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [u, d] = M(null), { searchTerm: f, sortSettings: p, filterSettings: m, handleSearchChange: g, handleSortChange: _, handleFilterChange: v } = T({
+	let { i18n: e, _: t } = F(), n = N(), r = S(), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [d, f] = M(null), { searchTerm: p, sortSettings: m, filterSettings: h, handleSearchChange: g, handleSortChange: _, handleFilterChange: v } = T({
 		defaultSortKey: "name",
 		defaultSortDir: "asc",
 		sortOptions: [{
@@ -340,10 +340,10 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 		canManageAccess: !0
 	}, { data: E = [], isLoading: D, isError: A, error: j } = x.network.securityGroup.list.useQuery({
 		project_id: r || "",
-		sort_key: p.sortBy,
-		sort_dir: p.sortDirection,
-		...w(m),
-		...f ? { searchTerm: f } : {}
+		sort_key: m.sortBy,
+		sort_dir: m.sortDirection,
+		...w(h),
+		...p ? { searchTerm: p } : {}
 	}, { enabled: !!r }), I = x.network.securityGroup.create.useMutation({
 		onSuccess: (e) => {
 			y.network.securityGroup.list.invalidate(), l(null), n({
@@ -366,23 +366,23 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 		}
 	}), z = x.network.securityGroup.update.useMutation({
 		onSuccess: () => {
-			y.network.securityGroup.list.invalidate(), d(null);
+			y.network.securityGroup.list.invalidate(), f(null);
 		},
 		onError: (t) => {
-			d(t.message || e._({ id: "jPxavx" }));
+			f(t.message || e._({ id: "jPxavx" }));
 		}
 	});
 	return /* @__PURE__ */ k("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ O(S, {
-				sortSettings: p,
-				filterSettings: m,
-				searchTerm: f,
+			/* @__PURE__ */ O(C, {
+				sortSettings: m,
+				filterSettings: h,
+				searchTerm: p,
 				onSort: _,
 				onFilter: v,
 				onSearch: g,
-				actions: b.canCreate && /* @__PURE__ */ O(h, {
+				actions: b.canCreate && /* @__PURE__ */ O(u, {
 					onClick: () => a(!0),
 					variant: "primary",
 					children: /* @__PURE__ */ O(P, { id: "YjAOtb" })
@@ -404,14 +404,14 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 				isDeletingSecurityGroup: L.isPending,
 				deleteError: o,
 				onUpdateSecurityGroup: async (e, t) => {
-					d(null), await z.mutateAsync({
+					f(null), await z.mutateAsync({
 						project_id: r,
 						securityGroupId: e,
 						...t
 					});
 				},
 				isUpdatingSecurityGroup: z.isPending,
-				updateError: u,
+				updateError: d,
 				currentProjectId: r
 			}),
 			/* @__PURE__ */ O(B, {
@@ -433,9 +433,9 @@ var R = ({ securityGroups: t, isLoading: n, isError: i, error: o, permissions: s
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component
 function U() {
 	let { i18n: e, _: t } = F();
-	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(o, { children: e._({ id: "4opp4r" }) }), /* @__PURE__ */ O(H, {})] });
+	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(m, { children: e._({ id: "4opp4r" }) }), /* @__PURE__ */ O(H, {})] });
 }
 //#endregion
 export { U as component };
 
-//# sourceMappingURL=securitygroups-B4MkSBtI.mjs.map
+//# sourceMappingURL=securitygroups-BdzieS7Z.mjs.map