@epam/ai-dial-ui-kit 0.16.0-dev.5 → 0.16.0-dev.51

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

@@ -1,46 +0,0 @@
-import { FC, MouseEvent, ReactNode } from 'react';
-export interface DialCollapsibleSidebarProps {
-    children: ReactNode;
-    width?: number;
-    title: ReactNode;
-    titleClassName?: string;
-    containerClassName?: string;
-    iconSize?: number;
-    additionalButtons?: ReactNode;
-    iconStroke?: number;
-    isOpened?: boolean;
-    onToggle?: (nextOpened: boolean, e: MouseEvent<HTMLButtonElement>) => void;
-}
-/**
- * A collapsible horizontal bar component that allows toggling between an expanded and collapsed state.
- * aliases: ToggleSidebar|CollapsiblePanel
- * Design system 1.0
- *
- * It supports customizable width, title, icons, additional buttons, and flexible styling options.
- *
- * @example
- * ```tsx
- * <DialCollapsibleSidebar
- *   width={300}
- *   title="Menu"
- *   titleClassName="text-primary font-bold"
- *   containerClassName="bg-gray-100 shadow-md"
- *   iconSize={24}
- *   additionalButtons={<button>Extra</button>}
- * >
- *   <div>Content goes here</div>
- * </DialCollapsibleSidebar>
- * ```
- *
- * @param children - The content to display inside the collapsible bar when expanded
- * @param [width = 280] - The width of the bar when expanded
- * @param title - The title displayed when the bar is collapsed
- * @param [titleClassName] - Additional CSS classes applied to the title element
- * @param [containerClassName] - Additional CSS classes applied to the container element
- * @param [iconSize = 32] - The size of the toggle icons. Defaults to 32
- * @param [iconStroke = 1.5] - The stroke width of the toggle icons. Defaults to 1.5
- * @param [additionalButtons] - Additional buttons or elements displayed next to the toggle button when expanded
- * @param [isOpened] - When provided, the component becomes controlled by this value
- * @param [onToggle] - Fired when user clicks the toggle in controlled mode, with the next state
- */
-export declare const DialCollapsibleSidebar: FC<DialCollapsibleSidebarProps>;

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

@@ -1,55 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialPopupProps } from '../Popup/Popup';
-import { ConfirmationPopupVariant } from '../../types/confirmation-popup';
-export interface DialConfirmationPopupProps extends DialPopupProps {
-    description?: ReactNode;
-    descriptionClassName?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    isLoading?: boolean;
-    disableConfirmButton?: boolean;
-    confirmClassName?: string;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    children?: ReactNode;
-    variant?: ConfirmationPopupVariant;
-}
-/**
- * A confirmation dialog built with DialPopup and DialButton.
- * aliases: ConfirmDialog|WarningDialog
- * Design system 1.0
- *
- * Provides an accessible modal with a title, optional description or custom content,
- * and a footer with Cancel / Confirm actions.
- *
- * @example
- * ```tsx
- * <ConfirmationModal
- *   open
- *   header="Delete item?"
- *   description="This action cannot be undone."
- *   confirmLabel="Delete"
- *   onClose={() => setOpen(false)}
- *   onConfirm={handleDelete}
- * />
- * ```
- *
- * @param header - Title content for the header
- * @param [description] - Secondary text (ignored when `children` set)
- * @param [descriptionClassName] - Custom CSS class for the description
- * @param [open=false] - Controls visibility of the popup
- * @param [confirmLabel="Ok"] - Label for the confirm button
- * @param [cancelLabel="Cancel"] - Label for the cancel button
- * @param [isLoading=false] - Shows loader placeholder and hides actions
- * @param [disableConfirmButton=false] - Disables the confirm button
- * @param [className] - Extra classes for the popup container
- * @param [confirmClassName] - Extra classes merged into the confirm button
- * @param onClose - Fired on close
- * @param onConfirm - Fired on confirm
- * @param [onCancel] - Fired on cancel (falls back to `onClose`)
- * @param [children] - Custom body content
- * @param [dividers=false] - Whether to render separators between sections
- * @param [variant=ConfirmationPopupVariant.Info] - Visual variant for the popup
- * @param [size=PopupSize.Sm] - Size of the popup
- */
-export declare const DialConfirmationPopup: FC<DialConfirmationPopupProps>;

package/dist/src/components/ConfirmationPopup/constants.d.ts

@@ -1,18 +0,0 @@
-import { ButtonAppearance, ButtonVariant } from '../../types/button';
-import { ConfirmationPopupVariant } from '../../types/confirmation-popup';
-export declare const actionsBaseClassName = "flex justify-end gap-2 px-6 py-4 border-t border-tertiary";
-export declare const descriptionBaseClassName = "text-secondary dial-small-text px-6 pb-4";
-export declare const defaultCancelLabel = "Cancel";
-export declare const defaultConfirmLabel = "Ok";
-export declare const variantConfig: Record<ConfirmationPopupVariant, {
-    container?: string;
-    confirm?: {
-        variant: ButtonVariant;
-        appearance: ButtonAppearance;
-    };
-    confirmClassName?: string;
-    cancel?: {
-        variant: ButtonVariant;
-        appearance: ButtonAppearance;
-    };
-}>;

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

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialDraggableItemProps {
-    id: string;
-    children: ReactNode;
-    className?: string;
-    ariaLabel?: string;
-    onFind?: (field: string) => number;
-    onMove?: (field: string, atIndex: number) => void;
-}
-/**
- * A lightweight wrapper that makes its children sortable via drag-and-drop.
- * aliases: SortableItem|DragHandle
- * Design system 1.0
- *
- * Renders a row with a grab handle (left) and the provided content (right).
- * Integrates with `react-dnd` using a simple "column" drag type and delegates
- * reordering logic to the provided `findItem` and `moveItem` callbacks.
- *
- * @example
- * ```tsx
- * <DialDraggableItem id="a" findItem={find} moveItem={move}>
- *   <span>Item A</span>
- * </DialDraggableItem>
- * ```
- *
- * @param id - Unique identifier of the draggable item
- * @param children - Content rendered within the draggable row
- * @param [className] - Additional CSS classes applied to the root container
- * @param [onFind] - Function to resolve an item's current index by id
- * @param [onMove] - Function to move an item (by id) to a target index
- * @param [ariaLabel='Drag item'] - Accessible label for the handle
- */
-export declare const DialDraggableItem: FC<DialDraggableItemProps>;

