@povio/ui 3.3.0-rc.3 → 3.3.0

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

@@ -6,275 +6,113 @@ import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { CheckCircleIcon } from "../../../../assets/icons/CheckCircle.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
-var FileUploadContentFilled = (t0) => {
-	const $ = c(61);
-	const { variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon: t1, singleFile, onRemove, browseButtonProps } = t0;
-	const removeWithIcon = t1 === void 0 ? false : t1;
+var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
 	const { t } = useTranslation("ui");
-	let t2;
-	if ($[0] !== browseButtonProps) {
-		t2 = browseButtonProps ?? {};
-		$[0] = browseButtonProps;
-		$[1] = t2;
-	} else t2 = $[1];
-	let browseButtonRestProps;
-	let t3;
-	let t4;
-	let t5;
-	if ($[2] !== t2) {
-		({size: t3, variant: t4, width: t5, ...browseButtonRestProps} = t2);
-		$[2] = t2;
-		$[3] = browseButtonRestProps;
-		$[4] = t3;
-		$[5] = t4;
-		$[6] = t5;
-	} else {
-		browseButtonRestProps = $[3];
-		t3 = $[4];
-		t4 = $[5];
-		t5 = $[6];
-	}
-	const browseButtonSize = t3 === void 0 ? "xs" : t3;
-	const browseButtonVariant = t4 === void 0 ? "outlined" : t4;
-	const browseButtonWidth = t5 === void 0 ? "hug" : t5;
-	let t6;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = clsx("flex w-full flex-fill flex-col items-start");
-		$[7] = t6;
-	} else t6 = $[7];
-	const t7 = variant === "horizontal";
-	const t8 = variant === "vertical";
-	const t9 = variant === "vertical" && as === "button";
-	const t10 = variant === "vertical" && as === "link";
-	let t11;
-	if ($[8] !== t10 || $[9] !== t7 || $[10] !== t8 || $[11] !== t9) {
-		t11 = clsx("flex w-full items-center", {
-			"flex-row gap-file-upload-content-gap-left-to-right-content": t7,
-			"flex-col": t8,
-			"gap-file-upload-content-gap-content-to-button": t9,
-			"gap-file-upload-content-gap-text-to-text": t10
-		});
-		$[8] = t10;
-		$[9] = t7;
-		$[10] = t8;
-		$[11] = t9;
-		$[12] = t11;
-	} else t11 = $[12];
-	const t12 = variant === "vertical";
-	const t13 = variant === "horizontal";
-	let t14;
-	if ($[13] !== isDisabled || $[14] !== t12 || $[15] !== t13) {
-		t14 = clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
-			"flex-col": t12,
-			"flex-row": t13,
-			"opacity-50": isDisabled
-		});
-		$[13] = isDisabled;
-		$[14] = t12;
-		$[15] = t13;
-		$[16] = t14;
-	} else t14 = $[16];
-	let t15;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" });
-		$[17] = t15;
-	} else t15 = $[17];
-	const t16 = variant === "vertical";
-	const t17 = variant === "horizontal";
-	let t18;
-	if ($[18] !== t16 || $[19] !== t17) {
-		t18 = clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
-			"max-w-full items-center": t16,
-			"max-w-[calc(100%-32px)]": t17
-		});
-		$[18] = t16;
-		$[19] = t17;
-		$[20] = t18;
-	} else t18 = $[20];
-	const t19 = state.file?.name ?? state.displayName ?? "";
-	let t20;
-	if ($[21] !== t19) {
-		t20 = /* @__PURE__ */ jsx(Typography, {
-			variant: "prominent-1",
-			size: "label-1",
-			as: "span",
-			className: "self-stretch truncate text-center text-text-default-1",
-			children: t19
-		});
-		$[21] = t19;
-		$[22] = t20;
-	} else t20 = $[22];
-	const t21 = singleFile ? "label-2" : "label-3";
-	let t22;
-	if ($[23] !== state) {
-		t22 = FileUtils.getFileDisplaySize(state);
-		$[23] = state;
-		$[24] = t22;
-	} else t22 = $[24];
-	let t23;
-	if ($[25] !== t21 || $[26] !== t22) {
-		t23 = /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: t21,
-			as: "span",
-			className: "text-text-default-2",
-			children: t22
-		});
-		$[25] = t21;
-		$[26] = t22;
-		$[27] = t23;
-	} else t23 = $[27];
-	let t24;
-	if ($[28] !== t18 || $[29] !== t20 || $[30] !== t23) {
-		t24 = /* @__PURE__ */ jsxs("div", {
-			className: t18,
-			children: [t20, t23]
-		});
-		$[28] = t18;
-		$[29] = t20;
-		$[30] = t23;
-		$[31] = t24;
-	} else t24 = $[31];
-	let t25;
-	if ($[32] !== t14 || $[33] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("div", {
-			className: t14,
-			children: [t15, t24]
-		});
-		$[32] = t14;
-		$[33] = t24;
-		$[34] = t25;
-	} else t25 = $[34];
-	const t26 = variant === "vertical" && as === "button";
-	const t27 = as === "link" && variant === "vertical";
-	const t28 = as === "button" && variant === "vertical";
-	const t29 = variant === "horizontal";
-	let t30;
-	if ($[35] !== t26 || $[36] !== t27 || $[37] !== t28 || $[38] !== t29) {
-		t30 = clsx("flex flex-none items-center justify-end", {
-			"flex-col": t26,
-			"gap-file-upload-content-gap-text-to-text": t27,
-			"gap-file-upload-content-gap-content-to-button": t28,
-			"gap-file-upload-content-gap-button-to-button": t29
-		});
-		$[35] = t26;
-		$[36] = t27;
-		$[37] = t28;
-		$[38] = t29;
-		$[39] = t30;
-	} else t30 = $[39];
-	let t31;
-	if ($[40] !== as || $[41] !== browseButtonRestProps || $[42] !== browseButtonSize || $[43] !== browseButtonVariant || $[44] !== browseButtonWidth || $[45] !== browseText || $[46] !== fileTriggerProps || $[47] !== isDisabled || $[48] !== onRemove || $[49] !== removeWithIcon || $[50] !== state.id || $[51] !== t || $[52] !== variant) {
-		t31 = as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
-			...fileTriggerProps,
-			children: /* @__PURE__ */ jsx(TextButton, {
-				className: clsx("text-interactive-text-primary-idle", { "[&>span>span]:font-medium!": variant === "vertical" }),
-				children: browseText ?? ""
-			})
-		}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-2",
-			as: "span",
-			className: "text-text-default-2",
-			children: t(_temp)
-		})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "Cancel",
-			color: "secondary",
-			onPress: () => {
-				onRemove(state.id ?? "");
-			},
-			icon: CloseIcon
-		}) : /* @__PURE__ */ jsx(TextButton, {
-			className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
-			color: variant === "horizontal" ? "secondary" : "primary",
-			onPress: () => {
-				onRemove(state.id ?? "");
-			},
-			children: t(_temp2)
-		})] }) : /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
-			children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
-				...fileTriggerProps,
-				children: /* @__PURE__ */ jsx(Button$1, {
-					variant: browseButtonVariant,
-					size: browseButtonSize,
-					width: browseButtonWidth,
-					...browseButtonRestProps,
-					isDisabled,
-					children: browseText ?? ""
+	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("flex w-full flex-fill flex-col items-start"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx("flex w-full items-center", {
+				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
+				"flex-col": variant === "vertical",
+				"gap-file-upload-content-gap-content-to-button": variant === "vertical" && as === "button",
+				"gap-file-upload-content-gap-text-to-text": variant === "vertical" && as === "link"
+			}),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
+					"flex-col": variant === "vertical",
+					"flex-row": variant === "horizontal",
+					"opacity-50": isDisabled
+				}),
+				children: [/* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
+					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
+						"max-w-full items-center": variant === "vertical",
+						"max-w-[calc(100%-32px)]": variant === "horizontal"
+					}),
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "prominent-1",
+						size: "label-1",
+						as: "span",
+						className: "self-stretch truncate text-center text-text-default-1",
+						children: state.file?.name ?? state.displayName ?? ""
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "default",
+						size: singleFile ? "label-2" : "label-3",
+						as: "span",
+						className: "text-text-default-2",
+						children: FileUtils.getFileDisplaySize(state)
+					})]
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: clsx("flex flex-none items-center justify-end", {
+					"flex-col": variant === "vertical" && as === "button",
+					"gap-file-upload-content-gap-text-to-text": as === "link" && variant === "vertical",
+					"gap-file-upload-content-gap-content-to-button": as === "button" && variant === "vertical",
+					"gap-file-upload-content-gap-button-to-button": variant === "horizontal"
+				}),
+				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
+					...fileTriggerProps,
+					children: /* @__PURE__ */ jsx(TextButton, {
+						className: clsx("text-interactive-text-primary-idle", { "[&>span>span]:font-medium!": variant === "vertical" }),
+						children: browseText ?? ""
+					})
+				}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
+					variant: "default",
+					size: "label-2",
+					as: "span",
+					className: "text-text-default-2",
+					children: t(($) => $.ui.fileUpload.or)
+				})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
+					label: "Cancel",
+					color: "secondary",
+					onPress: () => {
+						onRemove(state.id ?? "");
+					},
+					icon: CloseIcon
+				}) : /* @__PURE__ */ jsx(TextButton, {
+					className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
+					color: variant === "horizontal" ? "secondary" : "primary",
+					onPress: () => {
+						onRemove(state.id ?? "");
+					},
+					children: t(($_0) => $_0.ui.fileUpload.removeFile)
+				})] }) : /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
+					children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
+						...fileTriggerProps,
+						children: /* @__PURE__ */ jsx(Button$1, {
+							variant: browseButtonVariant,
+							size: browseButtonSize,
+							width: browseButtonWidth,
+							...browseButtonRestProps,
+							isDisabled,
+							children: browseText ?? ""
+						})
+					}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
+						label: "Cancel",
+						color: "secondary",
+						onPress: () => {
+							onRemove(state.id ?? "");
+						},
+						icon: CloseIcon,
+						isDisabled
+					}) : /* @__PURE__ */ jsx(TextButton, {
+						color: "secondary",
+						onPress: () => {
+							onRemove(state.id ?? "");
+						},
+						isDisabled,
+						children: t(($_1) => $_1.ui.fileUpload.removeFile)
+					})]
 				})
