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

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

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

package/dist/components/inputs/File/shared/FileUploadContentLoading.d.ts

@@ -1,9 +1,9 @@
 import { FileUploadBaseProps, FileUploadState } from '../fileUpload.types';
-type FileUploadContentLoadingProps = Pick<FileUploadBaseProps, "variant" | "as" | "isDisabled" | "emptyText" | "browseText"> & {
+type FileUploadContentLoadingProps = Pick<FileUploadBaseProps, "variant" | "as" | "isDisabled" | "emptyText" | "browseText" | "cancelButtonProps"> & {
     index: number;
     state: FileUploadState;
     singleFile?: boolean;
     onCancel: (index: number) => void;
 };
-export declare const FileUploadContentLoading: ({ index, variant, as, state, isDisabled, singleFile, onCancel, }: FileUploadContentLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploadContentLoading: ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps, }: FileUploadContentLoadingProps) => import("react/jsx-runtime").JSX.Element;
 export {};