@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/FileInput/components/List.js

@@ -1,11 +1,11 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { Loader } from "../../Loader/index.js";
-import { Button } from "../../Button/index.js";
-import { useFileInput } from "../FileInputProvider.js";
-import { formatFileSize, getMimeTypeType } from "../helpers.js";
-import { fileInfo, fileViewerContainer, fileViewerImage } from "../styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { Loader, init_Loader } from "../../Loader/index.js";
+import { Button, init_Button } from "../../Button/index.js";
+import { init_FileInputProvider, useFileInput } from "../FileInputProvider.js";
+import { formatFileSize, getMimeTypeType, init_helpers } from "../helpers.js";
+import { fileInputStyle, init_styles_css } from "../styles.css.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
@@ -15,130 +15,141 @@ import { ImageIcon } from "@ultraviolet/icons/ImageIcon";
 import { VideoIcon } from "@ultraviolet/icons/VideoIcon";
 
 //#region src/components/FileInput/components/List.tsx
-const getIllustration = (type, file, error, loading) => {
-	if (loading) return /* @__PURE__ */ jsx("div", {
-		className: fileViewerImage[error ? "error" : "default"],
-		children: /* @__PURE__ */ jsx(Loader, {
-			active: true,
-			sentiment: "primary",
-			size: "xsmall"
-		})
-	});
-	if (type === "audio") return /* @__PURE__ */ jsx("div", {
-		className: fileViewerImage[error ? "error" : "default"],
-		children: /* @__PURE__ */ jsx(AudioIcon, {
-			sentiment: error ? "danger" : "primary",
-			size: "medium"
-		})
-	});
-	if (type === "video") return /* @__PURE__ */ jsx("div", {
-		className: fileViewerImage[error ? "error" : "default"],
-		children: /* @__PURE__ */ jsx(VideoIcon, {
-			sentiment: error ? "danger" : "primary",
-			size: "medium"
-		})
-	});
-	if (type === "image" && !error) return /* @__PURE__ */ jsx("img", {
-		alt: "",
-		className: fileViewerImage.default,
-		height: "auto",
-		src: file,
-		width: "auto"
-	});
-	if (type === "image" && error) return /* @__PURE__ */ jsx("div", {
-		className: fileViewerImage[error ? "error" : "default"],
-		children: /* @__PURE__ */ jsx(ImageIcon, {
-			sentiment: error ? "danger" : "primary",
-			size: "medium"
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: fileViewerImage[error ? "error" : "default"],
-		children: /* @__PURE__ */ jsx(DocIcon, {
-			sentiment: error ? "danger" : "primary",
-			size: "medium"
-		})
-	});
-};
-const ListFiles = ({ limit, textLimit, prominence = "default" }) => {
-	const [computedLimit, setLimit] = useState(limit);
-	const seeAllOnClick = () => {
-		setLimit(void 0);
+var getIllustration, ListFiles;
+var init_List = __esmMin(() => {
+	init_Button();
+	init_Loader();
+	init_Stack();
+	init_Text();
+	init_FileInputProvider();
+	init_helpers();
+	init_styles_css();
+	getIllustration = (type, file, error, loading) => {
+		if (loading) return /* @__PURE__ */ jsx("div", {
+			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			children: /* @__PURE__ */ jsx(Loader, {
+				active: true,
+				sentiment: "primary",
+				size: "xsmall"
+			})
+		});
+		if (type === "audio") return /* @__PURE__ */ jsx("div", {
+			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			children: /* @__PURE__ */ jsx(AudioIcon, {
+				sentiment: error ? "danger" : "primary",
+				size: "medium"
+			})
+		});
+		if (type === "video") return /* @__PURE__ */ jsx("div", {
+			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			children: /* @__PURE__ */ jsx(VideoIcon, {
+				sentiment: error ? "danger" : "primary",
+				size: "medium"
+			})
+		});
+		if (type === "image" && !error) return /* @__PURE__ */ jsx("img", {
+			alt: "",
+			className: fileInputStyle.fileViewerImage.default,
+			height: "auto",
+			src: file,
+			width: "auto"
+		});
+		if (type === "image" && error) return /* @__PURE__ */ jsx("div", {
+			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			children: /* @__PURE__ */ jsx(ImageIcon, {
+				sentiment: error ? "danger" : "primary",
+				size: "medium"
+			})
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			children: /* @__PURE__ */ jsx(DocIcon, {
+				sentiment: error ? "danger" : "primary",
+				size: "medium"
+			})
+		});
 	};
-	const { files, setFiles, onChangeFiles, error } = useFileInput();
-	return files.length > 0 ? /* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		gap: 1,
-		wrap: "wrap",
-		children: [files.map((file, index) => {
-			if (!computedLimit || index < computedLimit) {
-				const illustration = getIllustration(getMimeTypeType(file.type), file.file, !!file.error || error, file.loading);
-				const sentiment = file.error ? "danger" : "neutral";
-				return /* @__PURE__ */ jsxs(Stack, {
-					"data-testid": file.fileName,
-					gap: .5,
-					children: [/* @__PURE__ */ jsxs(Stack, {
-						alignItems: "center",
-						className: fileViewerContainer[file.error || error ? "error" : prominence],
-						direction: "row",
-						gap: 2,
-						justifyContent: "center",
+	ListFiles = ({ limit, textLimit, prominence = "default" }) => {
+		const [computedLimit, setLimit] = useState(limit);
+		const seeAllOnClick = () => {
+			setLimit(void 0);
+		};
+		const { files, setFiles, onChangeFiles, error } = useFileInput();
+		return files.length > 0 ? /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			gap: 1,
+			wrap: "wrap",
+			children: [files.map((file, index) => {
+				if (!computedLimit || index < computedLimit) {
+					const illustration = getIllustration(getMimeTypeType(file.type), file.file, !!file.error || error, file.loading);
+					const sentiment = file.error ? "danger" : "neutral";
+					return /* @__PURE__ */ jsxs(Stack, {
+						"data-testid": file.fileName,
+						gap: .5,
 						children: [/* @__PURE__ */ jsxs(Stack, {
 							alignItems: "center",
+							className: fileInputStyle.fileViewerContainer[file.error || error ? "error" : prominence],
 							direction: "row",
-							gap: 1,
-							children: [illustration, /* @__PURE__ */ jsxs(Stack, {
-								className: fileInfo,
-								direction: "column",
-								children: [/* @__PURE__ */ jsx(Text, {
-									as: "p",
-									oneLine: true,
-									sentiment,
-									variant: "bodySmallStrong",
-									children: file.fileName
-								}), /* @__PURE__ */ jsx(Text, {
-									as: "p",
-									sentiment,
-									variant: "caption",
-									children: formatFileSize(file.size)
+							gap: 2,
+							justifyContent: "center",
+							children: [/* @__PURE__ */ jsxs(Stack, {
+								alignItems: "center",
+								direction: "row",
+								gap: 1,
+								children: [illustration, /* @__PURE__ */ jsxs(Stack, {
+									className: fileInputStyle.fileInfo,
+									direction: "column",
+									children: [/* @__PURE__ */ jsx(Text, {
+										as: "p",
+										oneLine: true,
+										sentiment,
+										variant: "bodySmallStrong",
+										children: file.fileName
+									}), /* @__PURE__ */ jsx(Text, {
+										as: "p",
+										sentiment,
+										variant: "caption",
+										children: formatFileSize(file.size)
+									})]
 								})]
+							}), /* @__PURE__ */ jsx(Button, {
+								"data-testid": `remove-${file.fileName}`,
+								onClick: () => {
+									const newFiles = files.filter((oldFile) => file.file !== oldFile.file);
+									setFiles(newFiles);
+									onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(newFiles);
+								},
+								sentiment,
+								size: "xsmall",
+								variant: "ghost",
+								children: /* @__PURE__ */ jsx(CloseIcon, {})
 							})]
-						}), /* @__PURE__ */ jsx(Button, {
-							"data-testid": `remove-${file.fileName}`,
-							onClick: () => {
-								const newFiles = files.filter((oldFile) => file.file !== oldFile.file);
-								setFiles(newFiles);
-								onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(newFiles);
-							},
-							sentiment,
-							size: "xsmall",
-							variant: "ghost",
-							children: /* @__PURE__ */ jsx(CloseIcon, {})
-						})]
-					}), file.error ? /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						sentiment: "danger",
-						variant: "caption",
-						children: file.error
-					}) : null]
-				}, file.fileName);
-			}
-			return null;
-		}), computedLimit && files.length > computedLimit ? /* @__PURE__ */ jsxs(Button, {
-			"data-testid": "see-all",
-			onClick: seeAllOnClick,
-			sentiment: "primary",
-			size: "large",
-			variant: "ghost",
-			children: [
-				textLimit,
-				" (",
-				files.length,
-				")"
-			]
-		}) : null]
-	}) : null;
-};
+						}), file.error ? /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							sentiment: "danger",
+							variant: "caption",
+							children: file.error
+						}) : null]
+					}, file.fileName);
+				}
+				return null;
+			}), computedLimit && files.length > computedLimit ? /* @__PURE__ */ jsxs(Button, {
+				"data-testid": "see-all",
+				onClick: seeAllOnClick,
+				sentiment: "primary",
+				size: "large",
+				variant: "ghost",
+				children: [
+					textLimit,
+					" (",
+					files.length,
+					")"
+				]
+			}) : null]
+		}) : null;
+	};
+});
 
 //#endregion
