@povio/ui 2.3.0-rc.6 → 2.3.0-rc.7

package/dist/components/inputs/File/shared/FileCard.js

@@ -1,52 +1,115 @@
 import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { useMemo } from "react";
 //#region src/components/inputs/File/shared/FileCard.tsx
-var FileCard = ({ index, as, state, onRemove, isDisabled, onCancel }) => {
-	const content = useMemo(() => {
-		if (state.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
-			index,
-			variant: "horizontal",
-			as,
-			isDisabled,
-			state,
-			onCancel: () => onCancel?.(index)
-		});
-		if (state.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
-			as,
-			removeWithIcon: true,
-			variant: "horizontal",
-			isDisabled,
-			state,
-			onRemove: () => {
-				onCancel?.(index);
-			}
-		});
-		return /* @__PURE__ */ jsx(FileUploadContentFilled, {
-			as,
-			removeWithIcon: true,
-			variant: "horizontal",
-			isDisabled,
-			state,
-			onRemove: () => {
+var FileCard = (t0) => {
+	const $ = c(28);
+	const { index, as, state, onRemove, isDisabled, onCancel } = t0;
+	let t1;
+	bb0: {
+		if (state.state === "uploading") {
+			let t2;
+			if ($[0] !== index || $[1] !== onCancel) {
+				t2 = () => onCancel?.(index);
+				$[0] = index;
+				$[1] = onCancel;
+				$[2] = t2;
+			} else t2 = $[2];
+			let t3;
+			if ($[3] !== as || $[4] !== index || $[5] !== isDisabled || $[6] !== state || $[7] !== t2) {
+				t3 = /* @__PURE__ */ jsx(FileUploadContentLoading, {
+					index,
+					variant: "horizontal",
+					as,
+					isDisabled,
+					state,
+					onCancel: t2
+				});
+				$[3] = as;
+				$[4] = index;
+				$[5] = isDisabled;
+				$[6] = state;
+				$[7] = t2;
+				$[8] = t3;
+			} else t3 = $[8];
+			t1 = t3;
+			break bb0;
+		}
+		if (state.state === "error") {
+			let t2;
+			if ($[9] !== index || $[10] !== onCancel) {
+				t2 = () => {
+					onCancel?.(index);
+				};
+				$[9] = index;
+				$[10] = onCancel;
+				$[11] = t2;
+			} else t2 = $[11];
+			let t3;
+			if ($[12] !== as || $[13] !== isDisabled || $[14] !== state || $[15] !== t2) {
+				t3 = /* @__PURE__ */ jsx(FileUploadContentError, {
+					as,
+					removeWithIcon: true,
+					variant: "horizontal",
+					isDisabled,
+					state,
+					onRemove: t2
+				});
+				$[12] = as;
+				$[13] = isDisabled;
+				$[14] = state;
+				$[15] = t2;
+				$[16] = t3;
+			} else t3 = $[16];
+			t1 = t3;
+			break bb0;
+		}
+		let t2;
+		if ($[17] !== onRemove || $[18] !== state.id) {
+			t2 = () => {
 				onRemove?.(state.id ?? "");
-			}
+			};
+			$[17] = onRemove;
+			$[18] = state.id;
+			$[19] = t2;
+		} else t2 = $[19];
+		let t3;
+		if ($[20] !== as || $[21] !== isDisabled || $[22] !== state || $[23] !== t2) {
+			t3 = /* @__PURE__ */ jsx(FileUploadContentFilled, {
+				as,
+				removeWithIcon: true,
+				variant: "horizontal",
+				isDisabled,
+				state,
+				onRemove: t2
+			});
+			$[20] = as;
+			$[21] = isDisabled;
+			$[22] = state;
+			$[23] = t2;
+			$[24] = t3;
+		} else t3 = $[24];
+		t1 = t3;
+	}
+	const content = t1;
+	let t2;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid");
+		$[25] = t2;
+	} else t2 = $[25];
+	let t3;
+	if ($[26] !== content) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: content
 		});
-	}, [
-		state,
-		index,
-		as,
-		isDisabled,
-		onCancel,
-		onRemove
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid"),
-		children: content
-	});
+		$[26] = content;
+		$[27] = t3;
+	} else t3 = $[27];
+	return t3;
 };
 //#endregion
 export { FileCard };

