@drivenets/design-system 0.0.3 → 0.0.4

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

@@ -11,6 +11,7 @@ const require_constants = require('../../utils/constants.cjs');
 const require_accept_utils = require('../../utils/accept-utils.cjs');
 const require_generate_helper_text = require('../../utils/generate-helper-text.cjs');
 const require_file_upload_module = require('./file-upload.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");
@@ -21,75 +22,195 @@ let __ark_ui_react = require("@ark-ui/react");
 * Design system base File Upload component
 * Used in conjunction with the useFileUpload hook
 */
-const FileUpload = ({ style = {}, className, files, acceptedFiles, errorText, dropzoneText = "Drag and drop files here or ", triggerText = "Select file...", hideProgress = false, disableDrop = false, onFileAccept, onFileReject, onFileRemove, onFileDelete, onFileCancel, onFileRetry, accept = require_constants.DEFAULT_ALLOWED_FILE_TYPES, maxFiles = require_constants.DEFAULT_MAX_FILES, maxFileSize = require_constants.DEFAULT_MAX_FILE_SIZE, compact = false, disabled = false }) => {
-	const infoText = require_generate_helper_text.generateHelperText(accept, maxFileSize, maxFiles);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Root, {
-		style,
-		className: (0, classnames.default)(require_file_upload_module.default.fileUploadRoot, className),
-		maxFiles,
-		maxFileSize,
-		accept: require_accept_utils.getMimeTypes(accept),
-		disabled,
-		allowDrop: !disableDrop,
-		acceptedFiles,
-		onFileAccept,
-		onFileReject,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Dropzone, {
-				className: (0, classnames.default)(require_file_upload_module.default.dropzone, { [require_file_upload_module.default.dropzoneCompact]: compact }),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						icon: "upload",
-						className: require_file_upload_module.default.dropzoneIcon
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-						className: require_file_upload_module.default.dropzoneText,
-						variant: "body-xs-reg",
-						children: dropzoneText
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.Trigger, {
-						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
-							design: "v1.2",
-							variant: "ghost",
-							size: "small",
-							disabled,
-							children: triggerText
-						})
-					})
-				]
-			}),
-			infoText && !disabled && !errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-				className: require_file_upload_module.default.infoText,
-				variant: "body-xs-reg",
-				children: infoText
-			}),
-			errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_typography.default, {
-				className: require_file_upload_module.default.errorText,
-				variant: "body-xs-reg",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-					icon: "error",
-					size: "tiny"
-				}), errorText]
-			}),
-			!!files?.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_file_upload_module.default.fileList,
-				children: files.map((uploadFile) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_file_upload_item.FileUploadItem, {
-					id: uploadFile.id,
-					name: uploadFile.name,
-					progress: uploadFile.progress,
-					hideProgress,
-					status: uploadFile.status,
-					errors: uploadFile.errors,
-					onRemove: onFileRemove,
-					onDelete: onFileDelete,
-					onCancel: onFileCancel,
-					onRetry: onFileRetry
-				}, uploadFile.id))
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.HiddenInput, {})
-		]
-	});
+const FileUpload = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(51);
+	const { style: t1, className, files, acceptedFiles, errorText, dropzoneText: t2, triggerText: t3, hideProgress: t4, disableDrop: t5, onFileAccept, onFileReject, onFileRemove, onFileDelete, onFileCancel, onFileRetry, accept: t6, maxFiles: t7, maxFileSize: t8, compact: t9, disabled: t10 } = t0;
+	let t11;
+	if ($[0] !== t1) {
+		t11 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t11;
+	} else t11 = $[1];
+	const style = t11;
+	const dropzoneText = t2 === void 0 ? "Drag and drop files here or " : t2;
+	const triggerText = t3 === void 0 ? "Select file..." : t3;
+	const hideProgress = t4 === void 0 ? false : t4;
+	const disableDrop = t5 === void 0 ? false : t5;
+	const accept = t6 === void 0 ? require_constants.DEFAULT_ALLOWED_FILE_TYPES : t6;
+	const maxFiles = t7 === void 0 ? require_constants.DEFAULT_MAX_FILES : t7;
+	const maxFileSize = t8 === void 0 ? require_constants.DEFAULT_MAX_FILE_SIZE : t8;
+	const compact = t9 === void 0 ? false : t9;
+	const disabled = t10 === void 0 ? false : t10;
+	let t12;
+	if ($[2] !== accept || $[3] !== maxFileSize || $[4] !== maxFiles) {
+		t12 = require_generate_helper_text.generateHelperText(accept, maxFileSize, maxFiles);
+		$[2] = accept;
+		$[3] = maxFileSize;
+		$[4] = maxFiles;
+		$[5] = t12;
+	} else t12 = $[5];
+	const infoText = t12;
+	let t13;
+	if ($[6] !== className) {
+		t13 = (0, classnames.default)(require_file_upload_module.default.fileUploadRoot, className);
+		$[6] = className;
+		$[7] = t13;
+	} else t13 = $[7];
+	let t14;
+	if ($[8] !== accept) {
+		t14 = require_accept_utils.getMimeTypes(accept);
+		$[8] = accept;
+		$[9] = t14;
+	} else t14 = $[9];
+	const t15 = !disableDrop;
+	let t16;
+	if ($[10] !== compact) {
+		t16 = (0, classnames.default)(require_file_upload_module.default.dropzone, { [require_file_upload_module.default.dropzoneCompact]: compact });
+		$[10] = compact;
+		$[11] = t16;
+	} else t16 = $[11];
+	let t17;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "upload",
+			className: require_file_upload_module.default.dropzoneIcon
+		});
+		$[12] = t17;
+	} else t17 = $[12];
+	let t18;
+	if ($[13] !== dropzoneText) {
+		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			className: require_file_upload_module.default.dropzoneText,
+			variant: "body-xs-reg",
+			children: dropzoneText
+		});
+		$[13] = dropzoneText;
+		$[14] = t18;
+	} else t18 = $[14];
+	let t19;
+	if ($[15] !== disabled || $[16] !== triggerText) {
+		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				design: "v1.2",
+				variant: "ghost",
+				size: "small",
+				disabled,
+				children: triggerText
+			})
+		});
+		$[15] = disabled;
+		$[16] = triggerText;
+		$[17] = t19;
+	} else t19 = $[17];
+	let t20;
+	if ($[18] !== t16 || $[19] !== t18 || $[20] !== t19) {
+		t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Dropzone, {
+			className: t16,
+			children: [
+				t17,
+				t18,
+				t19
+			]
+		});
+		$[18] = t16;
+		$[19] = t18;
+		$[20] = t19;
+		$[21] = t20;
+	} else t20 = $[21];
+	let t21;
+	if ($[22] !== disabled || $[23] !== errorText || $[24] !== infoText) {
+		t21 = infoText && !disabled && !errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			className: require_file_upload_module.default.infoText,
+			variant: "body-xs-reg",
+			children: infoText
+		});
+		$[22] = disabled;
+		$[23] = errorText;
+		$[24] = infoText;
+		$[25] = t21;
+	} else t21 = $[25];
+	let t22;
+	if ($[26] !== errorText) {
+		t22 = errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_typography.default, {
+			className: require_file_upload_module.default.errorText,
+			variant: "body-xs-reg",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+				icon: "error",
+				size: "tiny"
+			}), errorText]
+		});
+		$[26] = errorText;
+		$[27] = t22;
+	} else t22 = $[27];
+	let t23;
+	if ($[28] !== files || $[29] !== hideProgress || $[30] !== onFileCancel || $[31] !== onFileDelete || $[32] !== onFileRemove || $[33] !== onFileRetry) {
+		t23 = !!files?.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_file_upload_module.default.fileList,
+			children: files.map((uploadFile) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_file_upload_item.FileUploadItem, {
+				id: uploadFile.id,
+				name: uploadFile.name,
+				progress: uploadFile.progress,
+				hideProgress,
+				status: uploadFile.status,
+				errors: uploadFile.errors,
+				onRemove: onFileRemove,
+				onDelete: onFileDelete,
+				onCancel: onFileCancel,
+				onRetry: onFileRetry
+			}, uploadFile.id))
+		});
+		$[28] = files;
+		$[29] = hideProgress;
+		$[30] = onFileCancel;
+		$[31] = onFileDelete;
+		$[32] = onFileRemove;
+		$[33] = onFileRetry;
+		$[34] = t23;
+	} else t23 = $[34];
+	let t24;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.HiddenInput, {});
+		$[35] = t24;
+	} else t24 = $[35];
+	let t25;
+	if ($[36] !== acceptedFiles || $[37] !== disabled || $[38] !== maxFileSize || $[39] !== maxFiles || $[40] !== onFileAccept || $[41] !== onFileReject || $[42] !== style || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t23) {
+		t25 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Root, {
+			style,
+			className: t13,
+			maxFiles,
+			maxFileSize,
+			accept: t14,
+			disabled,
+			allowDrop: t15,
+			acceptedFiles,
+			onFileAccept,
+			onFileReject,
+			children: [
+				t20,
+				t21,
+				t22,
+				t23,
+				t24
+			]
+		});
+		$[36] = acceptedFiles;
+		$[37] = disabled;
+		$[38] = maxFileSize;
+		$[39] = maxFiles;
+		$[40] = onFileAccept;
+		$[41] = onFileReject;
+		$[42] = style;
+		$[43] = t13;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = t20;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t25;
+	} else t25 = $[50];
+	return t25;
 };
 
 //#endregion

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

