@mano8/astro-media-m8 1.1.0 → 2.0.0

package/dist/src/runtime/react/MediaLibrary.js

@@ -1,118 +1,77 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { deleteObject } from "../api/objects.js";
-import { useDownloadUrl } from "../hooks/useDownloadUrl.js";
 import { useMediaObjects } from "../hooks/useMediaObjects.js";
+import { MediaUploadDropzone } from "./MediaUploadDropzone.js";
+import { MediaCategoryTreePane } from "./MediaCategoryTreePane.js";
+import { MediaObjectActions, MediaObjectMeta, MediaObjectName, MediaObjectPreview, MediaObjectTable } from "./MediaObjectViews.js";
+import { MediaTransferPanel } from "./MediaTransferPanel.js";
+import { branchListParams, exportBranchLabel, initialBranchSelection } from "./categoryBranch.js";
+import { DEFAULT_LABELS } from "./mediaLibraryLabels.js";
+import { activeViewButtonStyle, buttonClassName, cardBodyClassName, cardClassName, cardMetaClassName, cardTitleClassName, filterRowClassName, gridClassName, inputClassName, masonryClassName, titleRowClassName, toolbarActionsClassName, treeLayoutClassName, treeResultsClassName, viewButtonClassName, viewSwitcherClassName } from "./mediaLibraryStyles.js";
 const STATUS_OPTIONS = [
-    { value: "pending_upload", label: "Pending" },
-    { value: "uploaded", label: "Uploaded" },
-    { value: "processing", label: "Processing" },
-    { value: "ready", label: "Ready" },
-    { value: "failed", label: "Failed" },
-    { value: "deleted", label: "Deleted" },
-    { value: "rejected", label: "Rejected" }
+    "pending_upload",
+    "uploaded",
+    "processing",
+    "ready",
+    "failed",
+    "deleted",
+    "rejected"
 ];
