@epam/ai-dial-react-file-manager 0.3.0-dev.2 → 0.3.0-dev.20

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

@@ -0,0 +1,44 @@
+import { FC } from 'react';
+import { SearchProps } from '@epam/ai-dial-ui-kit';
+export interface DialFileManagerSearchBarProps extends Omit<SearchProps, 'onChange' | 'id' | 'value' | 'className' | 'containerClassName'> {
+    /** Controlled value for the search input (parent-managed). */
+    value?: string | number | null;
+    /** DOM id for the internal Search input. */
+    elementId?: string;
+    /** Callback fired when the search value changes. */
+    onSearchChange?: (value: string) => void;
+    /** Additional classes for the bar container. */
+    className?: string;
+    /** Extra classes for the search input element. */
+    searchClassName?: string;
+    /** Extra classes for the search input's own container. */
+    searchContainerClassName?: string;
+}
+/**
+ * FileManagerSearchBar
+ *
+ * The full-width search row that heads the File Manager grid card. It used to
+ * be a 260px field pinned to the right of the breadcrumb trail; the breadcrumbs
+ * now live in the content header, and the search reads as part of the table it
+ * filters.
+ *
+ * The input is controlled by the parent: the component holds no query state of
+ * its own and only reports changes through `onSearchChange`.
+ *
+ * @example
+ * ```tsx
+ * <DialFileManagerSearchBar
+ *   value={query}
+ *   placeholder="Search in My files..."
+ *   onSearchChange={setQuery}
+ * />
+ * ```
+ *
+ * @param [value] - Controlled value for the search input
+ * @param [elementId="file-manager-search"] - DOM id for the internal Search input
+ * @param [onSearchChange] - Callback fired when the search value changes
+ * @param [className] - Additional classes for the bar container
+ * @param [searchClassName] - Extra classes for the search input element
+ * @param [searchContainerClassName] - Extra classes for the search input's own container
+ */
+export declare const DialFileManagerSearchBar: FC<DialFileManagerSearchBarProps>;

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

@@ -0,0 +1,2 @@
+export declare const searchBarBaseClassName = "flex w-full shrink-0 items-center gap-3";
+export declare const searchInputContainerClassName = "min-w-0 flex-1";

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

@@ -0,0 +1,43 @@
+import { FC } from 'react';
+import { FileManagerSort, FileManagerSortDirection, FileManagerSortField } from '../../../../types/file-manager';
+export interface DialFileManagerSortDropdownProps {
+    /** The sort currently applied to the grid. */
+    sort: FileManagerSort;
+    /** Fired with the next sort when a field or a direction is picked. */
+    onSortChange?: (sort: FileManagerSort) => void;
+    /** Label of the trigger button. */
+    label?: string;
+    /** Menu labels of the sort fields. */
+    fieldLabels?: Partial<Record<FileManagerSortField, string>>;
+    /** Menu labels of the sort directions. */
+    directionLabels?: Partial<Record<FileManagerSortDirection, string>>;
+    /** Whether the trigger is disabled. */
+    disabled?: boolean;
+    /** Additional classes for the trigger button. */
+    className?: string;
+}
+/**
+ * DialFileManagerSortDropdown
+ *
+ * The "Sort" menu at the trailing edge of the search row. It lists the sort
+ * fields, a divider, then the directions, and marks the chosen field and the
+ * chosen direction with a trailing check. The component holds no sort state of
+ * its own: it shows `sort` and reports picks through `onSortChange`.
+ *
+ * @example
+ * ```tsx
+ * <DialFileManagerSortDropdown
+ *   sort={{ field: FileManagerSortField.Name, direction: FileManagerSortDirection.Asc }}
+ *   onSortChange={setSort}
+ * />
+ * ```
+ *
+ * @param sort - The sort currently applied to the grid
+ * @param [onSortChange] - Fired with the next sort when a field or a direction is picked
+ * @param [label='Sort'] - Label of the trigger button
+ * @param [fieldLabels] - Menu labels of the sort fields
+ * @param [directionLabels] - Menu labels of the sort directions
+ * @param [disabled] - Whether the trigger is disabled
+ * @param [className] - Additional classes for the trigger button
+ */
+export declare const DialFileManagerSortDropdown: FC<DialFileManagerSortDropdownProps>;

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

