@cobaltcore-dev/aurora 1.2.0 → 2.0.0

package/dist/client/_storageType-c-DAu8qr.mjs

@@ -0,0 +1,858 @@
+import { C as e, D as t, H as n, L as r, Q as i, S as a, T as o, X as s, Z as c, c as l, d as u, ft as d, g as f, i as p, l as m, m as h, o as g, ot as _, p as v, rt as y, st as b, t as x, tt as S, x as C } from "./build-WuxXRAqf.mjs";
+import { a as w } from "./trpcClient-D7gpR7YG.mjs";
+import { D as T, E, T as D, _ as O, a as k, c as A, d as ee, f as te, g as j, h as M, i as ne, l as N, m as re, o as ie, p as ae, r as oe, s as se, u as ce, w as le, y as P } from "./objects-jYQBFzwg.mjs";
+import { t as F } from "./useProjectId-DBc5lpoU.mjs";
+import { t as ue } from "./SortInput-4g7nSTHW.mjs";
+import { t as I } from "./formatBytes-CZv_XyCY.mjs";
+import { t as L } from "./useModalTracking-BYd37pXm.mjs";
+import { t as R } from "./ContentHeader-CPJbgYWn.mjs";
+import { Fragment as de, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { startTransition as V, useEffect as fe, useRef as pe, useState as H } from "react";
+import { useNavigate as me, useParams as he } from "@tanstack/react-router";
+import { Trans as U, useLingui as W } from "@lingui/react";
+import { z as G } from "zod";
+import { ErrorBoundary as K } from "react-error-boundary";
+import { useForm as q, useStore as ge } from "@tanstack/react-form";
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/CreateContainerModal.tsx
+var _e = ({ isOpen: e, onClose: t, onSuccess: n, onPartialSuccess: a, maxContainerNameLength: o = 256, existingContainers: c = [] }) => {
+	let { i18n: l, _: u } = W(), d = F(), [f, p] = H(""), [m, g] = H(null), [_, v] = H(null), { trackClose: y, markSubmitted: b, resetTracking: x } = L({
+		isOpen: e,
+		actionPrefix: "storage.swift.container.create"
+	}), S = w.useUtils(), C = w.storage.swift.createContainer.useMutation({
+		onSuccess: (e) => {
+			S.storage.swift.listContainers.invalidate();
+			let t = f.trim();
+			e.optionsApplied ? n?.(t) : a?.(t, e.optionsError ?? l._({ id: "m7tlyr" })), T();
+		},
+		onError: (e) => {
+			e.data?.code === "CONFLICT" ? (g(l._({ id: "F75mLW" })), v(null)) : v(e.message || l._({ id: "19EgAF" })), x();
+		}
+	}), T = () => {
+		y(), p(""), g(null), v(null), x(), C.reset(), t();
+	}, E = (e) => {
+		let t = e.trim();
+		return t ? t.length > o ? (g(l._({
+			id: "r5SQFW",
+			values: { maxContainerNameLength: o }
+		})), !1) : t.includes("/") ? (g(l._({ id: "9J93Xr" })), !1) : c.some((e) => e.name === t) ? (g(l._({ id: "F75mLW" })), !1) : (g(null), !0) : (g(l._({ id: "JNGYAW" })), !1);
+	}, D = (e) => {
+		let t = e.target.value;
+		p(t), v(null), m && E(t);
+	}, O = () => {
+		E(f) && (v(null), b(), C.mutate({
+			project_id: d,
+			container: f.trim()
+		}));
+	};
+	return e ? /*#__PURE__*/ z(s, {
+		title: l._({ id: "vTh35P" }),
+		open: e,
+		onCancel: T,
+		confirmButtonLabel: C.isPending ? l._({ id: "HM56Bx" }) : l._({ id: "hYgDIe" }),
+		onConfirm: O,
+		cancelButtonLabel: l._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: C.isPending || !f.trim(),
+		disableCancelButton: C.isPending,
+		disableCloseButton: C.isPending,
+		children: /*#__PURE__*/ B(i, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				_ && /*#__PURE__*/ z(r, {
+					variant: "error",
+					dismissible: !0,
+					onDismiss: () => v(null),
+					role: "alert",
+					"aria-live": "assertive",
+					"data-testid": "create-container-error",
+					children: _
+				}),
+				/*#__PURE__*/ z("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ z(U, { id: "ne/GWZ" })
+				}),
+				/*#__PURE__*/ z(h, {
+					label: l._({ id: "SUSS9i" }),
+					required: !0,
+					value: f,
+					onChange: D,
+					onKeyDown: (e) => {
+						e.key === "Enter" && O();
+					},
+					invalid: !!m,
+					errortext: m || void 0,
+					disabled: C.isPending,
+					autoFocus: !0,
+					placeholder: l._({ id: "W5FkH9" })
+				})
+			]
+		})
+	}) : null;
+}, ve = ({ containers: e, createModalOpen: n, setCreateModalOpen: r, maxContainerNameLength: i, existingContainers: s = [], onCreateSuccess: c, onCreatePartialSuccess: u, onEmptySuccess: d, onEmptyError: m, onDeleteSuccess: h, onDeleteError: _, onPropertiesSuccess: v, onPropertiesError: S, onAclSuccess: w, onAclError: T, selectedContainers: E, setSelectedContainers: k, hasAnyBulkAction: A = !0 }) => {
+	let { projectId: ee, provider: te, storageType: ne } = he({ from: "/_auth/projects/$projectId/storage/$provider/$storageType/" }), { i18n: N, _: ie } = W(), ae = me(), [oe, se] = H(0), [ce, P] = H(null), [F, ue] = H(null), [L, R] = H(null), [V, pe] = H(null), { ref: G, elementRef: K, height: q, virtualItems: ge, totalSize: ve, measureElement: J } = le({ count: e.length });
+	fe(() => {
+		if (K.current) {
+			let e = K.current.offsetWidth - K.current.clientWidth;
+			se(e);
+		}
+	}, [e.length, q]);
+	let Y = (e) => {
+		E.includes(e) ? k(E.filter((t) => t !== e)) : k([...E, e]);
+	}, X = A ? 6 : 5, Z = A ? "40px minmax(200px, 2fr) minmax(100px, 1fr) minmax(180px, 2fr) minmax(100px, 1fr) 60px" : "minmax(200px, 2fr) minmax(100px, 1fr) minmax(180px, 2fr) minmax(100px, 1fr) 60px";
+	return /*#__PURE__*/ B(de, { children: [
+		/*#__PURE__*/ B("div", {
+			className: "relative",
+			children: [/*#__PURE__*/ z("div", {
+				style: { paddingRight: `${oe}px` },
+				children: /*#__PURE__*/ B(g, {
+					columns: X,
+					gridColumnTemplate: Z,
+					className: "containers",
+					"data-testid": "containers-table-header",
+					children: [/*#__PURE__*/ B(o, { children: [
+						A && /*#__PURE__*/ z(a, {}),
+						/*#__PURE__*/ z(a, { children: /*#__PURE__*/ z(U, { id: "t0X9+8" }) }),
+						/*#__PURE__*/ z(a, { children: /*#__PURE__*/ z(U, { id: "sxbP3b" }) }),
+						/*#__PURE__*/ z(a, { children: /*#__PURE__*/ z(U, { id: "sjMCOP" }) }),
+						/*#__PURE__*/ z(a, { children: /*#__PURE__*/ z(U, { id: "hgpMHD" }) }),
+						/*#__PURE__*/ z(a, { style: { marginRight: `-${oe}px` } })
+					] }), (!e || e.length === 0) && /*#__PURE__*/ z(o, { children: /*#__PURE__*/ z(x, {
+						colSpan: X,
+						children: /*#__PURE__*/ z(y, {
+							status: "empty",
+							title: N._({ id: "Hiw1Ha" }),
+							body: N._({ id: "x1bK0h" })
+						})
+					}) })]
+				})
+			}), /*#__PURE__*/ z("div", {
+				ref: G,
+				className: "overflow-auto",
+				style: { height: `${q ?? 0}px` },
+				"data-testid": "containers-table-body",
+				children: /*#__PURE__*/ z(g, {
+					columns: X,
+					gridColumnTemplate: Z,
+					style: {
+						height: `${ve}px`,
+						width: "100%",
+						position: "relative"
+					},
+					children: ge.map((n) => {
+						let r = e[n.index], i = E.includes(r.name), a = () => ae({
+							to: "/projects/$projectId/storage/$provider/$storageType/$containerName/objects",
+							params: {
+								projectId: ee,
+								provider: te,
+								storageType: ne,
+								containerName: r.name
+							}
+						});
+						return /*#__PURE__*/ B(o, {
+							"data-index": n.index,
+							ref: J,
+							style: {
+								position: "absolute",
+								top: 0,
+								left: 0,
+								width: "100%",
+								transform: `translateY(${n.start}px)`,
+								display: "grid",
+								gridTemplateColumns: Z,
+								alignItems: "stretch"
+							},
+							"data-testid": `container-row-${r.name}`,
+							tabIndex: 0,
+							onClick: a,
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+							},
+							children: [
+								A && /*#__PURE__*/ z(x, {
+									onClick: (e) => e.stopPropagation(),
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && e.stopPropagation();
+									},
+									children: /*#__PURE__*/ z(b, {
+										checked: i,
+										onChange: () => Y(r.name),
+										"data-testid": `select-container-${r.name}`
+									})
+								}),
+								/*#__PURE__*/ z(x, {
+									className: "min-w-0 overflow-hidden",
+									children: /*#__PURE__*/ z("span", {
+										className: "block truncate",
+										title: r.name,
+										children: r.name
+									})
+								}),
+								/*#__PURE__*/ z(x, { children: r.count.toLocaleString() }),
+								/*#__PURE__*/ z(x, { children: D(r.last_modified) ?? N._({ id: "fj5byd" }) }),
+								/*#__PURE__*/ z(x, { children: I(r.bytes) }),
+								/*#__PURE__*/ z(x, {
+									onClick: (e) => e.stopPropagation(),
+									children: /*#__PURE__*/ B(t, { children: [/*#__PURE__*/ z(l, {
+										as: "div",
+										children: /*#__PURE__*/ z(p, {
+											icon: "moreVert",
+											title: N._({ id: "jnnDNd" }),
+											"aria-label": N._({ id: "jnnDNd" }),
+											className: "!bg-transparent"
+										})
+									}), /*#__PURE__*/ B(f, { children: [
+										/*#__PURE__*/ z(C, {
+											label: N._({ id: "cWbW6w" }),
+											onClick: () => pe(r),
+											"data-testid": `access-control-action-${r.name}`
+										}),
+										/*#__PURE__*/ z(C, {
+											label: N._({ id: "Oc8Aqv" }),
+											onClick: () => R(r),
+											"data-testid": `properties-action-${r.name}`
+										}),
+										/*#__PURE__*/ z(C, {
+											label: N._({ id: "foCwki" }),
+											onClick: () => P(r),
+											"data-testid": `empty-action-${r.name}`
+										}),
+										/*#__PURE__*/ z(C, {
+											label: N._({ id: "t1J6VC" }),
+											onClick: () => ue(r),
+											"data-testid": `delete-action-${r.name}`
+										})
+									] })] })
+								})
+							]
+						}, r.name);
+					})
+				})
+			})]
+		}),
+		/*#__PURE__*/ z(_e, {
+			isOpen: n,
+			onClose: () => r(!1),
+			onSuccess: c,
+			onPartialSuccess: u,
+			maxContainerNameLength: i,
+			existingContainers: s
+		}),
+		/*#__PURE__*/ z(M, {
+			isOpen: ce !== null,
+			container: ce,
+			onClose: () => P(null),
+			onSuccess: d,
+			onError: m
+		}),
+		/*#__PURE__*/ z(re, {
+			isOpen: F !== null,
+			container: F,
+			onClose: () => ue(null),
+			onSuccess: h,
+			onError: _
+		}),
+		/*#__PURE__*/ z(j, {
+			isOpen: L !== null,
+			container: L,
+			onClose: () => R(null),
+			onSuccess: v,
+			onError: S
+		}),
+		/*#__PURE__*/ z(O, {
+			isOpen: V !== null,
+			container: V,
+			onClose: () => pe(null),
+			onSuccess: w,
+			onError: T
+		})
+	] });
+}, J = ({ label: e, value: t }) => t == null ? null : /*#__PURE__*/ B("span", {
+	className: "flex items-start gap-1.5",
+	children: [/*#__PURE__*/ z(u, {
+		icon: "check",
+		size: "16px",
+		className: "text-theme-success mt-0.5 shrink-0"
+	}), /*#__PURE__*/ B("span", { children: [
+		/*#__PURE__*/ B("span", {
+			className: "font-medium",
+			children: [e, ":"]
+		}),
+		" ",
+		t
+	] })]
+}), Y = ({ label: e }) => /*#__PURE__*/ B("span", {
+	className: "flex items-start gap-1.5",
+	children: [/*#__PURE__*/ z(u, {
+		icon: "check",
+		size: "16px",
+		className: "text-theme-success mt-0.5 shrink-0"
+	}), /*#__PURE__*/ z("span", { children: e })]
+}), X = ({ title: e, children: t }) => /*#__PURE__*/ B("span", {
+	className: "flex flex-col gap-1.5",
+	children: [/*#__PURE__*/ z("span", {
+		className: "text-theme-default block font-semibold",
+		children: e
+	}), t]
+}), Z = ({ serviceInfo: e, accountInfo: t, open: r }) => {
+	let { i18n: i, _: a } = W(), o = e?.swift, s = {
+		account_quotas: i._({ id: "DJT9tB" }),
+		container_quotas: i._({ id: "USiuNX" }),
+		bulk_delete: i._({ id: "F6YIQe" }),
+		bulk_upload: i._({ id: "2Inn83" }),
+		slo: i._({ id: "cpw++p" }),
+		container_sync: i._({ id: "ezT9KW" }),
+		tempurl: i._({ id: "UO3hJ2" }),
+		symlink: i._({ id: "Q2xmVl" }),
+		versioned_writes: i._({ id: "8jLXs3" })
+	}, l = Object.entries(s).filter(([e]) => o?.[e]).map(([, e]) => e);
+	return /*#__PURE__*/ B(c, {
+		triggerEvent: "hover",
+		placement: "bottom-end",
+		open: r,
+		children: [/*#__PURE__*/ z(S, {
+			className: "max-h-5",
+			children: /*#__PURE__*/ z("span", { children: /*#__PURE__*/ z(u, {
+				icon: "info",
+				size: "20px",
+				className: "text-theme-light hover:text-theme-default cursor-pointer"
+			}) })
+		}), /*#__PURE__*/ z(n, {
+			className: "z-10 w-72 text-sm",
+			children: /*#__PURE__*/ B("span", {
+				className: "flex flex-col gap-3 p-1",
+				children: [
+					t && /*#__PURE__*/ B(X, {
+						title: /*#__PURE__*/ z(U, { id: "AeXO77" }),
+						children: [
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "B3toQF" }),
+								value: t.objectCount.toLocaleString()
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "aL1w5Z" }),
+								value: I(t.bytesUsed)
+							}),
+							t.quotaBytes !== void 0 && /*#__PURE__*/ z(J, {
+								label: i._({ id: "vEkTR9" }),
+								value: I(t.quotaBytes)
+							})
+						]
+					}),
+					o && /*#__PURE__*/ B(X, {
+						title: /*#__PURE__*/ z(U, { id: "6BDqha" }),
+						children: [
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "wTg+FY" }),
+								value: o.max_file_size === void 0 ? void 0 : I(o.max_file_size)
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "Rih53k" }),
+								value: o.max_container_name_length
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "qAkkjP" }),
+								value: o.max_object_name_length
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "OZImTR" }),
+								value: o.container_listing_limit?.toLocaleString()
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "a4A2uB" }),
+								value: o.account_listing_limit?.toLocaleString()
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "zWb/Nn" }),
+								value: o.max_header_size
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "RGwfoL" }),
+								value: o.max_meta_count
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "8c3/77" }),
+								value: o.max_meta_name_length
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "5JDSvn" }),
+								value: o.max_meta_value_length
+							}),
+							/*#__PURE__*/ z(J, {
+								label: i._({ id: "ZAx+d1" }),
+								value: o.max_meta_overall_size
+							}),
+							o.bulk_delete && /*#__PURE__*/ z(J, {
+								label: i._({ id: "lQ3EIe" }),
+								value: o.bulk_delete.max_deletes_per_request.toLocaleString()
+							}),
+							o.bulk_upload && /*#__PURE__*/ z(J, {
+								label: i._({ id: "STc+7E" }),
+								value: o.bulk_upload.max_containers_per_extraction.toLocaleString()
+							}),
+							o.slo && /*#__PURE__*/ z(J, {
+								label: i._({ id: "RNBvdl" }),
+								value: o.slo.max_manifest_segments.toLocaleString()
+							})
+						]
+					}),
+					l.length > 0 && /*#__PURE__*/ z(X, {
+						title: /*#__PURE__*/ z(U, { id: "Qx7DM7" }),
+						children: l.map((e) => /*#__PURE__*/ z(Y, { label: e }, e))
+					})
+				]
+			})
+		})]
+	});
+}, ye = 20, Q = "empty", be = ({ isOpen: e, containers: t, onClose: n, onComplete: r }) => {
+	let { i18n: a, i18n: o, _: c } = W(), l = F(), [u, f] = H(null), { trackClose: p, markSubmitted: m, resetTracking: g } = L({
+		isOpen: e,
+		actionPrefix: "storage.swift.containers.empty"
+	}), _ = G.object({ confirm: G.string().transform((e) => e.trim()).refine((e) => e === Q, { message: a._({
+		id: "xyaMox",
+		values: { CONFIRM_WORD: Q }
+	}) }) }), b = q({
+		defaultValues: { confirm: "" },
+		validators: { onSubmit: _ },
+		onSubmit: async () => {
+			if (C.isPending || u !== null) return;
+			m();
+			let e = 0, n = 0, i = [], a = t.length;
+			for (let r = 0; r < t.length; r++) {
+				f({
+					current: r + 1,
+					total: a
+				});
+				let o = t[r];
+				try {
+					let t = await C.mutateAsync({
+						project_id: l,
+						container: o.name
+					});
+					n += t, e++;
+				} catch (e) {
+					let t = e instanceof Error ? e.message : String(e);
+					i.push(`${o.name}: ${t}`);
+				}
+			}
+			e > 0 && await S.storage.swift.listContainers.invalidate(), r?.({
+				emptiedCount: e,
+				totalDeleted: n,
+				errors: i
+			}), T();
+		}
+	}), x = ge(b.store, (e) => e.isSubmitting || e.values.confirm.trim() !== Q), S = w.useUtils(), C = w.storage.swift.emptyContainer.useMutation(), T = () => {
+		p(), C.reset(), f(null), b.reset(), g(), n();
+	};
+	if (!e || t.length === 0) return null;
+	let E = t.length, D = t.slice(0, ye), O = E - D.length, k = C.isPending || u !== null, A = u?.current, ee = u?.total;
+	return /*#__PURE__*/ z(s, {
+		title: /*#__PURE__*/ z(U, {
+			id: "0efWir",
+			values: { totalCount: E }
+		}),
+		open: e,
+		onCancel: () => {
+			p(), T();
+		},
+		confirmButtonLabel: k ? a._({ id: "s4Vnq2" }) : a._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		cancelButtonLabel: a._({ id: "dEgA5A" }),
+		onConfirm: b.handleSubmit,
+		disableConfirmButton: k || x,
+		disableCancelButton: k,
+		disableCloseButton: k,
+		size: "small",
+		children: k ? /*#__PURE__*/ z(y, {
+			status: "progress",
+			title: u ? a._({
+				id: "3A+Lhe",
+				values: {
+					progressCurrent: A,
+					progressTotal: ee
+				}
+			}) : a._({ id: "s4Vnq2" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ B("div", { children: [
+			/*#__PURE__*/ z("p", { children: /*#__PURE__*/ z(U, { id: "JuOpPY" }) }),
+			/*#__PURE__*/ z("p", { children: /*#__PURE__*/ z(U, {
+				id: "XXjbEV",
+				components: {
+					0: /*#__PURE__*/ z("strong", {}),
+					1: /*#__PURE__*/ z("strong", {})
+				}
+			}) }),
+			/*#__PURE__*/ B("div", {
+				className: "my-6",
+				children: [/*#__PURE__*/ z("p", {
+					className: "text-sm font-semibold",
+					children: /*#__PURE__*/ z(U, { id: "F6WEvK" })
+				}), /*#__PURE__*/ z("div", {
+					className: "bg-theme-background-lvl-2 mt-2 max-h-48 overflow-y-auto rounded p-3",
+					children: /*#__PURE__*/ B(i, {
+						direction: "vertical",
+						gap: "1",
+						children: [D.map((e) => {
+							let t = e.count;
+							return /*#__PURE__*/ B("div", {
+								className: "text-theme-default overflow-x-hidden text-sm wrap-anywhere",
+								children: [e.name, t != null && /*#__PURE__*/ B("span", {
+									className: "text-theme-light ml-2",
+									children: [
+										"(",
+										o._(a._({
+											id: "7Ocn0b",
+											values: { count: t }
+										})),
+										")"
+									]
+								})]
+							}, e.name);
+						}), O > 0 && /*#__PURE__*/ z("div", {
+							className: "text-theme-light pt-2 text-sm",
+							children: /*#__PURE__*/ z(U, {
+								id: "20afDk",
+								values: { hiddenCount: O }
+							})
+						})]
+					})
+				})]
+			}),
+			/*#__PURE__*/ z(d, {
+				className: "mb-0",
+				id: "empty-containers-form",
+				onSubmit: (e) => {
+					e.preventDefault(), b.handleSubmit();
+				},
+				children: /*#__PURE__*/ z(v, { children: /*#__PURE__*/ z(b.Field, {
+					name: "confirm",
+					children: (e) => /*#__PURE__*/ z(h, {
+						label: a._({ id: "Ghp863" }),
+						placeholder: Q,
+						id: e.name,
+						name: e.name,
+						value: e.state.value,
+						onChange: (t) => e.handleChange(t.target.value),
+						disabled: k,
+						autoFocus: !0,
+						required: !0
+					})
+				}) })
+			})
+		] })
+	});
+}, xe = () => {
+	let { i18n: n, i18n: r, _: a } = W(), o = F(), s = me({ from: T.fullPath }), { sortBy: c, sortDirection: u, search: d = "" } = T.useSearch(), [h, g] = H(!1), [v, x] = H(!1), [S, D] = H([]), [O, j] = H(d), M = pe(void 0);
+	fe(() => () => clearTimeout(M.current), []), fe(() => {
+		j(d);
+	}, [d]);
+	let re = (e) => {
+		let { message: t, ...n } = k(e);
+		_.success(t, n);
+	}, le = (e, t) => {
+		let { message: n, ...r } = ie(e, t);
+		_.warning(n, r);
+	}, P = (e, t) => {
+		let { message: n, ...r } = N(e, t);
+		_.success(n, r);
+	}, L = (e, t) => {
+		let { message: n, ...r } = ce(e, t);
+		_.error(n, r);
+	}, R = (e) => {
+		let { message: t, ...n } = A(e);
+		_.success(t, n);
+	}, he = (e, t) => {
+		let { message: n, ...r } = se(e, t);
+		_.error(n, r);
+	}, G = (e) => {
+		let { message: t, ...n } = te(e);
+		_.success(t, n);
+	}, K = (e, t) => {
+		let { message: n, ...r } = ee(e, t);
+		_.error(n, r);
+	}, q = (e) => {
+		let { message: t, ...n } = ne(e);
+		_.success(t, n);
+	}, ge = (e, t) => {
+		let { message: n, ...r } = oe(e, t);
+		_.error(n, r);
+	}, _e = ({ emptiedCount: e, totalDeleted: t, errors: n }) => {
+		if (n.length === 0) D([]);
+		else {
+			let e = new Set(n.map((e) => e.split(": ")[0]));
+			D((t) => t.filter((t) => e.has(t)));
+		}
+		let { message: r, severity: i, ...a } = ae(e, t, n);
+		_[i](r, a);
+	}, J = {
+		options: [
+			{
+				label: n._({ id: "t0X9+8" }),
+				value: "name"
+			},
+			{
+				label: n._({ id: "sxbP3b" }),
+				value: "count"
+			},
+			{
+				label: n._({ id: "hgpMHD" }),
+				value: "bytes"
+			},
+			{
+				label: n._({ id: "sjMCOP" }),
+				value: "last_modified"
+			}
+		],
+		sortBy: c ?? "name",
+		sortDirection: u ?? "asc"
+	}, { data: Y, isLoading: X, error: ye } = w.storage.swift.listContainers.useQuery({
+		project_id: o,
+		format: "json"
+	}), { data: Q } = w.storage.swift.getAccountMetadata.useQuery({ project_id: o }), { data: xe } = w.storage.swift.getServiceInfo.useQuery(), Se = (e) => [...e].sort((e, t) => {
+		let n;
+		switch (c ?? "name") {
+			case "name":
+				n = e.name.localeCompare(t.name);
+				break;
+			case "count":
+				n = e.count - t.count;
+				break;
+			case "bytes":
+				n = e.bytes - t.bytes;
+				break;
+			case "last_modified": {
+				if (!e.last_modified && !t.last_modified) return 0;
+				if (!e.last_modified || !t.last_modified) return e.last_modified ? -1 : 1;
+				let r = E(e.last_modified)?.getTime(), i = E(t.last_modified)?.getTime();
+				n = r == null || i == null ? 0 : r - i;
+				break;
+			}
+			default: n = e.name.localeCompare(t.name);
+		}
+		return (u ?? "asc") === "desc" ? -n : n;
+	}), Ce = (Y || []).filter((e) => e.name.toLowerCase().includes(d.toLowerCase())), we = Se(Ce), Te = (e) => {
+		let t = typeof e == "string" ? e : "";
+		V(() => {
+			s({ search: (e) => ({
+				...e,
+				search: t || void 0
+			}) });
+		});
+	}, Ee = (e) => {
+		let t = e.sortBy?.toString() || "name", n = e.sortDirection || "asc";
+		V(() => {
+			s({ search: (e) => ({
+				...e,
+				sortBy: t,
+				sortDirection: n
+			}) });
+		});
+	};
+	if (X) return /*#__PURE__*/ z(y, {
+		status: "progress",
+		title: n._({ id: "WYiUDa" })
+	});
+	if (ye) return /*#__PURE__*/ z(y, {
+		status: "error",
+		title: n._({ id: "WZWHIv" }),
+		body: ye.message
+	});
+	let De = Q?.bytesUsed || 0, Oe = Q?.quotaBytes || 0, ke = Oe > 0 ? Oe - De : 0, Ae = (Y || []).filter((e) => S.includes(e.name)), je = Ae.length > 0, Me = Ae.length, Ne = (Y || []).length, Pe = Ce.length, Fe = Pe !== Ne, $ = we.map((e) => e.name), Ie = $.length > 0 && $.every((e) => S.includes(e)), Le = $.some((e) => S.includes(e));
+	return /*#__PURE__*/ B("div", {
+		className: "relative",
+		children: [
+			/*#__PURE__*/ B(i, {
+				direction: "vertical",
+				children: [
+					/*#__PURE__*/ B(i, {
+						distribution: "end",
+						alignment: "center",
+						gap: "2",
+						className: "pb-2",
+						children: [/*#__PURE__*/ z(i, {
+							gap: "0.5",
+							alignment: "center",
+							children: /*#__PURE__*/ z(ue, {
+								options: J.options,
+								sortBy: J.sortBy,
+								sortDirection: J.sortDirection ?? "asc",
+								selectClassName: "min-w-40",
+								onSortByChange: (e) => Ee({
+									...J,
+									sortBy: e,
+									sortDirection: J.sortDirection
+								}),
+								onSortDirectionChange: (e) => Ee({
+									...J,
+									sortDirection: e
+								})
+							})
+						}), /*#__PURE__*/ z(p, {
+							variant: "primary",
+							className: "whitespace-nowrap",
+							onClick: () => g(!0),
+							children: /*#__PURE__*/ z(U, { id: "vTh35P" })
+						})]
+					}),
+					/*#__PURE__*/ z(m, { children: /*#__PURE__*/ z(i, {
+						direction: "vertical",
+						gap: "2",
+						children: /*#__PURE__*/ z(i, {
+							distribution: "end",
+							alignment: "center",
+							children: /*#__PURE__*/ z(e, {
+								placeholder: n._({ id: "TipzDp" }),
+								"data-testid": "searchbar",
+								value: O,
+								onInput: (e) => {
+									let t = e.currentTarget.value;
+									j(t), clearTimeout(M.current), M.current = window.setTimeout(() => Te(t), 500);
+								},
+								onSearch: (e) => {
+									clearTimeout(M.current), Te(typeof e == "string" ? e : "");
+								},
+								onClear: () => {
+									clearTimeout(M.current), j(""), Te("");
+								}
+							})
+						})
+					}) }),
+					/*#__PURE__*/ z(m, { children: /*#__PURE__*/ B(i, {
+						distribution: "start",
+						gap: "2",
+						alignment: "center",
+						className: "text-sm",
+						children: [/*#__PURE__*/ B(i, {
+							gap: "2",
+							alignment: "center",
+							children: [/*#__PURE__*/ z(b, {
+								checked: Ie,
+								indeterminate: Le && !Ie,
+								onChange: () => {
+									D(Ie ? (e) => e.filter((e) => !$.includes(e)) : (e) => [.../* @__PURE__ */ new Set([...e, ...$])]);
+								}
+							}), /*#__PURE__*/ B(t, {
+								className: "flex items-center",
+								children: [/*#__PURE__*/ z(l, {
+									as: "div",
+									children: /*#__PURE__*/ z(p, {
+										disabled: !je,
+										size: "small",
+										icon: "moreVert",
+										label: n._({ id: "7L01XJ" })
+									})
+								}), je && /*#__PURE__*/ z(f, { children: /*#__PURE__*/ z(C, {
+									disabled: !je,
+									label: r._(n._({
+										id: "0Th0CH",
+										values: { selectedCount: Me }
+									})),
+									onClick: () => x(!0)
+								}) })]
+							})]
+						}), /*#__PURE__*/ B("div", {
+							className: "text-theme-light ml-auto flex items-center gap-1",
+							"data-testid": "containers-info-block",
+							children: [
+								Fe ? /*#__PURE__*/ z(U, {
+									id: "8uPTwT",
+									values: {
+										filteredCount: Pe,
+										totalCount: Ne
+									}
+								}) : /*#__PURE__*/ z(U, {
+									id: "ywe1H/",
+									values: { totalCount: Ne }
+								}),
+								Oe > 0 && /*#__PURE__*/ B(de, { children: [/*#__PURE__*/ z("span", { children: "," }), /*#__PURE__*/ B("span", { children: [
+									/*#__PURE__*/ z(U, { id: "kKK8AH" }),
+									" ",
+									/*#__PURE__*/ z("span", {
+										className: "text-theme-default font-semibold",
+										children: I(ke)
+									})
+								] })] }),
+								/*#__PURE__*/ z(Z, {
+									serviceInfo: xe,
+									accountInfo: Q
+								})
+							]
+						})]
+					}) })
+				]
+			}),
+			/*#__PURE__*/ z(ve, {
+				containers: we,
+				createModalOpen: h,
+				setCreateModalOpen: g,
+				maxContainerNameLength: xe?.swift?.max_container_name_length,
+				existingContainers: Y,
+				onCreateSuccess: re,
+				onCreatePartialSuccess: le,
+				onEmptySuccess: P,
+				onEmptyError: L,
+				onDeleteSuccess: R,
+				onDeleteError: he,
+				onPropertiesSuccess: G,
+				onPropertiesError: K,
+				onAclSuccess: q,
+				onAclError: ge,
+				selectedContainers: S,
+				setSelectedContainers: D,
+				hasAnyBulkAction: !0
+			}),
+			/*#__PURE__*/ z(be, {
+				isOpen: v,
+				containers: Ae,
+				onClose: () => x(!1),
+				onComplete: _e
+			})
+		]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/index.tsx?tsr-split=component
+function Se() {
+	let { project: e, provider: t } = he({
+		from: "/_auth/projects/$projectId/storage/$provider/$storageType/",
+		select: (e) => ({
+			project: e.projectId,
+			provider: e.provider,
+			storageType: e.storageType
+		})
+	}), { i18n: n, _: r } = W(), i;
+	switch (t) {
+		case "swift":
+			i = n._({ id: "+OEi73" });
+			break;
+		case "ceph":
+			i = n._({ id: "KhNDX4" });
+			break;
+		default: i = n._({ id: "IWF68U" });
+	}
+	return /*#__PURE__*/ B("div", { children: [/*#__PURE__*/ z(R, {
+		title: i,
+		projectId: e
+	}), e ? /*#__PURE__*/ z(K, {
+		resetKeys: [e, t],
+		fallback: /*#__PURE__*/ z("div", {
+			className: "p-4 text-center",
+			children: /*#__PURE__*/ z(U, { id: "diFNkW" })
+		}),
+		children: (() => {
+			switch (t) {
+				case "swift": return /*#__PURE__*/ z(xe, {});
+				case "ceph": return /*#__PURE__*/ z(P, {});
+				default: return /*#__PURE__*/ z("div", { children: "Storage Overview Page" });
+			}
+		})()
+	}) : /*#__PURE__*/ z("div", {
+		className: "p-4 text-center",
+		children: /*#__PURE__*/ z(U, { id: "Z2fZGD" })
+	})] });
+}
+var Ce = () => /*#__PURE__*/ z(Se, {});
+//#endregion
+export { Ce as component };
+
+//# sourceMappingURL=_storageType-c-DAu8qr.mjs.map