@cobaltcore-dev/aurora 0.2.0 → 0.2.2

package/dist/client/{projects-BuN69cxO.mjs → projects-C1IYOvFQ.mjs}

@@ -1,35 +1,35 @@
-import { E as e, I as t, N as n, at as r, g as i, k as a, l as o, q as s, w as c } from "./build-eu9eg0zF.mjs";
-import { t as l } from "./projects-_Dfn6eQT.mjs";
+import { $ as e, A as t, N as n, O as r, at as i, b as a, l as o, p as s, z as c } from "./build-Cf7iWbpH.mjs";
+import { t as l } from "./projects-0feOw_b6.mjs";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { useEffect as p, useRef as m, useState as h } from "react";
 import { Link as g } from "@tanstack/react-router";
 import { Trans as _, useLingui as v } from "@lingui/react";
 //#region src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx
-function y({ viewMode: e, setViewMode: t, onSearch: n, searchTerm: a = "" }) {
+function y({ viewMode: t, setViewMode: n, onSearch: r, searchTerm: a = "" }) {
 	let { i18n: c, _: l } = v(), g = m(null), _ = m(!1), [y, b] = h(a);
 	return p(() => {
 		!_.current && !g.current && a !== y && b(a);
 	}, [a]), p(() => () => {
 		g.current && clearTimeout(g.current);
-	}, []), /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(s, {
+	}, []), /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(e, {
 		alignment: "center",
 		gap: "8",
 		className: "my-px mt-4 px-4",
-		children: /* @__PURE__ */ d(s, {
+		children: /* @__PURE__ */ d(e, {
 			direction: "vertical",
 			gap: "3",
 			className: "w-full",
-			children: /* @__PURE__ */ f(s, {
+			children: /* @__PURE__ */ f(e, {
 				gap: "6",
 				className: "flex w-full flex-wrap",
-				children: [/* @__PURE__ */ d(r, {
+				children: [/* @__PURE__ */ d(s, {
 					className: "shrink-0 grow basis-0",
 					type: "text",
 					placeholder: c._({ id: "YIix5Y" }),
 					onChange: (e) => {
 						let t = e.target.value;
 						b(t), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
-							g.current = null, n(t);
+							g.current = null, r(t);
 						}, 300);
 					},
 					onFocus: () => {
@@ -39,16 +39,16 @@ function y({ viewMode: e, setViewMode: t, onSearch: n, searchTerm: a = "" }) {
 						_.current = !1;
 					},
 					onClear: () => {
-						g.current &&= (clearTimeout(g.current), null), b(""), n("");
+						g.current &&= (clearTimeout(g.current), null), b(""), r("");
 					},
 					value: y
-				}), /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(i, {
-					variant: e === "list" ? "default" : "subdued",
-					onClick: () => t("list"),
+				}), /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(o, {
+					variant: t === "list" ? "default" : "subdued",
+					onClick: () => n("list"),
 					icon: "dns"
-				}), /* @__PURE__ */ d(i, {
-					variant: e === "card" ? "default" : "subdued",
-					onClick: () => t("card"),
+				}), /* @__PURE__ */ d(o, {
+					variant: t === "card" ? "default" : "subdued",
+					onClick: () => n("card"),
 					icon: "autoAwesomeMotion"
 				})] })]
 			})
@@ -57,21 +57,21 @@ function y({ viewMode: e, setViewMode: t, onSearch: n, searchTerm: a = "" }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
-function b({ project: t }) {
+function b({ project: e }) {
 	return /* @__PURE__ */ d(g, {
 		to: "/projects/$projectId",
-		params: { projectId: t.id },
+		params: { projectId: e.id },
 		className: "block text-inherit no-underline",
-		children: /* @__PURE__ */ d(e, {
+		children: /* @__PURE__ */ d(a, {
 			className: "hover:bg-theme-background-lvl-2 min-h-50 rounded-lg p-6 shadow-md",
 			children: /* @__PURE__ */ f("div", {
 				className: "w-full",
-				children: [/* @__PURE__ */ d(c, {
+				children: [/* @__PURE__ */ d(r, {
 					className: "text-theme-accent",
-					children: t.name
+					children: e.name
 				}), /* @__PURE__ */ d("p", {
 					className: "mt-4 line-clamp-3 pr-4 leading-relaxed",
-					children: t.description
+					children: e.description
 				})]
 			})
 		})
@@ -92,15 +92,15 @@ function x({ projects: e }) {
 //#endregion
 //#region src/client/routes/_auth/projects/-components/ProjectListView.tsx
 function S({ projects: e }) {
-	return /* @__PURE__ */ d(a, {
+	return /* @__PURE__ */ d(c, {
 		className: "overflow-hidden",
 		columns: 2,
-		children: e?.length ? e.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(g, {
+		children: e?.length ? e.map((e) => /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(g, {
 			to: "/projects/$projectId",
 			params: { projectId: e.id },
 			className: "text-inherit no-underline",
 			children: e.name
-		}) }), /* @__PURE__ */ d(n, { children: e.description })] }, e.id)) : /* @__PURE__ */ d("div", {
+		}) }), /* @__PURE__ */ d(t, { children: e.description })] }, e.id)) : /* @__PURE__ */ d("div", {
 			className: "py-6 text-center",
 			children: /* @__PURE__ */ d(_, { id: "i30J2U" })
 		})
@@ -109,22 +109,22 @@ function S({ projects: e }) {
 //#endregion
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=component
 function C() {
-	let [e, t] = h("card"), { projects: n } = l.useLoaderData(), { search: r = "" } = l.useSearch(), i = l.useNavigate();
+	let [e, t] = h("card"), { projects: n } = l.useLoaderData(), { search: i = "" } = l.useSearch(), a = l.useNavigate();
 	return /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("div", {
 		className: "mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8",
 		children: /* @__PURE__ */ f("div", {
 			className: "mx-auto w-full",
 			children: [
-				/* @__PURE__ */ d(c, {
+				/* @__PURE__ */ d(r, {
 					className: "px-4 pt-4",
 					children: /* @__PURE__ */ d(_, { id: "+0B+ue" })
 				}),
 				/* @__PURE__ */ d(y, {
 					viewMode: e,
 					setViewMode: t,
-					searchTerm: r,
+					searchTerm: i,
 					onSearch: (e) => {
-						i({
+						a({
 							search: { search: e },
 							replace: !0
 						});
@@ -141,4 +141,4 @@ function C() {
 //#endregion
 export { C as component };
 
-//# sourceMappingURL=projects-BuN69cxO.mjs.map
+//# sourceMappingURL=projects-C1IYOvFQ.mjs.map

package/dist/client/{projects-BuN69cxO.mjs.map → projects-C1IYOvFQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-BuN69cxO.mjs","names":["useEffect","useRef","useState","Button","InputGroup","SearchInput","Stack","ProjectsOverviewNavBar","viewMode","setViewMode","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","alignment","gap","className","direction","type","placeholder","t","onChange","onFocus","onBlur","onClear","variant","onClick","icon","Link","Box","ContentHeading","ProjectCard","project","to","params","projectId","id","className","div","name","p","description","ProjectCardView","projects","length","map","DataGrid","DataGridCell","DataGridRow","Link","ProjectListView","projects","className","columns","length","map","project","to","params","projectId","id","name","description","div","useState","ProjectsOverviewNavBar","ViewMode","ProjectCardView","ProjectListView","ContentHeading","Trans","Route","ProjectsOverview","viewMode","setViewMode","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/-components/ProjectListView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { Button, InputGroup, SearchInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nexport type ViewMode = \"list\" | \"card\"\n\ntype ProjectsOverviewNavBarProps = {\n  viewMode: ViewMode\n  setViewMode: (mode: ViewMode) => void\n  searchPlaceholder?: string\n  filters?: { label: string; value: string }[]\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({\n  viewMode,\n  setViewMode,\n  onSearch,\n  searchTerm = \"\",\n}: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<NodeJS.Timeout | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  // Sync from URL (e.g. back/forward navigation) only when user isn't actively editing\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) {\n        clearTimeout(timerRef.current)\n      }\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\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    <>\n      <Stack alignment=\"center\" gap=\"8\" className=\"my-px mt-4 px-4\">\n        <Stack direction=\"vertical\" gap=\"3\" className=\"w-full\">\n          <Stack gap=\"6\" className=\"flex w-full flex-wrap\">\n            <SearchInput\n              className=\"shrink-0 grow basis-0\"\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            <InputGroup>\n              <Button\n                variant={viewMode === \"list\" ? \"default\" : \"subdued\"}\n                onClick={() => setViewMode(\"list\")}\n                icon=\"dns\"\n              />\n\n              <Button\n                variant={viewMode === \"card\" ? \"default\" : \"subdued\"}\n                onClick={() => setViewMode(\"card\")}\n                icon=\"autoAwesomeMotion\"\n              />\n            </InputGroup>\n          </Stack>\n        </Stack>\n      </Stack>\n    </>\n  )\n}\n","import { Link } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Box, 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  return (\n    <Link to=\"/projects/$projectId\" params={{ projectId: project.id }} className=\"block text-inherit no-underline\">\n      <Box className=\"hover:bg-theme-background-lvl-2 min-h-50 rounded-lg p-6 shadow-md\">\n        <div className=\"w-full\">\n          <ContentHeading className=\"text-theme-accent\">{project.name}</ContentHeading>\n\n          <p className=\"mt-4 line-clamp-3 pr-4 leading-relaxed\">{project.description}</p>\n        </div>\n      </Box>\n    </Link>\n  )\n}\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"mx-auto h-full w-full max-w-[95vw] px-4\">\n      {/* Adaptive Grid: max 3 columns, adjusts on smaller screens */}\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3\">\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 { Project } from \"@/server/Project/types/models\"\nimport { DataGrid, DataGridCell, DataGridRow } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Link } from \"@tanstack/react-router\"\n\ntype ProjectListViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectListView({ projects }: ProjectListViewProps) {\n  return (\n    <DataGrid className=\"overflow-hidden\" columns={2}>\n      {projects?.length ? (\n        projects.map((project) => {\n          return (\n            <DataGridRow key={project.id}>\n              <DataGridCell>\n                <Link\n                  to=\"/projects/$projectId\"\n                  params={{ projectId: project.id }}\n                  className=\"text-inherit no-underline\"\n                >\n                  {project.name}\n                </Link>\n              </DataGridCell>\n              <DataGridCell>{project.description}</DataGridCell>\n            </DataGridRow>\n          )\n        })\n      ) : (\n        <div className=\"py-6 text-center\">\n          <Trans>No projects found</Trans>\n        </div>\n      )}\n    </DataGrid>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\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\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\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 {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"projects-C1IYOvFQ.mjs","names":["useEffect","useRef","useState","Button","InputGroup","SearchInput","Stack","ProjectsOverviewNavBar","viewMode","setViewMode","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","alignment","gap","className","direction","type","placeholder","t","onChange","onFocus","onBlur","onClear","variant","onClick","icon","Link","Box","ContentHeading","ProjectCard","project","to","params","projectId","id","className","div","name","p","description","ProjectCardView","projects","length","map","DataGrid","DataGridCell","DataGridRow","Link","ProjectListView","projects","className","columns","length","map","project","to","params","projectId","id","name","description","div","useState","ProjectsOverviewNavBar","ViewMode","ProjectCardView","ProjectListView","ContentHeading","Trans","Route","ProjectsOverview","viewMode","setViewMode","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/-components/ProjectListView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { Button, InputGroup, SearchInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nexport type ViewMode = \"list\" | \"card\"\n\ntype ProjectsOverviewNavBarProps = {\n  viewMode: ViewMode\n  setViewMode: (mode: ViewMode) => void\n  searchPlaceholder?: string\n  filters?: { label: string; value: string }[]\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({\n  viewMode,\n  setViewMode,\n  onSearch,\n  searchTerm = \"\",\n}: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<NodeJS.Timeout | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  // Sync from URL (e.g. back/forward navigation) only when user isn't actively editing\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) {\n        clearTimeout(timerRef.current)\n      }\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\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    <>\n      <Stack alignment=\"center\" gap=\"8\" className=\"my-px mt-4 px-4\">\n        <Stack direction=\"vertical\" gap=\"3\" className=\"w-full\">\n          <Stack gap=\"6\" className=\"flex w-full flex-wrap\">\n            <SearchInput\n              className=\"shrink-0 grow basis-0\"\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            <InputGroup>\n              <Button\n                variant={viewMode === \"list\" ? \"default\" : \"subdued\"}\n                onClick={() => setViewMode(\"list\")}\n                icon=\"dns\"\n              />\n\n              <Button\n                variant={viewMode === \"card\" ? \"default\" : \"subdued\"}\n                onClick={() => setViewMode(\"card\")}\n                icon=\"autoAwesomeMotion\"\n              />\n            </InputGroup>\n          </Stack>\n        </Stack>\n      </Stack>\n    </>\n  )\n}\n","import { Link } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Box, 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  return (\n    <Link to=\"/projects/$projectId\" params={{ projectId: project.id }} className=\"block text-inherit no-underline\">\n      <Box className=\"hover:bg-theme-background-lvl-2 min-h-50 rounded-lg p-6 shadow-md\">\n        <div className=\"w-full\">\n          <ContentHeading className=\"text-theme-accent\">{project.name}</ContentHeading>\n\n          <p className=\"mt-4 line-clamp-3 pr-4 leading-relaxed\">{project.description}</p>\n        </div>\n      </Box>\n    </Link>\n  )\n}\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"mx-auto h-full w-full max-w-[95vw] px-4\">\n      {/* Adaptive Grid: max 3 columns, adjusts on smaller screens */}\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3\">\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 { Project } from \"@/server/Project/types/models\"\nimport { DataGrid, DataGridCell, DataGridRow } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Link } from \"@tanstack/react-router\"\n\ntype ProjectListViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectListView({ projects }: ProjectListViewProps) {\n  return (\n    <DataGrid className=\"overflow-hidden\" columns={2}>\n      {projects?.length ? (\n        projects.map((project) => {\n          return (\n            <DataGridRow key={project.id}>\n              <DataGridCell>\n                <Link\n                  to=\"/projects/$projectId\"\n                  params={{ projectId: project.id }}\n                  className=\"text-inherit no-underline\"\n                >\n                  {project.name}\n                </Link>\n              </DataGridCell>\n              <DataGridCell>{project.description}</DataGridCell>\n            </DataGridRow>\n          )\n        })\n      ) : (\n        <div className=\"py-6 text-center\">\n          <Trans>No projects found</Trans>\n        </div>\n      )}\n    </DataGrid>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\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\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\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 {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAcA,SAAgBO,EAAuB,EACrCC,aACAC,gBACAC,aACAC,gBAAa,MACe;CAC5B,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EACRC,IAAWZ,EAA8B,KAAA,EACzCa,IAAkBb,EAAO,GAAA,EACzB,CAACc,GAAYC,KAAiBd,EAASS,EAAAA;AAwC7C,QArCAX,QAAU;AACR,EAAI,CAACc,EAAgBG,WAAW,CAACJ,EAASI,WAAWN,MAAeI,KAClEC,EAAcL,EAAAA;IAEf,CAACA,EAAW,CAAA,EAEfX,cACS;AACL,EAAIa,EAASI,WACXC,aAAaL,EAASI,QAAO;IAGhC,EAAE,CAAA,EA0BH,kBAAA,GAAA,EAAA,UACE,kBAACX,GAAAA;EAAMmB,WAAU;EAASC,KAAI;EAAIC,WAAU;YAC1C,kBAACrB,GAAAA;GAAMsB,WAAU;GAAWF,KAAI;GAAIC,WAAU;aAC5C,kBAACrB,GAAAA;IAAMoB,KAAI;IAAIC,WAAU;eACvB,kBAACtB,GAAAA;KACCsB,WAAU;KACVE,MAAK;KACLC,aAAaC,EAAAA,EAAC,EAAA,IAAA,UAAU,CAAA;KACxBC,WAhCgBZ,MAAAA;MAC1B,IAAMC,IAAQD,EAAEE,OAAOD;AAOvBR,MANAG,EAAcK,EAAAA,EAEVR,EAASI,WACXC,aAAaL,EAASI,QAAO,EAG/BJ,EAASI,UAAUM,iBAAW;AAE5Bb,OADAG,EAASI,UAAU,MACnBP,EAASW,EAAAA;SACR,IAAA;;KAsBOY,eAAS;AACPnB,QAAgBG,UAAU;;KAE5BiB,cAAQ;AACNpB,QAAgBG,UAAU;;KAE5BkB,eAzBQ;AAMlBzB,MALA,AAEEG,EAASI,aADTC,aAAaL,EAASI,QAAO,EACV,OAErBD,EAAc,GAAA,EACdN,EAAS,GAAA;;KAoBCW,OAAON;QAGT,kBAACX,GAAAA,EAAAA,UAAAA,CACC,kBAACD,GAAAA;KACCiC,SAAS5B,MAAa,SAAS,YAAY;KAC3C6B,eAAe5B,EAAY,OAAA;KAC3B6B,MAAK;QAGP,kBAACnC,GAAAA;KACCiC,SAAS5B,MAAa,SAAS,YAAY;KAC3C6B,eAAe5B,EAAY,OAAA;KAC3B6B,MAAK;;;;;;;;ACjFrB,SAAgBI,EAAY,EAAEC,cAA2B;AACvD,QACE,kBAACJ,GAAAA;EAAKK,IAAG;EAAuBC,QAAQ,EAAEC,WAAWH,EAAQI,IAAG;EAAGC,WAAU;YAC3E,kBAACR,GAAAA;GAAIQ,WAAU;aACb,kBAACC,OAAAA;IAAID,WAAU;eACb,kBAACP,GAAAA;KAAeO,WAAU;eAAqBL,EAAQO;QAEvD,kBAACC,KAAAA;KAAEH,WAAU;eAA0CL,EAAQS;;;;;;AAMzE,SAAgBC,EAAgB,EAAEC,eAAgC;AAChE,QACE,kBAACL,OAAAA;EAAID,WAAU;YAEb,kBAACC,OAAAA;GAAID,WAAU;aACZM,GAAUC,SACTD,EAASE,KAAKb,MAAY,kBAACD,GAAAA,EAAsCC,YAAAA,EAArBA,EAAQI,GAAE,CAAA,GAEtD,kBAACI,KAAAA;IAAEH,WAAU;cACX,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;;;;;;ACzBZ,SAAgBa,EAAgB,EAAEC,eAAgC;AAChE,QACE,kBAACL,GAAAA;EAASM,WAAU;EAAkBC,SAAS;YAC5CF,GAAUG,SACTH,EAASI,KAAKC,MAEV,kBAACR,GAAAA,EAAAA,UAAAA,CACC,kBAACD,GAAAA,EAAAA,UACC,kBAACE,GAAAA;GACCQ,IAAG;GACHC,QAAQ,EAAEC,WAAWH,EAAQI,IAAG;GAChCR,WAAU;aAETI,EAAQK;SAGb,kBAACd,GAAAA,EAAAA,UAAcS,EAAQM,aAAAA,CAAAA,CAAAA,EAAAA,EAVPN,EAAQI,GAAE,CAahC,GAEA,kBAACG,OAAAA;GAAIX,WAAU;aACb,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;;;;;ACoBV,SAASoB,IAAAA;CACP,IAAM,CAACC,GAAUC,KAAeV,EAAmB,OAAA,EAC7C,EAAEW,gBAAaJ,EAAMK,eAAa,EAClC,EAAEC,YAAS,OAAON,EAAMO,WAAS,EACjCC,IAAWR,EAAMS,aAAW;AASlC,QACE,kBAAC,OAAA,EAAA,UACC,kBAAC,OAAA;EAAI,WAAU;YACb,kBAAC,OAAA;GAAI,WAAU;;IACb,kBAAC,GAAA;KAAe,WAAU;eACxB,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;IAEF,kBAAC,GAAA;KACWP;KACGC;KACb,YAAYG;KACZ,WAlBYK,MAAAA;AACpBH,QAAS;OACPF,QAAQ,EAAEA,QAAQK,GAAM;OACxBC,SAAS;OACX,CAAA;;;IAgBM,kBAAC,OAAA;KAAI,WAAU;eACU,EAAtBV,MAAa,SAAU,IAA0C,GAA1C,EAA0BE,aAAAA,CAA0CA"}

package/dist/client/{projects-D1pP0XdA.mjs → projects-jyIHL6DE.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./RouteError-BwgDIwJE.mjs";
+import { t as e } from "./RouteError-Cyto623-.mjs";
 import { jsx as t } from "react/jsx-runtime";
 import { TRPCClientError as n } from "@trpc/client";
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent
@@ -9,4 +9,4 @@ var r = ({ error: r }) => /* @__PURE__ */ t(e, {
 //#endregion
 export { r as errorComponent };
 
-//# sourceMappingURL=projects-D1pP0XdA.mjs.map
+//# sourceMappingURL=projects-jyIHL6DE.mjs.map

package/dist/client/{projects-D1pP0XdA.mjs.map → projects-jyIHL6DE.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-D1pP0XdA.mjs","names":["RouteError","TRPCClientError","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\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\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\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 {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAM8C,IAAAE,KAY3B,EAAEC,eACjB,kBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBF,IAAkBE,EAAMC,UAAUC,KAAAA"}
+{"version":3,"file":"projects-jyIHL6DE.mjs","names":["RouteError","TRPCClientError","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\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\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\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 {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAM8C,IAAAE,KAY3B,EAAEC,eACjB,kBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBF,IAAkBE,EAAMC,UAAUC,KAAAA"}