@cobaltcore-dev/aurora 1.0.0 → 1.2.0

package/dist/client/_storageType-Dy9uCVXr.mjs

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