@ultraviolet/ui 3.21.0 → 3.21.2

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

@@ -16,146 +16,148 @@ import { VideoIcon } from "@ultraviolet/icons/VideoIcon";
 
 //#region src/components/FileInput/components/List.tsx
 var getIllustration, ListFiles;
-var init_List = __esmMin(() => {
-	init_Button();
-	init_Loader();
-	init_Stack();
-	init_Text();
-	init_FileInputProvider();
-	init_helpers();
-	init_styles_css();
-	getIllustration = (type, error, loading, file) => {
-		const state = error ? "error" : "default";
-		const sentiment = error ? "danger" : "primary";
-		if (loading) return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[state],
-			children: /* @__PURE__ */ jsx(Loader, {
-				active: true,
-				sentiment: "primary",
-				size: "xsmall"
-			})
-		});
-		if (type === "audio") return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[state],
-			children: /* @__PURE__ */ jsx(AudioIcon, {
-				sentiment,
-				size: "medium"
-			})
-		});
-		if (type === "video") return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[state],
-			children: /* @__PURE__ */ jsx(VideoIcon, {
-				sentiment,
-				size: "medium"
-			})
-		});
-		if (type === "image") return !error && file ? /* @__PURE__ */ jsx("img", {
-			alt: "",
-			className: fileInputStyle.fileViewerImage.default,
-			height: "auto",
-			src: file,
-			width: "auto"
-		}) : /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[state],
-			children: /* @__PURE__ */ jsx(ImageIcon, {
-				sentiment,
-				size: "medium"
-			})
-		});
-		return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[state],
-			children: /* @__PURE__ */ jsx(DocIcon, {
-				sentiment,
-				size: "medium"
-			})
-		});
-	};
-	ListFiles = ({ limit, textLimit, prominence = "default", onDelete }) => {
-		const [computedLimit, setLimit] = useState(limit);
-		const seeAllOnClick = () => {
-			setLimit(void 0);
+function init_List() {
+	return (init_List = __esmMin(() => {
+		init_Button();
+		init_Loader();
+		init_Stack();
+		init_Text();
+		init_FileInputProvider();
+		init_helpers();
+		init_styles_css();
+		getIllustration = (type, error, loading, file) => {
+			const state = error ? "error" : "default";
+			const sentiment = error ? "danger" : "primary";
+			if (loading) return /* @__PURE__ */ jsx("div", {
+				className: fileInputStyle.fileViewerImage[state],
+				children: /* @__PURE__ */ jsx(Loader, {
+					active: true,
+					sentiment: "primary",
+					size: "xsmall"
+				})
+			});
+			if (type === "audio") return /* @__PURE__ */ jsx("div", {
+				className: fileInputStyle.fileViewerImage[state],
+				children: /* @__PURE__ */ jsx(AudioIcon, {
+					sentiment,
+					size: "medium"
+				})
+			});
+			if (type === "video") return /* @__PURE__ */ jsx("div", {
+				className: fileInputStyle.fileViewerImage[state],
+				children: /* @__PURE__ */ jsx(VideoIcon, {
+					sentiment,
+					size: "medium"
+				})
+			});
+			if (type === "image") return !error && file ? /* @__PURE__ */ jsx("img", {
+				alt: "",
+				className: fileInputStyle.fileViewerImage.default,
+				height: "auto",
+				src: file,
+				width: "auto"
+			}) : /* @__PURE__ */ jsx("div", {
+				className: fileInputStyle.fileViewerImage[state],
+				children: /* @__PURE__ */ jsx(ImageIcon, {
+					sentiment,
+					size: "medium"
+				})
+			});
+			return /* @__PURE__ */ jsx("div", {
+				className: fileInputStyle.fileViewerImage[state],
+				children: /* @__PURE__ */ jsx(DocIcon, {
+					sentiment,
+					size: "medium"
+				})
+			});
 		};
-		const { files, setFiles, onChangeFiles, error } = useFileInput();
-		return files.length > 0 ? /* @__PURE__ */ jsxs(Stack, {
-			direction: "row",
-			gap: 1,
-			wrap: "wrap",
-			as: "ul",
-			className: fileInputStyle.fileListContainer,
-			children: [files.map((file, index) => {
-				if (!computedLimit || index < computedLimit) {
-					const fileType = getMimeTypeType(file.type);
-					const illustration = getIllustration(fileType, !!file.error || error, !!file.loading, file.file);
-					const sentiment = file.error ? "danger" : "neutral";
-					return /* @__PURE__ */ jsxs(Stack, {
-						"data-testid": file.name,
-						gap: .5,
-						as: "li",
-						children: [/* @__PURE__ */ jsxs(Stack, {
-							alignItems: "center",
-							className: fileInputStyle.fileViewerContainer[file.error || error ? "error" : prominence],
-							direction: "row",
-							gap: 2,
-							justifyContent: "center",
+		ListFiles = ({ limit, textLimit, prominence = "default", onDelete }) => {
+			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",
+				as: "ul",
+				className: fileInputStyle.fileListContainer,
+				children: [files.map((file, index) => {
+					if (!computedLimit || index < computedLimit) {
+						const fileType = getMimeTypeType(file.type);
+						const illustration = getIllustration(fileType, !!file.error || error, !!file.loading, file.file);
+						const sentiment = file.error ? "danger" : "neutral";
+						return /* @__PURE__ */ jsxs(Stack, {
+							"data-testid": file.name,
+							gap: .5,
+							as: "li",
 							children: [/* @__PURE__ */ jsxs(Stack, {
 								alignItems: "center",
+								className: fileInputStyle.fileViewerContainer[file.error || error ? "error" : prominence],
 								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.name
-									}), /* @__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.name
+										}), /* @__PURE__ */ jsx(Text, {
+											as: "p",
+											sentiment,
+											variant: "caption",
+											children: formatFileSize(file.size)
+										})]
 									})]
+								}), /* @__PURE__ */ jsx(Button, {
+									"data-testid": `remove-${file.name}`,
+									onClick: () => {
+										const newFiles = files.filter((oldFile) => file.file !== oldFile.file);
+										setFiles(newFiles);
+										onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(newFiles);
+										onDelete === null || onDelete === void 0 || onDelete(file.name);
+									},
+									sentiment,
+									size: "xsmall",
+									variant: "ghost",
+									children: /* @__PURE__ */ jsx(CloseIcon, {})
 								})]
-							}), /* @__PURE__ */ jsx(Button, {
-								"data-testid": `remove-${file.name}`,
-								onClick: () => {
-									const newFiles = files.filter((oldFile) => file.file !== oldFile.file);
-									setFiles(newFiles);
-									onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(newFiles);
-									onDelete === null || onDelete === void 0 || onDelete(file.name);
-								},
-								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.name}-${file.size}`);
-				}
-				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 - (limit !== null && limit !== void 0 ? limit : 0),
-					")"
-				]
-			}) : null]
-		}) : null;
-	};
-	ListFiles.displayName = "FileInput.List";
-});
+							}), file.error ? /* @__PURE__ */ jsx(Text, {
+								as: "p",
+								sentiment: "danger",
+								variant: "caption",
+								children: file.error
+							}) : null]
+						}, `${file.name}-${file.size}`);
+					}
+					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 - (limit !== null && limit !== void 0 ? limit : 0),
+						")"
+					]
+				}) : null]
+			}) : null;
+		};
+		ListFiles.displayName = "FileInput.List";
+	}))();
+}
 
 //#endregion
 init_List();

package/dist/components/FileInput/helpers.js

@@ -1,108 +1,110 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
 
 //#region src/components/FileInput/helpers.ts
 var getMimeTypeType, formatFileSize, fileIsAccepted, isFileEntry, isDirectoryEntry, convertEntryToFile, readEntriesInDirectory, readEntries, readTransferredFiles;
-var init_helpers = __esmMin(() => {
-	init_asyncToGenerator();
-	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 = (file, accept) => {
-		if (!accept) return true;
-		const acceptItems = accept.split(",").map((a) => a.trim()).filter(Boolean);
-		if (acceptItems.length === 0) return true;
-		const { name: fileName, type: fileType } = file;
-		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;
-		else if (item.startsWith(".") && fileName.toLocaleLowerCase().endsWith(item)) return true;
-		return false;
-	};
-	isFileEntry = (entry) => !!entry.isFile;
-	isDirectoryEntry = (entry) => !!entry.isDirectory;
-	convertEntryToFile = (entry) => new Promise((resolve, reject) => {
-		entry.file((file) => {
-			var _entry$fullPath;
-			const cleanPath = ((_entry$fullPath = entry.fullPath) === null || _entry$fullPath === void 0 ? void 0 : _entry$fullPath.startsWith("/")) ? entry.fullPath.slice(1) : entry.fullPath;
-			if (cleanPath !== file.webkitRelativePath && cleanPath !== file.name) Object.defineProperty(file, "webkitRelativePath", {
-				value: cleanPath,
-				writable: true,
-				enumerable: true,
-				configurable: true
-			});
-			resolve(file);
-		}, reject);
-	});
-	readEntriesInDirectory = function() {
-		var _ref = _asyncToGenerator(function* (directory) {
-			const reader = directory.createReader();
-			const nestedEntries = [];
-			let results = [];
-			do {
-				results = yield new Promise((resolve, reject) => {
-					reader.readEntries(resolve, reject);
-				});
-				nestedEntries.push(...results);
-			} while ((results === null || results === void 0 ? void 0 : results.length) > 0);
-			return nestedEntries;
-		});
-		return function readEntriesInDirectory(_x) {
-			return _ref.apply(this, arguments);
+function init_helpers() {
+	return (init_helpers = __esmMin(() => {
+		init_asyncToGenerator();
+		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";
 		};
-	}();
-	readEntries = function() {
-		var _ref3 = _asyncToGenerator(function* (entries) {
-			const readFilesPromises = entries.filter((entry) => isFileEntry(entry)).map((entry) => convertEntryToFile(entry));
-			const files = yield Promise.all(readFilesPromises);
-			const readFoldersPromises = entries.filter((entry) => isDirectoryEntry(entry)).map(function() {
-				var _ref2 = _asyncToGenerator(function* (directory) {
-					const nestedEntries = yield readEntriesInDirectory(directory);
-					if (nestedEntries.length > 0) files.push(...yield readEntries(nestedEntries));
-				});
-				return function(_x2) {
-					return _ref2.apply(this, arguments);
-				};
-			}());
-			yield Promise.all(readFoldersPromises);
-			return files;
-		});
-		return function readEntries(_x3) {
-			return _ref3.apply(this, arguments);
+		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]}`;
 		};
-	}();
-	readTransferredFiles = function() {
-		var _ref4 = _asyncToGenerator(function* (dataTransfer) {
-			const items = [...dataTransfer.items].map((entry) => entry.webkitGetAsEntry()).filter((item) => !!item);
-			const files = yield readEntries(items);
-			const outputDataTransfer = new DataTransfer();
-			for (const file of files) outputDataTransfer.items.add(file);
-			return outputDataTransfer.files;
-		});
-		return function readTransferredFiles(_x4) {
-			return _ref4.apply(this, arguments);
+		fileIsAccepted = (file, accept) => {
+			if (!accept) return true;
+			const acceptItems = accept.split(",").map((a) => a.trim()).filter(Boolean);
+			if (acceptItems.length === 0) return true;
+			const { name: fileName, type: fileType } = file;
+			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;
+			else if (item.startsWith(".") && fileName.toLocaleLowerCase().endsWith(item)) return true;
+			return false;
 		};
-	}();
-});
+		isFileEntry = (entry) => !!entry.isFile;
+		isDirectoryEntry = (entry) => !!entry.isDirectory;
+		convertEntryToFile = (entry) => new Promise((resolve, reject) => {
+			entry.file((file) => {
+				var _entry$fullPath;
+				const cleanPath = ((_entry$fullPath = entry.fullPath) === null || _entry$fullPath === void 0 ? void 0 : _entry$fullPath.startsWith("/")) ? entry.fullPath.slice(1) : entry.fullPath;
+				if (cleanPath !== file.webkitRelativePath && cleanPath !== file.name) Object.defineProperty(file, "webkitRelativePath", {
+					value: cleanPath,
+					writable: true,
+					enumerable: true,
+					configurable: true
+				});
+				resolve(file);
+			}, reject);
+		});
+		readEntriesInDirectory = function() {
+			var _ref = _asyncToGenerator(function* (directory) {
+				const reader = directory.createReader();
+				const nestedEntries = [];
+				let results = [];
+				do {
+					results = yield new Promise((resolve, reject) => {
+						reader.readEntries(resolve, reject);
+					});
+					nestedEntries.push(...results);
+				} while ((results === null || results === void 0 ? void 0 : results.length) > 0);
+				return nestedEntries;
+			});
+			return function readEntriesInDirectory(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}();
+		readEntries = function() {
+			var _ref3 = _asyncToGenerator(function* (entries) {
+				const readFilesPromises = entries.filter((entry) => isFileEntry(entry)).map((entry) => convertEntryToFile(entry));
+				const files = yield Promise.all(readFilesPromises);
+				const readFoldersPromises = entries.filter((entry) => isDirectoryEntry(entry)).map(function() {
+					var _ref2 = _asyncToGenerator(function* (directory) {
+						const nestedEntries = yield readEntriesInDirectory(directory);
+						if (nestedEntries.length > 0) files.push(...yield readEntries(nestedEntries));
+					});
+					return function(_x2) {
+						return _ref2.apply(this, arguments);
+					};
+				}());
+				yield Promise.all(readFoldersPromises);
+				return files;
+			});
+			return function readEntries(_x3) {
+				return _ref3.apply(this, arguments);
+			};
+		}();
+		readTransferredFiles = function() {
+			var _ref4 = _asyncToGenerator(function* (dataTransfer) {
+				const items = [...dataTransfer.items].map((entry) => entry.webkitGetAsEntry()).filter((item) => !!item);
+				const files = yield readEntries(items);
+				const outputDataTransfer = new DataTransfer();
+				for (const file of files) outputDataTransfer.items.add(file);
+				return outputDataTransfer.files;
+			});
+			return function readTransferredFiles(_x4) {
+				return _ref4.apply(this, arguments);
+			};
+		}();
+	}))();
+}
 
 //#endregion
 init_helpers();

package/dist/components/FileInput/index.d.ts

@@ -1,15 +1,16 @@
+import { FileInputButton } from './components/Button';
+import { ListFiles } from './components/List';
 import type { FileInputProps } from './types';
-export declare const FileInput: {
+/**
+ * FileInput allow user to drag & drop and upload one or multiple files.
+ */
+declare const FileInputBase: {
     ({ style, className, variant, size, title, children, onDrop, label, labelDescription, disabled, accept, id, 'aria-label': ariaLabel, defaultFiles, onChangeFiles, helper, multiple, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop, validator, onDropError, 'data-testid': dataTestid, 'aria-describedby': ariaDescribedBy, allowDirectories, }: FileInputProps): import("react").JSX.Element;
     displayName: string;
-} & {
-    Button: {
-        ({ children, disabled, ...props }: import("react").ComponentProps<typeof import("..").Button>): import("react").JSX.Element;
-        displayName: string;
-    };
-    List: {
-        ({ limit, textLimit, prominence, onDelete }: import("./types").ListProps): import("react").JSX.Element | null;
-        displayName: string;
-    };
 };
+export declare const FileInput: typeof FileInputBase & {
+    Button: typeof FileInputButton;
+    List: typeof ListFiles;
+};
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FileInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAA;AAoTxD,eAAO,MAAM,SAAS;sYAvQnB,cAAc;;;;;;;;;;;CA0Qf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAI7C,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAA;AASxD;;GAEG;AACH,QAAA,MAAM,aAAa;sYAiChB,cAAc;;CAsQhB,CAAA;AAID,eAAO,MAAM,SAAS;;;CAGpB,CAAA"}