@epam/ai-dial-chat-shared 1.3.0-dev.33 → 1.3.0-dev.331

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

@@ -1,320 +1,382 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
-import { DialFileManagerActionProfile as t, DialFileManagerVariant as n } from "../file-manager-variant.js";
+import { buildCssVars as t } from "../../utils/build-css-vars.js";
+import { DialFileManagerActionProfile as n, DialFileManagerVariant as r } from "../file-manager-variant.js";
 import { getParentFolderPath as ee } from "../path.js";
 import { useGridEditingScroll as te } from "../useGridEditingScroll/useGridEditingScroll.js";
 import { OperationLoaderModal as ne } from "../OperationLoaderModal/OperationLoaderModal.js";
-import { toUploadQueueItems as re } from "../upload-queue.js";
-import { ButtonVariant as r, NOT_ALLOWED_SYMBOLS_REGEXP as ie, PrimaryButton as ae, Spinner as oe, TransferQueue as se } from "@epam/ai-dial-ui-kit";
-import { memo as i, useCallback as ce, useEffect as le, useMemo as a, useState as ue } from "react";
-import { Fragment as de, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { DialFileManager as fe, DialFileManagerActions as c, DialFileManagerTabs as pe, GridSelectionMode as me } from "@epam/ai-dial-react-file-manager";
+import { TransferQueueRowKind as re, buildTransferQueueLabels as ie, parseTransferQueueRowId as ae, toTransferQueueItems as oe } from "../upload-queue.js";
+import i from "./DialFileManagerShell.module.scss.js";
+import { Button as se, ButtonAppearance as ce, ButtonVariant as a, ElementSize as le, ErrorMessageNotification as ue, LiveRegion as de, LiveRegionElement as fe, NOT_ALLOWED_SYMBOLS_REGEXP as pe, Spinner as me, TransferQueue as he } from "@epam/ai-dial-ui-kit";
+import { memo as o, useCallback as ge, useEffect as _e, useMemo as s, useState as ve } from "react";
+import { Fragment as ye, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { DialFileManager as be, DialFileManagerActions as u, DialFileManagerTabs as xe, GridSelectionMode as Se } from "@epam/ai-dial-react-file-manager";
 //#region src/file-manager/DialFileManagerShell/DialFileManagerShell.tsx
-var he = (e, t) => {
-	if (e.isDownloading) return t.downloadingLabel;
+var Ce = (e, t) => {
 	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;
-}, l = ({ controller: i, labels: l, activeTab: u, tabs: d, onTabChange: f, selectedPaths: p, onSelectedPathsChange: ge, variant: m, actionProfile: _e, autoSelectUploadedItems: ve = !1, allowedFileTypes: ye, maxSelectableFileSize: h, oversizedUploadMessage: g, isRowSelectable: _, getDisabledTooltip: be, unsupportedFileTypeTooltip: xe }) => {
-	let { items: Se, isLoading: Ce, error: we, path: v, onPathChange: Te, retry: Ee, onSearchFiles: De, isSearching: Oe, searchResults: ke, clearSearchResults: Ae, expandedPaths: y, loadedPaths: b, onExpandedPathsChange: x, onFolderPopupPathChange: je, folderPopupLoadingPaths: S, onUploadFiles: Me, onUploadArchive: Ne, onValidateUpload: Pe, uploadBatchState: C, cancelUpload: w, cancelUploadFile: T, clearUploadBatch: E, onCreateFolder: Fe, onCreateFolderValidate: Ie, onDownloadFiles: Le, isDownloading: Re, onDeleteFiles: ze, isDeleting: Be, onMoveToFiles: Ve, onRenameValidate: He, isRenaming: Ue, onCopyFiles: We, isCopying: Ge, isMoving: D, cancelCopyMove: Ke, uploadEnabled: O, isNewButtonDisabled: k, disabledNewButtonTooltip: A, visibleColumns: j, dateLocale: M, dateOptions: N, actionLabels: P, sharedWithMeIds: qe, sharedByMePaths: F, onUnshareFiles: Je, isUnsharing: Ye, onRemoveFilesAccess: Xe, isRemovingAccess: Ze, fileMetadata: I, isFileMetadataLoading: L, onGetInfo: Qe, clearMetadata: R, sectionTab: $e } = i, z = $e ?? u, [B, et] = ue(void 0), { handleGridApiChange: tt, reset: V } = te();
-	le(() => {
-		V();
-	}, [z, V]);
-	let H = a(() => {
+}, d = ({ controller: o, labels: d, activeTab: f, tabs: p, onTabChange: m, selectedPaths: h, onSelectedPathsChange: we, variant: g, actionProfile: Te, autoSelectUploadedItems: Ee = !1, allowedFileTypes: De, maxSelectableFileSize: _, oversizedUploadMessage: Oe, isRowSelectable: v, getDisabledTooltip: ke, unsupportedFileTypeTooltip: Ae, treeContainerClassName: y, onPreview: je, onTableFileClick: Me, previewExtensions: Ne, styles: b }) => {
+	let { items: Pe, isLoading: Fe, error: Ie, path: x, onPathChange: Le, retry: Re, onSearchFiles: ze, isSearching: Be, searchResults: Ve, clearSearchResults: He, expandedPaths: Ue, loadedPaths: S, onExpandedPathsChange: We, onFolderPopupPathChange: Ge, folderPopupLoadingPaths: C, onUploadFiles: Ke, onUploadArchive: qe, onValidateUpload: Je, uploadBatchState: w, cancelUpload: T, cancelUploadFile: E, clearUploadBatch: D, downloadBatchState: O, cancelDownloadFile: k, cancelAllDownloads: A, clearDownloadBatch: j, onCreateFolder: Ye, onCreateFolderValidate: Xe, onDownloadFiles: Ze, onDeleteFiles: Qe, isDeleting: $e, onMoveToFiles: et, onRenameValidate: tt, isRenaming: nt, onCopyFiles: rt, isCopying: it, isMoving: M, cancelCopyMove: at, uploadEnabled: N, isNewButtonDisabled: P, disabledNewButtonTooltip: F, visibleColumns: I, dateLocale: L, dateOptions: R, actionLabels: z, sharedWithMeIds: ot, sharedByMePaths: B, onUnshareFiles: st, isUnsharing: ct, onRemoveFilesAccess: lt, isRemovingAccess: ut, fileMetadata: V, isFileMetadataLoading: H, onGetInfo: dt, clearMetadata: U, sectionTab: ft } = o, W = ft ?? f, [G, pt] = ve(void 0), { handleGridApiChange: mt, reset: K } = te();
+	_e(() => {
+		K();
+	}, [W, K]);
+	let q = s(() => {
 		let e = {};
-		return c.Download in P && (e[c.Download] = l.downloadLabel), c.Delete in P && (e[c.Delete] = l.deleteLabel), c.Rename in P && (e[c.Rename] = l.renameLabel), c.Copy in P && (e[c.Copy] = l.copyLabel), c.Move in P && (e[c.Move] = l.moveLabel), c.Duplicate in P && (e[c.Duplicate] = l.duplicateLabel), c.Unshare in P && (e[c.Unshare] = l.unshareLabel), c.RemoveAccess in P && (e[c.RemoveAccess] = l.removeAccessLabel), e;
+		return u.Download in z && (e[u.Download] = d.downloadLabel), u.Delete in z && (e[u.Delete] = d.deleteLabel), u.Rename in z && (e[u.Rename] = d.renameLabel), u.Copy in z && (e[u.Copy] = d.copyLabel), u.Move in z && (e[u.Move] = d.moveLabel), u.Duplicate in z && (e[u.Duplicate] = d.duplicateLabel), u.Unshare in z && (e[u.Unshare] = d.unshareLabel), u.RemoveAccess in z && (e[u.RemoveAccess] = d.removeAccessLabel), e;
 	}, [
-		P,
-		l.downloadLabel,
-		l.deleteLabel,
-		l.renameLabel,
-		l.copyLabel,
-		l.moveLabel,
-		l.duplicateLabel,
-		l.unshareLabel,
-		l.removeAccessLabel
-	]), U = a(() => c.Info in P ? {
-		...H,
-		[c.Info]: l.infoLabel
-	} : H, [
-		H,
-		P,
-		l.infoLabel
-	]), W = a(() => {
-		if (p.size === 0) return !1;
-		for (let e of p) if (!F.has(e)) return !1;
+		z,
+		d.downloadLabel,
+		d.deleteLabel,
+		d.renameLabel,
+		d.copyLabel,
+		d.moveLabel,
+		d.duplicateLabel,
+		d.unshareLabel,
+		d.removeAccessLabel
+	]), J = s(() => {
+		let e = d.previewLabel == null ? q : {
+			...q,
+			[u.Preview]: d.previewLabel
+		};
+		return u.Info in z ? {
+			...e,
+			[u.Info]: d.infoLabel
+		} : e;
+	}, [
+		q,
+		z,
+		d.infoLabel,
+		d.previewLabel
+	]), Y = s(() => {
+		if (h.size === 0) return !1;
+		for (let e of h) if (!B.has(e)) return !1;
 		return !0;
-	}, [p, F]), G = a(() => {
-		if (W) return H;
-		let { [c.RemoveAccess]: e, ...t } = H;
+	}, [h, B]), X = s(() => {
+		if (Y) return q;
+		let { [u.RemoveAccess]: e, ...t } = q;
 		return t;
-	}, [H, W]), K = m === n.Attach, nt = a(() => ({
-		selectionMode: me.MULTIPLE,
-		...K ? { filterable: !1 } : {},
-		visibleColumns: j,
-		dateLocale: M,
-		dateOptions: N,
+	}, [q, Y]), Z = g === r.Attach, ht = s(() => ({
+		selectionMode: Se.MULTIPLE,
+		filterable: !1,
+		withoutHeaderBorders: !0,
+		containerClassName: "rounded-none shadow-none",
+		visibleColumns: I,
+		dateLocale: L,
+		dateOptions: R,
 		additionalGridOptions: {
 			domLayout: "normal",
 			rowSelection: {
 				mode: "multiRow",
-				isRowSelectable: _ ?? (() => !0)
+				isRowSelectable: v ?? (() => !0)
 			}
 		},
-		actionLabels: U
+		actionLabels: J
 	}), [
-		K,
-		j,
-		M,
-		N,
-		U,
-		_
-	]), rt = a(() => ({
-		header: m === n.Attach ? null : l.treeHeaderByTab[u],
-		containerClassName: m === n.Attach ? "min-h-0 h-full w-[360px] shrink-0 rounded-xl bg-layer-raised shadow-sm" : void 0,
-		tabsAriaLabel: l.treeHeaderByTab[u],
-		tabs: d,
-		activeTab: u,
-		onTabChange: f,
-		expandedPaths: y,
-		loadedPaths: b,
-		loadingPaths: S,
-		onExpandedPathsChange: x,
-		actionLabels: H
+		I,
+		L,
+		R,
+		J,
+		v
+	]), gt = s(() => ({
+		header: d.treeHeader ?? null,
+		containerClassName: y ?? (g === r.Attach ? e("min-h-0 h-full w-[360px] shrink-0 border-e", i.tree) : void 0),
+		tabsAriaLabel: d.treeHeaderByTab[f],
+		tabs: p,
+		activeTab: f,
+		onTabChange: m,
+		expandedPaths: Ue,
+		loadedPaths: S,
+		loadingPaths: C,
+		onExpandedPathsChange: We,
+		actionLabels: q
 	}), [
-		l.treeHeaderByTab,
-		m,
-		d,
-		u,
-		f,
+		d.treeHeader,
+		d.treeHeaderByTab,
 		y,
-		b,
+		g,
+		p,
+		f,
+		m,
+		Ue,
 		S,
-		x,
-		H
-	]), q = m === n.Standalone && _e === t.Full && z === pe.MyFiles && O, it = a(() => ({
+		C,
+		We,
+		q
+	]), _t = g === r.Standalone && Te === n.Full && W === xe.MyFiles && N, vt = s(() => ({
 		showHiddenFilesToggle: !0,
-		...K ? { newButtonVariant: r.Neutral } : {},
-		hiddenFilesSwitcherLabel: l.hiddenFilesLabel,
-		showHiddenFilesLabel: l.showHiddenFilesLabel,
-		hideHiddenFilesLabel: l.hideHiddenFilesLabel,
-		isNewButtonDisabled: k,
-		disabledNewButtonTooltip: A,
+		...Z ? { newButtonVariant: a.Neutral } : {},
+		hiddenFilesSwitcherLabel: d.hiddenFilesLabel,
+		showHiddenFilesLabel: d.showHiddenFilesLabel,
+		hideHiddenFilesLabel: d.hideHiddenFilesLabel,
+		isNewButtonDisabled: P,
+		disabledNewButtonTooltip: F,
 		newActions: {
 			uploadFiles: {
-				label: l.uploadFilesLabel,
+				label: d.uploadFilesLabel,
 				icon: null
 			},
 			newFolder: {
-				label: l.newFolderLabel,
+				label: d.newFolderLabel,
 				icon: null
 			},
-			...q ? { uploadArchive: {
-				label: l.uploadArchiveAction,
+			..._t ? { uploadArchive: {
+				label: d.uploadArchiveAction,
 				icon: null
 			} } : {}
 		}
 	}), [
-		K,
-		l.hiddenFilesLabel,
-		l.showHiddenFilesLabel,
-		l.hideHiddenFilesLabel,
-		k,
-		A,
-		l.uploadFilesLabel,
-		l.newFolderLabel,
-		q,
-		l.uploadArchiveAction
-	]), at = a(() => K ? void 0 : {
-		getSelectionLabel: l.getSelectionLabel,
-		actionLabels: G
+		Z,
+		d.hiddenFilesLabel,
+		d.showHiddenFilesLabel,
+		d.hideHiddenFilesLabel,
+		P,
+		F,
+		d.uploadFilesLabel,
+		d.newFolderLabel,
+		_t,
+		d.uploadArchiveAction
+	]), yt = s(() => Z ? void 0 : {
+		getSelectionLabel: d.getSelectionLabel,
+		actionLabels: X
 	}, [
-		K,
-		l.getSelectionLabel,
-		G
-	]), ot = a(() => ({
-		cancelLabel: l.deleteCancelLabel,
-		confirmLabel: l.deleteConfirmLabel,
-		closeLabel: l.deleteCloseLabel,
-		titleRenderer: l.deleteConfirmTitle,
-		contentRenderer: l.deleteConfirmBody
+		Z,
+		d.getSelectionLabel,
+		X
+	]), bt = s(() => ({
+		cancelLabel: d.deleteCancelLabel,
+		confirmLabel: d.deleteConfirmLabel,
+		closeLabel: d.deleteCloseLabel,
+		titleRenderer: d.deleteConfirmTitle,
+		contentRenderer: d.deleteConfirmBody
 	}), [
-		l.deleteCancelLabel,
-		l.deleteConfirmLabel,
-		l.deleteCloseLabel,
-		l.deleteConfirmTitle,
-		l.deleteConfirmBody
-	]), st = a(() => {
+		d.deleteCancelLabel,
+		d.deleteConfirmLabel,
+		d.deleteCloseLabel,
+		d.deleteConfirmTitle,
+		d.deleteConfirmBody
+	]), xt = s(() => {
 		let e;
-		for (let t of p) {
+		for (let t of h) {
 			let n = ee(t);
 			if (e === void 0) e = n;
 			else if (e !== n) return;
 		}
 		return e;
-	}, [p]), J = B != null && S.has(B), Y = J ? B : st, ct = a(() => ({
-		copyLabel: l.copyLabel,
-		moveLabel: l.moveLabel,
-		addFolderLabel: l.addFolderLabel,
-		hiddenFilesSwitcherLabel: l.hiddenFilesSwitcherLabel,
-		getCopyHeader: l.getCopyHeader,
-		getMoveHeader: l.getMoveHeader,
-		disabledPathTooltip: J ? l.folderPickerLoadingTooltip : l.moveSourceDisabledTooltip,
-		emptyStateTitle: l.folderPickerEmptyStateTitle,
-		emptyStateDescription: l.folderPickerEmptyStateDescription,
-		sourceFolder: Y,
-		destinationFolderPath: B,
-		setDestinationFolderPath: et,
-		filesLoading: J
+	}, [h]), Q = G != null && C.has(G), St = Q ? G : xt, Ct = s(() => ({
+		copyLabel: d.copyLabel,
+		moveLabel: d.moveLabel,
+		addFolderLabel: d.addFolderLabel,
+		hiddenFilesSwitcherLabel: d.hiddenFilesSwitcherLabel,
+		getCopyHeader: d.getCopyHeader,
+		getMoveHeader: d.getMoveHeader,
+		disabledPathTooltip: Q ? d.folderPickerLoadingTooltip : d.moveSourceDisabledTooltip,
+		movedIntoItselfTooltip: d.movedIntoItselfTooltip,
+		emptyStateTitle: d.folderPickerEmptyStateTitle,
+		emptyStateDescription: d.folderPickerEmptyStateDescription,
+		sourceFolder: St,
+		destinationFolderPath: G,
+		setDestinationFolderPath: pt,
+		filesLoading: Q
 	}), [
-		l.copyLabel,
-		l.moveLabel,
-		l.addFolderLabel,
-		l.hiddenFilesSwitcherLabel,
-		l.getCopyHeader,
-		l.getMoveHeader,
-		l.folderPickerLoadingTooltip,
-		l.moveSourceDisabledTooltip,
-		l.folderPickerEmptyStateTitle,
-		l.folderPickerEmptyStateDescription,
-		J,
-		Y,
-		B
-	]), lt = ce(() => {
-		w(), E();
-	}, [w, E]), X = a(() => re(C?.files ?? []), [C]), ut = a(() => ({
-		fileMetadata: I,
-		loading: L,
-		clearMetadata: R,
-		header: l.metadataHeader,
-		nameLabel: l.metadataNameLabel,
-		pathLabel: l.metadataPathLabel,
-		modifiedDateLabel: l.metadataModifiedDateLabel,
-		sizeLabel: l.metadataSizeLabel,
-		authorLabel: l.metadataAuthorLabel
+		d.copyLabel,
+		d.moveLabel,
+		d.addFolderLabel,
+		d.hiddenFilesSwitcherLabel,
+		d.getCopyHeader,
+		d.getMoveHeader,
+		d.folderPickerLoadingTooltip,
+		d.moveSourceDisabledTooltip,
+		d.movedIntoItselfTooltip,
+		d.folderPickerEmptyStateTitle,
+		d.folderPickerEmptyStateDescription,
+		Q,
+		St,
+		G
+	]), wt = ge(() => {
+		T(), A(), D(), j();
+	}, [
+		T,
+		A,
+		D,
+		j
+	]), Tt = ge((e) => {
+		let t = ae(e);
+		t?.kind === re.Upload ? E(t.entryId) : t?.kind === re.Download && k(t.entryId);
+	}, [E, k]), Et = s(() => oe(w, O, d.uploadFailureMessages), [
+		w,
+		O,
+		d.uploadFailureMessages
+	]), Dt = w?.files.length ?? 0, Ot = O?.files.length ?? 0, kt = d.getTransferQueueTitle?.({
+		uploads: Dt,
+		downloads: Ot
+	}) ?? d.getUploadQueueTitle(Dt + Ot), At = s(() => ie({
+		uploadLabels: d.uploadQueueLabels,
+		downloadLabels: d.downloadQueueLabels,
+		mixedProgressLabel: d.transferQueueProgressAriaLabel,
+		uploadNames: new Set(w?.files.map((e) => e.name)),
+		downloadNames: new Set(O?.files.map((e) => e.name))
 	}), [
-		I,
-		L,
-		R,
-		l.metadataHeader,
-		l.metadataNameLabel,
-		l.metadataPathLabel,
-		l.metadataModifiedDateLabel,
-		l.metadataSizeLabel,
-		l.metadataAuthorLabel
-	]), Z = he({
-		isDownloading: Re,
-		isDeleting: Be,
-		isRenaming: Ue,
-		isMoving: D,
-		isUnsharing: Ye,
-		isRemovingAccess: Ze
-	}, l), Q = "bg-layer-base", $ = a(() => v.split("/").filter(Boolean).length > 1 ? {
-		title: l.folderEmptyStateTitle,
+		d.uploadQueueLabels,
+		d.downloadQueueLabels,
+		d.transferQueueProgressAriaLabel,
+		w,
+		O
+	]), jt = s(() => ({
+		fileMetadata: V,
+		loading: H,
+		clearMetadata: U,
+		header: d.metadataHeader,
+		nameLabel: d.metadataNameLabel,
+		pathLabel: d.metadataPathLabel,
+		modifiedDateLabel: d.metadataModifiedDateLabel,
+		sizeLabel: d.metadataSizeLabel,
+		authorLabel: d.metadataAuthorLabel
+	}), [
+		V,
+		H,
+		U,
+		d.metadataHeader,
+		d.metadataNameLabel,
+		d.metadataPathLabel,
+		d.metadataModifiedDateLabel,
+		d.metadataSizeLabel,
+		d.metadataAuthorLabel
+	]), $ = Ce({
+		isDeleting: $e,
+		isRenaming: nt,
+		isMoving: M,
+		isUnsharing: ct,
+		isRemovingAccess: ut
+	}, d), Mt = s(() => x.split("/").filter(Boolean).length > 1 ? {
+		title: d.folderEmptyStateTitle,
 		description: ""
-	} : l.emptyStateByTab[z], [
-		v,
-		l.folderEmptyStateTitle,
-		l.emptyStateByTab,
-		z
-	]);
-	return /* @__PURE__ */ s(de, { children: [
-		we == null ? /* @__PURE__ */ s("div", {
-			className: e("relative flex min-h-0 w-full grow overflow-auto", Q),
-			children: [/* @__PURE__ */ o(fe, {
-				className: e("min-h-0 w-full grow", Q, K && "p-0"),
-				contentClassName: m === n.Attach ? "px-0 pb-0" : void 0,
-				gridClassName: m === n.Attach ? "size-full gap-6 px-6 py-4" : "size-full",
-				items: Se,
-				path: v,
-				onPathChange: Te,
-				onGridApiChange: tt,
-				filesLoading: Ce,
-				allowedFileTypes: ye,
-				maxSelectableFileSize: h,
-				maxFileSize: h,
-				uploadValidationMessages: g == null ? void 0 : { oversizedFiles: g },
-				selectedPaths: p,
-				onSelectedPathsChange: ge,
-				navigationPanelOptions: {
-					searchable: !0,
-					placeholder: l.searchPlaceholderByTab?.[z]
-				},
-				hideSearchPathItemName: !0,
-				onSearchFiles: De,
-				searchInProgress: Oe,
-				searchResults: ke ?? [],
-				clearSearchResults: Ae,
-				gridOptions: nt,
-				treeOptions: rt,
-				onFolderPopupPathChange: je,
-				toolbarOptions: it,
-				bulkActionsToolbarOptions: at,
-				autoSelectUploadedItems: ve,
-				emptyStateTitle: $.title,
-				emptyStateDescription: $.description,
-				searchEmptyStateTitle: l.searchEmptyStateTitle,
-				uploadEnabled: O,
-				sharedWithMeIds: qe,
-				sharedByMePaths: F,
-				onUnshareFiles: Je,
-				onRemoveFilesAccess: Xe,
-				fileMetadataPopupOptions: ut,
-				onGetInfo: Qe,
-				onUploadFiles: Me,
-				onUploadArchive: Ne,
-				onValidateUpload: Pe,
-				onCreateFolder: Fe,
-				onCreateFolderValidate: Ie,
-				onDownloadFiles: Le,
-				onDeleteFiles: ze,
-				onMoveToFiles: Ve,
-				onCopyFiles: We,
-				onRenameValidate: He,
-				renameValidationMessages: l.renameValidationMessages,
-				isRenameFileAvailable: O,
-				deleteConfirmationOptions: ot,
-				conflictResolutionPopupOptions: l.conflictResolutionPopupOptions,
-				destinationFolderPopupOptions: ct,
-				forbiddenSymbolsRegExp: ie,
-				forbiddenSymbolsTooltip: l.forbiddenSymbolsTooltip,
-				getDisabledTooltip: be,
-				unsupportedFileTypeTooltip: xe
-			}), Z != null && /* @__PURE__ */ o("div", {
-				"aria-live": "polite",
-				className: "absolute inset-0 z-[52] flex items-center justify-center bg-backdrop desktop:p-4",
-				children: /* @__PURE__ */ o(oe, {
-					size: 32,
-					fullWidth: !1,
-					ariaLabel: Z
+	} : d.emptyStateByTab[W], [
+		x,
+		d.folderEmptyStateTitle,
+		d.emptyStateByTab,
+		W
+	]), Nt = t({
+		"--dfms-surface": b?.colors?.surface,
+		"--dfms-tree-bg": b?.colors?.treeBackground,
+		"--dfms-tree-border": b?.colors?.treeBorder,
+		"--dfms-overlay-backdrop": b?.colors?.overlayBackdrop
+	});
+	return /* @__PURE__ */ l(ye, { children: [
+		Ie == null ? /* @__PURE__ */ l("div", {
+			style: Nt,
+			className: e("relative flex min-h-0 w-full grow overflow-auto", i.surface),
+			children: [
+				/* @__PURE__ */ c(be, {
+					className: e("min-h-0 w-full grow", i.surface, Z && "p-0"),
+					contentClassName: Z ? "px-0 pb-0" : void 0,
+					gridClassName: g === r.Attach ? "size-full gap-6 px-6 py-4" : "size-full",
+					items: Pe,
+					path: x,
+					onPathChange: Le,
+					onGridApiChange: mt,
+					filesLoading: Fe,
+					allowedFileTypes: De,
+					maxSelectableFileSize: _,
+					maxFileSize: _,
+					uploadValidationMessages: Oe == null ? void 0 : { oversizedFiles: Oe },
+					selectedPaths: h,
+					onSelectedPathsChange: we,
+					navigationPanelOptions: {
+						searchable: !0,
+						placeholder: d.searchPlaceholderByTab?.[W]
+					},
+					hideSearchPathItemName: !0,
+					onSearchFiles: ze,
+					searchInProgress: Be,
+					searchResults: Ve ?? [],
+					clearSearchResults: He,
+					gridOptions: ht,
+					treeOptions: gt,
+					onFolderPopupPathChange: Ge,
+					toolbarOptions: vt,
+					bulkActionsToolbarOptions: yt,
+					autoSelectUploadedItems: Ee,
+					emptyStateTitle: Mt.title,
+					emptyStateDescription: Mt.description,
+					searchEmptyStateTitle: d.searchEmptyStateTitle,
+					uploadEnabled: N,
+					sharedWithMeIds: ot,
+					sharedByMePaths: B,
+					onUnshareFiles: st,
+					onRemoveFilesAccess: lt,
+					fileMetadataPopupOptions: jt,
+					onGetInfo: dt,
+					onPreview: je,
+					onTableFileClick: Me,
+					previewExtensions: Ne,
+					onUploadFiles: Ke,
+					onUploadArchive: qe,
+					onValidateUpload: Je,
+					onCreateFolder: Ye,
+					onCreateFolderValidate: Xe,
+					onDownloadFiles: Ze,
+					onDeleteFiles: Qe,
+					onMoveToFiles: et,
+					onCopyFiles: rt,
+					onRenameValidate: tt,
+					renameValidationMessages: d.renameValidationMessages,
+					isRenameFileAvailable: N,
+					deleteConfirmationOptions: bt,
+					conflictResolutionPopupOptions: d.conflictResolutionPopupOptions,
+					destinationFolderPopupOptions: Ct,
+					forbiddenSymbolsRegExp: pe,
+					forbiddenSymbolsTooltip: d.forbiddenSymbolsTooltip,
+					getDisabledTooltip: ke,
+					unsupportedFileTypeTooltip: Ae
+				}),
+				/* @__PURE__ */ c(de, {
+					visuallyHidden: !0,
+					as: fe.Span,
+					children: $ ?? ""
+				}),
+				$ != null && /* @__PURE__ */ c("div", {
+					className: e("absolute inset-0 z-52 flex items-center justify-center desktop:p-4", i.overlay),
+					children: /* @__PURE__ */ c(me, {
+						size: 32,
+						fullWidth: !1,
+						ariaLabel: $
+					})
 				})
-			})]
-		}) : /* @__PURE__ */ s("div", {
-			role: "alert",
-			className: "flex flex-col items-center gap-4 p-6",
-			children: [/* @__PURE__ */ o("p", { children: l.errorMessage }), /* @__PURE__ */ o(ae, {
-				label: l.retryLabel,
-				onClick: Ee
-			})]
+			]
+		}) : /* @__PURE__ */ c("div", {
+			className: "p-6",
+			children: /* @__PURE__ */ c(ue, {
+				message: d.errorMessage,
+				action: /* @__PURE__ */ c(se, {
+					variant: a.Neutral,
+					appearance: ce.Outlined,
+					size: le.Small,
+					label: d.retryLabel,
+					onClick: Re
+				})
+			})
 		}),
-		/* @__PURE__ */ o("div", {
-			className: "fixed bottom-4 end-4 z-[70]",
-			children: /* @__PURE__ */ o(se, {
-				title: l.getUploadQueueTitle(X.length),
-				items: X,
-				onClose: lt,
-				onCancelItem: T,
-				labels: l.uploadQueueLabels
+		/* @__PURE__ */ c("div", {
+			className: "fixed inset-e-4 bottom-4 z-51",
+			children: /* @__PURE__ */ c(he, {
+				title: kt,
+				items: Et,
+				onClose: wt,
+				onCancelItem: Tt,
+				labels: At
 			})
 		}),
-		(Ge || D) && /* @__PURE__ */ o(ne, {
-			title: D ? l.operationLoaderMoveTitle : l.operationLoaderCopyTitle,
-			text: D ? l.movingLabel : l.copyingLabel,
-			cancelLabel: l.operationLoaderCancelLabel,
-			onCancel: Ke
+		(it || M) && /* @__PURE__ */ c(ne, {
+			title: M ? d.operationLoaderMoveTitle : d.operationLoaderCopyTitle,
+			text: M ? d.movingLabel : d.copyingLabel,
+			cancelLabel: d.operationLoaderCancelLabel,
+			onCancel: at,
+			colors: b?.operationLoader,
+			textClassName: b?.operationLoaderTextClassName
 		})
 	] });
 };
-i(l);
+o(d);
 //#endregion
-export { l as DialFileManagerShell };
+export { d as DialFileManagerShell };