@cobaltcore-dev/aurora 1.3.0 → 2.1.0

package/dist/client/_storageType-UqAMP-8d.mjs

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