package/dist/components/inputs/File/shared/FileCardList.js

@@ -1,19 +1,54 @@
 import { FileCard } from "./FileCard.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileCardList.tsx
-var FileCardList = ({ uploadState, as, isDisabled, className, onRemove, onCancel }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className),
-		children: uploadState.map((state, index) => /* @__PURE__ */ jsx(FileCard, {
-			index,
-			as,
-			state,
-			isDisabled,
-			onRemove,
-			onCancel
-		}, state.file?.name ?? state.displayName ?? state.id ?? state.src))
-	});
+var FileCardList = (t0) => {
+	const $ = c(16);
+	const { uploadState, as, isDisabled, className, onRemove, onCancel } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== as || $[3] !== isDisabled || $[4] !== onCancel || $[5] !== onRemove || $[6] !== uploadState) {
+		let t3;
+		if ($[8] !== as || $[9] !== isDisabled || $[10] !== onCancel || $[11] !== onRemove) {
+			t3 = (state, index) => /* @__PURE__ */ jsx(FileCard, {
+				index,
+				as,
+				state,
+				isDisabled,
+				onRemove,
+				onCancel
+			}, state.file?.name ?? state.displayName ?? state.id ?? state.src);
+			$[8] = as;
+			$[9] = isDisabled;
+			$[10] = onCancel;
+			$[11] = onRemove;
+			$[12] = t3;
+		} else t3 = $[12];
+		t2 = uploadState.map(t3);
+		$[2] = as;
+		$[3] = isDisabled;
+		$[4] = onCancel;
+		$[5] = onRemove;
+		$[6] = uploadState;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[13] !== t1 || $[14] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 };
 //#endregion
 export { FileCardList };

package/dist/components/inputs/File/shared/FileUploadContent.js

@@ -2,53 +2,166 @@ import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { FileUploadContentEmpty } from "./FileUploadContentEmpty.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { FileTrigger } from "react-aria-components";
 //#region src/components/inputs/File/shared/FileUploadContent.tsx
