@cobaltcore-dev/aurora 0.3.0 → 0.3.1

package/dist/client/{projects-BtyjXGq2.mjs → projects-Bt0XptpG.mjs}

@@ -1,7 +1,7 @@
 import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
 import { z as n } from "zod";
 //#region src/client/routes/_auth/projects/index.tsx
-var r = () => import("./projects-BsN4bvU2.mjs"), i = () => import("./projects-DwVawmll.mjs"), a = () => import("./projects-D3hOC1cy.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+var r = () => import("./projects-BilrmHLu.mjs"), i = () => import("./projects-B6BPo2Ar.mjs"), a = () => import("./projects-CnmZIB2Q.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
 	component: t(a, "component"),
 	errorComponent: t(i, "errorComponent"),
 	notFoundComponent: t(r, "notFoundComponent"),
@@ -19,4 +19,4 @@ var r = () => import("./projects-BsN4bvU2.mjs"), i = () => import("./projects-Dw
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=projects-BtyjXGq2.mjs.map
+//# sourceMappingURL=projects-Bt0XptpG.mjs.map

package/dist/client/{projects-BtyjXGq2.mjs.map → projects-Bt0XptpG.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-BtyjXGq2.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"}
+{"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-D3hOC1cy.mjs → projects-CnmZIB2Q.mjs}

@@ -1,24 +1,24 @@
-import { A as e, R as t, f as n, v as r } from "./build-CZRvXrAL.mjs";
-import { t as i } from "./projects-BtyjXGq2.mjs";
+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: e, searchTerm: t = "" }) {
-	let { i18n: r, _: i } = f(), o = c(null), u = c(!1), [d, p] = l(t);
+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 && t !== d && p(t);
-	}, [t]), s(() => () => {
+		!u.current && !o.current && n !== d && p(n);
+	}, [n]), s(() => () => {
 		o.current && clearTimeout(o.current);
-	}, []), /* @__PURE__ */ a(n, {
+	}, []), /* @__PURE__ */ a(e, {
 		className: "w-full",
 		type: "text",
 		placeholder: r._({ id: "YIix5Y" }),
-		onChange: (t) => {
-			let n = t.target.value;
+		onChange: (e) => {
+			let n = e.target.value;
 			p(n), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
-				o.current = null, e(n);
+				o.current = null, t(n);
 			}, 300);
 		},
 		onFocus: () => {
@@ -28,30 +28,30 @@ function p({ onSearch: e, searchTerm: t = "" }) {
 			u.current = !1;
 		},
 		onClear: () => {
-			o.current &&= (clearTimeout(o.current), null), p(""), e("");
+			o.current &&= (clearTimeout(o.current), null), p(""), t("");
 		},
 		value: d
 	});
 }
 //#endregion
 //#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
