@epam/ai-dial-chat-shared 1.3.0-dev.245 → 1.3.0-dev.248

package/file-manager/DialFileManagerShell/DialFileManagerShell.js

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