-var FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest }) => {
-	const currentState = uploadState.at(0);
-	const fileTriggerProps = {
-		...rest,
-		acceptedFileTypes,
-		allowsMultiple,
-		onSelect: handleSelect
-	};
+var FileUploadContent = (t0) => {
+	const $ = c(57);
+	let acceptedFileTypes;
+	let allowsMultiple;
+	let as;
+	let browseText;
+	let emptyText;
+	let handleCancelUpload;
+	let handleRemove;
+	let handleSelect;
+	let isDisabled;
+	let rest;
+	let uploadState;
+	let uploadText;
+	let variant;
+	if ($[0] !== t0) {
+		({variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest} = t0);
+		$[0] = t0;
+		$[1] = acceptedFileTypes;
+		$[2] = allowsMultiple;
+		$[3] = as;
+		$[4] = browseText;
+		$[5] = emptyText;
+		$[6] = handleCancelUpload;
+		$[7] = handleRemove;
+		$[8] = handleSelect;
+		$[9] = isDisabled;
+		$[10] = rest;
+		$[11] = uploadState;
+		$[12] = uploadText;
+		$[13] = variant;
+	} else {
+		acceptedFileTypes = $[1];
+		allowsMultiple = $[2];
+		as = $[3];
+		browseText = $[4];
+		emptyText = $[5];
+		handleCancelUpload = $[6];
+		handleRemove = $[7];
+		handleSelect = $[8];
+		isDisabled = $[9];
+		rest = $[10];
+		uploadState = $[11];
+		uploadText = $[12];
+		variant = $[13];
+	}
+	let t1;
+	if ($[14] !== uploadState) {
+		t1 = uploadState.at(0);
+		$[14] = uploadState;
+		$[15] = t1;
+	} else t1 = $[15];
+	const currentState = t1;
+	let t2;
+	if ($[16] !== acceptedFileTypes || $[17] !== allowsMultiple || $[18] !== handleSelect || $[19] !== rest) {
+		t2 = {
+			...rest,
+			acceptedFileTypes,
+			allowsMultiple,
+			onSelect: handleSelect
+		};
+		$[16] = acceptedFileTypes;
+		$[17] = allowsMultiple;
+		$[18] = handleSelect;
+		$[19] = rest;
+		$[20] = t2;
+	} else t2 = $[20];
+	const fileTriggerProps = t2;
 	if (!allowsMultiple && currentState) {
-		if (currentState.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
-			index: 0,
-			variant,
-			as,
-			singleFile: true,
-			isDisabled,
-			state: currentState,
-			onCancel: handleCancelUpload
-		});
-		if (currentState.state === "uploaded") return /* @__PURE__ */ jsx(FileUploadContentFilled, {
-			as,
-			variant,
-			singleFile: true,
-			isDisabled,
-			state: currentState,
-			browseText,
-			fileTriggerProps,
-			onRemove: () => {
-				handleRemove(currentState.id ?? "");
-			}
-		});
-		if (currentState.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
-			as,
-			variant,
-			singleFile: true,
-			isDisabled,
-			state: currentState,
-			onRemove: () => {
-				handleRemove(currentState.id ?? "");
-			}
-		});
+		if (currentState.state === "uploading") {
+			let t3;
+			if ($[21] !== as || $[22] !== currentState || $[23] !== handleCancelUpload || $[24] !== isDisabled || $[25] !== variant) {
+				t3 = /* @__PURE__ */ jsx(FileUploadContentLoading, {
+					index: 0,
+					variant,
+					as,
+					singleFile: true,
+					isDisabled,
+					state: currentState,
+					onCancel: handleCancelUpload
+				});
+				$[21] = as;
+				$[22] = currentState;
+				$[23] = handleCancelUpload;
+				$[24] = isDisabled;
+				$[25] = variant;
+				$[26] = t3;
+			} else t3 = $[26];
+			return t3;
+		}
+		if (currentState.state === "uploaded") {
+			let t3;
+			if ($[27] !== currentState.id || $[28] !== handleRemove) {
+				t3 = () => {
+					handleRemove(currentState.id ?? "");
+				};
+				$[27] = currentState.id;
+				$[28] = handleRemove;
+				$[29] = t3;
+			} else t3 = $[29];
+			let t4;
+			if ($[30] !== as || $[31] !== browseText || $[32] !== currentState || $[33] !== fileTriggerProps || $[34] !== isDisabled || $[35] !== t3 || $[36] !== variant) {
+				t4 = /* @__PURE__ */ jsx(FileUploadContentFilled, {
+					as,
+					variant,
+					singleFile: true,
+					isDisabled,
+					state: currentState,
+					browseText,
+					fileTriggerProps,
+					onRemove: t3
+				});
+				$[30] = as;
+				$[31] = browseText;
+				$[32] = currentState;
+				$[33] = fileTriggerProps;
+				$[34] = isDisabled;
+				$[35] = t3;
+				$[36] = variant;
+				$[37] = t4;
+			} else t4 = $[37];
+			return t4;
+		}
+		if (currentState.state === "error") {
+			let t3;
+			if ($[38] !== currentState.id || $[39] !== handleRemove) {
+				t3 = () => {
+					handleRemove(currentState.id ?? "");
+				};
+				$[38] = currentState.id;
+				$[39] = handleRemove;
+				$[40] = t3;
+			} else t3 = $[40];
+			let t4;
+			if ($[41] !== as || $[42] !== currentState || $[43] !== isDisabled || $[44] !== t3 || $[45] !== variant) {
+				t4 = /* @__PURE__ */ jsx(FileUploadContentError, {
+					as,
+					variant,
+					singleFile: true,
+					isDisabled,
+					state: currentState,
+					onRemove: t3
+				});
+				$[41] = as;
+				$[42] = currentState;
+				$[43] = isDisabled;
+				$[44] = t3;
+				$[45] = variant;
+				$[46] = t4;
+			} else t4 = $[46];
+			return t4;
+		}
 	}
