@ultraviolet/ui 3.8.2 → 3.10.0

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

@@ -1,134 +1,144 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { AudioIcon } from "@ultraviolet/icons/AudioIcon";
+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 { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { AudioIcon } from "@ultraviolet/icons/AudioIcon";
 import { DocIcon } from "@ultraviolet/icons/DocIcon";
 import { ImageIcon } from "@ultraviolet/icons/ImageIcon";
 import { VideoIcon } from "@ultraviolet/icons/VideoIcon";
-import { useState } from "react";
-import { Button } from "../../Button/index.js";
-import { Loader } from "../../Loader/index.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { useFileInput } from "../FileInputProvider.js";
-import { getMimeTypeType, formatFileSize } from "../helpers.js";
-import { fileViewerContainer, fileInfo, fileViewerImage } from "../styles.css.js";
+
+//#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);
-  };
-  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 fileType = getMimeTypeType(file.type);
-        const illustration = getIllustration(
-          fileType,
-          file.file,
-          !!file.error || error,
-          file.loading
-        );
-        const sentiment = file.error ? "danger" : "neutral";
-        return /* @__PURE__ */ jsxs(Stack, { "data-testid": file.fileName, gap: 0.5, children: [
-          /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              alignItems: "center",
-              className: fileViewerContainer[file.error || error ? "error" : prominence],
-              direction: "row",
-              gap: 2,
-              justifyContent: "center",
-              children: [
-                /* @__PURE__ */ jsxs(Stack, { alignItems: "center", 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) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    "data-testid": `remove-${file.fileName}`,
-                    onClick: () => {
-                      const newFiles = files.filter(
-                        (oldFile) => file.file !== oldFile.file
-                      );
-                      setFiles(newFiles);
-                      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;
+	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"
+		})
+	});
 };
-export {
-  ListFiles
+const 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: fileViewerContainer[file.error || error ? "error" : prominence],
+						direction: "row",
+						gap: 2,
+						justifyContent: "center",
+						children: [/* @__PURE__ */ jsxs(Stack, {
+							alignItems: "center",
+							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)
+								})]
+							})]
+						}), /* @__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;
 };
+
+//#endregion
+export { ListFiles };

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

@@ -1,4 +1,5 @@
 import type { MimeType } from './types';
 export declare const getMimeTypeType: (mimeType: string) => MimeType;
 export declare const formatFileSize: (bytes: number) => string;
+export declare const fileIsAccepted: (fileType: string, accept?: string | undefined) => boolean;
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,KAAG,QACiB,CAAA;AAEpE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAoB9C,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,gCACwC,CAAA;AAEpE,eAAO,MAAM,cAAc,2BAoB1B,CAAA;AAED,eAAO,MAAM,cAAc,4DA0B1B,CAAA"}

package/dist/components/FileInput/helpers.js

@@ -1,19 +1,37 @@
-const getMimeTypeType = (mimeType) => mimeType.split("/")?.[0]?.toLowerCase() || "example";
+import { __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;
-  }
-  const formattedSize = size % 1 === 0 ? size : Number.parseFloat(size.toFixed(2));
-  return `${formattedSize} ${units[unitIndex]}`;
+	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]}`;
 };
-export {
-  formatFileSize,
-  getMimeTypeType
+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;
 };
+
+//#endregion
+export { fileIsAccepted, formatFileSize, getMimeTypeType };

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

@@ -1,6 +1,62 @@
 import type { FileInputProps } from './types';
-export declare const FileInput: (({ style, className, variant, size, title, children, onDrop, label, labelDescription, disabled, accept, "aria-label": ariaLabel, defaultFiles, onChangeFiles, helper, multiple, bottom, required, error, "data-testid": dataTestid, }: FileInputProps) => import("react/jsx-runtime").JSX.Element) & {
-    Button: ({ children, disabled, ...props }: import("react").ComponentProps<typeof import("..").Button>) => import("react/jsx-runtime").JSX.Element;
+export declare const FileInput: (({ style, className, variant, size, title, children, onDrop, label, labelDescription, disabled, accept, 'aria-label': ariaLabel, defaultFiles, onChangeFiles, helper, multiple, bottom, required, error, 'data-testid': dataTestid, }: FileInputProps) => import("react/jsx-runtime").JSX.Element) & {
+    Button: ({ children, disabled, ...props }: ({
+        type?: "button" | "reset" | "submit" | undefined;
+        autoFocus?: boolean | undefined;
+        role?: import("react").AriaRole | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        isLoading?: boolean | undefined;
+        'aria-label'?: string | undefined;
+        'aria-current'?: boolean | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-expanded'?: boolean | undefined;
+        'aria-haspopup'?: boolean | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-disabled'?: boolean | undefined;
+        'aria-pressed'?: boolean | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        tooltip?: string | undefined;
+        tabIndex?: number | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+        style?: import("react").CSSProperties | undefined;
+    } & {
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+        size?: "large" | "medium" | "small" | "xsmall" | undefined;
+        variant?: "filled" | "ghost" | "outlined" | undefined;
+    } & ({
+        children: import("react").ReactNode;
+        name?: string | undefined;
+    } & ((Without<{
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: string | undefined;
+    }, {
+        render: import("@ultraviolet/utils").RenderProp;
+    }> & {
+        render: import("@ultraviolet/utils").RenderProp;
+    }) | (Without<{
+        render: import("@ultraviolet/utils").RenderProp;
+    }, {
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: string | undefined;
+    }> & {
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: string | undefined;
+    })))) & import("react").RefAttributes<Element>) => import("react/jsx-runtime").JSX.Element;
     List: ({ limit, textLimit, prominence, }: import("./types").ListProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 //# 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":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAuTxD,eAAO,MAAM,SAAS,0OA7RnB,cAAc;;;CAgSf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAkTxD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAA"}