-			}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-				label: "Cancel",
-				color: "secondary",
-				onPress: () => {
-					onRemove(state.id ?? "");
-				},
-				icon: CloseIcon,
-				isDisabled
-			}) : /* @__PURE__ */ jsx(TextButton, {
-				color: "secondary",
-				onPress: () => {
-					onRemove(state.id ?? "");
-				},
-				isDisabled,
-				children: t(_temp3)
 			})]
-		});
-		$[40] = as;
-		$[41] = browseButtonRestProps;
-		$[42] = browseButtonSize;
-		$[43] = browseButtonVariant;
-		$[44] = browseButtonWidth;
-		$[45] = browseText;
-		$[46] = fileTriggerProps;
-		$[47] = isDisabled;
-		$[48] = onRemove;
-		$[49] = removeWithIcon;
-		$[50] = state.id;
-		$[51] = t;
-		$[52] = variant;
-		$[53] = t31;
-	} else t31 = $[53];
-	let t32;
-	if ($[54] !== t30 || $[55] !== t31) {
-		t32 = /* @__PURE__ */ jsx("div", {
-			className: t30,
-			children: t31
-		});
-		$[54] = t30;
-		$[55] = t31;
-		$[56] = t32;
-	} else t32 = $[56];
-	let t33;
-	if ($[57] !== t11 || $[58] !== t25 || $[59] !== t32) {
-		t33 = /* @__PURE__ */ jsx("div", {
-			className: t6,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: t11,
-				children: [t25, t32]
-			})
-		});
-		$[57] = t11;
-		$[58] = t25;
-		$[59] = t32;
-		$[60] = t33;
-	} else t33 = $[60];
-	return t33;
+		})
+	});
 };
-function _temp($) {
-	return $.ui.fileUpload.or;
-}
-function _temp2($_0) {
-	return $_0.ui.fileUpload.removeFile;
-}
-function _temp3($_1) {
-	return $_1.ui.fileUpload.removeFile;
-}
 //#endregion
 export { FileUploadContentFilled };