@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-file-upload/components/file-upload/file-upload.types.d.ts

@@ -0,0 +1,98 @@
+import { UploadedFile } from "../../ds-file-upload-api.types.js";
+import { AcceptedFileType } from "../../types/accept-types.js";
+import { CSSProperties } from "react";
+import { FileUploadFileAcceptDetails, FileUploadFileRejectDetails } from "@ark-ui/react";
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.types.d.ts
+interface FileUploadProps {
+  /**
+   * Error text displayed when validation fails
+   */
+  errorText?: string;
+  /**
+   * Text displayed in the dropzone area
+   */
+  dropzoneText?: string;
+  /**
+   * Text for the upload trigger button
+   */
+  triggerText?: string;
+  /**
+   * Whether to hide upload progress
+   * @default false
+   */
+  hideProgress?: boolean;
+  /**
+   * Whether to disable drag and drop functionality
+   * @default false
+   */
+  disableDrop?: boolean;
+  /**
+   * The maximum number of files that can be uploaded
+   */
+  maxFiles?: number;
+  /**
+   * Maximum file size in bytes
+   * @default 25MB
+   */
+  maxFileSize?: number;
+  /**
+   * Callback when files are accepted
+   */
+  onFileAccept?: (details: FileUploadFileAcceptDetails) => void;
+  /**
+   * Callback when files are rejected
+   */
+  onFileReject?: (details: FileUploadFileRejectDetails) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles
+   */
+  style?: CSSProperties;
+  /**
+   * The file types that are accepted
+   * Use shorthand for common MIME types (extensions provided automatically)
+   * or explicit form for custom types
+   * @example ['application/pdf', 'image/png']
+   * @example ['application/pdf', { mimeType: 'application/x-custom', extensions: ['.custom'] }]
+   */
+  accept?: AcceptedFileType[];
+  /**
+   * File states to display (managed externally)
+   */
+  files?: UploadedFile[];
+  /**
+   * Callback when files are removed
+   */
+  onFileRemove?: (fileId: string) => void;
+  /**
+   * Callback when files are deleted
+   */
+  onFileDelete?: (fileId: string) => void;
+  /**
+   * Callback when files upload is canceled
+   */
+  onFileCancel?: (fileId: string) => void;
+  /**
+   * Callback when files upload is retried
+   */
+  onFileRetry?: (fileId: string) => void;
+  /**
+   * Controlled accepted files
+   */
+  acceptedFiles?: File[];
+  /**
+   * Whether the file upload is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Whether the file upload layout is compact (inline)
+   */
+  compact?: boolean;
+}
+//#endregion
+export { FileUploadProps };
+//# sourceMappingURL=file-upload.types.d.ts.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.types.d.ts","names":[],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.types.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKiB,eAAA;;AAAjB;;EAuC0B,SAAA,CAAA,EAAA,MAAA;EAQjB;;;EAgCQ,YAAA,CAAA,EAAA,MAAA;EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;2BA5CK;;;;2BAIA;;;;;;;;UAQjB;;;;;;;;WAQC;;;;UAID;;;;;;;;;;;;;;;;;;;;kBAoBQ"}

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

@@ -0,0 +1 @@
+const require_file_upload = require('./file-upload.cjs');

package/dist/components/ds-file-upload/components/file-upload/index.d.ts

@@ -0,0 +1,2 @@
+import { FileUploadProps } from "./file-upload.types.js";
+import { FileUpload } from "./file-upload.js";

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

@@ -0,0 +1 @@
+import { FileUpload } from "./file-upload.js";

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

@@ -0,0 +1,297 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../../../ds-icon/ds-icon.cjs');
+require('../../../ds-icon/index.cjs');
+const require_ds_button = require('../../../ds-button/ds-button.cjs');
+require('../../../ds-button/index.cjs');
+const require_ds_tooltip = require('../../../ds-tooltip/ds-tooltip.cjs');
+require('../../../ds-tooltip/index.cjs');
+const require_get_error_message = require('../../utils/get-error-message.cjs');
+const require_file_upload_item_module = require('./file-upload-item.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __ark_ui_react = require("@ark-ui/react");
+
+//#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx
+/**
+* Individual file upload item component
+* Displays a single file with its upload status, progress, and action buttons
+*/
+const FileUploadItem = (t0) => {
+	const $ = (0, react_compiler_runtime.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 = (0, classnames.default)(require_file_upload_item_module.default.fileItemContent, {
+			[require_file_upload_item_module.default.fileItemError]: t2,
+			[require_file_upload_item_module.default.fileItemCompleted]: t3,
+			[require_file_upload_item_module.default.fileItemUploading]: t4,
+			[require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			className: require_file_upload_item_module.default.filePreview,
+			icon: "upload_file",
+			size: "tiny"
+		});
+		$[5] = t7;
+	} else t7 = $[5];
+	let t8;
+	if ($[6] !== name) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_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__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Progress.Track, {
+			className: require_file_upload_item_module.default.progressTrack,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Progress.Range, { className: require_file_upload_item_module.default.progressRange })
+		});
+		$[8] = t10;
+	} else t10 = $[8];
+	let t11;
+	if ($[9] !== t9) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Progress.Root, {
+			value: t9,
+			className: require_file_upload_item_module.default.progressBar,
+			children: t10
+		});
+		$[9] = t9;
+		$[10] = t11;
+	} else t11 = $[10];
+	let t12;
+	if ($[11] !== t11 || $[12] !== t8) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_tooltip.default, {
+			content: "Retry",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Retry ${name} upload`,
+				onClick: () => onRetry(id),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_tooltip.default, {
+			content: "Remove",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Remove ${name} upload`,
+				onClick: () => onRemove?.(id),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_tooltip.default, {
+			content: "Cancel",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Cancel ${name} upload`,
+				onClick: () => onCancel(id),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_tooltip.default, {
+			content: "Delete",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				type: "button",
+				design: "v1.2",
+				buttonType: "tertiary",
+				"aria-label": `Delete ${name}`,
+				onClick: () => onDelete?.(id),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_file_upload_item_module.default.completedText,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_file_upload_item_module.default.interruptedText,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_file_upload_item_module.default.interruptedText,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_file_upload_item_module.default.errorMessage,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "cancel",
+			size: "tiny",
+			filled: true
+		}), require_get_error_message.getErrorMessage(error)]
+	}, error);
+}
+
+//#endregion
+exports.FileUploadItem = FileUploadItem;

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

@@ -0,0 +1,296 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import "../../../ds-icon/index.js";
+import ds_button_default from "../../../ds-button/ds-button.js";
+import "../../../ds-button/index.js";
+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";
+
+//#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx
+/**
+* Individual file upload item component
+* Displays a single file with its upload status, progress, and action buttons
+*/
+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 };
+//# sourceMappingURL=file-upload-item.js.map