@epam/ai-dial-ui-kit 0.5.0-rc.15 → 0.5.0-rc.16

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

@@ -6,9 +6,11 @@ import { DialFileManagerNavigationPanelProps } from './components/FileManagerNav
 import { DialGridProps } from '../Grid/Grid';
 import { DialFileManagerToolbarProps } from './components/FileManagerToolbar/DialFileManagerToolbar';
 import { DialFileManagerBulkActionsToolbarProps } from './components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
-import { DialFileManagerActions, DialCopiedItem, DialDeletedItem } from '../../types/file-manager';
+import { DialCopiedItem, DialDeletedItem, DialUploadFileItem } from '../../models/file-manager';
 import { FileManagerGridRow } from './FileManagerContext';
 import { DestinationFolderPopupProps } from './components/DestinationFolderPopup/DestinationFolderPopup';
+import { FileUploadValidationResult, FileUploadValidationMessages } from './hooks/use-file-upload';
+import { DialFileManagerActions } from '../../types/file-manager';
 type GridRow = FileManagerGridRow;
 export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel'>;
 export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 'selectedPath' | 'onItemClick'> {
@@ -91,6 +93,10 @@ export interface DialFileManagerProps {
     onCreateFolder?: (folderPath: string, file: File, name: string, bucket?: string) => void;
     onCreateFolderValidate?: (name: string, parentFolder: DialFile) => string | null;
     createFolderValidationMessages?: CreateFolderValidationMessages;
+    onUploadFiles?: (files: DialUploadFileItem[], destinationFolder: string) => void;
+    onValidateUpload?: (files: DialUploadFileItem[], existingFiles: DialFile[], destinationFolder: string) => FileUploadValidationResult | Promise<FileUploadValidationResult>;
+    maxFileSize?: number;
+    uploadValidationMessages?: FileUploadValidationMessages;
 }
 /**
  * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.

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

@@ -1,6 +1,8 @@
+import { DragEvent } from 'react';
 import { DialFile, DialRootFolder, DialFileNodeType } from '../../models/file';
 import { FileTreeOptions, NavigationPanelOptions, GridOptions, ToolbarOptions, BulkActionsToolbarOptions, DialFileManagerProps, DeleteConfirmationOptions, DialFileManagerDestinationFolderPopupOptions } from './FileManager';
 import { DestinationFolderMode } from './hooks/use-file-clipboard';
+import { FileUploadValidationMessages } from './hooks/use-file-upload';
 export interface FileManagerGridRow {
     id: string;
     name: string;
@@ -65,5 +67,17 @@ export interface FileManagerContextValue {
     handleTableRowClick: (row: FileManagerGridRow) => void;
     onTableFileClick?: DialFileManagerProps['onTableFileClick'];
     handleDownloadFiles: (items: DialFile[]) => 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;
 }
 export declare const FileManagerContext: import('react').Context<FileManagerContextValue | undefined>;

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

@@ -8,3 +8,4 @@ export declare const gridBaseClasses = "flex-1 w-full rounded text-secondary ove
 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";

package/dist/src/components/FileManager/hooks/__tests__/use-file-upload.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import { DialFile } from '../../../models/file';
-import { DialCopiedItem } from '../../../types/file-manager';
+import { DialCopiedItem } from '../../../models/file-manager';
 export interface UseFileClipboardOptions {
     getDestinationFiles: (path: string) => DialFile[];
     getSourceFiles: () => DialFile[];

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

@@ -1,5 +1,5 @@
 import { DialFile } from '../../../models/file';
-import { DialDeletedItem } from '../../../types/file-manager';
+import { DialDeletedItem } from '../../../models/file-manager';
 export interface UseFileDeleteOptions {
     onDeleteFiles?: (items: DialDeletedItem[], sourceFolder: string) => void;
 }

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

@@ -0,0 +1,29 @@
+import { DragEvent } from 'react';
+import { DialFile } from '../../../models/file';
+import { DialUploadFileItem } from '../../../models/file-manager';
+export interface FileUploadValidationResult {
+    valid: boolean;
+    message?: string;
+}
+export interface FileUploadValidationMessages {
+    duplicateFiles?: string;
+    oversizedFiles?: string;
+    validationFailed?: string;
+    validationError?: string;
+}
+export interface UseFileUploadOptions {
+    onUploadFiles?: (files: DialUploadFileItem[], destinationFolder: string) => void;
+    onValidateUpload?: (files: DialUploadFileItem[], existingFiles: DialFile[], destinationFolder: string) => FileUploadValidationResult | Promise<FileUploadValidationResult>;
+    maxFileSize?: number;
+    validationMessages?: FileUploadValidationMessages;
+}
+export declare const useFileUpload: ({ onUploadFiles, onValidateUpload, maxFileSize, validationMessages, }?: UseFileUploadOptions) => {
+    isDragging: boolean;
+    isDraggingOverWindow: boolean;
+    uploadError: string | undefined;
+    handleDragEnter: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent, destinationFolder: string, existingFiles: DialFile[]) => Promise<void>;
+    clearError: () => void;
+};

package/dist/src/components/FileManager/hooks/use-item-renaming.d.ts

@@ -1,5 +1,5 @@
 import { DialFile } from '../../../models/file';
-import { DialCopiedItem } from '../../../types/file-manager';
+import { DialCopiedItem } from '../../../models/file-manager';
 export declare const useItemRenaming: ({ items, onRename, onRenameSave, onRenameCancel, onRenameValidate, onMoveToFiles, }: {
     items?: DialFile[];
     onRename?: (path: string) => void;

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

@@ -21,6 +21,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
     emptyStateTitle?: string;
     emptyStateDescription?: string;
     loading?: boolean;
+    wrapperBorder?: boolean;
 }
 /**
  * DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
@@ -105,5 +106,6 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * @param [emptyStateDescription] - Optional description text displayed below the empty state title,
  *   providing additional context or instructions (e.g., "No data found" or "Try adjusting your filters").
  * @param [loading=false] - When true, shows AG-Grid's native loading overlay
+ * @param [wrapperBorder=true] - Whether to apply a border around the grid container
  */
-export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, selectedRows, onSelectionChange, onSelectionChangeWithMap, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, selectedRows, onSelectionChange, onSelectionChangeWithMap, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, wrapperBorder, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -62,7 +62,7 @@ export { TabOrientation } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
 export { FormItemOrientation } from './types/form-item';
 export { SelectSize, SelectVariant } from './types/select';
-export { DialFileManagerTabs, DialFileManagerActions, type DialCopiedItem, type DialDeletedItem, } from './types/file-manager';
+export { DialFileManagerTabs, DialFileManagerActions, } from './types/file-manager';
 export { FlexibleActionsDirection } from './types/flexible-actions';
 export { DialItemType } from './types/item';
 export { useDialFileManagerTabs } from './components/FileManager/hooks/use-file-manager-tabs';
@@ -78,4 +78,5 @@ export type { DropdownItem } from './models/dropdown';
 export type { DialModifiedEntity } from './models/base-entity';
 export type { DialFile } from './models/file';
 export { DialFileNodeType, DialFilePermission, DialFileResourceType, } from './models/file';
+export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, } from './models/file-manager';
 export { mergeClasses } from './utils/merge-classes';

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

@@ -0,0 +1,15 @@
+import { DialFileNodeType } from './file';
+export interface DialCopiedItem {
+    sourceUrl: string;
+    destinationUrl: string;
+    overwrite?: boolean;
+    nodeType: DialFileNodeType;
+}
+export interface DialDeletedItem {
+    sourceUrl: string;
+    nodeType: DialFileNodeType;
+}
+export interface DialUploadFileItem {
+    fileContent: File;
+    name: string;
+}

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

@@ -1,4 +1,3 @@
-import { DialFileNodeType } from '../models/file';
 export declare enum DialFileManagerTabs {
     MyFiles = "my_files",
     Shared = "shared",
@@ -12,13 +11,3 @@ export declare enum DialFileManagerActions {
     Download = "download",
     Delete = "delete"
 }
-export interface DialCopiedItem {
-    sourceUrl: string;
-    destinationUrl: string;
-    overwrite?: boolean;
-    nodeType: DialFileNodeType;
-}
-export interface DialDeletedItem {
-    sourceUrl: string;
-    nodeType: DialFileNodeType;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.5.0-rc.15",
+  "version": "0.5.0-rc.16",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",