@oktis-works/admin 0.4.20 → 0.4.23

package/dist/server/chunks/MediaLibrary_Xs09kLza.mjs

@@ -1,335 +0,0 @@
-import { n as useTranslation, r as apiClient } from "./i18n_BqFK0MIW.mjs";
-import { a as For2, c as Select, f as createSignal, l as Show2, o as Input, p as onMount, r as Button, s as Pagination } from "./DashboardLayout_09DepSVn.mjs";
-import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey, ssrStyleProperty } from "solid-js/web";
-//#region src/components/media/MediaLibrary.tsx
-var _tmpl$ = [
-	"<div",
-	" class=\"notice notice--error\">",
-	"</div>"
-];
-var _tmpl$2 = [
-	"<div",
-	" class=\"notice\">",
-	"</div>"
-];
-var _tmpl$3 = [
-	"<div",
-	" class=\"media-grid\">",
-	"</div>"
-];
-var _tmpl$4 = [
-	"<div",
-	" class=\"media-library\"><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><div class=\"",
-	"\"><p><strong>",
-	"</strong> ou</p><label class=\"btn btn-primary\" style=\"",
-	"\"><!--$-->",
-	"<!--/--><input type=\"file\" multiple style=\"",
-	"\"",
-	"></label><p class=\"muted\">",
-	"</p></div><div class=\"toolbar\"><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></div><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></div>"
-];
-var _tmpl$5 = [
-	"<p",
-	" class=\"muted\">",
-	"</p>"
-];
-var _tmpl$6 = ["<img", " loading=\"lazy\">"];
-var _tmpl$7 = [
-	"<button",
-	" type=\"button\" class=\"",
-	"\"><div class=\"media-card__preview\">",
-	"</div><div class=\"media-card__meta\"><span class=\"media-card__name\"",
-	">",
-	"</span><span class=\"muted\">",
-	"</span></div></button>"
-];
-var _tmpl$8 = [
-	"<span",
-	" class=\"media-card__ext\">",
-	"</span>"
-];
-var _tmpl$9 = ["<img", ">"];
-var _tmpl$0 = [
-	"<div",
-	" class=\"card media-details\"><h3>",
-	"</h3><div class=\"media-details__preview\">",
-	"</div><dl class=\"media-details__list\"><dt>",
-	"</dt><dd>",
-	"</dd><dt>",
-	"</dt><dd>",
-	"</dd><dt>",
-	"</dt><dd>",
-	"</dd><dt>",
-	"</dt><dd class=\"media-details__url\"><code>",
-	"</code><button class=\"btn btn-secondary btn-sm\" type=\"button\">",
-	"</button></dd></dl><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><div class=\"media-details__actions\"><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></div></div>"
-];
-function formatSize(bytes) {
-	if (!Number.isFinite(bytes)) return "—";
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
-	return `${(bytes / 1048576).toFixed(1)} MB`;
-}
-var isImage = (media) => media.mime_type.startsWith("image/");
-function MediaLibrary(props) {
-	const { t } = useTranslation();
-	const [items, setItems] = createSignal([]);
-	const [total, setTotal] = createSignal(0);
-	const [page, setPage] = createSignal(1);
-	const [search, setSearch] = createSignal("");
-	const [mimeType, setMimeType] = createSignal("");
-	const [error, setError] = createSignal("");
-	const [info, setInfo] = createSignal("");
-	const [uploading, setUploading] = createSignal(false);
-	const [selected, setSelected] = createSignal(null);
-	const [dragOver, setDragOver] = createSignal(false);
-	const [savingDetails, setSavingDetails] = createSignal(false);
-	const limit = 24;
-	const load = async () => {
-		try {
-			const result = await apiClient.listMedia({
-				page: page(),
-				limit,
-				search: search() || void 0,
-				mimeType: mimeType() || void 0
-			});
-			setItems(result.data ?? []);
-			setTotal(result.total ?? 0);
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		}
-	};
-	onMount(load);
-	const searchNow = async () => {
-		setPage(1);
-		await load();
-	};
-	const remove = async (media) => {
-		if (!confirm(t("media.details.confirmDelete", { filename: media.filename }))) return;
-		try {
-			await apiClient.deleteMedia(media.id);
-			if (selected()?.id === media.id) setSelected(null);
-			await load();
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		}
-	};
-	const saveDetails = async () => {
-		const media = selected();
-		if (!media) return;
-		setSavingDetails(true);
-		setError("");
-		try {
-			const updated = await apiClient.updateMedia(media.id, {
-				alt: media.alt ?? "",
-				caption: media.caption ?? ""
-			});
-			setSelected({
-				...media,
-				...updated
-			});
-			setInfo(t("media.details.saved"));
-			await load();
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		} finally {
-			setSavingDetails(false);
-		}
-	};
-	return ssr(_tmpl$4, ssrHydrationKey(), escape(createComponent(Show2, {
-		get when() {
-			return error();
-		},
-		get children() {
-			return ssr(_tmpl$, ssrHydrationKey(), escape(error()));
-		}
-	})), escape(createComponent(Show2, {
-		get when() {
-			return info();
-		},
-		get children() {
-			return ssr(_tmpl$2, ssrHydrationKey(), escape(info()));
-		}
-	})), `upload-zone ${dragOver() || props.focusUpload ? "upload-zone--active" : ""}`, escape(t("media.upload.dropzone")), ssrStyleProperty("cursor:", "pointer"), uploading() ? escape(t("media.upload.uploading")) : escape(t("media.upload.select")), ssrStyleProperty("display:", "none"), ssrAttribute("disabled", uploading(), true), escape(t("media.upload.hint")), escape(createComponent(Input, {
-		name: "media-search",
-		get placeholder() {
-			return t("media.toolbar.search");
-		},
-		get value() {
-			return search();
-		},
-		onInput: (value) => {
-			setSearch(value);
-			searchNow();
-		}
-	})), escape(createComponent(Select, {
-		name: "media-mime",
-		get placeholder() {
-			return t("media.toolbar.allTypes");
-		},
-		get value() {
-			return mimeType();
-		},
-		get options() {
-			return [
-				{
-					value: "image/png",
-					label: t("media.mimeTypes.png")
-				},
-				{
-					value: "image/jpeg",
-					label: t("media.mimeTypes.jpeg")
-				},
-				{
-					value: "image/gif",
-					label: t("media.mimeTypes.gif")
-				},
-				{
-					value: "image/webp",
-					label: t("media.mimeTypes.webp")
-				},
-				{
-					value: "image/svg+xml",
-					label: t("media.mimeTypes.svg")
-				},
-				{
-					value: "application/pdf",
-					label: t("media.mimeTypes.pdf")
-				},
-				{
-					value: "video/mp4",
-					label: t("media.mimeTypes.mp4")
-				},
-				{
-					value: "audio/mpeg",
-					label: t("media.mimeTypes.mp3")
-				}
-			];
-		},
-		onChange: (value) => {
-			setMimeType(value);
-			searchNow();
-		}
-	})), escape(createComponent(Button, {
-		variant: "secondary",
-		onClick: () => void searchNow(),
-		get children() {
-			return t("media.toolbar.searchBtn");
-		}
-	})), escape(createComponent(Show2, {
-		get when() {
-			return items().length > 0;
-		},
-		get fallback() {
-			return ssr(_tmpl$5, ssrHydrationKey(), escape(t("media.empty")));
-		},
-		get children() {
-			return ssr(_tmpl$3, ssrHydrationKey(), escape(createComponent(For2, {
-				get each() {
-					return items();
-				},
-				children: (media) => ssr(_tmpl$7, ssrHydrationKey(), `media-card ${selected()?.id === media.id ? "media-card--selected" : ""}`, escape(createComponent(Show2, {
-					get when() {
-						return isImage(media);
-					},
-					get fallback() {
-						return ssr(_tmpl$8, ssrHydrationKey(), escape(media.mime_type.split("/")[1]?.toUpperCase() ?? "FILE"));
-					},
-					get children() {
-						return ssr(_tmpl$6, ssrHydrationKey() + ssrAttribute("src", escape(media.url, true), false) + ssrAttribute("alt", escape(media.alt ?? media.filename, true), false));
-					}
-				})), ssrAttribute("title", escape(media.filename, true), false), escape(media.filename), escape(formatSize(media.size)))
-			})));
-		}
-	})), escape(createComponent(Pagination, {
-		get page() {
-			return page();
-		},
-		limit,
-		get total() {
-			return total();
-		},
-		onPageChange: (next) => {
-			setPage(next);
-			load();
-		}
-	})), escape(createComponent(Show2, {
-		get when() {
-			return selected();
-		},
-		children: (media) => ssr(_tmpl$0, ssrHydrationKey(), escape(t("media.details.title")), escape(createComponent(Show2, {
-			get when() {
-				return isImage(media());
-			},
-			get fallback() {
-				return ssr(_tmpl$5, ssrHydrationKey(), escape(media().mime_type));
-			},
-			get children() {
-				return ssr(_tmpl$9, ssrHydrationKey() + ssrAttribute("src", escape(media().url, true), false) + ssrAttribute("alt", escape(media().alt ?? "", true), false));
-			}
-		})), escape(t("media.details.file")), escape(media().filename), escape(t("media.details.type")), escape(media().mime_type), escape(t("media.details.size")), escape(formatSize(media().size)), escape(t("media.details.url")), escape(media().url), escape(t("media.details.copy")), escape(createComponent(Input, {
-			name: "media-alt",
-			get label() {
-				return t("media.details.alt");
-			},
-			get value() {
-				return media().alt ?? "";
-			},
-			onInput: (value) => setSelected({
-				...media(),
-				alt: value
-			})
-		})), escape(createComponent(Input, {
-			name: "media-caption",
-			get label() {
-				return t("media.details.caption");
-			},
-			get value() {
-				return media().caption ?? "";
-			},
-			onInput: (value) => setSelected({
-				...media(),
-				caption: value
-			})
-		})), escape(createComponent(Button, {
-			variant: "primary",
-			get disabled() {
-				return savingDetails();
-			},
-			get loading() {
-				return savingDetails();
-			},
-			onClick: () => void saveDetails(),
-			get children() {
-				return t("media.details.save");
-			}
-		})), escape(createComponent(Button, {
-			variant: "danger",
-			onClick: () => void remove(media()),
-			get children() {
-				return t("media.details.delete");
-			}
-		})), escape(createComponent(Button, {
-			variant: "secondary",
-			onClick: () => setSelected(null),
-			get children() {
-				return t("media.details.close");
-			}
-		})))
-	})));
-}
-//#endregion
-export { MediaLibrary as t };