-	return /* @__PURE__ */ jsx(FileTrigger, {
-		...fileTriggerProps,
-		children: /* @__PURE__ */ jsx(FileUploadContentEmpty, {
+	let t3;
+	if ($[47] !== as || $[48] !== browseText || $[49] !== emptyText || $[50] !== isDisabled || $[51] !== uploadText || $[52] !== variant) {
+		t3 = /* @__PURE__ */ jsx(FileUploadContentEmpty, {
 			as,
 			variant,
 			singleFile: true,
@@ -56,8 +169,26 @@ var FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, empt
 			title: emptyText,
 			uploadText,
 			browseText
-		})
-	});
+		});
+		$[47] = as;
+		$[48] = browseText;
+		$[49] = emptyText;
+		$[50] = isDisabled;
+		$[51] = uploadText;
+		$[52] = variant;
+		$[53] = t3;
+	} else t3 = $[53];
+	let t4;
+	if ($[54] !== fileTriggerProps || $[55] !== t3) {
+		t4 = /* @__PURE__ */ jsx(FileTrigger, {
+			...fileTriggerProps,
+			children: t3
+		});
+		$[54] = fileTriggerProps;
+		$[55] = t3;
+		$[56] = t4;
+	} else t4 = $[56];
+	return t4;
 };
 //#endregion
 export { FileUploadContent };

package/dist/components/inputs/File/shared/FileUploadContentEmpty.js