package/dist/src/components/DraggableItem/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const DRAG_TYPE = "column";
-export declare const containerBaseClassName = "flex items-center";
-export declare const handleBaseClassName = "mr-3 cursor-move text-secondary";

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

@@ -1,38 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialDropdownProps } from '../Dropdown/Dropdown';
-import { ElementSize } from '../../types/size';
-export interface DialDropdownIconProps extends Omit<DialDropdownProps, 'children' | 'className'> {
-    icon: ReactNode;
-    ariaLabel: string;
-    size?: ElementSize;
-    className?: string;
-    buttonClassName?: string;
-    iconClassName?: string;
-    caretIcon?: ReactNode;
-    showCaret?: boolean;
-}
-/**
- * A compact icon trigger with a dropdown menu.
- * aliases: ModelPicker|IconMenu|AvatarDropdown
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialDropdownIcon
- *   ariaLabel="Select model"
- *   icon={<IconBrandOpenai size={18} />}
- *   items={items}
- * />
- * ```
- *
- * @param items - Menu items to display.
- * @param icon - Primary trigger icon.
- * @param ariaLabel - Accessible name for the trigger button.
- * @param [size=ElementSize.Standard] - Trigger size.
- * @param [className] - Additional CSS classes applied to the dropdown wrapper.
- * @param [buttonClassName] - Additional CSS classes applied to the trigger button.
- * @param [iconClassName] - Additional CSS classes applied to the primary icon wrapper.
- * @param [caretIcon] - Custom caret icon.
- * @param [showCaret=true] - Whether to render the caret.
- */
-export declare const DialDropdownIcon: FC<DialDropdownIconProps>;

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

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialFileIconProps {
-    extension?: string;
-    size?: number;
-    stroke?: number;
-    className?: string;
-    decorative?: boolean;
-    label?: ReactNode;
-    indicator?: ReactNode;
-}
-/**
- * Renders a file-type icon based on a file extension.
- * aliases: ExtensionIcon|TypeIcon
- * Design system 1.0
- *
- * Uses DialIcon to provide consistent icon wrapper styling.
- *
- * @example
- * ```tsx
- * <DialFileIcon extension=".pdf" />
- * <DialFileIcon extension="tsx" size={28} stroke={1.25} />
- * <DialFileIcon extension="unknown" decorative /> // decorative, hidden from AT
- * ```
- *
- * @param extension - File extension string (with or without leading dot)
- * @param [size=baseIconProps.size] - Icon pixel size
- * @param [stroke=baseIconProps.stroke] - Tabler icon stroke width
- * @param [className] - Additional classes on the container
- * @param [decorative=false] - Whether the icon should be hidden from assistive technologies
- * @param [label] - Accessible label when not decorative; defaults to "<EXT> file icon"
- * @param [indicator] - Optional indicator element to display alongside the icon
- */
-export declare const DialFileIcon: FC<DialFileIconProps>;

package/dist/src/components/FileIcon/constants.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export type ExtensionKey = '.bmp' | '.cpp' | '.c' | '.cs' | '.css' | '.csv' | '.doc' | '.docx' | '.html' | '.ini' | '.jpg' | '.js' | '.json' | '.jsx' | '.md' | '.pdf' | '.php' | '.png' | '.ppt' | '.py' | '.rs' | '.sql' | '.svg' | '.ts' | '.tsx' | '.txt' | '.vue' | '.xls' | '.xml' | '.zip';
-export interface BaseFileIconOpts {
-    size?: number;
-    stroke?: number;
-    className?: string;
-}
-export declare const fileIconFactories: Record<string, (opts: BaseFileIconOpts) => ReactNode>;
-export declare const supportedExtensions: ExtensionKey[];

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

@@ -1,326 +0,0 @@
-import { ColDef, GridApi } from 'ag-grid-community';
-import { FC, ReactNode, Ref, RefObject } from 'react';
-import { ConflictResolutionPopupProps } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
-import { FileUploadValidationMessages, FileUploadValidationResult } from './hooks/use-file-upload';
-import { RenameValidationMessages } from './hooks/use-item-renaming';
-import { DialGridProps } from '../Grid/Grid';
-import { DropdownItem } from '../../models/dropdown';
-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' | 'excludedPaths'> & {
-    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;
-    skipForbiddenSymbolsCheckForActions?: boolean;
-    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
- * Design system 1.0
- *
- * @deprecated Import `DialFileManager` from `@epam/ai-dial-react-file-manager` instead.
- *
- * 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 [destinationFolderPopupOptions.excludedPaths] - Paths to hide from the Copy/Move destination popup only (e.g. a root folder that shouldn't be a valid destination); the main tree/grid are unaffected
- *
- * @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 [skipForbiddenSymbolsCheckForActions] - When provided, skips the forbidden-symbols check when building row action menus, so all actions are shown even for items whose names contain 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 {};