@@ -1,11 +1,7 @@
-import { DialFileManagerTabs } from '../../../../types/file-manager';
-import { DropdownItem, TabItem, ButtonVariant } from '@epam/ai-dial-ui-kit';
+import { DropdownItem, ButtonVariant } from '@epam/ai-dial-ui-kit';
 import { FC } from 'react';
 export interface DialFileManagerToolbarProps {
-    tabs?: TabItem[];
-    activeTab?: string;
     areHiddenFilesVisible: boolean;
-    hiddenFilesSwitcherLabel?: string;
     showHiddenFilesLabel?: string;
     hideHiddenFilesLabel?: string;
     isNewButtonVisible?: boolean;
@@ -14,33 +10,25 @@ export interface DialFileManagerToolbarProps {
     newButtonDropdownItems?: DropdownItem[];
     newButtonLabel?: string;
     showHiddenFilesToggle?: boolean;
-    onTabChange?: (id: DialFileManagerTabs) => void;
     onToggleHiddenFiles?: (value: boolean) => void;
     disabledNewButtonTooltip?: string;
 }
 /**
  * DialFileManagerToolbar — A configurable, responsive toolbar component for file management views.
  *
- * Provides a flexible toolbar interface for file managers or similar UIs, supporting:
- * - Tab navigation for switching between file sections or views
+ * Renders the action cluster that sits at the trailing edge of the File Manager
+ * content header, next to the breadcrumb trail:
  * - A toggle for showing or hiding hidden files
- * - A refresh button for reloading content
- * - An optional "New" button or dropdown for creating new files or folders
+ * - An optional "Add" button or dropdown for creating new files or folders
+ *
+ * Tab navigation is no longer part of this toolbar — it lives in the folders
+ * panel, next to the tree it filters.
  *
  * @example
  * ```tsx
- * const tabs: TabModel[] = [
- *   { id: 'all', name: 'All Files' },
- *   { id: 'favorites', name: 'Favorites' },
- * ];
- *
  * <DialFileManagerToolbar
- *   tabs={tabs}
- *   activeTab="all"
  *   areHiddenFilesVisible={false}
- *   onTabChange={(id) => console.log('Switched to tab:', id)}
  *   onToggleHiddenFiles={(visible) => console.log('Hidden files visible:', visible)}
- *   onRefresh={() => console.log('Refreshed')}
  *   isNewButtonVisible
  *   newButtonDropdownItems={[
  *     { key: 'folder', label: 'New Folder' },
@@ -49,13 +37,9 @@ export interface DialFileManagerToolbarProps {
  * />
  * ```
  *
- * @param [tabs] - List of tab definitions to display, each represented by a `TabModel` containing `id` and `name`.
- * @param [activeTab] - The ID of the currently active tab.
  * @param areHiddenFilesVisible - Whether hidden files are currently visible.
- * @param [hiddenFilesSwitcherLabel='Hidden files'] - Label for the hidden files toggle control.
- * @param [showHiddenFilesLabel='Show hidden'] - Label shown when hidden files are not visible.
- * @param [hideHiddenFilesLabel='Hide hidden'] - Label shown when hidden files are visible.
- * @param [onTabChange] - Callback fired when the user switches between tabs. Receives the selected tab ID.
+ * @param [showHiddenFilesLabel='Show hidden files'] - Label of the toggle while hidden files are not visible.
+ * @param [hideHiddenFilesLabel='Hide hidden files'] - Label of the toggle while hidden files are visible.
  * @param [onToggleHiddenFiles] - Callback fired when the hidden files visibility is toggled. Receives the new visibility state.
  * @param [isNewButtonVisible] - Whether the "New" button or dropdown should be displayed.
  * @param [isNewButtonDisabled] - Whether the "New" button is disabled.
@@ -65,9 +49,8 @@ export interface DialFileManagerToolbarProps {
  * @param [disabledNewButtonTooltip] - Tooltip text to show when the new button is disabled.
  *
  * @remarks
- * - Tabs are rendered via `Tabs`.
  * - The hidden files toggle uses `Switch`.
- * - The refresh and new actions use `GhostIconButton` or dropdown variants for consistency.
+ * - The new actions use `GhostIconButton` or dropdown variants for consistency.
  * - The toolbar automatically adapts its layout for different screen sizes.
  * - When `newButtonDropdownItems` is provided, the new button becomes a dropdown menu.
  */

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

@@ -28,6 +28,12 @@ export interface DialFoldersTreeProps {
     forbiddenSymbolsRegExp?: RegExp;
     forbiddenSymbolsTooltip?: ReactNode;
     newFolderDefaultName?: string;
+    /** Accessible name of the `role="tree"` root. Defaults to `'Folders'`. */
+    ariaLabel?: string;
+    /** Moves focus to the selected row (or the first row) when the tree mounts. */
+    autoFocus?: boolean;
+    /** Called when Escape is pressed on a row, e.g. to close an overlay hosting the tree. */
+    onEscape?: () => void;
 }
 /**
  * DialFoldersTree — A hierarchical folder tree component with nested expand/collapse support, selection highlighting,
@@ -122,11 +128,18 @@ export interface DialFoldersTreeProps {
  * @param [onCreateFolderSave] - Optional Callback fired when create new folder is confirmed
  * @param [onCreateFolderCancel] - Optional Callback fired when create new folder is cancelled
  * @param [newFolderDefaultName] - Optional new folder default name.
+ * @param [ariaLabel='Folders'] - Accessible name of the `role="tree"` root.
+ * @param [autoFocus=false] - Moves focus to the selected row (or the first row) on mount.
+ * @param [onEscape] - Callback fired when Escape is pressed on a row.
  * @remarks
  * - Folder and file data must follow the `DialFile` model.
  * - The `expandedPaths`, `loadingPaths`, `selectedPath`, and `renamedPath` props are externally controlled.
  * - Inline renaming is fully customizable using `onRenameSave`, `onRenameCancel`, and `onRenameValidate`.
  * - Context menus can be attached to both folders and files using `getContextMenuItems`.
  * - Use `showFiles={false}` to render only folders for a simplified tree.
+ * - Rows are `role="treeitem"` with a roving tabIndex: Arrow Up/Down and
+ *   Home/End move focus, Arrow Right/Left expand, collapse or move to the
+ *   parent (mirrored under `dir="rtl"`), Enter/Space activate the row as a
+ *   click does, and Escape calls `onEscape`.
  */
 export declare const DialFoldersTree: FC<DialFoldersTreeProps>;

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

@@ -2,5 +2,5 @@ export declare const CARET_ICON_PROPS: {
     size: number;
     stroke: number;
 };
-export declare const FOLDER_LEVEL_PADDING = 26;
+export declare const FOLDER_LEVEL_PADDING = 14;
 export declare const NEW_FOLDER_TEMP_NAME = "__new_folder";

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

@@ -1,22 +1,27 @@
 import { FileManagerColumnKey } from '../../types/file-manager.ts';
-export declare const containerBaseClassName = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-base";
-export declare const toolbarBaseClassName = "w-full text-secondary flex items-center gap-2";
+export declare const containerBaseClassName = "w-full h-full grid grid-rows-[minmax(0,1fr)] overflow-hidden min-w-0";
+export declare const toolbarBaseClassName = "text-secondary flex items-center gap-2";
 export declare const mainGridClassName = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden";
-export declare const contentGridClassName = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4";
-export declare const contentHeaderClassName = "items-center";
-export declare const treeBaseClassName = "h-full rounded bg-layer-raised text-secondary min-w-0";
-export declare const gridBaseClassName = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0";
+export declare const contentGridClassName = "flex flex-col flex-1 min-h-0 min-w-0 h-full px-5 gap-5 pb-4";
+export declare const contentHeaderClassName = "flex w-full shrink-0 items-center justify-between gap-4 h-[64px]";
+export declare const sidebarPanelClassName = "min-h-0 min-w-[360px] h-full bg-layer-raised shadow-sm";
+export declare const sidebarContentClassName = "flex h-full min-h-0 flex-col gap-3";
+export declare const sidebarHeadingClassName = "dial-h1-text text-primary";
+export declare const sidebarHeadingRowClassName = "px-4 h-[64px] flex items-center justify-between gap-2";
+export declare const sidebarTreeContainerClassName = "min-h-0 flex-1 px-3";
+export declare const sidebarTabsAriaLabelDefault = "File storage sections";
+export declare const gridPanelClassName = "flex flex-1 flex-col w-full min-h-0 min-w-0 gap-5";
+export declare const gridBaseClassName = "flex-1 w-full text-secondary overflow-auto min-h-0 min-w-0";
+export declare const bulkActionsToolbarWrapperClassName = "absolute bottom-4 left-4 right-4 z-10";
 export declare const actionsColumnButtonClassName = "opacity-0 pointer-events-none group-hover/grid-row:opacity-100 group-hover/grid-row:pointer-events-auto";
-export declare const sidebarWidth = 280;
 export declare const sidebarTitleDefault = "Files";
 export declare const BASE_FILE_MANAGER_ICON_SIZE = 20;
 export declare const FILES_DATA_TRANSFER_TYPE = "Files";
 export declare const FOLDER_PLACEHOLDER_FILE_NAME = ".dial_folder";
 export declare const DEFAULT_FOLDER_BASE_NAME = "New folder";
-export declare const FOLDERS_TREE_PANEL_MIN_WIDTH = 280;
-export declare const FOLDERS_TREE_PANEL_MAX_WIDTH = 460;
 export declare const AG_GRID_SELECTION_COLUMN_ID = "ag-Grid-SelectionColumn";
 export declare const COMPACT_VIEW_HEADER_HEIGHT = 44;
 export declare const COMPACT_VIEW_FILE_ROW_HEIGHT = 56;
 export declare const DEFAULT_COMPACT_VIEW_WIDTH_BREAKPOINT = 800;
 export declare const DEFAULT_VISIBLE_COLUMN: FileManagerColumnKey[];
+export declare const searchRowClassName = "flex w-full shrink-0 items-center gap-3";

package/dist/src/components/FileManager/hooks/use-file-manager-tabs.d.ts

@@ -1,7 +1,7 @@
-import { TabModel } from '@epam/ai-dial-ui-kit';
+import { FilterChipItem } from '@epam/ai-dial-ui-kit';
 import { DialFileManagerTabs } from '../../../types/file-manager';
 export declare const useDialFileManagerTabs: (tabLabels?: Record<DialFileManagerTabs, string>, initialTab?: DialFileManagerTabs) => {
     activeTab: DialFileManagerTabs;
     handleTabChange: (tab: DialFileManagerTabs) => void;
-    tabs: TabModel[] | undefined;
+    tabs: FilterChipItem<DialFileManagerTabs>[] | undefined;
 };

package/dist/src/components/FileManager/hooks/use-grid-context-menu.d.ts

@@ -37,7 +37,8 @@ export interface UseGridContextMenuProps {
     isRenameFileAvailable?: boolean;
     isDuplicateFolderAvailable?: boolean;
     forbiddenSymbolsRegExp?: RegExp;
+    skipForbiddenSymbolsCheckForActions?: boolean;
     onGridCreateSiblingFolder: (files: DialFile[]) => void;
     onGridCreateChildFolder: (files: DialFile[]) => void;
 }
-export declare const useGridContextMenu: ({ actionLabels, onDuplicate, onCopy, onMove, onDownload, onRename, onDelete, onInfo, onUnshare, onRemoveAccess, sharedWithMeIds, sharedByMePaths, onManagePermissions, onPreview, onOpenInNewTab, previewExtensions, isRenameFileAvailable, isDuplicateFolderAvailable, forbiddenSymbolsRegExp, onGridCreateSiblingFolder, onGridCreateChildFolder, }: UseGridContextMenuProps) => (file: DialFile) => DropdownItem[];
+export declare const useGridContextMenu: ({ actionLabels, onDuplicate, onCopy, onMove, onDownload, onRename, onDelete, onInfo, onUnshare, onRemoveAccess, sharedWithMeIds, sharedByMePaths, onManagePermissions, onPreview, onOpenInNewTab, previewExtensions, isRenameFileAvailable, isDuplicateFolderAvailable, forbiddenSymbolsRegExp, skipForbiddenSymbolsCheckForActions, onGridCreateSiblingFolder, onGridCreateChildFolder, }: UseGridContextMenuProps) => (file: DialFile) => DropdownItem[];

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

@@ -2,6 +2,7 @@ import { DialFile } from '../../models/file';
 import { DialFileAcceptType } from '../../models/file-manager';
 import { ReactNode } from 'react';
 import { FileManagerGridRow } from './FileManagerContext';
+import { FileManagerSort } from '../../types/file-manager';
 export declare const findNodeByPath: (nodes: DialFile[] | undefined, path: string) => DialFile | undefined;
 export declare const findFolderForPath: (root: DialFile[] | undefined, path?: string) => DialFile | undefined;
 export declare const normalizeToLowerCase: (input?: string) => string;
@@ -65,6 +66,12 @@ export declare const splitPathAndName: (fullPath: string) => {
 };
 export declare const isFileSelectable: (file: Pick<DialFile, "contentLength" | "contentType" | "name">, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => boolean;
 export declare const getRowTooltip: (file: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number, unsupportedFileTypeTooltip?: string, fileTooLargeTooltip?: string) => string | undefined;
-export declare const baseColumnComparator: (a: string | number | undefined, b: string | number | undefined, _nodeA?: unknown, _nodeB?: unknown, isInverted?: boolean) => number;
 export declare const getFolderNestingDepth: (folderPath: string) => number;
 export declare const getNextFolderName: (existingFolders: DialFile[]) => string;
+/**
+ * Orders grid rows for the sort menu. A row still being created stays on top
+ * so its name input never jumps away, and folders lead files the way every
+ * file browser lists them; the chosen field and direction order each group.
+ * Ties fall back to the name so equal dates or sizes keep a stable order.
+ */
+export declare const sortGridRows: (rows: FileManagerGridRow[], sort: FileManagerSort) => FileManagerGridRow[];

package/dist/src/index.d.ts

@@ -1,9 +1,11 @@
 export { DialFileManager } from './components/FileManager/FileManager';
-export type { BulkActionsToolbarOptions, CreateFolderValidationMessages, DeleteConfirmationOptions, DialFileManagerConflictResolutionPopupOptions, DialFileManagerDestinationFolderPopupOptions, DialFileManagerProps, FileMetadataPopupOptions, FileTreeOptions, GridOptions, NavigationPanelOptions, NewAction, ToolbarOptions, } from './components/FileManager/FileManager';
+export type { BulkActionsToolbarOptions, CreateFolderValidationMessages, DeleteConfirmationOptions, DialFileManagerConflictResolutionPopupOptions, DialFileManagerDestinationFolderPopupOptions, DialFileManagerProps, FileMetadataPopupOptions, FileTreeOptions, GridOptions, NavigationPanelOptions, NewAction, SortOptions, ToolbarOptions, } from './components/FileManager/FileManager';
 export { DialDestinationFolderPopup } from './components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup';
 export type { DestinationFolderPopupProps } from './components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup';
 export { DialFoldersTree } from './components/FileManager/components/FoldersTree/FoldersTree';
 export type { DialFoldersTreeProps } from './components/FileManager/components/FoldersTree/FoldersTree';
+export { DialFileManagerSortDropdown } from './components/FileManager/components/FileManagerSortDropdown/FileManagerSortDropdown';
+export type { DialFileManagerSortDropdownProps } from './components/FileManager/components/FileManagerSortDropdown/FileManagerSortDropdown';
 export type { FileManagerContextValue, FileManagerGridRow, } from './components/FileManager/FileManagerContext';
 export { FileManagerProvider } from './components/FileManager/FileManagerProvider';
 export type { FileManagerProviderProps } from './components/FileManager/FileManagerProvider';
@@ -14,6 +16,6 @@ export { DialFileNodeType, DialFilePermission, DialFileResourceType, } from './m
 export type { DialRootFolder } from './models/file';
 export { type DialCopiedItem, type DialDeletedItem, type DialFileAcceptType, type DialFileManagerActionsRef, type DialUploadFileItem, } from './models/file-manager';
 export { GridSelectionMode } from './models/selection-mode';
-export { DestinationFolderMode, DialFileManagerActions, DialFileManagerConflictActions, DialFileManagerConflictStrategies, DialFileManagerTabs, FileManagerColumnKey, FileManagerCreateFolderTriggerView, FileManagerCreateFolderType, FileManagerRenameTriggerView, } from './types/file-manager';
+export { DestinationFolderMode, DialFileManagerActions, DialFileManagerConflictActions, DialFileManagerConflictStrategies, DialFileManagerTabs, FileManagerColumnKey, FileManagerCreateFolderTriggerView, FileManagerCreateFolderType, FileManagerRenameTriggerView, FileManagerSortDirection, FileManagerSortField, type FileManagerSort, } from './types/file-manager';
 export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';
 export { FILE_MANAGER_ICON_PROPS, FILE_MANAGER_ICON_STROKE, } from './constants/icon';

package/dist/src/types/file-manager.d.ts

@@ -1,4 +1,6 @@
 export declare enum DialFileManagerTabs {
+    /** Combined view with one top-level folder per source tab. */
+    All = "all",
     MyFiles = "my_files",
     Shared = "shared",
     Organization = "organization",
@@ -57,3 +59,16 @@ export declare enum FileManagerColumnKey {
     Actions = "__actions",
     Version = "version"
 }
+export declare enum FileManagerSortField {
+    Name = "name",
+    UpdatedAt = "updatedAt",
+    Size = "size"
+}
+export declare enum FileManagerSortDirection {
+    Asc = "asc",
+    Desc = "desc"
+}
+export interface FileManagerSort {
+    field: FileManagerSortField;
+    direction: FileManagerSortDirection;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-react-file-manager",
-  "version": "0.3.0-dev.2",
+  "version": "0.3.0-dev.20",
   "type": "module",
   "license": "Apache-2.0",
   "description": "React file manager package for AI DIAL interfaces",
@@ -78,11 +78,10 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.41.1",
-    "classnames": "^2.5.1",
     "mime-types": "^3.0.2"
   },
   "peerDependencies": {
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.0",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.23",
     "ag-grid-community": "^35.2.1",
     "ag-grid-react": "^35.2.1",
     "react": "^19.2.5",
@@ -90,7 +89,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.2",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.3",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.23",
     "@eslint/js": "^9.39.2",
     "@floating-ui/react": "^0.27.19",
     "@storybook/addon-a11y": "^10.3.6",

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

@@ -1,50 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialItemType, DialFileIconProps } from '@epam/ai-dial-ui-kit';
-export interface DialFileManagerItemIconProps extends Omit<DialFileIconProps, 'extension'> {
-    type: DialItemType;
-    name: string;
-    shared?: boolean;
-    loading?: boolean;
-    sharedIndicatorClassName?: string;
-    sharedIndicatorTooltip?: ReactNode;
-    fileExtension?: string;
-}
-/**
- * Renders an icon representing either a file or folder entity in the Dial system.
- *
- * Displays:
- * - A file icon based on its extension (via `DialFileIcon`)
- * - A folder icon (via `IconFolder`)
- * - A loading spinner if `loading` is true
- * - A shared indicator if the entity is marked as shared
- *
- * @example
- * ```tsx
- * <DialFileManagerItemIcon
- *   name="document.pdf"
- *   type={DialItemType.File}
- *   shared
- * />
- *
- * <DialFileManagerItemIcon
- *   name="My Folder"
- *   type={DialItemType.Folder}
- *   loading
- * />
- * ```
- *
- * @param {Object} props
- * @param {string} props.name - The name of the file or folder (used to determine extension for files).
- * @param {DialItemType} props.type - The type of the item (`file` or `folder`).
- * @param {boolean} [props.shared=false] - Whether the item is shared.
- * @param {boolean} [props.loading=false] - Whether to display the loading state.
- * @param {number} [props.size] - Optional icon size override.
- * @param {number} [props.stroke] - Optional icon stroke width override.
- * @param {string} [props.className] - Optional CSS class for styling.
- * @param {boolean} [props.decorative] - Whether the icon is decorative (for accessibility).
- * @param {string} [props.label] - Accessible label for screen readers.
- * @param {ReactNode} [props.indicator] - Optional indicator to display over the icon.
- * @param {string} [props.sharedIndicatorClassName] - Optional CSS class for the shared indicator.
- * @param  [sharedIndicatorTooltip] - Custom tooltip content for the shared indicator; defaults to "Shared"
- */
-export declare const DialFileManagerItemIcon: FC<DialFileManagerItemIconProps>;

package/dist/src/components/FileManager/hooks/use-tree-additional-buttons.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-interface useTreeAdditionalButtonsOptions {
-    additionalButtons?: ReactNode;
-    expandedPathsLength: number;
-    collapseAll: () => void;
-}
-/**
- * Provides additional action buttons for the tree component, including a
- * built-in "Collapse All" button. The hook memoizes the returned JSX to avoid
- * unnecessary re-renders and applies disabled state automatically based on
- * the number of expanded paths.
- *
- * @param {ReactNode} [additionalButtons] - Optional custom buttons rendered before the Collapse All button.
- * @param {number} expandedPathsLength - Number of currently expanded paths in the tree.
- * @param {() => void} collapseAll - Callback fired when the Collapse All button is clicked.
- *
- * @returns {{ additionalButtons: ReactNode }} - The rendered buttons fragment.
- */
-export declare const useTreeAdditionalButtons: ({ additionalButtons, expandedPathsLength, collapseAll, }: useTreeAdditionalButtonsOptions) => {
-    additionalButtons: import("react/jsx-runtime").JSX.Element;
-};
-export {};