@@ -2,55 +2,158 @@ import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { UploadIcon } from "../../../../assets/icons/Upload.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
-var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
-			"flex-col": variant === "vertical",
-			"min-h-11 flex-row justify-between": variant === "horizontal"
-		}),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-				"flex-col": variant === "vertical",
-				"flex-row": variant === "horizontal",
-				"opacity-50": isDisabled
-			}),
-			children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
-				variant: "prominent-1",
-				size: "label-1",
-				as: "span",
-				className: clsx("self-stretch text-text-default-1", { "text-center": variant === "vertical" }),
-				children: title
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center justify-center", {
-				"flex-col": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": as === "link",
-				"gap-file-upload-content-gap-content-to-button": as === "button"
-			}),
-			children: [/* @__PURE__ */ jsx(Typography, {
-				variant: "default",
-				size: singleFile ? "label-2" : "label-3",
-				as: "span",
-				className: clsx("text-text-default-2", {
-					"text-center": variant === "vertical",
-					"opacity-50": isDisabled
-				}),
-				children: uploadText
-			}), !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
-				className: "text-interactive-text-primary-idle lowercase",
-				children: browseText
-			}) : /* @__PURE__ */ jsx(Button, {
-				variant: "outlined",
-				size: "xs",
-				width: "hug",
-				isDisabled,
-				children: browseText
-			}))]
-		})]
-	});
+var FileUploadContentEmpty = (t0) => {
+	const $ = c(41);
+	const { variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton: t1, className } = t0;
+	const hideButton = t1 === void 0 ? false : t1;
+	const t2 = variant === "vertical";
+	const t3 = variant === "horizontal";
+	let t4;
+	if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
+		t4 = clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
+			"flex-col": t2,
+			"min-h-11 flex-row justify-between": t3
+		});
+		$[0] = className;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const t5 = variant === "vertical";
+	const t6 = variant === "horizontal";
+	let t7;
+	if ($[4] !== isDisabled || $[5] !== t5 || $[6] !== t6) {
+		t7 = clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
+			"flex-col": t5,
+			"flex-row": t6,
+			"opacity-50": isDisabled
+		});
+		$[4] = isDisabled;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" });
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = variant === "vertical";
+	let t10;
+	if ($[9] !== t9) {
+		t10 = clsx("self-stretch text-text-default-1", { "text-center": t9 });
+		$[9] = t9;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] !== t10 || $[12] !== title) {
+		t11 = /* @__PURE__ */ jsx(Typography, {
+			variant: "prominent-1",
+			size: "label-1",
+			as: "span",
+			className: t10,
+			children: title
+		});
+		$[11] = t10;
+		$[12] = title;
+		$[13] = t11;
+	} else t11 = $[13];
+	let t12;
+	if ($[14] !== t11 || $[15] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t7,
+			children: [t8, t11]
+		});
+		$[14] = t11;
+		$[15] = t7;
+		$[16] = t12;
+	} else t12 = $[16];
+	const t13 = variant === "vertical" && as === "button";
+	const t14 = as === "link";
+	const t15 = as === "button";
+	let t16;
+	if ($[17] !== t13 || $[18] !== t14 || $[19] !== t15) {
+		t16 = clsx("flex items-center justify-center", {
+			"flex-col": t13,
+			"gap-file-upload-content-gap-text-to-text": t14,
+			"gap-file-upload-content-gap-content-to-button": t15
+		});
+		$[17] = t13;
+		$[18] = t14;
+		$[19] = t15;
+		$[20] = t16;
+	} else t16 = $[20];
+	const t17 = singleFile ? "label-2" : "label-3";
+	const t18 = variant === "vertical";
+	let t19;
+	if ($[21] !== isDisabled || $[22] !== t18) {
+		t19 = clsx("text-text-default-2", {
+			"text-center": t18,
+			"opacity-50": isDisabled
+		});
+		$[21] = isDisabled;
+		$[22] = t18;
+		$[23] = t19;
+	} else t19 = $[23];
+	let t20;
+	if ($[24] !== t17 || $[25] !== t19 || $[26] !== uploadText) {
+		t20 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: t17,
+			as: "span",
+			className: t19,
+			children: uploadText
+		});
+		$[24] = t17;
+		$[25] = t19;
+		$[26] = uploadText;
+		$[27] = t20;
+	} else t20 = $[27];
+	let t21;
+	if ($[28] !== as || $[29] !== browseText || $[30] !== hideButton || $[31] !== isDisabled) {
+		t21 = !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
+			className: "text-interactive-text-primary-idle lowercase",
+			children: browseText
+		}) : /* @__PURE__ */ jsx(Button, {
+			variant: "outlined",
+			size: "xs",
+			width: "hug",
+			isDisabled,
+			children: browseText
+		}));
+		$[28] = as;
+		$[29] = browseText;
+		$[30] = hideButton;
+		$[31] = isDisabled;
+		$[32] = t21;
+	} else t21 = $[32];
+	let t22;
+	if ($[33] !== t16 || $[34] !== t20 || $[35] !== t21) {
+		t22 = /* @__PURE__ */ jsxs("div", {
+			className: t16,
+			children: [t20, t21]
+		});
+		$[33] = t16;
+		$[34] = t20;
+		$[35] = t21;
+		$[36] = t22;
+	} else t22 = $[36];
+	let t23;
+	if ($[37] !== t12 || $[38] !== t22 || $[39] !== t4) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t12, t22]
+		});
+		$[37] = t12;
+		$[38] = t22;
+		$[39] = t4;
+		$[40] = t23;
+	} else t23 = $[40];
+	return t23;
 };
 //#endregion
 export { FileUploadContentEmpty };