-const inputClassName = "fa-media-control h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40";
-const VIEW_OPTIONS = [
-    { value: "list", label: "List" },
-    { value: "grid", label: "Grid" },
-    { value: "masonry", label: "Masonry" }
-];
-const titleRowClassName = "fa-media-title-row flex w-full flex-wrap items-center justify-between gap-3";
-const filterRowClassName = "fa-media-filter-row flex w-full flex-col gap-3 md:flex-row md:items-center";
-const viewSwitcherClassName = "fa-media-view-switcher inline-flex shrink-0 rounded-lg border border-input bg-transparent p-0.5";
-const viewButtonClassName = "fa-media-view-button min-h-7 rounded-md border-0 bg-transparent px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-pressed:bg-foreground aria-pressed:text-background";
-const previewClassName = "fa-media-preview block aspect-square h-14 w-14 rounded-md border border-border bg-muted object-cover text-xs font-medium text-muted-foreground";
-const previewPlaceholderClassName = `${previewClassName} grid place-items-center px-1 text-center`;
-const gridClassName = "fa-media-cards fa-media-cards--grid grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4";
-const masonryClassName = "fa-media-cards fa-media-cards--masonry columns-1 gap-4 sm:columns-2 lg:columns-3 xl:columns-4";
-const cardClassName = "fa-media-card mb-4 break-inside-avoid overflow-hidden rounded-lg border border-border bg-card text-card-foreground";
-const cardPreviewClassName = "h-auto w-full rounded-none border-0";
-const cardBodyClassName = "fa-media-card-body grid gap-2 p-3";
-const cardTitleClassName = "m-0 truncate text-sm font-medium leading-5";
-const cardMetaClassName = "fa-media-card-meta flex flex-wrap items-center gap-2 text-xs text-muted-foreground";
-const itemActionsClassName = "fa-media-item-actions flex flex-wrap items-center gap-2";
-const actionLinkClassName = "fa-media-action-link inline-flex min-h-8 items-center rounded-lg border px-3 py-1 text-sm font-medium";
-const listPreviewStyle = {
-    aspectRatio: "1 / 1",
-    borderRadius: "0.375rem",
-    height: "clamp(4rem, 12vw, 8rem)",
-    maxHeight: "8rem",
-    maxWidth: "8rem",
-    objectFit: "cover",
-    width: "clamp(4rem, 12vw, 8rem)"
-};
-const activeViewButtonStyle = {
-    background: "var(--fa-media-active-bg, var(--foreground, CanvasText))",
-    borderColor: "var(--fa-media-active-bg, var(--foreground, CanvasText))",
-    color: "var(--fa-media-active-fg, var(--background, Canvas))"
-};
-function isImage(object) {
-    return object.mime_type.toLowerCase().startsWith("image/");
-}
-function previewLoadingFor(view, index) {
-    if (view === "list")
-        return { loading: "lazy", fetchPriority: "low" };
-    if (view === "grid" && index < 6)
-        return { loading: "eager", fetchPriority: "high" };
-    if (view === "masonry" && index < 4)
-        return { loading: "eager", fetchPriority: "high" };
-    return { loading: "lazy", fetchPriority: "low" };
-}
-function objectLabel(object) {
-    return object.original_filename ?? object.id;
-}
-function humanizeBytes(bytes) {
-    if (!Number.isFinite(bytes) || bytes < 0)
-        return "0 B";
-    if (bytes < 1024)
-        return `${bytes} B`;
-    const units = ["KB", "MB", "GB", "TB"];
-    let value = bytes / 1024;
-    let unitIndex = 0;
-    while (value >= 1024 && unitIndex < units.length - 1) {
-        value /= 1024;
-        unitIndex += 1;
-    }
-    return `${value.toFixed(value >= 10 ? 0 : 1)} ${units.at(unitIndex) ?? "TB"}`;
-}
-function statusLabel(status) {
-    return STATUS_OPTIONS.find((option) => option.value === status)?.label ?? status;
-}
-function MediaObjectPreview({ object, view, index }) {
-    const { data, loading, error, request } = useDownloadUrl(isImage(object) ? object.id : null);
-    const loadingMode = previewLoadingFor(view, index);
-    useEffect(() => {
-        if (!isImage(object) || data || loading || error)
-            return;
-        void request();
-    }, [data, error, loading, object, request]);
-    if (!isImage(object)) {
-        return (_jsx("span", { className: `${previewPlaceholderClassName} fa-media-preview--file`, style: view === "list" ? listPreviewStyle : undefined, "aria-hidden": "true", children: object.extension ?? "file" }));
-    }
-    if (!data) {
-        return (_jsx("span", { className: `${previewPlaceholderClassName} fa-media-preview--loading`, style: view === "list" ? listPreviewStyle : undefined, "aria-label": `${objectLabel(object)} preview loading`, children: loading ? "Loading" : "Preview" }));
-    }
-    return (_jsx("img", { className: view === "list" ? previewClassName : `${previewClassName} ${cardPreviewClassName}`, src: data.url, alt: objectLabel(object), style: view === "list" ? listPreviewStyle : undefined, width: view === "list" ? 128 : undefined, height: view === "list" ? 128 : undefined, loading: loadingMode.loading, decoding: "async", fetchPriority: loadingMode.fetchPriority }));
-}
-function MediaObjectName({ object, objectHref }) {
-    const label = objectLabel(object);
-    return objectHref ? _jsx("a", { href: objectHref(object.id), children: label }) : label;
-}
-function MediaObjectMeta({ object }) {
-    return (_jsxs(_Fragment, { children: [_jsx("span", { children: object.category }), _jsx("span", { className: `fa-media-badge fa-media-badge--${object.status}`, children: statusLabel(object.status) }), _jsx("span", { children: humanizeBytes(object.size_bytes) })] }));
-}
-function MediaObjectActions({ object, objectHref, deletingId, onDelete }) {
-    const label = objectLabel(object);
-    const href = objectHref?.(object.id);
-    return (_jsxs("div", { className: itemActionsClassName, children: [href ? (_jsx("a", { className: actionLinkClassName, href: href, "aria-label": `View ${label}`, children: "View" })) : null, _jsx("button", { type: "button", className: "fa-media-danger", disabled: deletingId === object.id, onClick: () => void onDelete(object), children: "Delete" })] }));
-}
-export function MediaLibrary({ objectHref, initial = {} }) {
+const VIEW_OPTIONS = ["list", "grid", "masonry", "tree"];
+export function MediaLibrary({ objectHref, initial = {}, initialUploadOpen = false, labels: labelOverrides }) {
+    const labels = useMemo(() => ({
+        ...DEFAULT_LABELS,
+        ...labelOverrides,
+        views: { ...DEFAULT_LABELS.views, ...labelOverrides?.views },
+        categories: { ...DEFAULT_LABELS.categories, ...labelOverrides?.categories },
+        statuses: { ...DEFAULT_LABELS.statuses, ...labelOverrides?.statuses },
+        tree: { ...DEFAULT_LABELS.tree, ...labelOverrides?.tree },
+        transfer: { ...DEFAULT_LABELS.transfer, ...labelOverrides?.transfer },
+        upload: {
+            ...DEFAULT_LABELS.upload,
+            ...labelOverrides?.upload,
+            form: { ...DEFAULT_LABELS.upload.form, ...labelOverrides?.upload?.form }
+        }
+    }), [labelOverrides]);
     const [query, setQuery] = useState(initial);
     const [view, setView] = useState("list");
+    // Which branch the tree pane has selected. It is kept beside `query` rather
+    // than derived from it because "all" and an absent branch filter are the same
+    // params but not the same pane state.
+    const [branchSelection, setBranchSelection] = useState(() => initialBranchSelection(initial));
     const [deletingId, setDeletingId] = useState(null);
     const [actionError, setActionError] = useState(null);
+    const [transferOpen, setTransferOpen] = useState(false);
+    const [uploadOpen, setUploadOpen] = useState(initialUploadOpen);
+    const uploadCloseRef = useRef(null);
     const { items, count, loading, error, hasMore, refresh, loadMore } = useMediaObjects(query);
+    useEffect(() => {
+        if (!uploadOpen)
+            return;
+        const previousActive = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        uploadCloseRef.current?.focus();
+        const closeOnEscape = (event) => {
+            if (event.key !== "Escape")
+                return;
+            event.preventDefault();
+            setUploadOpen(false);
+        };
+        document.addEventListener("keydown", closeOnEscape);
+        return () => {
+            document.removeEventListener("keydown", closeOnEscape);
+            previousActive?.focus();
+        };
+    }, [uploadOpen]);
+    /**
+     * Patches the branch params onto `query` rather than replacing it, so the
+     * toolbar's search / enum category / status filters stay live and compose
+     * with the selected branch.
+     */
+    function handleBranchSelect(selection) {
+        setBranchSelection(selection);
+        setQuery((prev) => ({ ...prev, ...branchListParams(selection) }));
+    }
     async function handleDelete(object) {
         setActionError(null);
         setDeletingId(object.id);
@@ -121,21 +80,27 @@ export function MediaLibrary({ objectHref, initial = {} }) {
             await refresh();
         }
         catch {
-            setActionError("Failed to delete media");
+            setActionError(labels.deleteError);
         }
         finally {
             setDeletingId(null);
         }
     }
-    return (_jsxs("section", { className: "not-content fa-media-panel", children: [_jsxs("header", { className: "fa-media-toolbar", children: [_jsxs("div", { className: titleRowClassName, children: [_jsxs("h2", { children: ["Media library (", count, ")"] }), _jsx("div", { className: viewSwitcherClassName, "aria-label": "Media library view", children: VIEW_OPTIONS.map(({ value, label }) => (_jsx("button", { type: "button", "aria-pressed": view === value, className: viewButtonClassName, style: view === value ? activeViewButtonStyle : undefined, onClick: () => setView(value), children: label }, value))) })] }), _jsxs("div", { className: filterRowClassName, children: [_jsx("input", { className: inputClassName, type: "search", placeholder: "Search filename", onChange: (event) => {
+    return (_jsxs("section", { className: "not-content fa-media-panel", children: [_jsxs("header", { className: "fa-media-toolbar", children: [_jsxs("div", { className: titleRowClassName, children: [_jsxs("h2", { children: [labels.title, " (", count, ")"] }), _jsxs("div", { className: toolbarActionsClassName, children: [_jsx("div", { className: viewSwitcherClassName, "aria-label": labels.viewLabel, children: VIEW_OPTIONS.map((value) => (_jsx("button", { type: "button", "aria-pressed": view === value, className: viewButtonClassName, style: view === value ? activeViewButtonStyle : undefined, onClick: () => setView(value), children: labels.views[value] }, value))) }), _jsx("button", { type: "button", className: buttonClassName, "aria-pressed": transferOpen, "aria-expanded": transferOpen, "aria-controls": "fa-media-transfer-panel", onClick: () => setTransferOpen((open) => !open), children: labels.importExport }), _jsx("button", { type: "button", className: buttonClassName, onClick: () => setUploadOpen(true), children: labels.uploadMedia })] })] }), _jsxs("div", { className: filterRowClassName, children: [_jsx("input", { className: inputClassName, type: "search", "aria-label": labels.searchLabel, placeholder: labels.searchPlaceholder, onChange: (event) => {
                                     const q = event.currentTarget.value || undefined;
                                     setQuery((prev) => ({ ...prev, q }));
                                 } }), _jsxs("select", { className: inputClassName, onChange: (event) => {
                                     const category = (event.currentTarget.value || undefined);
                                     setQuery((prev) => ({ ...prev, category }));
-                                }, children: [_jsx("option", { value: "", children: "All categories" }), ["avatar", "document", "asset", "chat_attachment", "export", "receipt"].map((value) => (_jsx("option", { value: value, children: value }, value)))] }), _jsxs("select", { className: inputClassName, onChange: (event) => {
+                                }, children: [_jsx("option", { value: "", children: labels.allCategories }), ["avatar", "document", "asset", "chat_attachment", "export", "receipt"].map((value) => (_jsx("option", { value: value, children: labels.categories[value] }, value)))] }), _jsxs("select", { className: inputClassName, onChange: (event) => {
                                     const status = (event.currentTarget.value || undefined);
                                     setQuery((prev) => ({ ...prev, status }));
-                                }, children: [_jsx("option", { value: "", children: "All statuses" }), STATUS_OPTIONS.map(({ value, label }) => (_jsx("option", { value: value, children: label }, value)))] })] })] }), error ? _jsx("p", { role: "alert", children: "Failed to load media" }) : null, actionError ? _jsx("p", { role: "alert", children: actionError }) : null, view === "list" ? (_jsxs("table", { className: "fa-media-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Preview" }), _jsx("th", { children: "Filename" }), _jsx("th", { children: "Actions" }), _jsx("th", { children: "Category" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Size" })] }) }), _jsx("tbody", { children: items.map((object, index) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(MediaObjectPreview, { object: object, view: view, index: index }) }), _jsx("td", { children: _jsx(MediaObjectName, { object: object, objectHref: objectHref }) }), _jsx("td", { children: _jsx(MediaObjectActions, { object: object, objectHref: objectHref, deletingId: deletingId, onDelete: handleDelete }) }), _jsx("td", { children: object.category }), _jsx("td", { children: _jsx("span", { className: `fa-media-badge fa-media-badge--${object.status}`, children: statusLabel(object.status) }) }), _jsx("td", { children: humanizeBytes(object.size_bytes) })] }, object.id))) })] })) : (_jsx("div", { className: view === "grid" ? gridClassName : masonryClassName, children: items.map((object, index) => (_jsxs("article", { className: cardClassName, children: [_jsx(MediaObjectPreview, { object: object, view: view, index: index }), _jsxs("div", { className: cardBodyClassName, children: [_jsx("h3", { className: cardTitleClassName, children: _jsx(MediaObjectName, { object: object, objectHref: objectHref }) }), _jsx("div", { className: cardMetaClassName, children: _jsx(MediaObjectMeta, { object: object }) }), _jsx(MediaObjectActions, { object: object, objectHref: objectHref, deletingId: deletingId, onDelete: handleDelete })] })] }, object.id))) })), loading ? _jsx("p", { children: "Loading..." }) : null, hasMore ? (_jsx("button", { type: "button", disabled: loading, onClick: () => void loadMore(), children: "Load more" })) : null] }));
+                                }, children: [_jsx("option", { value: "", children: labels.allStatuses }), STATUS_OPTIONS.map((value) => (_jsx("option", { value: value, children: labels.statuses[value] }, value)))] })] })] }), transferOpen ? (_jsx("div", { id: "fa-media-transfer-panel", children: _jsx(MediaTransferPanel, { filters: query, exportScopeLabel: view === "tree" ? exportBranchLabel(branchSelection, labels.tree) : undefined, labels: labels.transfer }) })) : null, uploadOpen ? (_jsx("div", { className: "fa-media-dialog-backdrop", onMouseDown: (event) => {
+                    if (event.target === event.currentTarget)
+                        setUploadOpen(false);
+                }, children: _jsxs("div", { className: "fa-media-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "fa-media-upload-dialog-title", children: [_jsxs("header", { className: "fa-media-dialog-header", children: [_jsx("h2", { id: "fa-media-upload-dialog-title", children: labels.upload.title }), _jsx("button", { ref: uploadCloseRef, type: "button", "aria-label": labels.upload.closeLabel, onClick: () => setUploadOpen(false), children: labels.upload.close })] }), _jsx(MediaUploadDropzone, { heading: false, labels: labels.upload.form, onUploaded: () => {
+                                setUploadOpen(false);
+                                void refresh();
+                            } })] }) })) : null, error ? _jsx("p", { role: "alert", children: labels.loadError }) : null, actionError ? _jsx("p", { role: "alert", children: actionError }) : null, view === "tree" ? (_jsxs("div", { className: treeLayoutClassName, children: [_jsx(MediaCategoryTreePane, { selection: branchSelection, onSelect: handleBranchSelect, labels: labels.tree }), _jsx("div", { className: treeResultsClassName, children: _jsx(MediaObjectTable, { items: items, view: view, objectHref: objectHref, deletingId: deletingId, onDelete: handleDelete, labels: labels }) })] })) : view === "list" ? (_jsx(MediaObjectTable, { items: items, view: view, objectHref: objectHref, deletingId: deletingId, onDelete: handleDelete, labels: labels })) : (_jsx("div", { className: view === "grid" ? gridClassName : masonryClassName, children: items.map((object, index) => (_jsxs("article", { className: cardClassName, children: [_jsx(MediaObjectPreview, { object: object, view: view, index: index, labels: labels }), _jsxs("div", { className: cardBodyClassName, children: [_jsx("h3", { className: cardTitleClassName, children: _jsx(MediaObjectName, { object: object, objectHref: objectHref }) }), _jsx("div", { className: cardMetaClassName, children: _jsx(MediaObjectMeta, { object: object, labels: labels }) }), _jsx(MediaObjectActions, { object: object, objectHref: objectHref, deletingId: deletingId, onDelete: handleDelete, labels: labels })] })] }, object.id))) })), loading ? _jsx("p", { children: labels.loading }) : null, hasMore ? (_jsx("button", { type: "button", disabled: loading, onClick: () => void loadMore(), children: labels.loadMore })) : null] }));
 }
 //# sourceMappingURL=MediaLibrary.js.map

package/dist/src/runtime/react/MediaLibrary.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaLibrary.js","sourceRoot":"","sources":["../../../../src/runtime/react/MediaLibrary.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MediaLibrary.js","sourceRoot":"","sources":["../../../../src/runtime/react/MediaLibrary.tsx"],"names":[],"mappings":"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"}

package/dist/src/runtime/react/MediaObjectViews.d.ts

@@ -0,0 +1,47 @@
+import type { MediaLibraryLabels, MediaLibraryView } from "./mediaLibraryLabels.js";
+import type { MediaObjectPublic, MediaObjectStatus } from "../schemas.js";
+/**
+ * `tree` renders the **same** table body as `list` in its right pane, so every
+ * "is this the list layout?" branch (preview sizing, `<img>` classes) has to
+ * answer yes for it too. Forking a second table — and a second set of preview
+ * rules — is exactly what this predicate exists to prevent.
+ */
+export declare function isListLayout(view: MediaLibraryView): boolean;
+export declare function objectLabel(object: MediaObjectPublic): string;
+export declare function humanizeBytes(bytes: number): string;
+export declare function statusLabel(status: MediaObjectStatus, labels: MediaLibraryLabels): string;
+export declare function MediaObjectPreview({ object, view, index, labels }: {
+    object: MediaObjectPublic;
+    view: MediaLibraryView;
+    index: number;
+    labels: MediaLibraryLabels;
+}): import("react").JSX.Element;
+export declare function MediaObjectName({ object, objectHref }: {
+    object: MediaObjectPublic;
+    objectHref?: (id: string) => string;
+}): string | import("react").JSX.Element;
+export declare function MediaObjectMeta({ object, labels }: {
+    object: MediaObjectPublic;
+    labels: MediaLibraryLabels;
+}): import("react").JSX.Element;
+export declare function MediaObjectActions({ object, objectHref, deletingId, onDelete, labels }: {
+    object: MediaObjectPublic;
+    objectHref?: (id: string) => string;
+    deletingId: string | null;
+    onDelete: (object: MediaObjectPublic) => Promise<void>;
+    labels: MediaLibraryLabels;
+}): import("react").JSX.Element;
+/**
+ * The list body, extracted verbatim so `view === "tree"` can render **this**
+ * table in its right pane instead of forking a second one. `view` still rides
+ * along untouched because `MediaObjectPreview` keys its sizing off it.
+ */
+export declare function MediaObjectTable({ items, view, objectHref, deletingId, onDelete, labels }: {
+    items: readonly MediaObjectPublic[];
+    view: MediaLibraryView;
+    objectHref?: (id: string) => string;
+    deletingId: string | null;
+    onDelete: (object: MediaObjectPublic) => Promise<void>;
+    labels: MediaLibraryLabels;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MediaObjectViews.d.ts.map

package/dist/src/runtime/react/MediaObjectViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaObjectViews.d.ts","sourceRoot":"","sources":["../../../../src/runtime/react/MediaObjectViews.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAY1E;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO,CAE5D;AAeD,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAE7D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAcnD;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAEzF;AAkED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EACP,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,kBAAkB,CAAC;CAC5B,+BAuCA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,wCAGzH;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,kBAAkB,CAAA;CAAE,+BAS5G;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,MAAM,EACP,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,kBAAkB,CAAC;CAC5B,+BAgBA;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,MAAM,EACP,EAAE;IACD,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,kBAAkB,CAAC;CAC5B,+BA0CA"}

package/dist/src/runtime/react/MediaObjectViews.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * How one media object is drawn: its preview, name, metadata, row actions, and
+ * the results table the list and tree views share.
+ *
+ * Split out of `MediaLibrary` so the library module is the view state, the
+ * filters and the toolbar — not also every cell of the table it renders.
+ */
+import { useEffect } from "react";
+import { useDownloadUrl } from "../hooks/useDownloadUrl.js";
+import { actionLinkClassName, cardPreviewClassName, itemActionsClassName, listPreviewStyle, previewClassName, previewPlaceholderClassName } from "./mediaLibraryStyles.js";
+function isImage(object) {
+    return object.mime_type.toLowerCase().startsWith("image/");
+}
+/**
+ * `tree` renders the **same** table body as `list` in its right pane, so every
+ * "is this the list layout?" branch (preview sizing, `<img>` classes) has to
+ * answer yes for it too. Forking a second table — and a second set of preview
+ * rules — is exactly what this predicate exists to prevent.
+ */
+export function isListLayout(view) {
+    return view === "list" || view === "tree";
+}
+/**
+ * `tree`'s right pane renders the same table as `list` (`isListLayout`), so it
+ * gets the same lazy/low preview loading — spelled out explicitly rather than
+ * left to the trailing fallback, so a future view added to the fallthrough
+ * cannot silently inherit `tree`'s eager-loading exemption by accident.
+ */
+function previewLoadingFor(view, index) {
+    if (view === "list" || view === "tree")
+        return { loading: "lazy", fetchPriority: "low" };
+    if (view === "grid" && index < 6)
+        return { loading: "eager", fetchPriority: "high" };
+    if (view === "masonry" && index < 4)
+        return { loading: "eager", fetchPriority: "high" };
+    return { loading: "lazy", fetchPriority: "low" };
+}
+export function objectLabel(object) {
+    return object.original_filename ?? object.id;
+}
+export function humanizeBytes(bytes) {
+    if (!Number.isFinite(bytes) || bytes < 0)
+        return "0 B";
+    if (bytes < 1024)
+        return `${bytes} B`;
+    const units = ["KB", "MB", "GB", "TB"];
+    let value = bytes / 1024;
+    let unitIndex = 0;
+    while (value >= 1024 && unitIndex < units.length - 1) {
+        value /= 1024;
+        unitIndex += 1;
+    }
+    return `${value.toFixed(value >= 10 ? 0 : 1)} ${units.at(unitIndex) ?? "TB"}`;
+}
+export function statusLabel(status, labels) {
+    return labels.statuses[status] ?? status;
+}
+const FAILED_SCAN_STATUSES = new Set(["infected", "quarantined"]);
+/**
+ * `scan_status` is a field distinct from `status` (an object can be
+ * `status: "ready"` yet `scan_status: "infected"` before the guard catches
+ * up), so this is a second badge beside the existing status one, not an edit
+ * to `STATUS_OPTIONS`/`statusLabel`.
+ */
+function ScanStatusBadge({ object, labels }) {
+    if (!FAILED_SCAN_STATUSES.has(object.scan_status))
+        return null;
+    return (_jsx("span", { className: "fa-media-badge fa-media-badge--scan-failed", title: labels.failedScanTitle(object.scan_status), children: labels.failedScan }));
+}
+/**
+ * The square that stands in for the object while (or instead of) an image:
+ * the extension for a non-image, the loading/placeholder copy for an image
+ * whose signed URL has not arrived.
+ */
+function PreviewPlaceholder({ view, modifier, ariaLabel, children }) {
+    return (_jsx("span", { className: `${previewPlaceholderClassName} ${modifier}`, style: isListLayout(view) ? listPreviewStyle : undefined, "aria-hidden": ariaLabel === undefined ? true : undefined, "aria-label": ariaLabel, children: children }));
+}
+/**
+ * The object's signed download URL, requested once and only for an image. A
+ * non-image never asks for one: its preview is the extension, and a request
+ * per row would be a signature the UI throws away.
+ */
+function usePreviewUrl(object, isImageObject) {
+    const { data, loading, error, request } = useDownloadUrl(isImageObject ? object.id : null);
+    useEffect(() => {
+        if (!isImageObject || data || loading || error)
+            return;
+        void request();
+    }, [data, error, isImageObject, loading, request]);
+    return { data, loading };
+}
+export function MediaObjectPreview({ object, view, index, labels }) {
+    const isImageObject = isImage(object);
+    const { data, loading } = usePreviewUrl(object, isImageObject);
+    const loadingMode = previewLoadingFor(view, index);
+    const listLayout = isListLayout(view);
+    if (!isImageObject) {
+        return (_jsx(PreviewPlaceholder, { view: view, modifier: "fa-media-preview--file", children: object.extension ?? "file" }));
+    }
+    if (!data) {
+        return (_jsx(PreviewPlaceholder, { view: view, modifier: "fa-media-preview--loading", ariaLabel: `${objectLabel(object)} ${labels.previewLoading}`, children: loading ? labels.previewLoading : labels.previewPlaceholder }));
+    }
+    return (_jsx("img", { className: listLayout ? previewClassName : `${previewClassName} ${cardPreviewClassName}`, src: data.url, alt: objectLabel(object), style: listLayout ? listPreviewStyle : undefined, width: listLayout ? 128 : undefined, height: listLayout ? 128 : undefined, loading: loadingMode.loading, decoding: "async", fetchPriority: loadingMode.fetchPriority }));
+}
+export function MediaObjectName({ object, objectHref }) {
+    const label = objectLabel(object);
+    return objectHref ? _jsx("a", { href: objectHref(object.id), children: label }) : label;
+}
+export function MediaObjectMeta({ object, labels }) {
+    return (_jsxs(_Fragment, { children: [_jsx("span", { children: labels.categories[object.category] }), _jsx("span", { className: `fa-media-badge fa-media-badge--${object.status}`, children: statusLabel(object.status, labels) }), _jsx(ScanStatusBadge, { object: object, labels: labels }), _jsx("span", { children: humanizeBytes(object.size_bytes) })] }));
+}
+export function MediaObjectActions({ object, objectHref, deletingId, onDelete, labels }) {
+    const label = objectLabel(object);
+    const href = objectHref?.(object.id);
+    return (_jsxs("div", { className: itemActionsClassName, children: [href ? (_jsx("a", { className: actionLinkClassName, href: href, "aria-label": `${labels.view} ${label}`, children: labels.view })) : null, _jsx("button", { type: "button", className: "fa-media-danger", disabled: deletingId === object.id, onClick: () => void onDelete(object), children: labels.delete })] }));
+}
+/**
+ * The list body, extracted verbatim so `view === "tree"` can render **this**
+ * table in its right pane instead of forking a second one. `view` still rides
+ * along untouched because `MediaObjectPreview` keys its sizing off it.
+ */
+export function MediaObjectTable({ items, view, objectHref, deletingId, onDelete, labels }) {
+    return (
+    // A six-column table has no readable narrow form, so it scrolls inside its
+    // own box rather than squashing its cells or forcing the whole page
+    // sideways. `min-w-[34rem]` is what gives the bar something to reveal: the
+    // table is `width: 100%`, which on its own can never exceed the wrapper.
+    _jsx("div", { className: "fa-media-table-scroll w-full overflow-x-auto", children: _jsxs("table", { className: "fa-media-table min-w-[34rem]", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: labels.preview }), _jsx("th", { children: labels.filename }), _jsx("th", { children: labels.actions }), _jsx("th", { children: labels.category }), _jsx("th", { children: labels.status }), _jsx("th", { children: labels.size })] }) }), _jsx("tbody", { children: items.map((object, index) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(MediaObjectPreview, { object: object, view: view, index: index, labels: labels }) }), _jsx("td", { children: _jsx(MediaObjectName, { object: object, objectHref: objectHref }) }), _jsx("td", { children: _jsx(MediaObjectActions, { object: object, objectHref: objectHref, deletingId: deletingId, onDelete: onDelete, labels: labels }) }), _jsx("td", { children: labels.categories[object.category] }), _jsxs("td", { children: [_jsx("span", { className: `fa-media-badge fa-media-badge--${object.status}`, children: statusLabel(object.status, labels) }), _jsx(ScanStatusBadge, { object: object, labels: labels })] }), _jsx("td", { children: humanizeBytes(object.size_bytes) })] }, object.id))) })] }) }));
+}
+//# sourceMappingURL=MediaObjectViews.js.map