@@ -10,6 +10,7 @@ import { DEFAULT_ALLOWED_FILE_TYPES, DEFAULT_MAX_FILES, DEFAULT_MAX_FILE_SIZE }
 import { getMimeTypes } from "../../utils/accept-utils.js";
 import { generateHelperText } from "../../utils/generate-helper-text.js";
 import file_upload_module_default from "./file-upload.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileUpload } from "@ark-ui/react";
@@ -19,75 +20,195 @@ import { FileUpload } from "@ark-ui/react";
 * Design system base File Upload component
 * Used in conjunction with the useFileUpload hook
 */
-const FileUpload$1 = ({ style = {}, className, files, acceptedFiles, errorText, dropzoneText = "Drag and drop files here or ", triggerText = "Select file...", hideProgress = false, disableDrop = false, onFileAccept, onFileReject, onFileRemove, onFileDelete, onFileCancel, onFileRetry, accept = DEFAULT_ALLOWED_FILE_TYPES, maxFiles = DEFAULT_MAX_FILES, maxFileSize = DEFAULT_MAX_FILE_SIZE, compact = false, disabled = false }) => {
-	const infoText = generateHelperText(accept, maxFileSize, maxFiles);
-	return /* @__PURE__ */ jsxs(FileUpload.Root, {
-		style,
-		className: classNames(file_upload_module_default.fileUploadRoot, className),
-		maxFiles,
-		maxFileSize,
-		accept: getMimeTypes(accept),
-		disabled,
-		allowDrop: !disableDrop,
-		acceptedFiles,
-		onFileAccept,
-		onFileReject,
-		children: [
-			/* @__PURE__ */ jsxs(FileUpload.Dropzone, {
-				className: classNames(file_upload_module_default.dropzone, { [file_upload_module_default.dropzoneCompact]: compact }),
-				children: [
-					/* @__PURE__ */ jsx(ds_icon_default, {
-						icon: "upload",
-						className: file_upload_module_default.dropzoneIcon
-					}),
-					/* @__PURE__ */ jsx(ds_typography_default, {
-						className: file_upload_module_default.dropzoneText,
-						variant: "body-xs-reg",
-						children: dropzoneText
-					}),
-					/* @__PURE__ */ jsx(FileUpload.Trigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx(ds_button_default, {
-							design: "v1.2",
-							variant: "ghost",
-							size: "small",
-							disabled,
-							children: triggerText
-						})
-					})
-				]
-			}),
-			infoText && !disabled && !errorText && /* @__PURE__ */ jsx(ds_typography_default, {
-				className: file_upload_module_default.infoText,
-				variant: "body-xs-reg",
-				children: infoText
-			}),
-			errorText && /* @__PURE__ */ jsxs(ds_typography_default, {
-				className: file_upload_module_default.errorText,
-				variant: "body-xs-reg",
-				children: [/* @__PURE__ */ jsx(ds_icon_default, {
-					icon: "error",
-					size: "tiny"
-				}), errorText]
-			}),
-			!!files?.length && /* @__PURE__ */ jsx("div", {
-				className: file_upload_module_default.fileList,
-				children: files.map((uploadFile) => /* @__PURE__ */ jsx(FileUploadItem, {
-					id: uploadFile.id,
-					name: uploadFile.name,
-					progress: uploadFile.progress,
-					hideProgress,
-					status: uploadFile.status,
-					errors: uploadFile.errors,
-					onRemove: onFileRemove,
-					onDelete: onFileDelete,
-					onCancel: onFileCancel,
-					onRetry: onFileRetry
-				}, uploadFile.id))
-			}),
-			/* @__PURE__ */ jsx(FileUpload.HiddenInput, {})
-		]
-	});
+const FileUpload$1 = (t0) => {
+	const $ = c(51);
+	const { style: t1, className, files, acceptedFiles, errorText, dropzoneText: t2, triggerText: t3, hideProgress: t4, disableDrop: t5, onFileAccept, onFileReject, onFileRemove, onFileDelete, onFileCancel, onFileRetry, accept: t6, maxFiles: t7, maxFileSize: t8, compact: t9, disabled: t10 } = t0;
+	let t11;
+	if ($[0] !== t1) {
+		t11 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t11;
+	} else t11 = $[1];
+	const style = t11;
+	const dropzoneText = t2 === void 0 ? "Drag and drop files here or " : t2;
+	const triggerText = t3 === void 0 ? "Select file..." : t3;
+	const hideProgress = t4 === void 0 ? false : t4;
+	const disableDrop = t5 === void 0 ? false : t5;
+	const accept = t6 === void 0 ? DEFAULT_ALLOWED_FILE_TYPES : t6;
+	const maxFiles = t7 === void 0 ? DEFAULT_MAX_FILES : t7;
+	const maxFileSize = t8 === void 0 ? DEFAULT_MAX_FILE_SIZE : t8;
+	const compact = t9 === void 0 ? false : t9;
+	const disabled = t10 === void 0 ? false : t10;
+	let t12;
+	if ($[2] !== accept || $[3] !== maxFileSize || $[4] !== maxFiles) {
+		t12 = generateHelperText(accept, maxFileSize, maxFiles);
+		$[2] = accept;
+		$[3] = maxFileSize;
+		$[4] = maxFiles;
+		$[5] = t12;
+	} else t12 = $[5];
+	const infoText = t12;
+	let t13;
+	if ($[6] !== className) {
+		t13 = classNames(file_upload_module_default.fileUploadRoot, className);
+		$[6] = className;
+		$[7] = t13;
+	} else t13 = $[7];
+	let t14;
+	if ($[8] !== accept) {
+		t14 = getMimeTypes(accept);
+		$[8] = accept;
+		$[9] = t14;
+	} else t14 = $[9];
+	const t15 = !disableDrop;
+	let t16;
+	if ($[10] !== compact) {
+		t16 = classNames(file_upload_module_default.dropzone, { [file_upload_module_default.dropzoneCompact]: compact });
+		$[10] = compact;
+		$[11] = t16;
+	} else t16 = $[11];
+	let t17;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "upload",
+			className: file_upload_module_default.dropzoneIcon
+		});
+		$[12] = t17;
+	} else t17 = $[12];
+	let t18;
+	if ($[13] !== dropzoneText) {
+		t18 = /* @__PURE__ */ jsx(ds_typography_default, {
+			className: file_upload_module_default.dropzoneText,
+			variant: "body-xs-reg",
+			children: dropzoneText
+		});
+		$[13] = dropzoneText;
+		$[14] = t18;
+	} else t18 = $[14];
+	let t19;
+	if ($[15] !== disabled || $[16] !== triggerText) {
+		t19 = /* @__PURE__ */ jsx(FileUpload.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ds_button_default, {
+				design: "v1.2",
+				variant: "ghost",
+				size: "small",
+				disabled,
+				children: triggerText
+			})
+		});
+		$[15] = disabled;
+		$[16] = triggerText;
+		$[17] = t19;
+	} else t19 = $[17];
+	let t20;
+	if ($[18] !== t16 || $[19] !== t18 || $[20] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(FileUpload.Dropzone, {
+			className: t16,
+			children: [
+				t17,
+				t18,
+				t19
+			]
+		});
+		$[18] = t16;
+		$[19] = t18;
+		$[20] = t19;
+		$[21] = t20;
+	} else t20 = $[21];
+	let t21;
+	if ($[22] !== disabled || $[23] !== errorText || $[24] !== infoText) {
+		t21 = infoText && !disabled && !errorText && /* @__PURE__ */ jsx(ds_typography_default, {
+			className: file_upload_module_default.infoText,
+			variant: "body-xs-reg",
+			children: infoText
+		});
+		$[22] = disabled;
+		$[23] = errorText;
+		$[24] = infoText;
+		$[25] = t21;
+	} else t21 = $[25];
+	let t22;
+	if ($[26] !== errorText) {
+		t22 = errorText && /* @__PURE__ */ jsxs(ds_typography_default, {
+			className: file_upload_module_default.errorText,
+			variant: "body-xs-reg",
+			children: [/* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "error",
+				size: "tiny"
+			}), errorText]
+		});
+		$[26] = errorText;
+		$[27] = t22;
+	} else t22 = $[27];
+	let t23;
+	if ($[28] !== files || $[29] !== hideProgress || $[30] !== onFileCancel || $[31] !== onFileDelete || $[32] !== onFileRemove || $[33] !== onFileRetry) {
+		t23 = !!files?.length && /* @__PURE__ */ jsx("div", {
+			className: file_upload_module_default.fileList,
+			children: files.map((uploadFile) => /* @__PURE__ */ jsx(FileUploadItem, {
+				id: uploadFile.id,
+				name: uploadFile.name,
+				progress: uploadFile.progress,
+				hideProgress,
+				status: uploadFile.status,
+				errors: uploadFile.errors,
+				onRemove: onFileRemove,
+				onDelete: onFileDelete,
+				onCancel: onFileCancel,
+				onRetry: onFileRetry
+			}, uploadFile.id))
+		});
+		$[28] = files;
+		$[29] = hideProgress;
+		$[30] = onFileCancel;
+		$[31] = onFileDelete;
+		$[32] = onFileRemove;
+		$[33] = onFileRetry;
+		$[34] = t23;
+	} else t23 = $[34];
+	let t24;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(FileUpload.HiddenInput, {});
+		$[35] = t24;
+	} else t24 = $[35];
+	let t25;
+	if ($[36] !== acceptedFiles || $[37] !== disabled || $[38] !== maxFileSize || $[39] !== maxFiles || $[40] !== onFileAccept || $[41] !== onFileReject || $[42] !== style || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t23) {
+		t25 = /* @__PURE__ */ jsxs(FileUpload.Root, {
+			style,
+			className: t13,
+			maxFiles,
+			maxFileSize,
+			accept: t14,
+			disabled,
+			allowDrop: t15,
+			acceptedFiles,
+			onFileAccept,
+			onFileReject,
+			children: [
+				t20,
+				t21,
+				t22,
+				t23,
+				t24
+			]
+		});
+		$[36] = acceptedFiles;
+		$[37] = disabled;
+		$[38] = maxFileSize;
+		$[39] = maxFiles;
+		$[40] = onFileAccept;
+		$[41] = onFileReject;
+		$[42] = style;
+		$[43] = t13;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = t20;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t25;
+	} else t25 = $[50];
+	return t25;
 };
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","names":["FileUpload: React.FC<FileUploadProps>","ArkUiFileUpload","styles","DsIcon","DsTypography","DsButton"],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { FileUpload as ArkUiFileUpload } from '@ark-ui/react';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsTypography } from '../../../ds-typography';\nimport { DsButton } from '../../../ds-button';\nimport { FileUploadItem } from '../file-upload-item';\nimport type { FileUploadProps } from './file-upload.types';\nimport { DEFAULT_ALLOWED_FILE_TYPES, DEFAULT_MAX_FILE_SIZE, DEFAULT_MAX_FILES } from '../../utils/constants';\nimport { generateHelperText } from '../../utils/generate-helper-text';\nimport { getMimeTypes } from '../../utils/accept-utils';\nimport styles from './file-upload.module.scss';\n\n/**\n * Design system base File Upload component\n * Used in conjunction with the useFileUpload hook\n */\nexport const FileUpload: React.FC<FileUploadProps> = ({\n\tstyle = {},\n\tclassName,\n\tfiles,\n\tacceptedFiles,\n\terrorText,\n\tdropzoneText = 'Drag and drop files here or ',\n\ttriggerText = 'Select file...',\n\thideProgress = false,\n\tdisableDrop = false,\n\tonFileAccept,\n\tonFileReject,\n\tonFileRemove,\n\tonFileDelete,\n\tonFileCancel,\n\tonFileRetry,\n\taccept = DEFAULT_ALLOWED_FILE_TYPES,\n\tmaxFiles = DEFAULT_MAX_FILES,\n\tmaxFileSize = DEFAULT_MAX_FILE_SIZE,\n\tcompact = false,\n\tdisabled = false,\n}) => {\n\tconst infoText = generateHelperText(accept, maxFileSize, maxFiles);\n\n\treturn (\n\t\t<ArkUiFileUpload.Root\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(styles.fileUploadRoot, className)}\n\t\t\tmaxFiles={maxFiles}\n\t\t\tmaxFileSize={maxFileSize}\n\t\t\taccept={getMimeTypes(accept)}\n\t\t\tdisabled={disabled}\n\t\t\tallowDrop={!disableDrop}\n\t\t\tacceptedFiles={acceptedFiles}\n\t\t\tonFileAccept={onFileAccept}\n\t\t\tonFileReject={onFileReject}\n\t\t>\n\t\t\t<ArkUiFileUpload.Dropzone\n\t\t\t\tclassName={classNames(styles.dropzone, {\n\t\t\t\t\t[styles.dropzoneCompact]: compact,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<DsIcon icon=\"upload\" className={styles.dropzoneIcon} />\n\t\t\t\t<DsTypography className={styles.dropzoneText} variant=\"body-xs-reg\">\n\t\t\t\t\t{dropzoneText}\n\t\t\t\t</DsTypography>\n\t\t\t\t<ArkUiFileUpload.Trigger asChild>\n\t\t\t\t\t<DsButton design=\"v1.2\" variant=\"ghost\" size=\"small\" disabled={disabled}>\n\t\t\t\t\t\t{triggerText}\n\t\t\t\t\t</DsButton>\n\t\t\t\t</ArkUiFileUpload.Trigger>\n\t\t\t</ArkUiFileUpload.Dropzone>\n\n\t\t\t{infoText && !disabled && !errorText && (\n\t\t\t\t<DsTypography className={styles.infoText} variant=\"body-xs-reg\">\n\t\t\t\t\t{infoText}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\t\t\t{errorText && (\n\t\t\t\t<DsTypography className={styles.errorText} variant=\"body-xs-reg\">\n\t\t\t\t\t<DsIcon icon=\"error\" size=\"tiny\" />\n\t\t\t\t\t{errorText}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\n\t\t\t{!!files?.length && (\n\t\t\t\t<div className={styles.fileList}>\n\t\t\t\t\t{files.map((uploadFile) => (\n\t\t\t\t\t\t<FileUploadItem\n\t\t\t\t\t\t\tkey={uploadFile.id}\n\t\t\t\t\t\t\tid={uploadFile.id}\n\t\t\t\t\t\t\tname={uploadFile.name}\n\t\t\t\t\t\t\tprogress={uploadFile.progress}\n\t\t\t\t\t\t\thideProgress={hideProgress}\n\t\t\t\t\t\t\tstatus={uploadFile.status}\n\t\t\t\t\t\t\terrors={uploadFile.errors}\n\t\t\t\t\t\t\tonRemove={onFileRemove}\n\t\t\t\t\t\t\tonDelete={onFileDelete}\n\t\t\t\t\t\t\tonCancel={onFileCancel}\n\t\t\t\t\t\t\tonRetry={onFileRetry}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<ArkUiFileUpload.HiddenInput />\n\t\t</ArkUiFileUpload.Root>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,MAAaA,gBAAyC,EACrD,QAAQ,EAAE,EACV,WACA,OACA,eACA,WACA,eAAe,gCACf,cAAc,kBACd,eAAe,OACf,cAAc,OACd,cACA,cACA,cACA,cACA,cACA,aACA,SAAS,4BACT,WAAW,mBACX,cAAc,uBACd,UAAU,OACV,WAAW,YACN;CACL,MAAM,WAAW,mBAAmB,QAAQ,aAAa,SAAS;AAElE,QACC,qBAACC,WAAgB;EACT;EACP,WAAW,WAAWC,2BAAO,gBAAgB,UAAU;EAC7C;EACG;EACb,QAAQ,aAAa,OAAO;EAClB;EACV,WAAW,CAAC;EACG;EACD;EACA;;GAEd,qBAACD,WAAgB;IAChB,WAAW,WAAWC,2BAAO,UAAU,GACrCA,2BAAO,kBAAkB,SAC1B,CAAC;;KAEF,oBAACC;MAAO,MAAK;MAAS,WAAWD,2BAAO;OAAgB;KACxD,oBAACE;MAAa,WAAWF,2BAAO;MAAc,SAAQ;gBACpD;OACa;KACf,oBAACD,WAAgB;MAAQ;gBACxB,oBAACI;OAAS,QAAO;OAAO,SAAQ;OAAQ,MAAK;OAAkB;iBAC7D;QACS;OACc;;KACA;GAE1B,YAAY,CAAC,YAAY,CAAC,aAC1B,oBAACD;IAAa,WAAWF,2BAAO;IAAU,SAAQ;cAChD;KACa;GAEf,aACA,qBAACE;IAAa,WAAWF,2BAAO;IAAW,SAAQ;eAClD,oBAACC;KAAO,MAAK;KAAQ,MAAK;MAAS,EAClC;KACa;GAGf,CAAC,CAAC,OAAO,UACT,oBAAC;IAAI,WAAWD,2BAAO;cACrB,MAAM,KAAK,eACX,oBAAC;KAEA,IAAI,WAAW;KACf,MAAM,WAAW;KACjB,UAAU,WAAW;KACP;KACd,QAAQ,WAAW;KACnB,QAAQ,WAAW;KACnB,UAAU;KACV,UAAU;KACV,UAAU;KACV,SAAS;OAVJ,WAAW,GAWf,CACD;KACG;GAGP,oBAACD,WAAgB,gBAAc;;GACT"}
+{"version":3,"file":"file-upload.js","names":["React","classNames","FileUpload","ArkUiFileUpload","DsIcon","DsTypography","DsButton","FileUploadItem","FileUploadProps","DEFAULT_ALLOWED_FILE_TYPES","DEFAULT_MAX_FILE_SIZE","DEFAULT_MAX_FILES","generateHelperText","getMimeTypes","styles","FC","t0","$","_c","style","t1","className","files","acceptedFiles","errorText","dropzoneText","t2","triggerText","t3","hideProgress","t4","disableDrop","t5","onFileAccept","onFileReject","onFileRemove","onFileDelete","onFileCancel","onFileRetry","accept","t6","maxFiles","t7","maxFileSize","t8","compact","t9","disabled","t10","t11","undefined","t12","infoText","t13","fileUploadRoot","t14","t15","t16","dropzone","dropzoneCompact","t17","Symbol","for","dropzoneIcon","t18","t19","t20","t21","t22","t23","length","fileList","map","uploadFile","id","name","progress","status","errors","t24","t25"],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { FileUpload as ArkUiFileUpload } from '@ark-ui/react';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsTypography } from '../../../ds-typography';\nimport { DsButton } from '../../../ds-button';\nimport { FileUploadItem } from '../file-upload-item';\nimport type { FileUploadProps } from './file-upload.types';\nimport { DEFAULT_ALLOWED_FILE_TYPES, DEFAULT_MAX_FILE_SIZE, DEFAULT_MAX_FILES } from '../../utils/constants';\nimport { generateHelperText } from '../../utils/generate-helper-text';\nimport { getMimeTypes } from '../../utils/accept-utils';\nimport styles from './file-upload.module.scss';\n\n/**\n * Design system base File Upload component\n * Used in conjunction with the useFileUpload hook\n */\nexport const FileUpload: React.FC<FileUploadProps> = ({\n\tstyle = {},\n\tclassName,\n\tfiles,\n\tacceptedFiles,\n\terrorText,\n\tdropzoneText = 'Drag and drop files here or ',\n\ttriggerText = 'Select file...',\n\thideProgress = false,\n\tdisableDrop = false,\n\tonFileAccept,\n\tonFileReject,\n\tonFileRemove,\n\tonFileDelete,\n\tonFileCancel,\n\tonFileRetry,\n\taccept = DEFAULT_ALLOWED_FILE_TYPES,\n\tmaxFiles = DEFAULT_MAX_FILES,\n\tmaxFileSize = DEFAULT_MAX_FILE_SIZE,\n\tcompact = false,\n\tdisabled = false,\n}) => {\n\tconst infoText = generateHelperText(accept, maxFileSize, maxFiles);\n\n\treturn (\n\t\t<ArkUiFileUpload.Root\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(styles.fileUploadRoot, className)}\n\t\t\tmaxFiles={maxFiles}\n\t\t\tmaxFileSize={maxFileSize}\n\t\t\taccept={getMimeTypes(accept)}\n\t\t\tdisabled={disabled}\n\t\t\tallowDrop={!disableDrop}\n\t\t\tacceptedFiles={acceptedFiles}\n\t\t\tonFileAccept={onFileAccept}\n\t\t\tonFileReject={onFileReject}\n\t\t>\n\t\t\t<ArkUiFileUpload.Dropzone\n\t\t\t\tclassName={classNames(styles.dropzone, {\n\t\t\t\t\t[styles.dropzoneCompact]: compact,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<DsIcon icon=\"upload\" className={styles.dropzoneIcon} />\n\t\t\t\t<DsTypography className={styles.dropzoneText} variant=\"body-xs-reg\">\n\t\t\t\t\t{dropzoneText}\n\t\t\t\t</DsTypography>\n\t\t\t\t<ArkUiFileUpload.Trigger asChild>\n\t\t\t\t\t<DsButton design=\"v1.2\" variant=\"ghost\" size=\"small\" disabled={disabled}>\n\t\t\t\t\t\t{triggerText}\n\t\t\t\t\t</DsButton>\n\t\t\t\t</ArkUiFileUpload.Trigger>\n\t\t\t</ArkUiFileUpload.Dropzone>\n\n\t\t\t{infoText && !disabled && !errorText && (\n\t\t\t\t<DsTypography className={styles.infoText} variant=\"body-xs-reg\">\n\t\t\t\t\t{infoText}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\t\t\t{errorText && (\n\t\t\t\t<DsTypography className={styles.errorText} variant=\"body-xs-reg\">\n\t\t\t\t\t<DsIcon icon=\"error\" size=\"tiny\" />\n\t\t\t\t\t{errorText}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\n\t\t\t{!!files?.length && (\n\t\t\t\t<div className={styles.fileList}>\n\t\t\t\t\t{files.map((uploadFile) => (\n\t\t\t\t\t\t<FileUploadItem\n\t\t\t\t\t\t\tkey={uploadFile.id}\n\t\t\t\t\t\t\tid={uploadFile.id}\n\t\t\t\t\t\t\tname={uploadFile.name}\n\t\t\t\t\t\t\tprogress={uploadFile.progress}\n\t\t\t\t\t\t\thideProgress={hideProgress}\n\t\t\t\t\t\t\tstatus={uploadFile.status}\n\t\t\t\t\t\t\terrors={uploadFile.errors}\n\t\t\t\t\t\t\tonRemove={onFileRemove}\n\t\t\t\t\t\t\tonDelete={onFileDelete}\n\t\t\t\t\t\t\tonCancel={onFileCancel}\n\t\t\t\t\t\t\tonRetry={onFileRetry}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<ArkUiFileUpload.HiddenInput />\n\t\t</ArkUiFileUpload.Root>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAaE,gBAAwCc,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,OAAAC,IAAAC,WAAAC,OAAAC,eAAAC,WAAAC,cAAAC,IAAAC,aAAAC,IAAAC,cAAAC,IAAAC,aAAAC,IAAAC,cAAAC,cAAAC,cAAAC,cAAAC,cAAAC,aAAAC,QAAAC,IAAAC,UAAAC,IAAAC,aAAAC,IAAAC,SAAAC,IAAAC,UAAAC,QAAAhC;CAqBrD,IAAAiC;AAAA,KAAAhC,EAAA,OAAAG,IAAA;AApBA6B,QAAA7B,OAAA8B,SAAA,EAAU,GAAV9B;AAAUH,IAAA,KAAAG;AAAAH,IAAA,KAAAgC;OAAAA,OAAAhC,EAAA;CAAV,MAAAE,QAAA8B;CAKA,MAAAxB,eAAAC,OAAAwB,SAAA,iCAAAxB;CACA,MAAAC,cAAAC,OAAAsB,SAAA,mBAAAtB;CACA,MAAAC,eAAAC,OAAAoB,SAAA,QAAApB;CACA,MAAAC,cAAAC,OAAAkB,SAAA,QAAAlB;CAOA,MAAAO,SAAAC,OAAAU,SAAAzC,6BAAA+B;CACA,MAAAC,WAAAC,OAAAQ,SAAAvC,oBAAA+B;CACA,MAAAC,cAAAC,OAAAM,SAAAxC,wBAAAkC;CACA,MAAAC,UAAAC,OAAAI,SAAA,QAAAJ;CACA,MAAAC,WAAAC,QAAAE,SAAA,QAAAF;CAAgB,IAAAG;AAAA,KAAAlC,EAAA,OAAAsB,UAAAtB,EAAA,OAAA0B,eAAA1B,EAAA,OAAAwB,UAAA;AAECU,QAAAvC,mBAAmB2B,QAAQI,aAAaF,SAAS;AAAAxB,IAAA,KAAAsB;AAAAtB,IAAA,KAAA0B;AAAA1B,IAAA,KAAAwB;AAAAxB,IAAA,KAAAkC;OAAAA,OAAAlC,EAAA;CAAlE,MAAAmC,WAAiBD;CAAkD,IAAAE;AAAA,KAAApC,EAAA,OAAAI,WAAA;AAKtDgC,QAAApD,WAAWa,2BAAMwC,gBAAiBjC,UAAU;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAoC;OAAAA,OAAApC,EAAA;CAAA,IAAAsC;AAAA,KAAAtC,EAAA,OAAAsB,QAAA;AAG/CgB,QAAA1C,aAAa0B,OAAO;AAAAtB,IAAA,KAAAsB;AAAAtB,IAAA,KAAAsC;OAAAA,OAAAtC,EAAA;CAEjB,MAAAuC,MAAA,CAACzB;CAAW,IAAA0B;AAAA,KAAAxC,EAAA,QAAA4B,SAAA;AAMXY,QAAAxD,WAAWa,2BAAM4C,UAAW,GACrC5C,2BAAM6C,kBAAmBd,SAC1B,CAAC;AAAA5B,IAAA,MAAA4B;AAAA5B,IAAA,MAAAwC;OAAAA,OAAAxC,EAAA;CAAA,IAAA2C;AAAA,KAAA3C,EAAA,QAAA4C,OAAAC,IAAA,4BAAA,EAAA;AAEFF,QAAA,oBAAC;GAAY,MAAA;GAAoB,WAAA9C,2BAAMiD;IAAiB;AAAA9C,IAAA,MAAA2C;OAAAA,OAAA3C,EAAA;CAAA,IAAA+C;AAAA,KAAA/C,EAAA,QAAAQ,cAAA;AACxDuC,QAAA,oBAAC;GAAwB,WAAAlD,2BAAMW;GAAuB,SAAA;aACpDA;IACa;AAAAR,IAAA,MAAAQ;AAAAR,IAAA,MAAA+C;OAAAA,OAAA/C,EAAA;CAAA,IAAAgD;AAAA,KAAAhD,EAAA,QAAA8B,YAAA9B,EAAA,QAAAU,aAAA;AACfsC,QAAA,oBAAA,WAAA;GAAyB,SAAA;aACxB,oBAAC;IAAgB,QAAA;IAAe,SAAA;IAAa,MAAA;IAAkBlB;cAC7DpB;KAEH;IAA0B;AAAAV,IAAA,MAAA8B;AAAA9B,IAAA,MAAAU;AAAAV,IAAA,MAAAgD;OAAAA,OAAAhD,EAAA;CAAA,IAAAiD;AAAA,KAAAjD,EAAA,QAAAwC,OAAAxC,EAAA,QAAA+C,OAAA/C,EAAA,QAAAgD,KAAA;AAb3BC,QAAA,qBAAA,WAAA;GACY,WAAAT;;IAIXG;IACAI;IAGAC;;IAK0B;AAAAhD,IAAA,MAAAwC;AAAAxC,IAAA,MAAA+C;AAAA/C,IAAA,MAAAgD;AAAAhD,IAAA,MAAAiD;OAAAA,OAAAjD,EAAA;CAAA,IAAAkD;AAAA,KAAAlD,EAAA,QAAA8B,YAAA9B,EAAA,QAAAO,aAAAP,EAAA,QAAAmC,UAAA;AAE1Be,QAAAf,YAAA,CAAaL,YAAb,CAA0BvB,aAC1B,oBAAC;GAAwB,WAAAV,2BAAMsC;GAAmB,SAAA;aAChDA;IAEF;AAAAnC,IAAA,MAAA8B;AAAA9B,IAAA,MAAAO;AAAAP,IAAA,MAAAmC;AAAAnC,IAAA,MAAAkD;OAAAA,OAAAlD,EAAA;CAAA,IAAAmD;AAAA,KAAAnD,EAAA,QAAAO,WAAA;AACA4C,QAAA5C,aACA,qBAAC;GAAwB,WAAAV,2BAAMU;GAAoB,SAAA;cAClD,oBAAC;IAAY,MAAA;IAAa,MAAA;KACzBA,EAAAA;IAEF;AAAAP,IAAA,MAAAO;AAAAP,IAAA,MAAAmD;OAAAA,OAAAnD,EAAA;CAAA,IAAAoD;AAAA,KAAApD,EAAA,QAAAK,SAAAL,EAAA,QAAAY,gBAAAZ,EAAA,QAAAoB,gBAAApB,EAAA,QAAAmB,gBAAAnB,EAAA,QAAAkB,gBAAAlB,EAAA,QAAAqB,aAAA;AAEA+B,QAAA,CAAC,CAAC/C,OAAKgD,UACP,oBAAA;GAAgB,WAAAxD,2BAAMyD;aACpBjD,MAAKkD,KAAKC,eACV,oBAAC;IAEI,IAAAA,WAAUC;IACR,MAAAD,WAAUE;IACN,UAAAF,WAAUG;IACN/C;IACN,QAAA4C,WAAUI;IACV,QAAAJ,WAAUK;IACR3C,UAAAA;IACAC,UAAAA;IACAC,UAAAA;IACDC,SAAAA;MAVJmC,WAAUC,GAYhB,CAAA;IAEF;AAAAzD,IAAA,MAAAK;AAAAL,IAAA,MAAAY;AAAAZ,IAAA,MAAAoB;AAAApB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAqB;AAAArB,IAAA,MAAAoD;OAAAA,OAAApD,EAAA;CAAA,IAAA8D;AAAA,KAAA9D,EAAA,QAAA4C,OAAAC,IAAA,4BAAA,EAAA;AAEDiB,QAAA,oBAAA,WAAA,gBAA+B;AAAA9D,IAAA,MAAA8D;OAAAA,OAAA9D,EAAA;CAAA,IAAA+D;AAAA,KAAA/D,EAAA,QAAAM,iBAAAN,EAAA,QAAA8B,YAAA9B,EAAA,QAAA0B,eAAA1B,EAAA,QAAAwB,YAAAxB,EAAA,QAAAgB,gBAAAhB,EAAA,QAAAiB,gBAAAjB,EAAA,QAAAE,SAAAF,EAAA,QAAAoC,OAAApC,EAAA,QAAAsC,OAAAtC,EAAA,QAAAuC,OAAAvC,EAAA,QAAAiD,OAAAjD,EAAA,QAAAkD,OAAAlD,EAAA,QAAAmD,OAAAnD,EAAA,QAAAoD,KAAA;AA5DhCW,QAAA,qBAAA,WAAA;GACQ7D;GACI,WAAAkC;GACDZ;GACGE;GACL,QAAAY;GACER;GACC,WAAAS;GACIjC;GACDU;GACAC;;IAEdgC;IAgBCC;IAKAC;IAOAC;IAoBDU;;IACsB;AAAA9D,IAAA,MAAAM;AAAAN,IAAA,MAAA8B;AAAA9B,IAAA,MAAA0B;AAAA1B,IAAA,MAAAwB;AAAAxB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAE;AAAAF,IAAA,MAAAoC;AAAApC,IAAA,MAAAsC;AAAAtC,IAAA,MAAAuC;AAAAvC,IAAA,MAAAiD;AAAAjD,IAAA,MAAAkD;AAAAlD,IAAA,MAAAmD;AAAAnD,IAAA,MAAAoD;AAAApD,IAAA,MAAA+D;OAAAA,OAAA/D,EAAA;AAAA,QA7DvB+D"}