@cobaltcore-dev/aurora 1.1.0 → 1.3.0

package/dist/client/components/Breadcrumbs.d.ts

@@ -0,0 +1 @@
+export declare function Breadcrumbs(): import("react").JSX.Element;

package/dist/client/components/ListToolbar/SortInput.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { SelectProps } from '@cloudoperators/juno-ui-components';
 import { SortOption } from './types';
 export interface SortInputProps {
     sortBy?: string | number | string[];
@@ -7,5 +8,7 @@ export interface SortInputProps {
     onSortDirectionChange: (direction: "asc" | "desc") => void;
     options: SortOption[];
     selectClassName?: string;
+    /** Passed through to the underlying Select. "auto" sizes the toggle to its content (use with a `min-w-*` selectClassName floor) instead of the default "full" width. */
+    selectWidth?: SelectProps["width"];
 }
 export declare const SortInput: React.FC<SortInputProps>;

package/dist/client/context/BreadcrumbExtensionContext.d.ts

@@ -0,0 +1,9 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { BreadcrumbItem } from '../hooks/useBreadcrumbs';
+export declare const BreadcrumbExtensionContext: import('react').Context<{
+    breadcrumbs: BreadcrumbItem[];
+    setBreadcrumbs: Dispatch<SetStateAction<BreadcrumbItem[]>>;
+}>;
+export declare function BreadcrumbExtensionProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/client/context/DynamicBreadcrumbContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Crumb } from '../routes/routeInfo';
+export declare const DynamicBreadcrumbContext: import('react').Context<{
+    crumbs: Map<string, Crumb>;
+    setCrumb: (routeId: string, crumb: Crumb | null) => void;
+}>;
+export declare function DynamicBreadcrumbProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/client/{flavors-CiHCYrtZ.mjs → flavors-B1SDOPDu.mjs}

@@ -4,14 +4,12 @@ var r = e("/_auth/projects/$projectId/compute/flavors/")({
 	staticData: {
 		section: "compute",
 		service: "flavors",
-		analytics: { name: "compute.flavors.list" },
-		sectionCrumb: { labelKey: "Compute" },
-		crumb: { labelKey: "Flavors" }
+		analytics: { name: "compute.flavors.list" }
 	},
 	head: () => ({ meta: [{ title: n._({ id: "neiJm0" }) }] }),
-	component: t(() => import("./flavors-DY-bDc8l.mjs"), "component")
+	component: t(() => import("./flavors-D8_PzQUB.mjs"), "component")
 });
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=flavors-CiHCYrtZ.mjs.map
+//# sourceMappingURL=flavors-B1SDOPDu.mjs.map

package/dist/client/flavors-B1SDOPDu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flavors-B1SDOPDu.mjs","names":["createFileRoute","t","Route","staticData","section","service","analytics","name","RouteInfo","head","meta","title","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Flavors } from \"./-components/List\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/\")({\n  staticData: {\n    section: \"compute\",\n    service: \"flavors\",\n    analytics: {\n      name: \"compute.flavors.list\",\n    },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Flavors` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  return (\n    <>\n      <ContentHeader title={t`Flavors`} projectId={projectId} />\n      <Flavors project={projectId} client={trpcClient!} />\n    </>\n  )\n}\n"],"mappings":";;AAOA,IAAaE,IAAQF,EAAgB,6CAAA,CAAA,CAA+C;CAClFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,uBACR;CACF;CACAE,aAAa,EAAEC,MAAM,CAAC,EAAEC,OAAOV,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA,EAAU,CAAC,EAAE;CAC7CW,WAASC,0CAAA,WAAA;AACX,CAAA"}

package/dist/client/flavors-D8_PzQUB.mjs