package/dist/src/runtime/react/MediaObjectViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaObjectViews.js","sourceRoot":"","sources":["../../../../src/runtime/react/MediaObjectViews.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC5B,MAAM,yBAAyB,CAAC;AASjC,SAAS,OAAO,CAAC,MAAyB;IACxC,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAC7D,CAAC;AAGD;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,IAAsB;IACjD,OAAO,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,MAAM,CAAC;AAC5C,CAAC;AAED;;;;;GAKG;AACH,SAAS,iBAAiB,CAAC,IAAsB,EAAE,KAAa;IAC9D,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;IACzF,IAAI,IAAI,KAAK,MAAM,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;IACrF,IAAI,IAAI,KAAK,SAAS,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;IACxF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAyB;IACnD,OAAO,MAAM,CAAC,iBAAiB,IAAI,MAAM,CAAC,EAAE,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IACvD,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,GAAG,KAAK,IAAI,CAAC;IAEtC,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACvC,IAAI,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC;IACzB,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,OAAO,KAAK,IAAI,IAAI,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrD,KAAK,IAAI,IAAI,CAAC;QACd,SAAS,IAAI,CAAC,CAAC;IACjB,CAAC;IAED,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAyB,EAAE,MAA0B;IAC/E,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC;AAC3C,CAAC;AAED,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;AAElE;;;;;GAKG;AACH,SAAS,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAA6D;IACpG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAC;IAC/D,OAAO,CACL,eACE,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,WAAW,CAAC,YAEhD,MAAM,CAAC,UAAU,GACb,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EAMT;IACC,OAAO,CACL,eACE,SAAS,EAAE,GAAG,2BAA2B,IAAI,QAAQ,EAAE,EACvD,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,iBAC3C,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,gBAC3C,SAAS,YAEpB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,MAAyB,EAAE,aAAsB;IACtE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK;YAAE,OAAO;QACvD,KAAK,OAAO,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EAMP;IACC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEtC,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,wBAAwB,YAC9D,MAAM,CAAC,SAAS,IAAI,MAAM,GACR,CACtB,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CACL,KAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,2BAA2B,EACpC,SAAS,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,cAAc,EAAE,YAE3D,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,GACzC,CACtB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,IAAI,oBAAoB,EAAE,EACxF,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,EACxB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAChD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACnC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACpC,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,QAAQ,EAAC,OAAO,EAChB,aAAa,EAAE,WAAW,CAAC,aAAa,GACxC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,UAAU,EAAsE;IACxH,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,YAAG,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,YAAG,KAAK,GAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAA6D;IAC3G,OAAO,CACL,8BACE,yBAAO,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAQ,EACjD,eAAM,SAAS,EAAE,kCAAkC,MAAM,CAAC,MAAM,EAAE,YAAG,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAQ,EAC/G,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,EACnD,yBAAO,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,GAAQ,IAC9C,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,MAAM,EAOP;IACC,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,oBAAoB,aACjC,IAAI,CAAC,CAAC,CAAC,CACN,YAAG,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,IAAI,gBAAc,GAAG,MAAM,CAAC,IAAI,IAAI,KAAK,EAAE,YACjF,MAAM,CAAC,IAAI,GACV,CACL,CAAC,CAAC,CAAC,IAAI,EACR,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,UAAU,KAAK,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,QAAQ,CAAC,MAAM,CAAC,YACvH,MAAM,CAAC,MAAM,GACP,IACL,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,MAAM,EAQP;IACC,OAAO;IACL,2EAA2E;IAC3E,oEAAoE;IACpE,2EAA2E;IAC3E,yEAAyE;IACzE,cAAK,SAAS,EAAC,8CAA8C,YAC3D,iBAAO,SAAS,EAAC,8BAA8B,aAC7C,0BACE,yBACE,uBAAK,MAAM,CAAC,OAAO,GAAM,EACzB,uBAAK,MAAM,CAAC,QAAQ,GAAM,EAC1B,uBAAK,MAAM,CAAC,OAAO,GAAM,EACzB,uBAAK,MAAM,CAAC,QAAQ,GAAM,EAC1B,uBAAK,MAAM,CAAC,MAAM,GAAM,EACxB,uBAAK,MAAM,CAAC,IAAI,GAAM,IACnB,GACC,EACR,0BACG,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,yBACE,uBACE,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7E,EACL,uBACE,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,GACxD,EACL,uBACE,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,GACvH,EACL,uBAAK,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAM,EAC7C,yBACE,eAAM,SAAS,EAAE,kCAAkC,MAAM,CAAC,MAAM,EAAE,YAAG,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAQ,EAC/G,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,IAChD,EACL,uBAAK,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,GAAM,KAfpC,MAAM,CAAC,EAAE,CAgBb,CACN,CAAC,GACI,IACF,GACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/src/runtime/react/MediaTransferPanel.d.ts

