@epam/ai-dial-chat-shared 1.2.0-dev.12 → 1.2.0-dev.120

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

@@ -4,52 +4,52 @@ import { FileUploadStatus as n } from "../upload-batch.js";
 import { useGridEditingScroll as te } from "../useGridEditingScroll/useGridEditingScroll.js";
 import { OperationLoaderModal as ne } from "../OperationLoaderModal/OperationLoaderModal.js";
 import { UploadProgressModal as re } from "../UploadProgressModal/UploadProgressModal.js";
-import { NOT_ALLOWED_SYMBOLS_REGEXP as r, PrimaryButton as ie, Spinner as ae } from "@epam/ai-dial-ui-kit";
+import { NOT_ALLOWED_SYMBOLS_REGEXP as ie, PrimaryButton as r, Spinner as ae } from "@epam/ai-dial-ui-kit";
 import { memo as i, useEffect as oe, useMemo as a, useState as se } from "react";
 import { Fragment as ce, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { DialFileManager as le, DialFileManagerActions as c, DialFileManagerTabs as l, GridSelectionMode as u } from "@epam/ai-dial-react-file-manager";
+import { DialFileManager as le, DialFileManagerActions as c, DialFileManagerTabs as ue, GridSelectionMode as de } from "@epam/ai-dial-react-file-manager";
 //#region src/file-manager/DialFileManagerShell/DialFileManagerShell.tsx
-var d = (e, t) => {
+var l = (e, t) => {
 	if (e.isDownloading) return t.downloadingLabel;
 	if (e.isDeleting) return t.deletingLabel;
 	if (e.isRenaming && !e.isMoving) return t.renamingLabel;
 	if (e.isUnsharing) return t.unsharingLabel;
 	if (e.isRemovingAccess) return t.removingAccessLabel;
-}, f = ({ controller: i, labels: f, activeTab: p, tabs: m, onTabChange: h, selectedPaths: g, onSelectedPathsChange: ue, variant: de, actionProfile: fe, autoSelectUploadedItems: pe = !1, allowedFileTypes: me, maxSelectableFileSize: he, isRowSelectable: _, getDisabledTooltip: ge, unsupportedFileTypeTooltip: _e }) => {
-	let { items: ve, isLoading: ye, error: be, path: v, onPathChange: xe, retry: Se, onSearchFiles: Ce, isSearching: y, searchResults: b, clearSearchResults: we, expandedPaths: x, loadedPaths: S, onExpandedPathsChange: C, onFolderPopupPathChange: w, folderPopupLoadingPaths: T, onUploadFiles: E, onUploadArchive: D, onValidateUpload: O, uploadBatchState: k, cancelUpload: Te, clearUploadBatch: A, onCreateFolder: Ee, onCreateFolderValidate: De, onDownloadFiles: Oe, isDownloading: ke, onDeleteFiles: Ae, isDeleting: je, onMoveToFiles: Me, onRenameValidate: Ne, isRenaming: Pe, onCopyFiles: Fe, isCopying: Ie, isMoving: j, cancelCopyMove: Le, uploadEnabled: M, isNewButtonDisabled: N, disabledNewButtonTooltip: P, visibleColumns: F, dateLocale: I, dateOptions: L, actionLabels: R, sharedWithMeIds: Re, sharedByMePaths: z, onUnshareFiles: ze, isUnsharing: Be, onRemoveFilesAccess: Ve, isRemovingAccess: He, fileMetadata: B, isFileMetadataLoading: V, onGetInfo: Ue, clearMetadata: H } = i, [U, We] = se(void 0), { handleGridApiChange: Ge, reset: W } = te();
+}, u = ({ controller: i, labels: u, activeTab: d, tabs: f, onTabChange: p, selectedPaths: m, onSelectedPathsChange: fe, variant: pe, actionProfile: me, autoSelectUploadedItems: he = !1, allowedFileTypes: ge, maxSelectableFileSize: h, oversizedUploadMessage: g, isRowSelectable: _, getDisabledTooltip: _e, unsupportedFileTypeTooltip: ve }) => {
+	let { items: ye, isLoading: be, error: xe, path: v, onPathChange: Se, retry: Ce, onSearchFiles: we, isSearching: y, searchResults: b, clearSearchResults: Te, expandedPaths: x, loadedPaths: S, onExpandedPathsChange: C, onFolderPopupPathChange: w, folderPopupLoadingPaths: T, onUploadFiles: E, onUploadArchive: D, onValidateUpload: O, uploadBatchState: k, cancelUpload: A, clearUploadBatch: Ee, onCreateFolder: De, onCreateFolderValidate: Oe, onDownloadFiles: ke, isDownloading: Ae, onDeleteFiles: je, isDeleting: Me, onMoveToFiles: Ne, onRenameValidate: Pe, isRenaming: Fe, onCopyFiles: Ie, isCopying: Le, isMoving: j, cancelCopyMove: Re, uploadEnabled: M, isNewButtonDisabled: N, disabledNewButtonTooltip: P, visibleColumns: F, dateLocale: I, dateOptions: L, actionLabels: R, sharedWithMeIds: ze, sharedByMePaths: z, onUnshareFiles: Be, isUnsharing: Ve, onRemoveFilesAccess: He, isRemovingAccess: Ue, fileMetadata: B, isFileMetadataLoading: V, onGetInfo: We, clearMetadata: H } = i, [U, Ge] = se(void 0), { handleGridApiChange: Ke, reset: W } = te();
 	oe(() => {
 		W();
-	}, [p, W]);
+	}, [d, W]);
 	let G = a(() => {
 		let e = {};
-		return c.Download in R && (e[c.Download] = f.downloadLabel), c.Delete in R && (e[c.Delete] = f.deleteLabel), c.Rename in R && (e[c.Rename] = f.renameLabel), c.Copy in R && (e[c.Copy] = f.copyLabel), c.Move in R && (e[c.Move] = f.moveLabel), c.Duplicate in R && (e[c.Duplicate] = f.duplicateLabel), c.Unshare in R && (e[c.Unshare] = f.unshareLabel), c.RemoveAccess in R && (e[c.RemoveAccess] = f.removeAccessLabel), e;
+		return c.Download in R && (e[c.Download] = u.downloadLabel), c.Delete in R && (e[c.Delete] = u.deleteLabel), c.Rename in R && (e[c.Rename] = u.renameLabel), c.Copy in R && (e[c.Copy] = u.copyLabel), c.Move in R && (e[c.Move] = u.moveLabel), c.Duplicate in R && (e[c.Duplicate] = u.duplicateLabel), c.Unshare in R && (e[c.Unshare] = u.unshareLabel), c.RemoveAccess in R && (e[c.RemoveAccess] = u.removeAccessLabel), e;
 	}, [
 		R,
-		f.downloadLabel,
-		f.deleteLabel,
-		f.renameLabel,
-		f.copyLabel,
-		f.moveLabel,
-		f.duplicateLabel,
-		f.unshareLabel,
-		f.removeAccessLabel
+		u.downloadLabel,
+		u.deleteLabel,
+		u.renameLabel,
+		u.copyLabel,
+		u.moveLabel,
+		u.duplicateLabel,
+		u.unshareLabel,
+		u.removeAccessLabel
 	]), K = a(() => c.Info in R ? {
 		...G,
-		[c.Info]: f.infoLabel
+		[c.Info]: u.infoLabel
 	} : G, [
 		G,
 		R,
-		f.infoLabel
+		u.infoLabel
 	]), q = a(() => {
-		if (g.size === 0) return !1;
-		for (let e of g) if (!z.has(e)) return !1;
+		if (m.size === 0) return !1;
+		for (let e of m) if (!z.has(e)) return !1;
 		return !0;
-	}, [g, z]), J = a(() => {
+	}, [m, z]), J = a(() => {
 		if (q) return G;
 		let { [c.RemoveAccess]: e, ...t } = G;
 		return t;
-	}, [G, q]), Ke = a(() => ({
-		selectionMode: u.MULTIPLE,
+	}, [G, q]), qe = a(() => ({
+		selectionMode: de.MULTIPLE,
 		visibleColumns: F,
 		dateLocale: I,
 		dateOptions: L,
@@ -67,201 +67,202 @@ var d = (e, t) => {
 		L,
 		K,
 		_
-	]), qe = a(() => ({
-		header: f.treeHeaderByTab[p],
+	]), Je = a(() => ({
+		header: u.treeHeaderByTab[d],
+		tabs: f,
+		activeTab: d,
+		onTabChange: p,
 		expandedPaths: x,
 		loadedPaths: S,
 		loadingPaths: T,
 		onExpandedPathsChange: C,
 		actionLabels: G
 	}), [
-		f.treeHeaderByTab,
+		u.treeHeaderByTab,
+		f,
+		d,
 		p,
 		x,
 		S,
 		T,
 		C,
 		G
-	]), Y = de === t.Standalone && fe === e.Full && p === l.MyFiles && M, Je = a(() => ({
-		tabs: m,
-		activeTab: p,
-		onTabChange: h,
+	]), Y = pe === t.Standalone && me === e.Full && d === ue.MyFiles && M, Ye = a(() => ({
 		showHiddenFilesToggle: !0,
-		hiddenFilesSwitcherLabel: f.hiddenFilesLabel,
-		showHiddenFilesLabel: f.showHiddenFilesLabel,
-		hideHiddenFilesLabel: f.hideHiddenFilesLabel,
+		hiddenFilesSwitcherLabel: u.hiddenFilesLabel,
+		showHiddenFilesLabel: u.showHiddenFilesLabel,
+		hideHiddenFilesLabel: u.hideHiddenFilesLabel,
 		isNewButtonDisabled: N,
 		disabledNewButtonTooltip: P,
 		newActions: {
-			uploadFiles: { label: f.uploadFilesLabel },
-			newFolder: { label: f.newFolderLabel },
-			...Y ? { uploadArchive: { label: f.uploadArchiveAction } } : {}
+			uploadFiles: { label: u.uploadFilesLabel },
+			newFolder: { label: u.newFolderLabel },
+			...Y ? { uploadArchive: { label: u.uploadArchiveAction } } : {}
 		}
 	}), [
-		m,
-		p,
-		h,
-		f.hiddenFilesLabel,
-		f.showHiddenFilesLabel,
-		f.hideHiddenFilesLabel,
+		u.hiddenFilesLabel,
+		u.showHiddenFilesLabel,
+		u.hideHiddenFilesLabel,
 		N,
 		P,
-		f.uploadFilesLabel,
-		f.newFolderLabel,
+		u.uploadFilesLabel,
+		u.newFolderLabel,
 		Y,
-		f.uploadArchiveAction
-	]), Ye = a(() => ({
-		getSelectionLabel: f.getSelectionLabel,
+		u.uploadArchiveAction
+	]), Xe = a(() => ({
+		getSelectionLabel: u.getSelectionLabel,
 		actionLabels: J
-	}), [f.getSelectionLabel, J]), Xe = a(() => ({
-		cancelLabel: f.deleteCancelLabel,
-		confirmLabel: f.deleteConfirmLabel,
-		titleRenderer: f.deleteConfirmTitle,
-		contentRenderer: f.deleteConfirmBody
+	}), [u.getSelectionLabel, J]), Ze = a(() => ({
+		cancelLabel: u.deleteCancelLabel,
+		confirmLabel: u.deleteConfirmLabel,
+		titleRenderer: u.deleteConfirmTitle,
+		contentRenderer: u.deleteConfirmBody
 	}), [
-		f.deleteCancelLabel,
-		f.deleteConfirmLabel,
-		f.deleteConfirmTitle,
-		f.deleteConfirmBody
-	]), Ze = a(() => {
+		u.deleteCancelLabel,
+		u.deleteConfirmLabel,
+		u.deleteConfirmTitle,
+		u.deleteConfirmBody
+	]), Qe = a(() => {
 		let e;
-		for (let t of g) {
+		for (let t of m) {
 			let n = ee(t);
 			if (e === void 0) e = n;
 			else if (e !== n) return;
 		}
 		return e;
-	}, [g]), X = U != null && T.has(U), Z = X ? U : Ze, Qe = a(() => ({
-		copyLabel: f.copyLabel,
-		moveLabel: f.moveLabel,
-		addFolderLabel: f.addFolderLabel,
-		hiddenFilesSwitcherLabel: f.hiddenFilesSwitcherLabel,
-		getCopyHeader: f.getCopyHeader,
-		getMoveHeader: f.getMoveHeader,
-		disabledPathTooltip: X ? f.folderPickerLoadingTooltip : f.moveSourceDisabledTooltip,
-		emptyStateTitle: f.folderPickerEmptyStateTitle,
-		emptyStateDescription: f.folderPickerEmptyStateDescription,
+	}, [m]), X = U != null && T.has(U), Z = X ? U : Qe, $e = a(() => ({
+		copyLabel: u.copyLabel,
+		moveLabel: u.moveLabel,
+		addFolderLabel: u.addFolderLabel,
+		hiddenFilesSwitcherLabel: u.hiddenFilesSwitcherLabel,
+		getCopyHeader: u.getCopyHeader,
+		getMoveHeader: u.getMoveHeader,
+		disabledPathTooltip: X ? u.folderPickerLoadingTooltip : u.moveSourceDisabledTooltip,
+		emptyStateTitle: u.folderPickerEmptyStateTitle,
+		emptyStateDescription: u.folderPickerEmptyStateDescription,
 		sourceFolder: Z,
 		destinationFolderPath: U,
-		setDestinationFolderPath: We,
+		setDestinationFolderPath: Ge,
 		filesLoading: X
 	}), [
-		f.copyLabel,
-		f.moveLabel,
-		f.addFolderLabel,
-		f.hiddenFilesSwitcherLabel,
-		f.getCopyHeader,
-		f.getMoveHeader,
-		f.folderPickerLoadingTooltip,
-		f.moveSourceDisabledTooltip,
-		f.folderPickerEmptyStateTitle,
-		f.folderPickerEmptyStateDescription,
+		u.copyLabel,
+		u.moveLabel,
+		u.addFolderLabel,
+		u.hiddenFilesSwitcherLabel,
+		u.getCopyHeader,
+		u.getMoveHeader,
+		u.folderPickerLoadingTooltip,
+		u.moveSourceDisabledTooltip,
+		u.folderPickerEmptyStateTitle,
+		u.folderPickerEmptyStateDescription,
 		X,
 		Z,
 		U
-	]), $e = () => {
-		Te(), A();
-	}, et = a(() => ({
+	]), et = () => {
+		A(), Ee();
+	}, tt = a(() => ({
 		fileMetadata: B,
 		loading: V,
 		clearMetadata: H,
-		header: f.metadataHeader,
-		nameLabel: f.metadataNameLabel,
-		pathLabel: f.metadataPathLabel,
-		modifiedDateLabel: f.metadataModifiedDateLabel,
-		sizeLabel: f.metadataSizeLabel,
-		authorLabel: f.metadataAuthorLabel
+		header: u.metadataHeader,
+		nameLabel: u.metadataNameLabel,
+		pathLabel: u.metadataPathLabel,
+		modifiedDateLabel: u.metadataModifiedDateLabel,
+		sizeLabel: u.metadataSizeLabel,
+		authorLabel: u.metadataAuthorLabel
 	}), [
 		B,
 		V,
 		H,
-		f.metadataHeader,
-		f.metadataNameLabel,
-		f.metadataPathLabel,
-		f.metadataModifiedDateLabel,
-		f.metadataSizeLabel,
-		f.metadataAuthorLabel
-	]), Q = d({
-		isDownloading: ke,
-		isDeleting: je,
-		isRenaming: Pe,
+		u.metadataHeader,
+		u.metadataNameLabel,
+		u.metadataPathLabel,
+		u.metadataModifiedDateLabel,
+		u.metadataSizeLabel,
+		u.metadataAuthorLabel
+	]), Q = l({
+		isDownloading: Ae,
+		isDeleting: Me,
+		isRenaming: Fe,
 		isMoving: j,
-		isUnsharing: Be,
-		isRemovingAccess: He
-	}, f), tt = a(() => {
+		isUnsharing: Ve,
+		isRemovingAccess: Ue
+	}, u), nt = a(() => {
 		if (k == null) return "";
 		let e = k.files.filter((e) => e.status !== n.Uploading).length;
-		return f.getUploadProgressText(e, k.files.length);
-	}, [k, f]), $ = a(() => b != null && !y ? {
-		title: f.searchEmptyStateTitle,
+		return u.getUploadProgressText(e, k.files.length);
+	}, [k, u]), $ = a(() => b != null && !y ? {
+		title: u.searchEmptyStateTitle,
 		description: ""
 	} : v.split("/").filter(Boolean).length > 1 ? {
-		title: f.folderEmptyStateTitle,
+		title: u.folderEmptyStateTitle,
 		description: ""
-	} : f.emptyStateByTab[p], [
+	} : u.emptyStateByTab[d], [
 		b,
 		y,
 		v,
-		f.searchEmptyStateTitle,
-		f.folderEmptyStateTitle,
-		f.emptyStateByTab,
-		p
+		u.searchEmptyStateTitle,
+		u.folderEmptyStateTitle,
+		u.emptyStateByTab,
+		d
 	]);
 	return /* @__PURE__ */ s(ce, { children: [
-		be == null ? /* @__PURE__ */ s("div", {
+		xe == null ? /* @__PURE__ */ s("div", {
 			className: "relative flex min-h-0 w-full grow overflow-auto bg-layer-sunken",
 			children: [/* @__PURE__ */ o(le, {
 				className: "min-h-0 w-full grow bg-layer-sunken",
 				gridClassName: "size-full",
-				items: ve,
+				items: ye,
 				path: v,
-				onPathChange: xe,
-				onGridApiChange: Ge,
-				filesLoading: ye,
-				allowedFileTypes: me,
-				maxSelectableFileSize: he,
-				selectedPaths: g,
-				onSelectedPathsChange: ue,
+				onPathChange: Se,
+				onGridApiChange: Ke,
+				filesLoading: be,
+				allowedFileTypes: ge,
+				maxSelectableFileSize: h,
+				maxFileSize: h,
+				uploadValidationMessages: g == null ? void 0 : { oversizedFiles: g },
+				selectedPaths: m,
+				onSelectedPathsChange: fe,
 				navigationPanelOptions: { searchable: !0 },
 				hideSearchPathItemName: !0,
-				onSearchFiles: Ce,
+				onSearchFiles: we,
 				searchInProgress: y,
 				searchResults: b ?? [],
-				clearSearchResults: we,
-				gridOptions: Ke,
-				treeOptions: qe,
+				clearSearchResults: Te,
+				gridOptions: qe,
+				treeOptions: Je,
 				onFolderPopupPathChange: w,
-				toolbarOptions: Je,
-				bulkActionsToolbarOptions: Ye,
-				autoSelectUploadedItems: pe,
+				toolbarOptions: Ye,
+				bulkActionsToolbarOptions: Xe,
+				autoSelectUploadedItems: he,
 				emptyStateTitle: $.title,
 				emptyStateDescription: $.description,
 				uploadEnabled: M,
-				sharedWithMeIds: Re,
+				sharedWithMeIds: ze,
 				sharedByMePaths: z,
-				onUnshareFiles: ze,
-				onRemoveFilesAccess: Ve,
-				fileMetadataPopupOptions: et,
-				onGetInfo: Ue,
+				onUnshareFiles: Be,
+				onRemoveFilesAccess: He,
+				fileMetadataPopupOptions: tt,
+				onGetInfo: We,
 				onUploadFiles: E,
 				onUploadArchive: D,
 				onValidateUpload: O,
-				onCreateFolder: Ee,
-				onCreateFolderValidate: De,
-				onDownloadFiles: Oe,
-				onDeleteFiles: Ae,
-				onMoveToFiles: Me,
-				onCopyFiles: Fe,
-				onRenameValidate: Ne,
-				renameValidationMessages: f.renameValidationMessages,
+				onCreateFolder: De,
+				onCreateFolderValidate: Oe,
+				onDownloadFiles: ke,
+				onDeleteFiles: je,
+				onMoveToFiles: Ne,
+				onCopyFiles: Ie,
+				onRenameValidate: Pe,
+				renameValidationMessages: u.renameValidationMessages,
 				isRenameFileAvailable: M,
-				deleteConfirmationOptions: Xe,
-				conflictResolutionPopupOptions: f.conflictResolutionPopupOptions,
-				destinationFolderPopupOptions: Qe,
-				forbiddenSymbolsRegExp: r,
-				forbiddenSymbolsTooltip: f.forbiddenSymbolsTooltip,
-				getDisabledTooltip: ge,
-				unsupportedFileTypeTooltip: _e
+				deleteConfirmationOptions: Ze,
+				conflictResolutionPopupOptions: u.conflictResolutionPopupOptions,
+				destinationFolderPopupOptions: $e,
+				forbiddenSymbolsRegExp: ie,
+				forbiddenSymbolsTooltip: u.forbiddenSymbolsTooltip,
+				getDisabledTooltip: _e,
+				unsupportedFileTypeTooltip: ve
 			}), Q != null && /* @__PURE__ */ o("div", {
 				"aria-live": "polite",
 				className: "absolute inset-0 z-[52] flex items-center justify-center bg-backdrop desktop:p-4",
@@ -274,26 +275,26 @@ var d = (e, t) => {
 		}) : /* @__PURE__ */ s("div", {
 			role: "alert",
 			className: "flex flex-col items-center gap-4 p-6",
-			children: [/* @__PURE__ */ o("p", { children: f.errorMessage }), /* @__PURE__ */ o(ie, {
-				label: f.retryLabel,
-				onClick: Se
+			children: [/* @__PURE__ */ o("p", { children: u.errorMessage }), /* @__PURE__ */ o(r, {
+				label: u.retryLabel,
+				onClick: Ce
 			})]
 		}),
 		k != null && /* @__PURE__ */ o(re, {
 			batchState: k,
-			uploadProgressTitle: f.uploadProgressTitle,
-			uploadProgressText: tt,
-			cancelLabel: f.cancelLabel,
-			onCancel: $e
+			uploadProgressTitle: u.uploadProgressTitle,
+			uploadProgressText: nt,
+			cancelLabel: u.cancelLabel,
+			onCancel: et
 		}),
-		(Ie || j) && /* @__PURE__ */ o(ne, {
-			title: j ? f.operationLoaderMoveTitle : f.operationLoaderCopyTitle,
-			text: j ? f.movingLabel : f.copyingLabel,
-			cancelLabel: f.operationLoaderCancelLabel,
-			onCancel: Le
+		(Le || j) && /* @__PURE__ */ o(ne, {
+			title: j ? u.operationLoaderMoveTitle : u.operationLoaderCopyTitle,
+			text: j ? u.movingLabel : u.copyingLabel,
+			cancelLabel: u.operationLoaderCancelLabel,
+			onCancel: Re
 		})
 	] });
 };
-i(f);
+i(u);
 //#endregion
-export { f as DialFileManagerShell };
+export { u as DialFileManagerShell };

package/file-manager/FileManagerAttachModal/FileManagerAttachModal.js

@@ -5,38 +5,38 @@ import { memo as a, useCallback as o, useMemo as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { DialFileNodeType as u } from "@epam/ai-dial-react-file-manager";
 //#region src/file-manager/FileManagerAttachModal/FileManagerAttachModal.tsx
-var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, onCountLimitExceeded: m, controller: h, isAnyOperationInProgress: g, activeTab: _, tabs: v, onTabChange: y, labels: b, variant: x, actionProfile: S, selectedPaths: C, onSelectedPathsChange: w, resolveFolderPath: T, isFileTypeAllowed: E, maxSelectableFileSize: D, maximumAttachmentsAmount: O, existingAttachmentsAmount: k = 0, isRowSelectable: A, getDisabledTooltip: j, unsupportedFileTypeTooltip: M, allowedFileTypes: N, autoSelectUploadedItems: P = !1 }) => {
-	let { items: F, isLoading: I, searchResults: L } = h, R = s(() => {
+var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, onCountLimitExceeded: m, controller: h, isAnyOperationInProgress: g, activeTab: _, tabs: v, onTabChange: y, labels: b, variant: x, actionProfile: S, selectedPaths: C, onSelectedPathsChange: w, resolveFolderPath: T, isFileTypeAllowed: E, maxSelectableFileSize: D, maximumAttachmentsAmount: O, existingAttachmentsAmount: k = 0, isRowSelectable: A, getDisabledTooltip: j, unsupportedFileTypeTooltip: M, allowedFileTypes: N, autoSelectUploadedItems: P = !1, oversizedUploadMessage: F }) => {
+	let { items: I, isLoading: L, searchResults: R } = h, z = s(() => {
 		let e = /* @__PURE__ */ new Map(), t = (n) => {
 			n.forEach((n) => {
 				(n.nodeType === u.ITEM || n.nodeType === u.FOLDER) && (e.set(n.path, n), n.id && e.set(n.id, n)), n.items && t(n.items);
 			});
 		};
-		return t(F), L?.forEach((t) => {
+		return t(I), R?.forEach((t) => {
 			e.set(t.path, t), t.id && e.set(t.id, t);
 		}), e;
-	}, [F, L]), z = s(() => Array.from(C).map((e) => R.get(e)).filter((e) => e != null), [R, C]), B = o((e) => {
+	}, [I, R]), B = s(() => Array.from(C).map((e) => z.get(e)).filter((e) => e != null), [z, C]), V = o((e) => {
 		if (A == null) {
 			w(new Set(e));
 			return;
 		}
 		let t = /* @__PURE__ */ new Set();
 		for (let n of e) {
-			let e = R.get(n);
+			let e = z.get(n);
 			e != null && A({ data: e }) && t.add(n);
 		}
 		w(t);
 	}, [
-		R,
+		z,
 		A,
 		w
-	]), V = o(() => {
+	]), H = o(() => {
 		let t = [], n = [];
-		for (let r of z) e(r.path) || (r.nodeType === u.FOLDER ? t.push(r.path) : n.push(r));
+		for (let r of B) e(r.path) || (r.nodeType === u.FOLDER ? t.push(r.path) : n.push(r));
 		let r = t.filter((e) => !t.some((t) => t !== e && e.startsWith(`${t}/`))), i = n.filter((t) => !(e(t.path) || E != null && t.contentType != null && !E(t.contentType))), a = i.filter((e) => !r.some((t) => e.path.startsWith(`${t}/`)));
 		n.length - i.length > 0 && p?.();
 		let o = r.flatMap((e) => {
-			let t = R.get(e);
+			let t = z.get(e);
 			if (t == null) return [];
 			let n = T(t);
 			return n == null ? [] : [n];
@@ -53,44 +53,44 @@ var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, o
 		f,
 		p,
 		m,
-		z,
+		B,
 		E,
 		O,
 		k,
-		R,
+		z,
 		T
-	]), { title: H, attachLabel: U, headerDescription: W, ...G } = b;
+	]), { title: U, attachLabel: W, headerDescription: G, ...K } = b;
 	return /* @__PURE__ */ c(n, {
 		open: a,
 		header: /* @__PURE__ */ l("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ c("span", { children: H }), W != null && /* @__PURE__ */ c("p", {
+			children: [/* @__PURE__ */ c("span", { children: U }), G != null && /* @__PURE__ */ c("p", {
 				className: "dial-small-text text-start",
-				children: W
+				children: G
 			})]
 		}),
-		ariaLabel: H,
+		ariaLabel: U,
 		size: r.Lg,
 		className: "flex !h-[min(800px,100dvh)] w-full flex-col !bg-layer-sunken",
 		onClose: d,
 		footer: /* @__PURE__ */ c("div", {
 			className: "flex justify-end px-6 py-4",
 			children: /* @__PURE__ */ c(i, {
-				label: U,
-				disabled: z.length === 0 || I || g,
-				onClick: V
+				label: W,
+				disabled: B.length === 0 || L || g,
+				onClick: H
 			})
 		}),
 		children: /* @__PURE__ */ c("div", {
-			className: "flex min-h-0 flex-col",
+			className: "flex h-full min-h-0 flex-col",
 			children: /* @__PURE__ */ c(t, {
 				controller: h,
-				labels: G,
+				labels: K,
 				activeTab: _,
 				tabs: v,
 				onTabChange: y,
 				selectedPaths: C,
-				onSelectedPathsChange: B,
+				onSelectedPathsChange: V,
 				variant: x,
 				actionProfile: S,
 				autoSelectUploadedItems: P,
@@ -98,7 +98,8 @@ var d = a(({ isOpen: a, onClose: d, onAttach: f, onSkippedUnsupportedFiles: p, o
 				maxSelectableFileSize: D,
 				isRowSelectable: A,
 				getDisabledTooltip: j,
-				unsupportedFileTypeTooltip: M
+				unsupportedFileTypeTooltip: M,
+				oversizedUploadMessage: F
 			})
 		})
 	});

package/file-manager/UploadProgressModal/UploadProgressModal.js

@@ -1,56 +1,50 @@
-import { DialFileName as e, NeutralButton as t, Popup as n } from "@epam/ai-dial-ui-kit";
-import { memo as r, useCallback as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { DialFileName as e, ElementSize as t, NeutralButton as n, Popup as r, ProgressBar as i } from "@epam/ai-dial-ui-kit";
+import { memo as a, useCallback as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/file-manager/UploadProgressModal/UploadProgressModal.tsx
-var s = ({ batchState: r, uploadProgressTitle: s, uploadProgressText: c, cancelLabel: l, onCancel: u }) => {
-	let { files: d } = r, f = i((e) => e === void 0 ? null : /* @__PURE__ */ a("div", {
-		className: "h-1 w-full overflow-hidden rounded-full bg-control-disable-primary",
-		"data-qa": "uploading-indicator",
-		role: "progressbar",
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-valuenow": e,
-		children: /* @__PURE__ */ a("div", {
-			className: "h-full rounded-full bg-control-accent transition-all duration-300",
-			style: { width: `${e}%` }
-		})
+var l = ({ batchState: a, uploadProgressTitle: l, uploadProgressText: u, cancelLabel: d, onCancel: f }) => {
+	let { files: p } = a, m = o((e, n) => n === void 0 ? null : /* @__PURE__ */ s(i, {
+		value: n,
+		size: t.Small,
+		"aria-label": e,
+		"data-qa": "uploading-indicator"
 	}), []);
-	return /* @__PURE__ */ a(n, {
+	return /* @__PURE__ */ s(r, {
 		className: "!h-fit !max-h-full !w-[400px] mobile:!w-full desktop:!max-h-[693px]",
-		open: r.isOpen,
+		open: a.isOpen,
 		closeOnOutsideClick: !1,
 		hideClose: !0,
-		onClose: u,
-		footer: /* @__PURE__ */ a("div", {
+		onClose: f,
+		footer: /* @__PURE__ */ s("div", {
 			className: "flex justify-end gap-2 px-6 py-4",
-			children: /* @__PURE__ */ a(t, {
-				label: l,
-				onClick: u
+			children: /* @__PURE__ */ s(n, {
+				label: d,
+				onClick: f
 			})
 		}),
-		header: /* @__PURE__ */ o("div", {
+		header: /* @__PURE__ */ c("div", {
 			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ a("div", { children: s }), /* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ s("div", { children: l }), /* @__PURE__ */ s("div", {
 				className: "dial-small-text text-secondary",
 				"data-qa": "uploading-items-count",
-				children: c
+				children: u
 			})]
 		}),
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "flex h-full max-h-full flex-col gap-4 px-6",
-			children: /* @__PURE__ */ a("div", {
+			children: /* @__PURE__ */ s("div", {
 				className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
-				children: d.map((t) => /* @__PURE__ */ a("div", {
+				children: p.map((t) => /* @__PURE__ */ s("div", {
 					className: "rounded bg-layer-sunken px-3 py-2",
-					children: /* @__PURE__ */ a(e, {
+					children: /* @__PURE__ */ s(e, {
 						name: t.name,
-						details: f(t.percent)
+						details: m(t.name, t.percent)
 					})
 				}, t.id))
 			})
 		})
 	});
 };
-r(s);
+a(l);
 //#endregion
-export { s as UploadProgressModal };
+export { l as UploadProgressModal };