@epam/ai-dial-react-file-manager 0.1.0-dev.13

package/dist/index.css

@@ -0,0 +1 @@
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-bottom-0\.5{bottom:-.125rem}.-left-0\.5{left:-.125rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-0{z-index:0}.z-\[-1\]{z-index:-1}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem}.mb-2,.my-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[2px\]{margin-bottom:2px}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-9{width:2.25rem;height:2.25rem}.size-\[400px\]{width:400px;height:400px}.size-full{width:100%;height:100%}.\!h-10{height:2.5rem!important}.\!h-6{height:1.5rem!important}.\!h-9{height:2.25rem!important}.\!h-\[600px\]{height:600px!important}.h-6{height:1.5rem}.h-\[100px\]{height:100px}.h-\[26px\]{height:26px}.h-\[38px\]{height:38px}.h-\[640px\]{height:640px}.h-\[740px\]{height:740px}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[248px\]{min-height:248px}.w-\[1000px\]{width:1000px}.w-\[260px\]{width:260px}.w-\[40px\]{width:40px}.w-\[600px\]{width:600px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-\[300px\]{max-width:300px}.max-w-\[428px\]{max-width:428px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[2px\]{gap:2px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded,.rounded-\[4px\]{border-radius:4px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent-primary{border-color:var(--stroke-accent-primary,#7da4ff)}.border-primary{border-color:var(--stroke-primary,#696e7c)}.border-tertiary{border-color:var(--stroke-tertiary,#0c101d)}.border-l-accent-primary{border-left-color:var(--stroke-accent-primary,#7da4ff)}.border-l-transparent{border-left-color:transparent}.\!bg-layer-2{background-color:var(--bg-layer-2,#161b2d)!important}.bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.bg-controls-disable-accent{background-color:var(--controls-bg-disable-accent,#696e7c)}.bg-layer-0{background-color:var(--bg-layer-0,#000)}.bg-layer-1{background-color:var(--bg-layer-1,#0c101d)}.bg-layer-2{background-color:var(--bg-layer-2,#161b2d)}.bg-layer-3{background-color:var(--bg-layer-3,#1d2439)}.bg-layer-4{background-color:var(--bg-layer-4,#242c42)}.bg-transparent{background-color:transparent}.\!p-\[9px\]{padding:9px!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pl-1{padding-left:.25rem}.pl-2\.5{padding-left:.625rem}.pl-6{padding-left:1.5rem}.pl-\[7px\]{padding-left:7px}.pr-\[7px\]{padding-right:7px}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem;line-height:1.25rem}.italic{font-style:italic}.text-accent-primary{color:var(--text-accent-primary,#7da4ff)}.text-accent-secondary{color:var(--text-accent-secondary,#37babc)}.text-accent-tertiary{color:var(--text-accent-tertiary,#a972ff)}.text-error{color:var(--text-error,#f76464)}.text-primary{color:var(--text-primary,#eef1f7)}.text-secondary{color:var(--text-secondary,#9fa6bd)}.text-transparent{color:transparent}.text-warning-icon{color:var(--text-warning-icon,#eec840)}.opacity-0{opacity:0}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-accent-primary-alpha:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.hover\:text-accent-primary:hover{color:var(--text-accent-primary,#7da4ff)}.disabled\:hover\:cursor-default:hover:disabled{cursor:default}.group\/grid-row:hover .group-hover\/grid-row\:pointer-events-auto{pointer-events:auto}.group\/item:hover .group-hover\/item\:visible{visibility:visible}.group\/grid-row:hover .group-hover\/grid-row\:bg-accent-primary-alpha,.group\/item:hover .group-hover\/item\:bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.group\/grid-row:hover .group-hover\/grid-row\:opacity-100{opacity:1}@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:\!h-\[800px\]{height:800px!important}.md\:min-h-\[266px\]{min-height:266px}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}

package/dist/src/components/FileManager/FileManager.d.ts

@@ -0,0 +1,319 @@
+import { ColDef, GridApi } from '../../../node_modules/ag-grid-community';
+import { FC, ReactNode, Ref, RefObject } from '../../../node_modules/react';
+import { DialGridProps, DropdownItem } from '@epam/ai-dial-ui-kit';
+import { ConflictResolutionPopupProps } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
+import { FileUploadValidationMessages, FileUploadValidationResult } from './hooks/use-file-upload';
+import { RenameValidationMessages } from './hooks/use-item-renaming';
+import { DialFile, DialRootFolder } from '../../models/file';
+import { DialCopiedItem, DialDeletedItem, DialFileAcceptType, DialFileManagerActionsRef, DialUploadFileItem } from '../../models/file-manager';
+import { GridSelectionMode } from '../../models/selection-mode.ts';
+import { DialFileManagerActions, FileManagerColumnKey } from '../../types/file-manager';
+import { FileManagerGridRow } from './FileManagerContext';
+import { DestinationFolderPopupProps } from './components/DestinationFolderPopup/DestinationFolderPopup';
+import { DialFileManagerBulkActionsToolbarProps } from './components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
+import { DialFileManagerNavigationPanelProps } from './components/FileManagerNavigationPanel/FileManagerNavigationPanel';
+import { DialFileManagerToolbarProps } from './components/FileManagerToolbar/DialFileManagerToolbar';
+import { DialFoldersTreeProps } from './components/FoldersTree/FoldersTree';
+type GridRow = FileManagerGridRow;
+export type DialFileManagerConflictResolutionPopupOptions = Omit<ConflictResolutionPopupProps, 'open' | 'onClose' | 'onReplace' | 'onDuplicate' | 'conflictingFiles'>;
+export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel' | 'header' | 'onCreateFolder' | 'onCreateFolderValidate' | 'folderCreationValidationMessages' | 'disabledPathTooltip' | 'emptyStateTitle' | 'emptyStateDescription'> & {
+    getCopyHeader?: (itemsCount: number, itemName?: string) => string;
+    getMoveHeader?: (itemsCount: number, itemName?: string) => string;
+    processDestinationFolderPath?: (path: string) => string;
+};
+export interface FileMetadataPopupOptions {
+    fileMetadata?: DialFile;
+    loading?: boolean;
+    clearMetadata?: () => void;
+    header?: ReactNode;
+    nameLabel?: string;
+    pathLabel?: string;
+    modifiedDateLabel?: string;
+    sizeLabel?: string;
+    authorLabel?: string;
+}
+export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 'selectedPath' | 'onItemClick'> {
+    width?: number;
+    header?: ReactNode;
+    containerClassName?: string;
+    additionalButtons?: ReactNode;
+    collapsed?: boolean;
+    onCollapseChange?: (collapsed: boolean) => void;
+    expandedPaths?: Set<string>;
+    loadedPaths?: Set<string>;
+    onExpandedPathsChange?: (expandedPaths: Set<string>) => void;
+    actionLabels?: {
+        [DialFileManagerActions.AddSibling]?: string;
+        [DialFileManagerActions.AddChild]?: string;
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Rename]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+        [DialFileManagerActions.Unshare]?: string;
+        [DialFileManagerActions.ManagePermissions]?: string;
+        [DialFileManagerActions.RemoveAccess]?: string;
+    };
+}
+export interface DeleteConfirmationOptions {
+    cancelLabel?: string;
+    titleRenderer?: (fileNames: string[]) => ReactNode;
+    confirmLabel?: string;
+    contentRenderer?: (fileNames: string[]) => ReactNode;
+}
+export type NavigationPanelOptions = Omit<DialFileManagerNavigationPanelProps, 'path' | 'makeHref' | 'onItemClick'>;
+export interface GridOptions extends Omit<DialGridProps<GridRow>, 'rowData' | 'columnDefs'> {
+    columnDefs?: (ColDef<GridRow> | ((dateLocale: Intl.LocalesArgument, dateOptions: Intl.DateTimeFormatOptions | undefined, isCompactView: boolean) => ColDef<GridRow, unknown>))[];
+    filterable?: boolean;
+    dateLocale?: Intl.LocalesArgument;
+    dateOptions?: Intl.DateTimeFormatOptions;
+    showFiles?: boolean;
+    showFolders?: boolean;
+    visibleColumns?: FileManagerColumnKey[];
+    selectionMode?: GridSelectionMode;
+    wrapCustomCellRenderers?: boolean;
+    allowDisabledContextMenu?: boolean;
+    actionLabels?: {
+        [DialFileManagerActions.AddSibling]?: string;
+        [DialFileManagerActions.AddChild]?: string;
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Rename]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+        [DialFileManagerActions.Info]?: string;
+        [DialFileManagerActions.Unshare]?: string;
+        [DialFileManagerActions.ManagePermissions]?: string;
+        [DialFileManagerActions.Preview]?: string;
+        [DialFileManagerActions.RemoveAccess]?: string;
+    };
+}
+export type NewAction = Pick<DropdownItem, 'label' | 'icon'>;
+export type ToolbarOptions = Omit<DialFileManagerToolbarProps, 'areHiddenFilesVisible' | 'onToggleHiddenFiles'> & {
+    newActions?: {
+        uploadFiles?: NewAction;
+        newFolder?: NewAction;
+        uploadArchive?: NewAction;
+        newItem?: NewAction;
+    };
+    showHiddenFilesToggle?: boolean;
+};
+export type BulkActionsToolbarOptions = Omit<DialFileManagerBulkActionsToolbarProps, 'onClearSelection' | 'actions' | 'selectedCount'> & {
+    actionLabels?: {
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+        [DialFileManagerActions.Unshare]?: string;
+        [DialFileManagerActions.RemoveAccess]?: string;
+    };
+};
+export interface CreateFolderValidationMessages {
+    emptyName?: string;
+    duplicateName?: string;
+    forbiddenChars?: string;
+}
+export interface DialFileManagerProps {
+    path?: string;
+    defaultPath?: string;
+    className?: string;
+    managerLabel?: ReactNode;
+    gridClassName?: string;
+    allowedFileTypes?: DialFileAcceptType[];
+    items?: DialFile[];
+    rootItem?: DialRootFolder;
+    filesLoading?: boolean;
+    sharedByMePaths?: Set<string>;
+    maxSelectableFileSize?: number;
+    selectedPaths?: Set<string>;
+    defaultSelectedPaths?: Set<string>;
+    onSelectedPathsChange?: (paths: Set<string>) => void;
+    showHiddenFiles?: boolean;
+    onShowHiddenFilesChange?: (value: boolean) => void;
+    treeOptions?: FileTreeOptions;
+    toolbarOptions?: ToolbarOptions;
+    showNavigationPanel?: boolean;
+    navigationPanelOptions?: NavigationPanelOptions;
+    gridOptions?: GridOptions;
+    bulkActionsToolbarOptions?: BulkActionsToolbarOptions;
+    deleteConfirmationOptions?: DeleteConfirmationOptions;
+    destinationFolderPopupOptions?: DialFileManagerDestinationFolderPopupOptions;
+    conflictResolutionPopupOptions?: DialFileManagerConflictResolutionPopupOptions;
+    compactViewWidthBreakpoint?: number;
+    customBreakpointRef?: RefObject<HTMLElement | null>;
+    onPathChange?: (nextPath?: string) => void;
+    onTableFileClick?: (file: GridRow) => void;
+    handleSelectionClick?: (file: GridRow[]) => void;
+    onGridApiChange?: (api: GridApi) => void;
+    onCopyFiles?: (items: DialCopiedItem[], destinationFolder: string) => void;
+    onMoveToFiles?: (items: DialCopiedItem[], sourceFolder: string, destinationFolder: string) => void;
+    onDeleteFiles?: (items: DialDeletedItem[], sourceFolder: string) => void;
+    onDownloadFiles?: (items: DialFile[]) => void;
+    onRenameValidate?: (value: string, item: DialFile) => string | null;
+    renameValidationMessages?: RenameValidationMessages;
+    forbiddenSymbolsRegExp?: RegExp;
+    forbiddenSymbolsTooltip?: ReactNode;
+    onCreateFolder?: (file: DialUploadFileItem, folderPath: string, fileId: string) => void | Promise<void>;
+    onCreateFolderValidate?: (name: string, parentFolder: DialFile) => string | null;
+    folderCreationValidationMessages?: CreateFolderValidationMessages;
+    getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
+    fileTooLargeTooltip?: string;
+    unsupportedFileTypeTooltip?: string;
+    onUploadFiles?: (files: DialUploadFileItem[], destinationFolder: string) => void;
+    prepareUploadFileName?: (name: string) => string;
+    onValidateUpload?: (files: DialUploadFileItem[], existingFiles: DialFile[], destinationFolder: string) => FileUploadValidationResult | Promise<FileUploadValidationResult>;
+    maxFileSize?: number;
+    uploadValidationMessages?: FileUploadValidationMessages;
+    onUploadArchive?: (file: File, name: string, destinationFolder: string) => void;
+    uploadEnabled?: boolean;
+    fileMetadataPopupOptions?: FileMetadataPopupOptions;
+    onGetInfo?: (file: DialFile) => void | Promise<void>;
+    onUnshareFiles?: (files: DialFile[]) => void | Promise<void>;
+    onRemoveFilesAccess?: (files: DialFile[]) => void | Promise<void>;
+    actionsRef?: Ref<DialFileManagerActionsRef>;
+    onSearchFiles?: (folder: string, query: string) => void;
+    searchInProgress?: boolean;
+    searchResults?: DialFile[];
+    clearSearchResults?: () => void;
+    emptyStateIcon?: ReactNode;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    sharedWithMeIds?: string[];
+    onFolderPopupPathChange?: (newPath?: string) => void;
+    onManagePermissions?: (path?: string) => void;
+    onPreview?: (path?: string) => void;
+    onOpenInNewTab?: (file: DialFile) => void;
+    previewExtensions?: string[];
+    isRenameFileAvailable?: boolean;
+    isDuplicateFolderAvailable?: boolean;
+    customUploadFileAction?: (currentPath?: string, currentFolder?: DialFile) => void;
+    customCreateNewItemAction?: (currentPath?: string, currentFolder?: DialFile) => void;
+    customDuplicateAction?: (items?: DialFile[]) => void;
+    customDeleteItemsAction?: (items: DialFile[], parentFolderPath: string) => void;
+    customDownloadItemsAction?: (items?: DialFile[]) => void;
+    nonClickableTableColumns?: FileManagerColumnKey[];
+    hideSearchPathItemName?: boolean;
+    showHiddenFileSwitcherInDestinationPopup?: boolean;
+    showCreateFolderButtonInDestinationPopup?: boolean;
+    autoSelectUploadedItems?: boolean;
+    maxNewFolderDepth?: number;
+    onNewFolderDepthExceeded?: () => void;
+    initialUploadFilesOpen?: boolean;
+}
+/**
+ * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.
+ * aliases: FileExplorer|FileBrowser
+ *
+ * Features:
+ * - Global `path` drives both the breadcrumb trail and the visible folder in the grid.
+ * - The grid shows children of the current folder. When a search query is present, it scans all nested descendants.
+ * - Pluggable tree, navigation panel, and grid behaviors via `treeOptions`, `navigationPanelOptions`, and `gridOptions`.
+ * - Optional filters toggle via `gridOptions.filterable` (default `true`).
+ * - Supports bulk actions toolbar when items are selected.
+ *
+ * @example
+ * ```tsx
+ * // Minimal usage
+ * <DialFileManager items={files} path="/All files" />
+ *
+ * // With loading state
+ * <DialFileManager items={files} path="/All files" filesLoading={true} />
+ *
+ * // With controlled search and disabled grid filters
+ * const [query, setQuery] = useState('');
+ * <DialFileManager
+ *   items={files}
+ *   path="/All files/Design"
+ *   navigationPanelOptions={{
+ *     searchable: true,
+ *     value: query,
+ *     onSearchChange: setQuery,
+ *   }}
+ *   gridOptions={{ filterable: false }}
+ * />
+ *
+ * // With custom tree width and title
+ * <DialFileManager
+ *   items={files}
+ *   treeOptions={{ width: 300, title: 'Explorer', showFiles: true }}
+ * />
+ *
+ * // With explicit provider (advanced apps)
+ * <FileManagerProvider items={files} path="/All files">
+ *   <MyCustomHeader />
+ *   <DialFileManagerView />  // internal view
+ *   <MyCustomFooter />
+ * </FileManagerProvider>
+ * ```
+ *
+ * @param [path] - Absolute path of the current location (e.g. "/All files/Design/Icons")
+ * @param [defaultPath] - Initial path used in uncontrolled mode (applied only on first render)
+ * @param [className] - Additional classes for the root container
+ * @param [gridClassName] - Additional classes for the grid container
+ * @param [items] - Full hierarchical list of files and folders used by both tree and grid
+ * @param [rootItem] - Optional root folder item to represent the top-level container in the tree
+ * @param [filesLoading=false] - When true, shows skeleton loading state in the grid
+ * @param [selectedPaths] - Controlled set of selected item paths
+ * @param [defaultSelectedPaths] - Initial selected paths used in uncontrolled mode
+ *
+ * @param [treeOptions] - Options that configure the collapsible sidebar and folders tree
+ * @param [showNavigationPanel] - Determines whether to display the navigation panel.
+ * @param [navigationPanelOptions] - Options for the breadcrumb and search panel (value/onSearchChange for controlled search)
+ * @param [toolbarOptions] - Options for the file manager toolbar
+ * @param [gridOptions] - Options forwarded to `DialGrid`; supports `columnDefs` override and `filterable` flag and date locale/options
+ * @param [bulkActionsToolbarOptions] - Options for the bulk actions toolbar shown when items are selected
+ * @param [deleteConfirmationOptions] - Options for the delete confirmation popup
+ *
+ * @param [compactViewWidthBreakpoint=DEFAULT_COMPACT_VIEW_WIDTH_BREAKPOINT] - Width (px) below which the component switches to compact view.
+ *
+ * @param [onPathChange] - Callback fired when user navigates via tree or breadcrumb
+ * @param [onSelectedPathsChange] - Callback fired when the selected paths change
+ * @param [onTableFileClick] - Callback fired when a file row is clicked in the grid
+ *
+ * @param [onCopyFiles] - Callback fired when files copy-paste
+ * @param [onMoveToFiles] - Callback fired when files cut-paste or rename
+ * @param [onDeleteFiles] - Callback fired when files are deleted
+ *
+ * @param [onRenameValidate] - Optional callback to validate a file or folder name during renaming. Should return an error message string if the name is invalid, or null if it's valid.
+ * @param [renameValidationMessages] - Optional custom validation messages for renaming files and folders. Note that you need to add `${NotificationVariant.Warning}__` prefix to the `hiddenItemWarning` message to display it as a warning with the warning icon.
+ * @param [forbiddenSymbolsRegExp] - Optional RegExp will be used in the validation for the files and folders names. The "g" and "y" flags are not allowed in this RegExp and will be ignored.
+ * @param [forbiddenSymbolsTooltip] - Optional tooltip displayed when a file or folder name contains forbidden characters
+ *
+ * @param [onDownloadFiles] - Callback fired when files are downloaded
+ *
+ * @param [onUploadArchive] - Callback fired when archive files are uploaded
+ * @param [onUploadFiles] - Callback fired when files are uploaded
+ * @param [prepareUploadFileName] - Optional mapper applied to each uploaded item's name before conflict resolution runs and before `onUploadFiles`/`onUploadArchive` are called. Use it to sanitize or normalize names (e.g. stripping forbidden symbols). Conflict detection is performed against the mapped names, so renames take place before the conflict check.
+ * @param [onValidateUpload] - Callback to validate files before upload
+ * @param [maxFileSize] - Maximum allowed file size for uploads in bytes
+ * @param [uploadValidationMessages] - Custom validation messages for file uploads. Consumers can customize these strings for a11y and copy consistency.
+ * @param [uploadEnabled=true] - Whether files uploads are enabled
+ * @param [autoSelectUploadedItems=false] - When true, automatically selects newly uploaded or created items (files, archives, folders) after they appear in the current directory. Useful in attach flows where the user expects immediate selection feedback.
+ *
+ * @param [sharedByMePaths] - Set of items paths that the user has shared with others. Enables UI indicators (icons/badges) in the tree and grid.
+ *
+ * @param [actionsRef] - Ref exposing a limited set of imperative File Manager actions (e.g., creating a folder). Allows parent components to trigger internal behaviors programmatically. This ref is not a DOM ref and should be used only for invoking the component’s public actions API.
+ *
+ * @param [allowedFileTypes] - Allowed file types (same format as the HTML `<input accept>` attribute). Controls upload filtering and which items are disabled in the File Manager UI. Supports MIME types, wildcards (e.g. `image/*`), and extensions (e.g. `.svg`).
+ *
+ * @param [maxSelectableFileSize] - Maximum allowed file size for selection in bytes
+ *
+ * @param [emptyStateIcon] - Optional icon for empty state
+ * @param [emptyStateTitle] - Optional title text displayed when there are no files.
+ * @param [emptyStateDescription] - Optional description text displayed below the empty state title.
+ *
+ * @param [sharedWithMeIds] - Optional list of file IDs that are shared with the current user.
+ * @param [unsupportedFileTypeTooltip] - Optional tooltip text displayed when an unsupported file type is selected.
+ * @param [fileTooLargeTooltip] - Optional tooltip text displayed when a file is too large.
+ */
+export declare const DialFileManager: FC<DialFileManagerProps>;
+/**
+ * Internal view-only component.
+ * Reads all data from FileManagerContext and renders the actual layout.
+ * This is what apps can reuse if they want to control the provider manually.
+ */
+export declare const DialFileManagerView: FC;
+export {};

package/dist/src/components/FileManager/FileManagerContext.d.ts

@@ -0,0 +1,180 @@
+import { DragEvent, ReactNode, Ref, RefObject } from '../../../node_modules/react';
+import { DialFile, DialRootFolder, DialFileNodeType } from '../../models/file';
+import { FileTreeOptions, NavigationPanelOptions, GridOptions, ToolbarOptions, BulkActionsToolbarOptions, DialFileManagerProps, DeleteConfirmationOptions, DialFileManagerDestinationFolderPopupOptions, DialFileManagerConflictResolutionPopupOptions, FileMetadataPopupOptions } from './FileManager';
+import { FileUploadValidationMessages } from './hooks/use-file-upload';
+import { DropdownItem } from '@epam/ai-dial-ui-kit';
+import { FileConflictDecision } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
+import { DestinationFolderMode, FileManagerColumnKey } from '../../types/file-manager';
+import { DialFileAcceptType, DialFileManagerActionsRef } from '../../models/file-manager';
+import { GridApi } from '../../../node_modules/ag-grid-community';
+export interface FileManagerGridRow {
+    id: string;
+    name: string;
+    updatedAt?: string;
+    size?: number;
+    author?: string;
+    path: string;
+    parentPath?: string | null;
+    nodeType: DialFileNodeType;
+    extension?: string;
+    isTemporary?: boolean;
+    owner?: string;
+    contentType?: string;
+    contentLength?: number;
+    folderId?: string;
+}
+export interface FileManagerContextValue {
+    managerLabel?: ReactNode;
+    className?: string;
+    gridClassName?: string;
+    items: DialFile[];
+    rootItem?: DialRootFolder;
+    allowedFileTypes?: DialFileAcceptType[];
+    maxSelectableFileSize?: number;
+    filesLoading?: boolean;
+    treeOptions?: FileTreeOptions;
+    showNavigationPanel?: boolean;
+    navigationPanelOptions?: NavigationPanelOptions;
+    gridOptions?: GridOptions;
+    toolbarOptions?: ToolbarOptions;
+    bulkActionsToolbarOptions?: BulkActionsToolbarOptions;
+    deleteConfirmationOptions?: DeleteConfirmationOptions;
+    destinationFolderPopupOptions?: DialFileManagerDestinationFolderPopupOptions & {
+        sourceFolder?: string;
+    };
+    conflictResolutionPopupOptions?: DialFileManagerConflictResolutionPopupOptions;
+    fileMetadataPopupOptions?: FileMetadataPopupOptions;
+    compactViewWidthBreakpoint?: number;
+    customBreakpointRef?: RefObject<HTMLElement | null>;
+    currentPath?: string;
+    setCurrentPath: (p?: string) => void;
+    searchValue: string;
+    effectiveSearchValue: string;
+    setSearchValue: (v: string) => void;
+    areHiddenFilesVisible: boolean;
+    toggleHiddenFilesVisibility: () => void;
+    isTreeCollapsed: boolean;
+    toggleTreeCollapse: () => void;
+    setIsTreeCollapsed: (value: boolean) => void;
+    selectedPaths: Set<string>;
+    selectedFiles: Map<string, DialFile>;
+    setSelectedPaths: (paths: Set<string>) => void;
+    clearSelection: () => void;
+    currentFolder?: DialFile;
+    gridRows: FileManagerGridRow[];
+    handleCopyTo: (destinationFolder: string) => void;
+    handleMoveTo: (destinationFolder: string, sourceFolder?: string) => void;
+    handleDuplicate: (files: DialFile[]) => void;
+    handleOpenDestinationFolderPopup: (mode: DestinationFolderMode) => void;
+    handleCloseDestinationFolderPopup: () => void;
+    openDestinationFolderPopup: boolean;
+    destinationFolderMode: DestinationFolderMode;
+    handleSetCopiedFiles: (files: DialFile[]) => void;
+    handleSetMovedFiles: (files: DialFile[]) => void;
+    handleGridAddSibling?: (files: DialFile[]) => void;
+    handleGridAddChild?: (files: DialFile[]) => void;
+    handleTreeAddSibling?: (files: DialFile[]) => void;
+    handleTreeAddChild?: (files: DialFile[]) => void;
+    renamedPath?: string;
+    renamedItem?: DialFile;
+    createdFolderPath?: string | null;
+    onRename: (file: string) => void;
+    onRenameSave: (value: string) => void;
+    onRenameCancel: () => void;
+    onRenameValidate: (value: string, item: DialFile) => string | null;
+    getDisplayName: (item: DialFile) => string;
+    forbiddenSymbolsRegExp?: RegExp;
+    forbiddenSymbolsTooltip?: ReactNode;
+    openDeleteConfirmation: (items: DialFile[], parentFolderPath: string) => void;
+    closeDeleteConfirmation: () => void;
+    confirmDelete: () => void;
+    deleteConfirmationOpen: boolean;
+    itemsToDelete: DialFile[];
+    handlePathChange: (nextPath?: string) => void;
+    handleTreeItemClick: (item: DialFile) => void;
+    handleBreadcrumbItemClick: (href?: string) => void;
+    handleSearchChange: (value?: string) => void;
+    handleTableRowClick: (row: FileManagerGridRow) => void;
+    handleSelectionClick?: (row: FileManagerGridRow[]) => void;
+    onTableFileClick?: DialFileManagerProps['onTableFileClick'];
+    handleDownloadFiles: (items: DialFile[]) => void;
+    onGridApiChange?: (api: GridApi) => void;
+    isDragging: boolean;
+    isDraggingOverWindow: boolean;
+    uploadError?: string;
+    handleDragEnter: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent) => void;
+    clearUploadError: () => void;
+    onUploadFiles?: DialFileManagerProps['onUploadFiles'];
+    onValidateUpload?: DialFileManagerProps['onValidateUpload'];
+    maxFileSize?: number;
+    uploadValidationMessages?: FileUploadValidationMessages;
+    newActions: DropdownItem[];
+    isNewButtonVisible: boolean;
+    isNewButtonDisabled: boolean;
+    openFileDialog: () => void;
+    fileInputRef: RefObject<HTMLInputElement | null>;
+    isCreatingFolder: boolean;
+    newFolderTempId: string | null;
+    newFolderDefaultName: string;
+    startFolderCreation: () => void;
+    cancelFolderCreation: () => void;
+    saveFolderCreation: (name: string) => Promise<void>;
+    validateFolderName: (name: string) => string | null;
+    conflictingFiles: DialFile[];
+    conflictResolutionOpen: boolean;
+    closeConflictResolution: () => void;
+    handleConflictReplace: () => void;
+    handleConflictCancel: () => void;
+    handleConflictDuplicate: () => void;
+    handleConflictDecideForEach: (decisions: FileConflictDecision[]) => void;
+    uploadConflictingFiles: DialFile[];
+    uploadConflictResolutionOpen: boolean;
+    closeUploadConflictResolution: () => void;
+    handleUploadConflictReplace: () => void;
+    handleUploadConflictCancel: () => void;
+    handleUploadConflictDuplicate: () => void;
+    handleUploadConflictDecideForEach: (decisions: FileConflictDecision[]) => void;
+    isMetadataPopupOpen: boolean;
+    selectedFileForMetadata?: DialFile;
+    openMetadataPopup: (file: DialFile) => void;
+    closeMetadataPopup: () => void;
+    onGetInfo?: (file: DialFile) => void | Promise<void>;
+    onUnshareFiles?: (file: DialFile[]) => void;
+    onRemoveFilesAccess?: (file: DialFile[]) => void;
+    actionsRef?: Ref<DialFileManagerActionsRef>;
+    sharedByMePaths?: Set<string>;
+    onSearchFiles?: (folder: string, query: string) => void;
+    searchInProgress?: boolean;
+    searchResults?: DialFile[];
+    clearSearchResults?: () => void;
+    isSearchMode: boolean;
+    emptyStateIcon?: ReactNode;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    sharedWithMeIds?: string[];
+    onFolderPopupPathChange?: (newPath?: string) => void;
+    onManagePermissions?: (path?: string) => void;
+    onPreview?: (path?: string) => void;
+    onOpenInNewTab?: (file: DialFile) => void;
+    previewExtensions?: string[];
+    isRenameFileAvailable?: boolean;
+    isDuplicateFolderAvailable?: boolean;
+    customUploadFileAction?: (currentPath?: string, currentFolder?: DialFile) => void;
+    customCreateNewItemAction?: (currentPath?: string, currentFolder?: DialFile) => void;
+    customDuplicateAction?: (items?: DialFile[]) => void;
+    customDeleteItemsAction?: (items: DialFile[], parentFolderPath: string) => void;
+    customDownloadItemsAction?: (items?: DialFile[]) => void;
+    nonClickableTableColumns?: FileManagerColumnKey[];
+    getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
+    fileTooLargeTooltip?: string;
+    unsupportedFileTypeTooltip?: string;
+    hideSearchPathItemName?: boolean;
+    showHiddenFileSwitcherInDestinationPopup?: boolean;
+    showCreateFolderButtonInDestinationPopup?: boolean;
+    maxNewFolderDepth?: number;
+    onNewFolderDepthExceeded?: () => void;
+}
+export declare const FileManagerContext: import('../../../node_modules/react').Context<FileManagerContextValue | undefined>;

package/dist/src/components/FileManager/FileManagerProvider.d.ts

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from '../../../node_modules/react';
+import { DialFileManagerProps } from './FileManager';
+export interface FileManagerProviderProps extends Omit<DialFileManagerProps, 'children'> {
+    children: ReactNode;
+    autoSelectUploadedItems?: boolean;
+}
+/**
+ * Provider that encapsulates all File Manager business logic:
+ * - path & navigation
+ * - search (controlled + uncontrolled)
+ * - hidden files toggle
+ * - tree collapsed state
+ * - selection
+ * - clipboard (copy / cut / paste)
+ * - delete confirmation state
+ * - computed grid rows
+ * - new actions
+ *
+ */
+export declare const FileManagerProvider: FC<FileManagerProviderProps>;

package/dist/src/components/FileManager/FileManagerTooltip.d.ts

@@ -0,0 +1,12 @@
+import { FileManagerGridRow } from './FileManagerContext';
+import { DialFileAcceptType } from '../../models/file-manager';
+interface FileManagerTooltipProps {
+    disabledGridRowIds: Set<string>;
+    gridRows: FileManagerGridRow[];
+    getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
+    getRowDisabledTooltip: (row: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => string | undefined;
+    allowedFileTypes?: DialFileAcceptType[];
+    maxSelectableFileSize?: number;
+}
+export declare const FileManagerTooltip: ({ disabledGridRowIds, gridRows, getDisabledTooltip, getRowDisabledTooltip, allowedFileTypes, maxSelectableFileSize, }: FileManagerTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/FileManager/components/ConflictResolutionPopup/ConflictResolutionPopup.d.ts

@@ -0,0 +1,90 @@
+import { DialFile } from '../../../../models/file';
+import { DialFileManagerConflictActions, DialFileManagerConflictStrategies } from '../../../../types/file-manager';
+import { FC } from '../../../../../node_modules/react';
+export interface FileConflictDecision {
+    file: DialFile;
+    action: DialFileManagerConflictActions;
+}
+export interface ConflictResolutionPopupProps {
+    open: boolean;
+    onClose: () => void;
+    onReplace: () => void;
+    onDuplicate: () => void;
+    onDecideForEach?: (decisions: FileConflictDecision[]) => void;
+    conflictingFiles: DialFile[];
+    singleFileTitle?: string;
+    multipleFilesTitle?: string;
+    message?: string;
+    actionLabels?: {
+        [DialFileManagerConflictActions.Replace]?: string;
+        [DialFileManagerConflictActions.Duplicate]?: string;
+        [DialFileManagerConflictActions.Cancel]?: string;
+    };
+    strategyLabels?: {
+        [DialFileManagerConflictStrategies.ReplaceAll]?: string;
+        [DialFileManagerConflictStrategies.DuplicateAll]?: string;
+        [DialFileManagerConflictStrategies.DecideForEach]?: string;
+    };
+    confirmLabel?: string;
+    cancelLabel?: string;
+    nameColumnLabel?: string;
+    actionColumnLabel?: string;
+}
+/**
+ * ConflictResolutionPopup
+ *
+ * A popup dialog for resolving file name conflicts during copy or move operations.
+ * Shows different UI based on number of conflicting files:
+ * - Single file: Simple Replace/Duplicate choice with radio buttons
+ * - Multiple files: Replace all / Duplicate all / Decide for each strategy with optional grid
+ *
+ * When "Decide for each" is selected, displays a grid with dropdown selectors for individual
+ * file resolution (Replace/Duplicate/Cancel).
+ *
+ * @example
+ * ```tsx
+ * // Single file conflict
+ * <ConflictResolutionPopup
+ *   open={isOpen}
+ *   onClose={handleClose}
+ *   onReplace={handleReplace}
+ *   onDuplicate={handleDuplicate}
+ *   conflictingFiles={[file]}
+ * />
+ *
+ * // Multiple files with custom labels
+ * <ConflictResolutionPopup
+ *   open={isOpen}
+ *   onClose={handleClose}
+ *   onReplace={handleReplaceAll}
+ *   onDuplicate={handleDuplicateAll}
+ *   onDecideForEach={handleDecisions}
+ *   conflictingFiles={files}
+ *   actionLabels={{
+ *     [DialFileManagerConflictActions.Replace]: 'Overwrite',
+ *     [DialFileManagerConflictActions.Duplicate]: 'Keep Both',
+ *   }}
+ *   strategyLabels={{
+ *     [DialFileManagerConflictStrategies.ReplaceAll]: 'Overwrite All',
+ *     [DialFileManagerConflictStrategies.DuplicateAll]: 'Keep All',
+ *   }}
+ * />
+ * ```
+ *
+ * @param open - Whether the popup is visible
+ * @param onClose - Callback fired when the popup is closed
+ * @param onReplace - Callback fired when Replace/Replace All is confirmed
+ * @param onDuplicate - Callback fired when Duplicate/Duplicate All is confirmed
+ * @param [onDecideForEach] - Callback fired when individual decisions are confirmed; receives array of decisions
+ * @param conflictingFiles - Array of files with name conflicts
+ * @param [singleFileTitle="Replace Or Duplicate Item"] - Title for single file conflicts
+ * @param [multipleFilesTitle="Replace Or Duplicate Items"] - Title for multiple file conflicts
+ * @param [message] - Custom message (overrides default conflict description)
+ * @param [actionLabels] - Custom labels for conflict actions (Replace/Duplicate/Cancel)
+ * @param [strategyLabels] - Custom labels for conflict strategies (Replace all/Duplicate all/Decide for each)
+ * @param [confirmLabel="Confirm"] - Label for the confirm button
+ * @param [cancelLabel="Cancel"] - Label for the cancel button
+ * @param [nameColumnLabel="Name"] - Label for the file name column in the grid
+ * @param [actionColumnLabel="Action"] - Label for the action column in the grid
+ */
+export declare const ConflictResolutionPopup: FC<ConflictResolutionPopupProps>;