@@ -0,0 +1,17 @@
+import type { MediaLibraryLabels } from "./mediaLibraryLabels.js";
+import type { ObjectListParams } from "../schemas.js";
+/**
+ * Import/export control (`U10`). A single toggled panel rather than a modal
+ * dialog — this package hand-rolls Tailwind token classes in `src/runtime`
+ * rather than importing `astro-ui-m8` components here (`D11`; the
+ * `dialog-form`/`data-table` composition is a separate registry skin, not
+ * this runtime component). Export reuses the caller's live `filters`
+ * (`ObjectListParams`) so exporting the selected tree branch (`U10`'s branch
+ * bullet) falls out of passing the library's own `query` through unchanged.
+ */
+export declare function MediaTransferPanel({ filters, exportScopeLabel, labels }: {
+    filters: ObjectListParams;
+    exportScopeLabel?: string;
+    labels: MediaLibraryLabels["transfer"];
+}): import("react").JSX.Element;
+//# sourceMappingURL=MediaTransferPanel.d.ts.map

package/dist/src/runtime/react/MediaTransferPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaTransferPanel.d.ts","sourceRoot":"","sources":["../../../../src/runtime/react/MediaTransferPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAkD,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA8PtG;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,gBAAgB,EAChB,MAAM,EACP,EAAE;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CACxC,+BAcA"}