-function m({ project: t }) {
-	let n = u();
-	return /* @__PURE__ */ a(r, {
+function m({ project: e }) {
+	let r = u();
+	return /* @__PURE__ */ a(n, {
 		padding: !0,
-		onClick: () => n({
+		onClick: () => r({
 			to: "/projects/$projectId",
-			params: { projectId: t.id }
+			params: { projectId: e.id }
 		}),
 		className: "min-h-50",
 		children: /* @__PURE__ */ o("div", {
 			className: "w-full",
-			children: [/* @__PURE__ */ a(e, {
+			children: [/* @__PURE__ */ a(t, {
 				className: "text-theme-accent",
-				children: t.name
+				children: e.name
 			}), /* @__PURE__ */ a("p", {
 				className: "mt-4 line-clamp-3 pr-4 leading-relaxed",
-				children: t.description
+				children: e.description
 			})]
 		})
 	});
@@ -71,11 +71,11 @@ function h({ projects: e }) {
 //#endregion
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=component
 function g() {
-	let { projects: n } = i.useLoaderData(), { search: r = "" } = i.useSearch(), s = i.useNavigate();
-	return /* @__PURE__ */ o(t, { children: [
-		/* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(d, { id: "+0B+ue" }) }),
+	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: r,
+			searchTerm: n,
 			onSearch: (e) => {
 				s({
 					search: { search: e },
@@ -85,11 +85,11 @@ function g() {
 		}),
 		/* @__PURE__ */ a("div", {
 			className: "pt-5",
-			children: /* @__PURE__ */ a(h, { projects: n })
+			children: /* @__PURE__ */ a(h, { projects: e })
 		})
 	] });
 }
 //#endregion
 export { g as component };
 
-//# sourceMappingURL=projects-D3hOC1cy.mjs.map
+//# sourceMappingURL=projects-CnmZIB2Q.mjs.map

package/dist/client/{projects-D3hOC1cy.mjs.map → projects-CnmZIB2Q.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-D3hOC1cy.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"}
+{"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-DMCIDHQS.mjs → securitygroups-BdzieS7Z.mjs}

@@ -1,51 +1,51 @@
-import { $ as e, A as t, C as n, F as r, H as i, J as a, K as o, T as s, W as c, Z as l, at as u, c as d, h as f, it as p, j as m, n as h, rt as g, s as _, tt as v, w as y, z as b } from "./build-CZRvXrAL.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-C5lzTrit.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-ad4uzlt0.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: i = !1, error: a = null }) => {
-	let { i18n: s, _: c } = F(), [l, p] = M(""), m = s._({ id: "HNlEFZ" }), h = l.toLowerCase() === m.toLowerCase(), g = n.name || n.id, _ = (e) => {
-		e.preventDefault(), h && !i && r(n.id);
-	}, v = () => {
-		p(""), t();
+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 = () => {
+		p(""), n();
 	};
-	return /* @__PURE__ */ O(u, {
-		open: e,
-		onCancel: v,
+	return /* @__PURE__ */ O(_, {
+		open: t,
+		onCancel: b,
 		size: "small",
-		title: s._({
+		title: c._({
 			id: "Y+2SDm",
 			values: { securityGroupName: g }
 		}),
-		modalFooter: /* @__PURE__ */ O(b, {
+		modalFooter: /* @__PURE__ */ O(e, {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(d, {
+			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(u, {
 				variant: "default",
-				onClick: v,
-				disabled: i,
+				onClick: b,
+				disabled: a,
 				children: /* @__PURE__ */ O(P, { id: "dEgA5A" })
-			}), /* @__PURE__ */ O(d, {
+			}), /* @__PURE__ */ O(u, {
 				variant: "primary-danger",
-				onClick: _,
-				disabled: !h || i,
+				onClick: y,
+				disabled: !h || a,
 				"data-testid": "confirm-delete-button",
-				children: i ? /* @__PURE__ */ O(P, { id: "EF2EU9" }) : /* @__PURE__ */ O(P, { id: "cnGeoo" })
+				children: a ? /* @__PURE__ */ O(P, { id: "EF2EU9" }) : /* @__PURE__ */ O(P, { id: "cnGeoo" })
 			})] })
 		}),
 		children: /* @__PURE__ */ k("div", { children: [
-			a && /* @__PURE__ */ O(o, {
+			s && /* @__PURE__ */ O(v, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
-				children: a
+				children: s
 			}),
 			/* @__PURE__ */ O(P, { id: "Qb+14I" }),
 			/* @__PURE__ */ k("div", {
@@ -57,13 +57,13 @@ var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: r, isDeleting: i =
 						values: { deleteWord: m },
 						components: { 0: /* @__PURE__ */ O("strong", {}) }
 					})
-				}), /* @__PURE__ */ O(y, {
+				}), /* @__PURE__ */ O(o, {
 					id: "confirmation",
 					name: "confirmation",
-					value: l,
+					value: d,
 					onChange: (e) => p(e.target.value),
 					placeholder: m,
-					disabled: i,
+					disabled: a,
 					autoComplete: "off",
 					"data-testid": "delete-confirmation-input"
 				})]
@@ -73,60 +73,60 @@ var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: r, isDeleting: i =
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
-function L({ securityGroup: t, permissions: n, onEdit: i, onDelete: o, onViewDetails: c, isReadOnly: l = !1 }) {
-	let { i18n: u, _: d } = F(), f = ({ value: e }) => /* @__PURE__ */ O("span", { children: e ? u._({ id: "l75CjT" }) : u._({ id: "1UzENP" }) }), p = () => {
-		c && c(t);
+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(r, {
-		"data-testid": `security-group-row-${t.id}`,
-		onClick: p,
+		"data-testid": `security-group-row-${e.id}`,
+		onClick: m,
 		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
 		children: [
-			/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+			/* @__PURE__ */ O(i, { children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 				className: "text-md",
-				children: t.name
+				children: e.name
 			}), /* @__PURE__ */ O("p", {
 				className: "text-theme-light text-xs",
-				children: t.id
+				children: e.id
 			})] }) }),
-			/* @__PURE__ */ O(m, { children: t.description || u._({ id: "h47p9L" }) }),
-			/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(f, { value: t.shared }), t.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", {
 					className: "text-theme-light text-xs",
-					children: t.project_id
+					children: e.project_id
 				})
 			] })] }),
-			/* @__PURE__ */ O(m, { children: /* @__PURE__ */ O(f, { value: t.stateful }) }),
-			/* @__PURE__ */ O(m, {
+			/* @__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(e, { children: /* @__PURE__ */ k(s, { children: [
-					/* @__PURE__ */ O(a, {
+				children: /* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(t, { children: [
+					/* @__PURE__ */ O(c, {
 						label: u._({ id: "v0hPHE" }),
-						onClick: () => p()
+						onClick: () => m()
 					}),
-					n.canUpdate && !l && /* @__PURE__ */ O(a, {
+					n.canUpdate && !l && /* @__PURE__ */ O(c, {
 						label: u._({ id: "ePK91l" }),
-						onClick: () => i(t)
+						onClick: () => a(e)
 					}),
-					n.canDelete && !l && /* @__PURE__ */ O(a, {
+					n.canDelete && !l && /* @__PURE__ */ O(c, {
 						label: u._({ id: "cnGeoo" }),
-						onClick: () => o(t)
+						onClick: () => o(e)
 					})
 				] }) })
 			})
 		]
-	}, t.id);
+	}, e.id);
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
-var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o, onDeleteSecurityGroup: s, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h }) => {
-	let { i18n: g, _ } = F(), y = N(), b = 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) => {
 		y({
 			to: "/projects/$projectId/network/securitygroups/$securityGroupId",
@@ -136,9 +136,9 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 			}
 		});
 	}, 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: e, isLoading: t, isError: n, error: a, permissions: o
 		p,
 		m,
 		w
-	]), t ? /* @__PURE__ */ k(v, {
+	]), t ? /* @__PURE__ */ k(g, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/* @__PURE__ */ O(l, {
+		children: [/* @__PURE__ */ O(a, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
 		}), /* @__PURE__ */ O(P, { id: "Z3FXyt" })]
-	}) : n ? /* @__PURE__ */ O(v, {
+	}) : i ? /* @__PURE__ */ O(g, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: a?.message ?? g._({ id: "Wca9WC" })
-	}) : e.length === 0 ? /* @__PURE__ */ O(P, { id: "SfW/3r" }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k(i, {
+		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(r, { children: [
-			g._({ id: "6YtxFj" }),
-			g._({ id: "Nu4oKW" }),
-			g._({ id: "0Gd0NU" }),
-			g._({ id: "Jim5X9" }),
+			_._({ id: "6YtxFj" }),
+			_._({ id: "Nu4oKW" }),
+			_._({ id: "0Gd0NU" }),
+			_._({ id: "Jim5X9" }),
 			""
-		].map((e) => /* @__PURE__ */ O(c, { children: e }, e)) }), e.map((e) => /* @__PURE__ */ O(L, {
+		].map((e) => /* @__PURE__ */ O(n, { children: e }, e)) }), e.map((e) => /* @__PURE__ */ O(L, {
 			securityGroup: e,
-			permissions: o,
+			permissions: c,
 			onEdit: H,
 			onDelete: U,
 			onViewDetails: W,
@@ -198,7 +198,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 		isOpen: R,
 		onClose: K,
 		onDelete: (e) => {
-			s && s(e);
+			l && l(e);
 		},
 		isDeleting: u,
 		error: d
@@ -207,10 +207,10 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 	name: "",
 	description: "",
 	stateful: !0
-}, B = ({ isOpen: e, onClose: t, onCreate: r, isLoading: i = !1, error: a = null }) => {
-	let { i18n: s, _: c } = F(), [m, v] = 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;
-		v((e) => ({
+		g((e) => ({
 			...e,
 			[t]: r === "checkbox" ? i : n
 		})), x[t] && S((e) => {
@@ -219,7 +219,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 		});
 	}, w = () => {
 		let e = {};
-		return (!m.name || m.name.trim() === "") && (e.name = s._({ 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 r({
 			name: m.name.trim(),
@@ -227,82 +227,82 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 			stateful: m.stateful
 		}), E());
 	}, E = () => {
-		v({ ...z }), S({}), t();
+		g({ ...z }), S({}), n();
 	};
-	return /* @__PURE__ */ k(u, {
-		open: e,
+	return /* @__PURE__ */ k(_, {
+		open: t,
 		onCancel: E,
 		size: "large",
-		title: s._({ id: "YjAOtb" }),
-		modalFooter: /* @__PURE__ */ O(b, {
+		title: c._({ id: "YjAOtb" }),
+		modalFooter: /* @__PURE__ */ O(e, {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(d, {
+			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(u, {
 				variant: "default",
 				onClick: E,
 				disabled: i,
 				children: /* @__PURE__ */ O(P, { id: "dEgA5A" })
-			}), /* @__PURE__ */ O(d, {
+			}), /* @__PURE__ */ O(u, {
 				variant: "primary",
 				onClick: (e) => {
 					T(e);
 				},
 				disabled: i,
 				"data-testid": "create-security-group-button",
-				children: i ? /* @__PURE__ */ O(l, { size: "small" }) : /* @__PURE__ */ O(P, { id: "YjAOtb" })
+				children: i ? /* @__PURE__ */ O(a, { size: "small" }) : /* @__PURE__ */ O(P, { id: "YjAOtb" })
 			})] })
 		}),
 		children: [
-			a && /* @__PURE__ */ O(o, {
+			s && /* @__PURE__ */ O(v, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
-				children: a
+				children: s
 			}),
 			i && /* @__PURE__ */ k("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ O(l, { 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" })
 				})]
 			}),
-			!i && /* @__PURE__ */ O(p, {
+			!i && /* @__PURE__ */ O(l, {
 				className: "mb-6",
 				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: s._({ id: "6YtxFj" }),
+								label: c._({ id: "6YtxFj" }),
 								value: m.name,
 								onChange: C,
 								required: !0,
 								errortext: x.name,
-								placeholder: s._({ id: "Ac6dy9" }),
+								placeholder: c._({ id: "Ac6dy9" }),
 								disabled: i
 							})
 						}),
-						/* @__PURE__ */ O(g, {
+						/* @__PURE__ */ O(p, {
 							className: "mb-6",
-							children: /* @__PURE__ */ O(_, {
+							children: /* @__PURE__ */ O(y, {
 								id: "description",
 								name: "description",
-								label: s._({ id: "Nu4oKW" }),
+								label: c._({ id: "Nu4oKW" }),
 								value: m.description,
 								onChange: C,
-								placeholder: s._({ id: "Nu4oKW" }),
+								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: s._({ id: "Jim5X9" }),
+								label: c._({ id: "Jim5X9" }),
 								checked: m.stateful,
 								onChange: C,
 								disabled: i
@@ -317,7 +317,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 	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, f] = M(null), { searchTerm: p, sortSettings: m, filterSettings: h, 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: [{
@@ -375,14 +375,14 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 	return /* @__PURE__ */ k("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ O(S, {
+			/* @__PURE__ */ O(C, {
 				sortSettings: m,
 				filterSettings: h,
 				searchTerm: p,
 				onSort: _,
 				onFilter: v,
 				onSearch: g,
-				actions: b.canCreate && /* @__PURE__ */ O(d, {
+				actions: b.canCreate && /* @__PURE__ */ O(u, {
 					onClick: () => a(!0),
 					variant: "primary",
 					children: /* @__PURE__ */ O(P, { id: "YjAOtb" })
@@ -411,7 +411,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 					});
 				},
 				isUpdatingSecurityGroup: z.isPending,
-				updateError: u,
+				updateError: d,
 				currentProjectId: r
 			}),
 			/* @__PURE__ */ O(B, {
@@ -432,10 +432,10 @@ var R = ({ securityGroups: e, isLoading: t, isError: n, error: a, permissions: o
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component
 function U() {
-	let { i18n: e, _: n } = F();
-	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(t, { children: e._({ id: "4opp4r" }) }), /* @__PURE__ */ O(H, {})] });
+	let { i18n: e, _: t } = F();
+	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(m, { children: e._({ id: "4opp4r" }) }), /* @__PURE__ */ O(H, {})] });
 }
 //#endregion
 export { U as component };
 
-//# sourceMappingURL=securitygroups-DMCIDHQS.mjs.map
+//# sourceMappingURL=securitygroups-BdzieS7Z.mjs.map