-export { ListFiles };
+init_List();
+export { ListFiles, init_List };

package/dist/components/FileInput/helpers.js

@@ -1,37 +1,41 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/FileInput/helpers.ts
-const getMimeTypeType = (mimeType) => {
-	var _mimeType$split;
-	return ((_mimeType$split = mimeType.split("/")) === null || _mimeType$split === void 0 || (_mimeType$split = _mimeType$split[0]) === null || _mimeType$split === void 0 ? void 0 : _mimeType$split.toLowerCase()) || "example";
-};
-const formatFileSize = (bytes) => {
-	if (bytes === 0) return "0 B";
-	const units = [
-		"B",
-		"KB",
-		"MB",
-		"GB",
-		"TB"
-	];
-	let size = bytes;
-	let unitIndex = 0;
-	while (size >= 1e3 && unitIndex < units.length - 1) {
-		size /= 1e3;
-		unitIndex += 1;
-	}
-	return `${size % 1 === 0 ? size : Number.parseFloat(size.toFixed(2))} ${units[unitIndex]}`;
-};
-const fileIsAccepted = (fileType, accept) => {
-	if (!accept) return true;
-	const acceptItems = accept.split(",").map((a) => a.trim()).filter(Boolean);
-	if (acceptItems.length === 0) return true;
-	for (const item of acceptItems) if (item.endsWith("/*")) {
-		const prefix = item.slice(0, item.indexOf("/"));
-		if (fileType.startsWith(`${prefix}/`)) return true;
-	} else if (fileType === item) return true;
-	return false;
-};
+var getMimeTypeType, formatFileSize, fileIsAccepted;
+var init_helpers = __esmMin(() => {
+	getMimeTypeType = (mimeType) => {
+		var _mimeType$split;
+		return ((_mimeType$split = mimeType.split("/")) === null || _mimeType$split === void 0 || (_mimeType$split = _mimeType$split[0]) === null || _mimeType$split === void 0 ? void 0 : _mimeType$split.toLowerCase()) || "example";
+	};
+	formatFileSize = (bytes) => {
+		if (bytes === 0) return "0 B";
+		const units = [
+			"B",
+			"KB",
+			"MB",
+			"GB",
+			"TB"
+		];
+		let size = bytes;
+		let unitIndex = 0;
+		while (size >= 1e3 && unitIndex < units.length - 1) {
+			size /= 1e3;
+			unitIndex += 1;
+		}
+		return `${size % 1 === 0 ? size : Number.parseFloat(size.toFixed(2))} ${units[unitIndex]}`;
+	};
+	fileIsAccepted = (fileType, accept) => {
+		if (!accept) return true;
+		const acceptItems = accept.split(",").map((a) => a.trim()).filter(Boolean);
+		if (acceptItems.length === 0) return true;
+		for (const item of acceptItems) if (item.endsWith("/*")) {
+			const prefix = item.slice(0, item.indexOf("/"));
+			if (fileType.startsWith(`${prefix}/`)) return true;
+		} else if (fileType === item) return true;
+		return false;
+	};
+});
 
 //#endregion
-export { fileIsAccepted, formatFileSize, getMimeTypeType };
+init_helpers();
+export { fileIsAccepted, formatFileSize, getMimeTypeType, init_helpers };