@drivenets/design-system 0.0.3 → 0.0.4

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.js

@@ -6,6 +6,7 @@ import ds_tooltip_default from "../../../ds-tooltip/ds-tooltip.js";
 import "../../../ds-tooltip/index.js";
 import { getErrorMessage } from "../../utils/get-error-message.js";
 import file_upload_item_module_default from "./file-upload-item.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress } from "@ark-ui/react";
@@ -15,140 +16,280 @@ import { Progress } from "@ark-ui/react";
 * Individual file upload item component
 * Displays a single file with its upload status, progress, and action buttons
 */
-const FileUploadItem = ({ id, name, progress, hideProgress = false, status, errors, onCancel, onRetry, onRemove, onDelete }) => {
-	const fileItemClass = classNames(file_upload_item_module_default.fileItemContent, {
-		[file_upload_item_module_default.fileItemError]: status === "error",
-		[file_upload_item_module_default.fileItemCompleted]: status === "completed",
-		[file_upload_item_module_default.fileItemUploading]: status === "uploading",
-		[file_upload_item_module_default.fileItemInterrupted]: status === "interrupted" || status === "cancelled"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: file_upload_item_module_default.fileItem,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: fileItemClass,
-				children: [
-					/* @__PURE__ */ jsx(ds_icon_default, {
-						className: file_upload_item_module_default.filePreview,
-						icon: "upload_file",
-						size: "tiny"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: file_upload_item_module_default.fileInfo,
-						children: [/* @__PURE__ */ jsx("div", {
-							className: file_upload_item_module_default.fileName,
-							title: name,
-							children: name
-						}), /* @__PURE__ */ jsx(Progress.Root, {
-							value: status === "error" ? 1 : progress,
-							className: file_upload_item_module_default.progressBar,
-							children: /* @__PURE__ */ jsx(Progress.Track, {
-								className: file_upload_item_module_default.progressTrack,
-								children: /* @__PURE__ */ jsx(Progress.Range, { className: file_upload_item_module_default.progressRange })
-							})
-						})]
-					}),
-					(status === "interrupted" || status === "cancelled") && onRetry && /* @__PURE__ */ jsx(ds_tooltip_default, {
-						content: "Retry",
-						children: /* @__PURE__ */ jsx(ds_button_default, {
-							type: "button",
-							design: "v1.2",
-							buttonType: "tertiary",
-							"aria-label": `Retry ${name} upload`,
-							onClick: () => onRetry(id),
-							children: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "refresh",
-								size: "small"
-							})
-						})
-					}),
-					(status === "pending" || status === "error" || status === "interrupted") && /* @__PURE__ */ jsx(ds_tooltip_default, {
-						content: "Remove",
-						children: /* @__PURE__ */ jsx(ds_button_default, {
-							type: "button",
-							design: "v1.2",
-							buttonType: "tertiary",
-							"aria-label": `Remove ${name} upload`,
-							onClick: () => onRemove?.(id),
-							children: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "do_not_disturb_on",
-								size: "small"
-							})
-						})
-					}),
-					status === "uploading" && onCancel && /* @__PURE__ */ jsx(ds_tooltip_default, {
-						content: "Cancel",
-						children: /* @__PURE__ */ jsx(ds_button_default, {
-							type: "button",
-							design: "v1.2",
-							buttonType: "tertiary",
-							"aria-label": `Cancel ${name} upload`,
-							onClick: () => onCancel(id),
-							children: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "close",
-								size: "small"
-							})
-						})
-					}),
-					status === "completed" && /* @__PURE__ */ jsx(ds_tooltip_default, {
-						content: "Delete",
-						children: /* @__PURE__ */ jsx(ds_button_default, {
-							type: "button",
-							design: "v1.2",
-							buttonType: "tertiary",
-							"aria-label": `Delete ${name}`,
-							onClick: () => onDelete?.(id),
-							children: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "delete",
-								size: "small"
-							})
-						})
-					})
-				]
-			}),
-			status === "completed" && /* @__PURE__ */ jsxs("div", {
-				className: file_upload_item_module_default.completedText,
-				children: [/* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "check_circle",
-					size: "tiny",
-					filled: true
-				}), "Upload complete"]
-			}),
-			status === "interrupted" && /* @__PURE__ */ jsxs("div", {
-				className: file_upload_item_module_default.interruptedText,
-				children: [/* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "info",
-					size: "tiny",
-					filled: true
-				}), "Upload interrupted"]
-			}),
-			status === "cancelled" && /* @__PURE__ */ jsxs("div", {
-				className: file_upload_item_module_default.interruptedText,
-				children: [/* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "info",
-					size: "tiny",
-					filled: true
-				}), "Upload cancelled"]
-			}),
-			status === "error" && errors?.length && errors.map((error) => /* @__PURE__ */ jsxs("div", {
-				className: file_upload_item_module_default.errorMessage,
-				children: [/* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "cancel",
-					size: "tiny",
-					filled: true
-				}), getErrorMessage(error)]
-			}, error)),
-			!hideProgress && status === "uploading" && /* @__PURE__ */ jsxs("span", {
-				className: file_upload_item_module_default.progressText,
-				children: [
-					"Uploading...(",
-					Math.round(progress),
-					"%)"
-				]
+const FileUploadItem = (t0) => {
+	const $ = c(61);
+	const { id, name, progress, hideProgress: t1, status, errors, onCancel, onRetry, onRemove, onDelete } = t0;
+	const hideProgress = t1 === void 0 ? false : t1;
+	const t2 = status === "error";
+	const t3 = status === "completed";
+	const t4 = status === "uploading";
+	const t5 = status === "interrupted" || status === "cancelled";
+	let t6;
+	if ($[0] !== t2 || $[1] !== t3 || $[2] !== t4 || $[3] !== t5) {
+		t6 = classNames(file_upload_item_module_default.fileItemContent, {
+			[file_upload_item_module_default.fileItemError]: t2,
+			[file_upload_item_module_default.fileItemCompleted]: t3,
+			[file_upload_item_module_default.fileItemUploading]: t4,
+			[file_upload_item_module_default.fileItemInterrupted]: t5
+		});
+		$[0] = t2;
+		$[1] = t3;
+		$[2] = t4;
+		$[3] = t5;
+		$[4] = t6;
+	} else t6 = $[4];
+	const fileItemClass = t6;
+	let t7;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(ds_icon_default, {
+			className: file_upload_item_module_default.filePreview,
+			icon: "upload_file",
+			size: "tiny"
+		});
+		$[5] = t7;
+	} else t7 = $[5];
+	let t8;
+	if ($[6] !== name) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: file_upload_item_module_default.fileName,
+			title: name,
+			children: name
+		});
+		$[6] = name;
+		$[7] = t8;
+	} else t8 = $[7];
+	const t9 = status === "error" ? 1 : progress;
+	let t10;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Progress.Track, {
+			className: file_upload_item_module_default.progressTrack,
+			children: /* @__PURE__ */ jsx(Progress.Range, { className: file_upload_item_module_default.progressRange })
+		});
+		$[8] = t10;
+	} else t10 = $[8];
+	let t11;
+	if ($[9] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Progress.Root, {
+			value: t9,
+			className: file_upload_item_module_default.progressBar,
+			children: t10
+		});
+		$[9] = t9;
+		$[10] = t11;
+	} else t11 = $[10];
+	let t12;
+	if ($[11] !== t11 || $[12] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: file_upload_item_module_default.fileInfo,
+			children: [t8, t11]
+		});
+		$[11] = t11;
+		$[12] = t8;
+		$[13] = t12;
+	} else t12 = $[13];
+	let t13;
+	if ($[14] !== id || $[15] !== name || $[16] !== onRetry || $[17] !== status) {
+		t13 = (status === "interrupted" || status === "cancelled") && onRetry && /* @__PURE__ */ jsx(ds_tooltip_default, {
+			content: "Retry",
+			children: /* @__PURE__ */ jsx(ds_button_default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Retry ${name} upload`,
+				onClick: () => onRetry(id),
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "refresh",
+					size: "small"
+				})
+			})
+		});
+		$[14] = id;
+		$[15] = name;
+		$[16] = onRetry;
+		$[17] = status;
+		$[18] = t13;
+	} else t13 = $[18];
+	let t14;
+	if ($[19] !== id || $[20] !== name || $[21] !== onRemove || $[22] !== status) {
+		t14 = (status === "pending" || status === "error" || status === "interrupted") && /* @__PURE__ */ jsx(ds_tooltip_default, {
+			content: "Remove",
+			children: /* @__PURE__ */ jsx(ds_button_default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Remove ${name} upload`,
+				onClick: () => onRemove?.(id),
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "do_not_disturb_on",
+					size: "small"
+				})
+			})
+		});
+		$[19] = id;
+		$[20] = name;
+		$[21] = onRemove;
+		$[22] = status;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== id || $[25] !== name || $[26] !== onCancel || $[27] !== status) {
+		t15 = status === "uploading" && onCancel && /* @__PURE__ */ jsx(ds_tooltip_default, {
+			content: "Cancel",
+			children: /* @__PURE__ */ jsx(ds_button_default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Cancel ${name} upload`,
+				onClick: () => onCancel(id),
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "close",
+					size: "small"
+				})
 			})
-		]
-	});
+		});
+		$[24] = id;
+		$[25] = name;
+		$[26] = onCancel;
+		$[27] = status;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== id || $[30] !== name || $[31] !== onDelete || $[32] !== status) {
+		t16 = status === "completed" && /* @__PURE__ */ jsx(ds_tooltip_default, {
+			content: "Delete",
+			children: /* @__PURE__ */ jsx(ds_button_default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Delete ${name}`,
+				onClick: () => onDelete?.(id),
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "delete",
+					size: "small"
+				})
+			})
+		});
+		$[29] = id;
+		$[30] = name;
+		$[31] = onDelete;
+		$[32] = status;
+		$[33] = t16;
+	} else t16 = $[33];
+	let t17;
+	if ($[34] !== fileItemClass || $[35] !== t12 || $[36] !== t13 || $[37] !== t14 || $[38] !== t15 || $[39] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: fileItemClass,
+			children: [
+				t7,
+				t12,
+				t13,
+				t14,
+				t15,
+				t16
+			]
+		});
+		$[34] = fileItemClass;
+		$[35] = t12;
+		$[36] = t13;
+		$[37] = t14;
+		$[38] = t15;
+		$[39] = t16;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] !== status) {
+		t18 = status === "completed" && /* @__PURE__ */ jsxs("div", {
+			className: file_upload_item_module_default.completedText,
+			children: [/* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "check_circle",
+				size: "tiny",
+				filled: true
+			}), "Upload complete"]
+		});
+		$[41] = status;
+		$[42] = t18;
+	} else t18 = $[42];
+	let t19;
+	if ($[43] !== status) {
+		t19 = status === "interrupted" && /* @__PURE__ */ jsxs("div", {
+			className: file_upload_item_module_default.interruptedText,
+			children: [/* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "info",
+				size: "tiny",
+				filled: true
+			}), "Upload interrupted"]
+		});
+		$[43] = status;
+		$[44] = t19;
+	} else t19 = $[44];
+	let t20;
+	if ($[45] !== status) {
+		t20 = status === "cancelled" && /* @__PURE__ */ jsxs("div", {
+			className: file_upload_item_module_default.interruptedText,
+			children: [/* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "info",
+				size: "tiny",
+				filled: true
+			}), "Upload cancelled"]
+		});
+		$[45] = status;
+		$[46] = t20;
+	} else t20 = $[46];
+	let t21;
+	if ($[47] !== errors || $[48] !== status) {
+		t21 = status === "error" && errors?.length && errors.map(_temp);
+		$[47] = errors;
+		$[48] = status;
+		$[49] = t21;
+	} else t21 = $[49];
+	let t22;
+	if ($[50] !== hideProgress || $[51] !== progress || $[52] !== status) {
+		t22 = !hideProgress && status === "uploading" && /* @__PURE__ */ jsxs("span", {
+			className: file_upload_item_module_default.progressText,
+			children: [
+				"Uploading...(",
+				Math.round(progress),
+				"%)"
+			]
+		});
+		$[50] = hideProgress;
+		$[51] = progress;
+		$[52] = status;
+		$[53] = t22;
+	} else t22 = $[53];
+	let t23;
+	if ($[54] !== t17 || $[55] !== t18 || $[56] !== t19 || $[57] !== t20 || $[58] !== t21 || $[59] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: file_upload_item_module_default.fileItem,
+			children: [
+				t17,
+				t18,
+				t19,
+				t20,
+				t21,
+				t22
+			]
+		});
+		$[54] = t17;
+		$[55] = t18;
+		$[56] = t19;
+		$[57] = t20;
+		$[58] = t21;
+		$[59] = t22;
+		$[60] = t23;
+	} else t23 = $[60];
+	return t23;
 };
+function _temp(error) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: file_upload_item_module_default.errorMessage,
+		children: [/* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "cancel",
+			size: "tiny",
+			filled: true
+		}), getErrorMessage(error)]
+	}, error);
+}
 
 //#endregion
 export { FileUploadItem };

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-item.js","names":["FileUploadItem: React.FC<FileUploadItemProps>","styles","DsIcon","DsTooltip","DsButton"],"sources":["../../../../../src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { Progress } from '@ark-ui/react';\nimport { DsTooltip } from '../../../ds-tooltip';\nimport { DsButton } from '../../../ds-button';\nimport { DsIcon } from '../../../ds-icon';\nimport { getErrorMessage } from '../../utils/get-error-message';\nimport type { FileUploadItemProps } from './file-upload-item.types';\nimport styles from './file-upload-item.module.scss';\n\n/**\n * Individual file upload item component\n * Displays a single file with its upload status, progress, and action buttons\n */\nexport const FileUploadItem: React.FC<FileUploadItemProps> = ({\n\tid,\n\tname,\n\tprogress,\n\thideProgress = false,\n\tstatus,\n\terrors,\n\tonCancel,\n\tonRetry,\n\tonRemove,\n\tonDelete,\n}) => {\n\tconst fileItemClass = classNames(styles.fileItemContent, {\n\t\t[styles.fileItemError]: status === 'error',\n\t\t[styles.fileItemCompleted]: status === 'completed',\n\t\t[styles.fileItemUploading]: status === 'uploading',\n\t\t[styles.fileItemInterrupted]: status === 'interrupted' || status === 'cancelled',\n\t});\n\n\treturn (\n\t\t<div className={styles.fileItem}>\n\t\t\t<div className={fileItemClass}>\n\t\t\t\t<DsIcon className={styles.filePreview} icon=\"upload_file\" size=\"tiny\" />\n\n\t\t\t\t<div className={styles.fileInfo}>\n\t\t\t\t\t<div className={styles.fileName} title={name}>\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Progress.Root value={status === 'error' ? 1 : progress} className={styles.progressBar}>\n\t\t\t\t\t\t<Progress.Track className={styles.progressTrack}>\n\t\t\t\t\t\t\t<Progress.Range className={styles.progressRange} />\n\t\t\t\t\t\t</Progress.Track>\n\t\t\t\t\t</Progress.Root>\n\t\t\t\t</div>\n\n\t\t\t\t{(status === 'interrupted' || status === 'cancelled') && onRetry && (\n\t\t\t\t\t<DsTooltip content=\"Retry\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Retry ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onRetry(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"refresh\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{(status === 'pending' || status === 'error' || status === 'interrupted') && (\n\t\t\t\t\t<DsTooltip content=\"Remove\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Remove ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onRemove?.(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"do_not_disturb_on\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'uploading' && onCancel && (\n\t\t\t\t\t<DsTooltip content=\"Cancel\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Cancel ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onCancel(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'completed' && (\n\t\t\t\t\t<DsTooltip content=\"Delete\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Delete ${name}`}\n\t\t\t\t\t\t\tonClick={() => onDelete?.(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"delete\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{status === 'completed' && (\n\t\t\t\t<div className={styles.completedText}>\n\t\t\t\t\t<DsIcon icon=\"check_circle\" size=\"tiny\" filled />\n\t\t\t\t\tUpload complete\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'interrupted' && (\n\t\t\t\t<div className={styles.interruptedText}>\n\t\t\t\t\t<DsIcon icon=\"info\" size=\"tiny\" filled />\n\t\t\t\t\tUpload interrupted\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'cancelled' && (\n\t\t\t\t<div className={styles.interruptedText}>\n\t\t\t\t\t<DsIcon icon=\"info\" size=\"tiny\" filled />\n\t\t\t\t\tUpload cancelled\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'error' &&\n\t\t\t\terrors?.length &&\n\t\t\t\terrors.map((error) => (\n\t\t\t\t\t<div key={error} className={styles.errorMessage}>\n\t\t\t\t\t\t<DsIcon icon=\"cancel\" size=\"tiny\" filled />\n\t\t\t\t\t\t{getErrorMessage(error)}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t{!hideProgress && status === 'uploading' && (\n\t\t\t\t<span className={styles.progressText}>Uploading...({Math.round(progress)}%)</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAaA,kBAAiD,EAC7D,IACA,MACA,UACA,eAAe,OACf,QACA,QACA,UACA,SACA,UACA,eACK;CACL,MAAM,gBAAgB,WAAWC,gCAAO,iBAAiB;GACvDA,gCAAO,gBAAgB,WAAW;GAClCA,gCAAO,oBAAoB,WAAW;GACtCA,gCAAO,oBAAoB,WAAW;GACtCA,gCAAO,sBAAsB,WAAW,iBAAiB,WAAW;EACrE,CAAC;AAEF,QACC,qBAAC;EAAI,WAAWA,gCAAO;;GACtB,qBAAC;IAAI,WAAW;;KACf,oBAACC;MAAO,WAAWD,gCAAO;MAAa,MAAK;MAAc,MAAK;OAAS;KAExE,qBAAC;MAAI,WAAWA,gCAAO;iBACtB,oBAAC;OAAI,WAAWA,gCAAO;OAAU,OAAO;iBACtC;QACI,EAEN,oBAAC,SAAS;OAAK,OAAO,WAAW,UAAU,IAAI;OAAU,WAAWA,gCAAO;iBAC1E,oBAAC,SAAS;QAAM,WAAWA,gCAAO;kBACjC,oBAAC,SAAS,SAAM,WAAWA,gCAAO,gBAAiB;SACnC;QACF;OACX;MAEJ,WAAW,iBAAiB,WAAW,gBAAgB,WACxD,oBAACE;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,SAAS,KAAK;OAC1B,eAAe,QAAQ,GAAG;iBAE1B,oBAACF;QAAO,MAAK;QAAU,MAAK;SAAU;QAC5B;OACA;MAGX,WAAW,aAAa,WAAW,WAAW,WAAW,kBAC1D,oBAACC;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,UAAU,KAAK;OAC3B,eAAe,WAAW,GAAG;iBAE7B,oBAACF;QAAO,MAAK;QAAoB,MAAK;SAAU;QACtC;OACA;KAGZ,WAAW,eAAe,YAC1B,oBAACC;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,UAAU,KAAK;OAC3B,eAAe,SAAS,GAAG;iBAE3B,oBAACF;QAAO,MAAK;QAAQ,MAAK;SAAU;QAC1B;OACA;KAGZ,WAAW,eACX,oBAACC;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,UAAU;OACtB,eAAe,WAAW,GAAG;iBAE7B,oBAACF;QAAO,MAAK;QAAS,MAAK;SAAU;QAC3B;OACA;;KAER;GAEL,WAAW,eACX,qBAAC;IAAI,WAAWD,gCAAO;eACtB,oBAACC;KAAO,MAAK;KAAe,MAAK;KAAO;MAAS;KAE5C;GAGN,WAAW,iBACX,qBAAC;IAAI,WAAWD,gCAAO;eACtB,oBAACC;KAAO,MAAK;KAAO,MAAK;KAAO;MAAS;KAEpC;GAGN,WAAW,eACX,qBAAC;IAAI,WAAWD,gCAAO;eACtB,oBAACC;KAAO,MAAK;KAAO,MAAK;KAAO;MAAS;KAEpC;GAGN,WAAW,WACX,QAAQ,UACR,OAAO,KAAK,UACX,qBAAC;IAAgB,WAAWD,gCAAO;eAClC,oBAACC;KAAO,MAAK;KAAS,MAAK;KAAO;MAAS,EAC1C,gBAAgB,MAAM;MAFd,MAGJ,CACL;GAEF,CAAC,gBAAgB,WAAW,eAC5B,qBAAC;IAAK,WAAWD,gCAAO;;KAAc;KAAc,KAAK,MAAM,SAAS;KAAC;;KAAS;;GAE9E"}
+{"version":3,"file":"file-upload-item.js","names":["React","classNames","Progress","DsTooltip","DsButton","DsIcon","getErrorMessage","FileUploadItemProps","styles","FileUploadItem","FC","t0","$","_c","id","name","progress","hideProgress","t1","status","errors","onCancel","onRetry","onRemove","onDelete","undefined","t2","t3","t4","t5","t6","fileItemContent","fileItemError","fileItemCompleted","fileItemUploading","fileItemInterrupted","fileItemClass","t7","Symbol","for","filePreview","t8","fileName","t9","t10","progressTrack","progressRange","t11","progressBar","t12","fileInfo","t13","t14","t15","t16","t17","t18","completedText","t19","interruptedText","t20","t21","length","map","_temp","t22","progressText","Math","round","t23","fileItem","error","errorMessage"],"sources":["../../../../../src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { Progress } from '@ark-ui/react';\nimport { DsTooltip } from '../../../ds-tooltip';\nimport { DsButton } from '../../../ds-button';\nimport { DsIcon } from '../../../ds-icon';\nimport { getErrorMessage } from '../../utils/get-error-message';\nimport type { FileUploadItemProps } from './file-upload-item.types';\nimport styles from './file-upload-item.module.scss';\n\n/**\n * Individual file upload item component\n * Displays a single file with its upload status, progress, and action buttons\n */\nexport const FileUploadItem: React.FC<FileUploadItemProps> = ({\n\tid,\n\tname,\n\tprogress,\n\thideProgress = false,\n\tstatus,\n\terrors,\n\tonCancel,\n\tonRetry,\n\tonRemove,\n\tonDelete,\n}) => {\n\tconst fileItemClass = classNames(styles.fileItemContent, {\n\t\t[styles.fileItemError]: status === 'error',\n\t\t[styles.fileItemCompleted]: status === 'completed',\n\t\t[styles.fileItemUploading]: status === 'uploading',\n\t\t[styles.fileItemInterrupted]: status === 'interrupted' || status === 'cancelled',\n\t});\n\n\treturn (\n\t\t<div className={styles.fileItem}>\n\t\t\t<div className={fileItemClass}>\n\t\t\t\t<DsIcon className={styles.filePreview} icon=\"upload_file\" size=\"tiny\" />\n\n\t\t\t\t<div className={styles.fileInfo}>\n\t\t\t\t\t<div className={styles.fileName} title={name}>\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Progress.Root value={status === 'error' ? 1 : progress} className={styles.progressBar}>\n\t\t\t\t\t\t<Progress.Track className={styles.progressTrack}>\n\t\t\t\t\t\t\t<Progress.Range className={styles.progressRange} />\n\t\t\t\t\t\t</Progress.Track>\n\t\t\t\t\t</Progress.Root>\n\t\t\t\t</div>\n\n\t\t\t\t{(status === 'interrupted' || status === 'cancelled') && onRetry && (\n\t\t\t\t\t<DsTooltip content=\"Retry\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Retry ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onRetry(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"refresh\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{(status === 'pending' || status === 'error' || status === 'interrupted') && (\n\t\t\t\t\t<DsTooltip content=\"Remove\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Remove ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onRemove?.(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"do_not_disturb_on\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'uploading' && onCancel && (\n\t\t\t\t\t<DsTooltip content=\"Cancel\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Cancel ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onCancel(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'completed' && (\n\t\t\t\t\t<DsTooltip content=\"Delete\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Delete ${name}`}\n\t\t\t\t\t\t\tonClick={() => onDelete?.(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"delete\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{status === 'completed' && (\n\t\t\t\t<div className={styles.completedText}>\n\t\t\t\t\t<DsIcon icon=\"check_circle\" size=\"tiny\" filled />\n\t\t\t\t\tUpload complete\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'interrupted' && (\n\t\t\t\t<div className={styles.interruptedText}>\n\t\t\t\t\t<DsIcon icon=\"info\" size=\"tiny\" filled />\n\t\t\t\t\tUpload interrupted\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'cancelled' && (\n\t\t\t\t<div className={styles.interruptedText}>\n\t\t\t\t\t<DsIcon icon=\"info\" size=\"tiny\" filled />\n\t\t\t\t\tUpload cancelled\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'error' &&\n\t\t\t\terrors?.length &&\n\t\t\t\terrors.map((error) => (\n\t\t\t\t\t<div key={error} className={styles.errorMessage}>\n\t\t\t\t\t\t<DsIcon icon=\"cancel\" size=\"tiny\" filled />\n\t\t\t\t\t\t{getErrorMessage(error)}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t{!hideProgress && status === 'uploading' && (\n\t\t\t\t<span className={styles.progressText}>Uploading...({Math.round(progress)}%)</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"mappings":"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"}

package/dist/components/ds-file-upload/ds-file-upload.cjs

@@ -3,33 +3,113 @@ const require_file_upload = require('./components/file-upload/file-upload.cjs');
 require('./components/file-upload/index.cjs');
 const require_use_file_upload = require('./hooks/use-file-upload.cjs');
 require('./hooks/index.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ds-file-upload/ds-file-upload.tsx
 /**
 * Design system File Upload component (with state management)
 */
-const DsFileUpload = ({ adapter, autoUpload = true, maxConcurrent = 3, metadata, onFileUploadComplete, onFileUploadError, onFilesAdded, onFileRemoved, onFileDeleted, onFileUploadCanceled, onFileUploadRetried, onAllFileUploadsComplete, ...props }) => {
-	const { getProps } = require_use_file_upload.useFileUpload({
-		adapter,
-		autoUpload,
-		maxConcurrent,
-		maxFiles: props.maxFiles,
-		metadata,
-		onFileUploadComplete,
-		onFileUploadError,
-		onAllFileUploadsComplete
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_file_upload.FileUpload, {
-		...getProps({
+const DsFileUpload = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(33);
+	let adapter;
+	let metadata;
+	let onAllFileUploadsComplete;
+	let onFileDeleted;
+	let onFileRemoved;
+	let onFileUploadCanceled;
+	let onFileUploadComplete;
+	let onFileUploadError;
+	let onFileUploadRetried;
+	let onFilesAdded;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({adapter, autoUpload: t1, maxConcurrent: t2, metadata, onFileUploadComplete, onFileUploadError, onFilesAdded, onFileRemoved, onFileDeleted, onFileUploadCanceled, onFileUploadRetried, onAllFileUploadsComplete, ...props} = t0);
+		$[0] = t0;
+		$[1] = adapter;
+		$[2] = metadata;
+		$[3] = onAllFileUploadsComplete;
+		$[4] = onFileDeleted;
+		$[5] = onFileRemoved;
+		$[6] = onFileUploadCanceled;
+		$[7] = onFileUploadComplete;
+		$[8] = onFileUploadError;
+		$[9] = onFileUploadRetried;
+		$[10] = onFilesAdded;
+		$[11] = props;
+		$[12] = t1;
+		$[13] = t2;
+	} else {
+		adapter = $[1];
+		metadata = $[2];
+		onAllFileUploadsComplete = $[3];
+		onFileDeleted = $[4];
+		onFileRemoved = $[5];
+		onFileUploadCanceled = $[6];
+		onFileUploadComplete = $[7];
+		onFileUploadError = $[8];
+		onFileUploadRetried = $[9];
+		onFilesAdded = $[10];
+		props = $[11];
+		t1 = $[12];
+		t2 = $[13];
+	}
+	const autoUpload = t1 === void 0 ? true : t1;
+	const maxConcurrent = t2 === void 0 ? 3 : t2;
+	let t3;
+	if ($[14] !== adapter || $[15] !== autoUpload || $[16] !== maxConcurrent || $[17] !== metadata || $[18] !== onAllFileUploadsComplete || $[19] !== onFileUploadComplete || $[20] !== onFileUploadError || $[21] !== props.maxFiles) {
+		t3 = {
+			adapter,
+			autoUpload,
+			maxConcurrent,
+			maxFiles: props.maxFiles,
+			metadata,
+			onFileUploadComplete,
+			onFileUploadError,
+			onAllFileUploadsComplete
+		};
+		$[14] = adapter;
+		$[15] = autoUpload;
+		$[16] = maxConcurrent;
+		$[17] = metadata;
+		$[18] = onAllFileUploadsComplete;
+		$[19] = onFileUploadComplete;
+		$[20] = onFileUploadError;
+		$[21] = props.maxFiles;
+		$[22] = t3;
+	} else t3 = $[22];
+	const { getProps } = require_use_file_upload.useFileUpload(t3);
+	let t4;
+	if ($[23] !== getProps || $[24] !== onFileDeleted || $[25] !== onFileRemoved || $[26] !== onFileUploadCanceled || $[27] !== onFileUploadRetried || $[28] !== onFilesAdded) {
+		t4 = getProps({
 			onFilesAdded,
 			onFileRemoved,
 			onFileDeleted,
 			onFileUploadCanceled,
 			onFileUploadRetried
-		}),
-		...props
-	});
+		});
+		$[23] = getProps;
+		$[24] = onFileDeleted;
+		$[25] = onFileRemoved;
+		$[26] = onFileUploadCanceled;
+		$[27] = onFileUploadRetried;
+		$[28] = onFilesAdded;
+		$[29] = t4;
+	} else t4 = $[29];
+	const fileUploadProps = t4;
+	let t5;
+	if ($[30] !== fileUploadProps || $[31] !== props) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_file_upload.FileUpload, {
+			...fileUploadProps,
+			...props
+		});
+		$[30] = fileUploadProps;
+		$[31] = props;
+		$[32] = t5;
+	} else t5 = $[32];
+	return t5;
 };
 var ds_file_upload_default = DsFileUpload;