@@ -0,0 +1,628 @@
+import { C as e, D as t, K as n, L as r, Q as i, S as a, T as o, V as s, X as c, ft as l, g as u, h as d, i as f, l as p, m, o as h, ot as g, p as _, rt as v, st as y, t as b, x } from "./build-WuxXRAqf.mjs";
+import { t as S } from "./flavors-B1SDOPDu.mjs";
+import { t as C } from "./SortInput-4g7nSTHW.mjs";
+import { t as w } from "./ContentHeader-CPJbgYWn.mjs";
+import { i as T, n as E, r as D, t as O } from "./DeleteFlavorModal-V44QCJBd.mjs";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Suspense as M, startTransition as N, use as P, useCallback as F, useEffect as I, useRef as L, useState as R } from "react";
+import { useNavigate as z, useParams as B, useSearch as V } from "@tanstack/react-router";
+import { TRPCClientError as H } from "@trpc/client";
+import { Trans as U, useLingui as W } from "@lingui/react";
+import { ErrorBoundary as G } from "react-error-boundary";
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorListContainer.tsx
+var K = ({ flavors: e, isLoading: n, client: r, project: i, onFlavorDeleted: c, canDeleteFlavor: l, canMangageAccess: d, canManageSpecs: f, canListSpecs: p, currentPage: m = 1, totalPages: g = 1, onPageChange: _ }) => {
+	let { i18n: y, _: S } = W(), C = z(), [w, T] = R(!1), [M, N] = R(!1), [P, F] = R(!1), [L, V] = R(null), [H, G] = R(m.toString());
+	I(() => {
+		G(m.toString());
+	}, [m]);
+	let { projectId: K } = B({ from: "/_auth/projects/$projectId/compute/flavors/" }), q = (e) => {
+		V(e), T(!0);
+	}, J = (e) => {
+		V(e), N(!0);
+	}, Y = (e) => {
+		V(e), F(!0);
+	}, X = () => {
+		T(!1), V(null);
+	}, Z = () => {
+		L && c && c(L.name || ""), X();
+	}, Q = (e) => {
+		e >= 1 && e <= g && (_?.(e), G(e.toString()));
+	};
+	return n ? /*#__PURE__*/ A(v, {
+		status: "progress",
+		title: y._({ id: "Z3FXyt" })
+	}) : /*#__PURE__*/ j(k, { children: [
+		/*#__PURE__*/ j(h, {
+			columns: 7,
+			minContentColumns: [6],
+			className: "flavors",
+			"data-testid": "flavors-table",
+			children: [/*#__PURE__*/ j(o, { children: [
+				/*#__PURE__*/ A(a, { children: /*#__PURE__*/ A(U, { id: "6YtxFj" }) }),
+				/*#__PURE__*/ A(a, { children: /*#__PURE__*/ A(U, { id: "k5nYwm" }) }),
+				/*#__PURE__*/ A(a, { children: /*#__PURE__*/ A(U, { id: "K+e/0e" }) }),
+				/*#__PURE__*/ A(a, { children: /*#__PURE__*/ A(U, { id: "n0ZttO" }) }),
+				/*#__PURE__*/ A(a, { children: /*#__PURE__*/ A(U, { id: "p4nMut" }) }),
+				/*#__PURE__*/ A(a, { children: /*#__PURE__*/ A(U, { id: "HyyJ83" }) }),
+				/*#__PURE__*/ A(a, {})
+			] }), e && e.length > 0 ? e.map((e) => /*#__PURE__*/ j(o, {
+				"data-testid": `flavor-row-${e.id}`,
+				onClick: () => C({
+					to: "/projects/$projectId/compute/flavors/$flavorId",
+					params: {
+						projectId: K,
+						flavorId: e.id
+					}
+				}),
+				children: [
+					/*#__PURE__*/ A(b, { children: e.name || e.id }),
+					/*#__PURE__*/ A(b, { children: e.vcpus || "–" }),
+					/*#__PURE__*/ A(b, { children: e.ram || "–" }),
+					/*#__PURE__*/ A(b, { children: e.disk || "–" }),
+					/*#__PURE__*/ A(b, { children: e.swap || "–" }),
+					/*#__PURE__*/ A(b, { children: e["os-flavor-access:is_public"] === !1 ? y._({ id: "zwBp5t" }) : y._({ id: "7d1a0d" }) }),
+					/*#__PURE__*/ A(b, {
+						onClick: (e) => e.stopPropagation(),
+						children: /*#__PURE__*/ A(t, { children: /*#__PURE__*/ j(u, { children: [
+							/*#__PURE__*/ A(x, {
+								label: y._({ id: "URmyfc" }),
+								onClick: () => C({
+									to: "/projects/$projectId/compute/flavors/$flavorId",
+									params: {
+										projectId: K,
+										flavorId: e.id
+									}
+								})
+							}),
+							(f || p) && /*#__PURE__*/ A(x, {
+								label: f ? y._({ id: "SIfYq6" }) : y._({ id: "6GBt0m" }),
+								onClick: () => J(e)
+							}),
+							d && /*#__PURE__*/ A(x, {
+								label: y._({ id: "cWbW6w" }),
+								onClick: () => Y(e),
+								disabled: e["os-flavor-access:is_public"] !== !1
+							}),
+							l && /*#__PURE__*/ A(x, {
+								label: y._({ id: "JT3I1g" }),
+								onClick: () => q(e)
+							})
+						] }) })
+					})
+				]
+			}, e.id)) : /*#__PURE__*/ A(o, { children: /*#__PURE__*/ A(b, {
+				colSpan: 7,
+				children: /*#__PURE__*/ A(v, {
+					status: "empty",
+					title: y._({ id: "PiyQJ/" }),
+					body: y._({ id: "KSW/GC" })
+				})
+			}) })]
+		}),
+		g > 1 && /*#__PURE__*/ A("div", {
+			className: "flex justify-center py-4",
+			children: /*#__PURE__*/ A(s, {
+				variant: "input",
+				currentPage: m,
+				pages: g,
+				onPressPrevious: () => Q(Math.max(m - 1, 1)),
+				onPressNext: () => Q(Math.min(m + 1, g)),
+				onSelectChange: (e) => {
+					Q(e);
+				},
+				onInputChange: (e) => {
+					G(e === void 0 ? "" : String(e));
+				},
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && H !== "") {
+						let e = parseInt(H, 10);
+						!isNaN(e) && e >= 1 && e <= g && Q(e);
+					}
+				}
+			})
+		}),
+		/*#__PURE__*/ A(O, {
+			client: r,
+			isOpen: w,
+			onClose: X,
+			project: i,
+			flavor: L,
+			onSuccess: Z
+		}),
+		/*#__PURE__*/ A(D, {
+			client: r,
+			isOpen: M,
+			onClose: () => N(!1),
+			project: i,
+			flavor: L,
+			canEdit: f
+		}),
+		/*#__PURE__*/ A(E, {
+			client: r,
+			isOpen: P,
+			onClose: () => F(!1),
+			project: i,
+			flavor: L
+		})
+	] });
+}, q = (e, t, n) => {
+	switch (e) {
+		case "id":
+			if (!t) return;
+			{
+				let e = String(t).trim();
+				return /^[a-zA-Z0-9.\-_]*$/.test(e) ? void 0 : n({ id: "AX9Juz" });
+			}
+		case "name": {
+			let e = String(t || "").trim();
+			return e.length >= 2 && e.length <= 50 ? void 0 : n({ id: "zDS0JC" });
+		}
+		case "vcpus": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 1 ? void 0 : n({ id: "uSdnuQ" });
+		}
+		case "ram": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 128 ? void 0 : n({ id: "g1IxCo" });
+		}
+		case "disk": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 0 ? void 0 : n({ id: "AJRhSM" });
+		}
+		case "swap":
+			if (t === "" || t == null) return;
+			{
+				let e = Number(t);
+				return !isNaN(e) && e >= 0 ? void 0 : n({ id: "g3BSCe" });
+			}
+		case "rxtx_factor": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 1 ? void 0 : n({ id: "PIbPRX" });
+		}
+		case "description": return t ? String(t).length < 65535 ? void 0 : n({ id: "uuKb0T" }) : void 0;
+		case "OS-FLV-EXT-DATA:ephemeral": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 0 ? void 0 : n({ id: "tLerHy" });
+		}
+		case "os-flavor-access:is_public": return t == null || typeof t == "boolean" || typeof t == "string" && (t === "true" || t === "false") ? void 0 : n({ id: "MmtQVF" });
+		default: return;
+	}
+}, J = (e) => {
+	let t = {
+		name: String(e.name),
+		vcpus: Number(e.vcpus),
+		ram: Number(e.ram),
+		disk: Number(e.disk)
+	}, n = (e) => e != null && e !== "" && String(e).trim() !== "", r = (e) => e != null && e !== "" && String(e).trim() !== "" && !isNaN(Number(e));
+	return n(e.id) && (t.id = String(e.id).trim()), n(e.description) && (t.description = String(e.description).trim()), r(e.swap) && (t.swap = Number(e.swap)), r(e.rxtx_factor) && (t.rxtx_factor = Number(e.rxtx_factor)), r(e["OS-FLV-EXT-DATA:ephemeral"]) && (t["OS-FLV-EXT-DATA:ephemeral"] = Number(e["OS-FLV-EXT-DATA:ephemeral"])), e["os-flavor-access:is_public"] !== void 0 && (t["os-flavor-access:is_public"] = !!e["os-flavor-access:is_public"]), t;
+}, Y = ({ client: e, isOpen: t, onClose: a, project: o, onSuccess: s }) => {
+	let { i18n: u, _: f } = W(), { translateError: p } = T(), [h, g] = R({ "os-flavor-access:is_public": !0 }), [v, b] = R({}), [x, S] = R(!1), [C, w] = R(null), E = (e) => {
+		let { name: t, value: n, type: r, checked: i } = e.target;
+		g((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), C && w(null);
+	}, D = (e, t) => {
+		g((n) => ({
+			...n,
+			[e]: t
+		})), C && w(null);
+	}, O = (e) => {
+		let { name: t, value: n } = e.target, r = q(t, n, f);
+		b((e) => ({
+			...e,
+			[t]: r
+		}));
+	}, k = async (t) => {
+		t.preventDefault(), w(null);
+		let n = {};
+		if ([
+			"name",
+			"vcpus",
+			"ram",
+			"disk"
+		].forEach((e) => {
+			let t = q(e, h[e], f);
+			t && (n[e] = t);
+		}), [
+			"id",
+			"swap",
+			"OS-FLV-EXT-DATA:ephemeral",
+			"rxtx_factor",
+			"description",
+			"os-flavor-access:is_public"
+		].forEach((e) => {
+			let t = h[e];
+			if (t !== void 0 && t !== "" && t !== null) {
+				let r = q(e, t, f);
+				r && (n[e] = r);
+			}
+		}), Object.keys(n).length > 0) {
+			b(n), w(u._({ id: "CBFSfX" }));
+			return;
+		}
+		try {
+			S(!0);
+			let t = J(h);
+			await e.compute.createFlavor.mutate({
+				project_id: o,
+				flavor: t
+			}), s(t.name), M();
+		} catch (e) {
+			let t = e?.message ? p(e.message) : u._({ id: "OxDN2m" });
+			w(t);
+		} finally {
+			S(!1);
+		}
+	}, M = () => {
+		g({ "os-flavor-access:is_public": !0 }), b({}), w(null), a();
+	};
+	return /*#__PURE__*/ j(c, {
+		onCancel: M,
+		size: "large",
+		title: u._({ id: "Rlp5zj" }),
+		open: t,
+		onConfirm: k,
+		cancelButtonLabel: u._({ id: "dEgA5A" }),
+		confirmButtonLabel: u._({ id: "wEfZld" }),
+		children: [x && /*#__PURE__*/ A(i, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ A(n, { variant: "primary" })
+		}), !x && /*#__PURE__*/ j(l, { children: [C && /*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(r, {
+			onDismiss: () => {
+				w(null);
+			},
+			text: C,
+			variant: "error"
+		}) }), /*#__PURE__*/ j(_, { children: [
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "id",
+				name: "id",
+				label: u._({ id: "s2ubkU" }),
+				value: h.id || "",
+				onChange: E,
+				onBlur: O,
+				errortext: v.id
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "name",
+				name: "name",
+				label: u._({ id: "lWxDDh" }),
+				value: h.name || "",
+				onChange: E,
+				onBlur: O,
+				errortext: v.name,
+				required: !0
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "description",
+				name: "description",
+				label: u._({ id: "Nu4oKW" }),
+				value: h.description || "",
+				onChange: E,
+				onBlur: O,
+				errortext: v.description
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "vcpus",
+				name: "vcpus",
+				label: u._({ id: "MZGbkp" }),
+				value: String(h.vcpus || ""),
+				onChange: (e) => D("vcpus", Number(e.target.value)),
+				onBlur: O,
+				errortext: v.vcpus,
+				type: "number",
+				required: !0
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "ram",
+				name: "ram",
+				label: u._({ id: "K+e/0e" }),
+				value: String(h.ram || ""),
+				onChange: (e) => D("ram", Number(e.target.value)),
+				onBlur: O,
+				errortext: v.ram,
+				type: "number",
+				required: !0
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "disk",
+				name: "disk",
+				label: u._({ id: "AxZkIr" }),
+				value: String(h.disk || ""),
+				onChange: (e) => D("disk", Number(e.target.value)),
+				onBlur: O,
+				errortext: v.disk,
+				type: "number",
+				required: !0
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "OS-FLV-EXT-DATA:ephemeral",
+				name: "OS-FLV-EXT-DATA:ephemeral",
+				label: u._({ id: "X2OnDx" }),
+				value: String(h["OS-FLV-EXT-DATA:ephemeral"] || ""),
+				onChange: (e) => D("OS-FLV-EXT-DATA:ephemeral", Number(e.target.value)),
+				onBlur: O,
+				errortext: v["OS-FLV-EXT-DATA:ephemeral"],
+				type: "number"
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "swap",
+				name: "swap",
+				label: u._({ id: "p4nMut" }),
+				value: String(h.swap || ""),
+				onChange: (e) => D("swap", e.target.value ? Number(e.target.value) : void 0),
+				onBlur: O,
+				errortext: v.swap,
+				type: "number"
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(m, {
+				id: "rxtx_factor",
+				name: "rxtx_factor",
+				label: u._({ id: "u5HztT" }),
+				defaultValue: 1,
+				value: String(h.rxtx_factor || ""),
+				onChange: (e) => D("rxtx_factor", Number(e.target.value)),
+				onBlur: O,
+				errortext: v.rxtx_factor,
+				type: "number"
+			}) }),
+			/*#__PURE__*/ A(d, { children: /*#__PURE__*/ A(y, {
+				name: "os-flavor-access:is_public",
+				label: u._({ id: "vbajgL" }),
+				helptext: u._({ id: "3nh/7E" }),
+				checked: !!h["os-flavor-access:is_public"],
+				onChange: E
+			}) })
+		] })] })]
+	});
+}, X = (e) => ({
+	message: /*#__PURE__*/ A(U, { id: "82AGsl" }),
+	description: /*#__PURE__*/ A(U, {
+		id: "/BrQY5",
+		values: { name: e }
+	})
+}), Z = (e) => ({
+	message: /*#__PURE__*/ A(U, { id: "AXvHUK" }),
+	description: /*#__PURE__*/ A(U, {
+		id: "zLKgq7",
+		values: { name: e }
+	})
+}), Q = 50, $ = (e, t, n, r, i) => e.compute.getFlavorsByProjectId.query({
+	project_id: t,
+	sortBy: n,
+	sortDirection: r,
+	searchTerm: i
+}).then((e) => ({
+	...e,
+	listError: void 0
+})).catch((e) => {
+	if (e instanceof H && e.data?.code === "FORBIDDEN") return {
+		flavors: [],
+		privateFlavorError: void 0,
+		listError: e.message
+	};
+	throw e;
+}), ee = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: [
+		"flavors:create",
+		"flavors:delete",
+		"flavors:list_projects",
+		"flavor_specs:create",
+		"flavor_specs:delete",
+		"flavor_specs:list"
+	]
+}).then(([e, t, n, r, i, a]) => ({
+	canCreate: e,
+	canDelete: t,
+	canManageAccess: n,
+	canManageSpecs: r || i,
+	canListSpecs: a
+}));
+function te({ flavorsPromise: t, permissionsPromise: n, client: a, project: o, onFlavorDeleted: s, onFlavorCreated: c, searchTerm: l, setSearchTerm: u, sortSettings: d, handleSortChange: m, createModalOpen: h, setCreateModalOpen: g, currentPage: _, onPageChange: v }) {
+	let { i18n: y, _: b } = W(), { flavors: x, privateFlavorError: S, listError: w } = P(t), T = P(n), [E, D] = R(l), O = L(void 0);
+	if (I(() => () => clearTimeout(O.current), []), w) return /*#__PURE__*/ A("p", { children: w });
+	let M = Math.max(1, Math.ceil(x.length / Q)), N = Math.min(_, M), F = x.slice((N - 1) * Q, N * Q);
+	return I(() => {
+		_ > M && v(1);
+	}, [
+		M,
+		_,
+		v
+	]), /*#__PURE__*/ j(k, { children: [
+		/*#__PURE__*/ A(Y, {
+			client: a,
+			isOpen: h,
+			project: o,
+			onClose: () => g(!1),
+			onSuccess: c
+		}),
+		S && /*#__PURE__*/ A(r, {
+			className: "mb-4",
+			text: y._({ id: "3oc18/" }),
+			variant: "warning"
+		}),
+		/*#__PURE__*/ A(i, {
+			distribution: "end",
+			alignment: "center",
+			gap: "2",
+			className: "pb-2",
+			children: /*#__PURE__*/ j(i, {
+				gap: "2",
+				children: [/*#__PURE__*/ A(C, {
+					options: d.options,
+					sortBy: d.sortBy,
+					sortDirection: d.sortDirection ?? "asc",
+					selectClassName: "min-w-40",
+					onSortByChange: (e) => m({
+						...d,
+						sortBy: e,
+						sortDirection: d.sortDirection
+					}),
+					onSortDirectionChange: (e) => m({
+						...d,
+						sortDirection: e
+					})
+				}), T.canCreate && /*#__PURE__*/ A(f, {
+					variant: "primary",
+					label: y._({ id: "Rlp5zj" }),
+					onClick: () => g(!0)
+				})]
+			})
+		}),
+		/*#__PURE__*/ A(p, { children: /*#__PURE__*/ A(i, {
+			distribution: "end",
+			alignment: "center",
+			children: /*#__PURE__*/ A(e, {
+				placeholder: y._({ id: "U0sPCo" }),
+				"data-testid": "searchbar",
+				value: E,
+				onInput: (e) => {
+					let t = e.currentTarget.value;
+					D(t), clearTimeout(O.current), O.current = window.setTimeout(() => u(t), 500);
+				},
+				onSearch: (e) => {
+					clearTimeout(O.current), u(typeof e == "string" ? e : "");
+				},
+				onClear: () => {
+					clearTimeout(O.current), D(""), u("");
+				}
+			})
+		}) }),
+		/*#__PURE__*/ A(K, {
+			flavors: F,
+			isLoading: !1,
+			client: a,
+			project: o,
+			onFlavorDeleted: s,
+			canDeleteFlavor: T.canDelete,
+			canMangageAccess: T.canManageAccess,
+			canManageSpecs: T.canManageSpecs,
+			canListSpecs: T.canListSpecs,
+			currentPage: N,
+			totalPages: M,
+			onPageChange: v
+		})
+	] });
+}
+var ne = ({ client: e, project: t }) => {
+	let { i18n: n, _: i } = W(), a = z(), o = V({ strict: !1 }), [s, c] = R({
+		options: [
+			{
+				label: n._({ id: "6YtxFj" }),
+				value: "name"
+			},
+			{
+				label: n._({ id: "MZGbkp" }),
+				value: "vcpus"
+			},
+			{
+				label: n._({ id: "RGhYAo" }),
+				value: "ram"
+			},
+			{
+				label: n._({ id: "cJDQIO" }),
+				value: "disk"
+			},
+			{
+				label: n._({ id: "vH2C/2" }),
+				value: "swap"
+			}
+		],
+		sortBy: o.sortBy || "name",
+		sortDirection: o.sortDirection || "asc"
+	}), [l, u] = R(o.search || ""), d = o.page ?? 1, [f, p] = R(!1), [m, h] = R(() => $(e, t, s.sortBy, s.sortDirection, l)), [_] = R(() => ee(e, t)), y = () => {
+		N(() => {
+			h($(e, t, s.sortBy, s.sortDirection, l));
+		});
+	}, b = (e) => {
+		let { message: t, ...n } = Z(e);
+		g.success(t, n), y();
+	}, x = (e) => {
+		let { message: t, ...n } = X(e);
+		g.success(t, n), y();
+	}, S = (n) => {
+		let r = {
+			options: n.options,
+			sortBy: n.sortBy?.toString() || "name",
+			sortDirection: n.sortDirection || "asc"
+		};
+		c(r), a({
+			search: (e) => ({
+				...e,
+				sortBy: r.sortBy,
+				sortDirection: r.sortDirection,
+				page: void 0
+			}),
+			replace: !0
+		}), N(() => {
+			h($(e, t, r.sortBy, r.sortDirection, l));
+		});
+	}, C = (n) => {
+		let r = typeof n == "string" ? n : "";
+		u(r), a({
+			search: (e) => ({
+				...e,
+				search: r || void 0,
+				page: void 0
+			}),
+			replace: !0
+		}), N(() => {
+			h($(e, t, s.sortBy, s.sortDirection, r));
+		});
+	}, w = F((e) => {
+		a({ search: (t) => ({
+			...t,
+			page: e === 1 ? void 0 : e
+		}) });
+	}, [a]);
+	return /*#__PURE__*/ A("div", {
+		className: "relative",
+		children: /*#__PURE__*/ A(G, {
+			fallbackRender: ({ error: e }) => /*#__PURE__*/ A(r, {
+				variant: "error",
+				text: e instanceof Error ? e.message : n._({ id: "W5A0Ly" })
+			}),
+			children: /*#__PURE__*/ A(M, {
+				fallback: /*#__PURE__*/ A(v, {
+					status: "progress",
+					title: n._({ id: "EqSPkP" })
+				}),
+				children: /*#__PURE__*/ A(te, {
+					flavorsPromise: m,
+					permissionsPromise: _,
+					client: e,
+					project: t,
+					onFlavorDeleted: b,
+					onFlavorCreated: x,
+					searchTerm: l,
+					setSearchTerm: C,
+					sortSettings: s,
+					handleSortChange: S,
+					createModalOpen: f,
+					setCreateModalOpen: p,
+					currentPage: d,
+					onPageChange: w
+				})
+			})
+		})
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component
+function re() {
+	let { i18n: e, _: t } = W(), { projectId: n } = S.useParams(), { trpcClient: r } = S.useRouteContext();
+	return /*#__PURE__*/ j(k, { children: [/*#__PURE__*/ A(w, {
+		title: e._({ id: "neiJm0" }),
+		projectId: n
+	}), /*#__PURE__*/ A(ne, {
+		project: n,
+		client: r
+	})] });
+}
+//#endregion
+export { re as component };
+
+//# sourceMappingURL=flavors-D8_PzQUB.mjs.map