@epam/ai-dial-ui-kit 0.5.0-rc.30 → 0.5.0-rc.31

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

@@ -11,6 +11,7 @@ import { FileManagerGridRow } from './FileManagerContext';
 import { DestinationFolderPopupProps } from './components/DestinationFolderPopup/DestinationFolderPopup';
 import { FileUploadValidationResult, FileUploadValidationMessages } from './hooks/use-file-upload';
 import { DialFileManagerActions } from '../../types/file-manager';
+import { FolderCreationValidationMessages } from './hooks/use-folder-creation';
 type GridRow = FileManagerGridRow;
 export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel'>;
 export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 'selectedPath' | 'onItemClick'> {
@@ -98,9 +99,9 @@ export interface DialFileManagerProps {
     onRenameSave?: (value: string) => void;
     onRenameCancel?: () => void;
     onRenameValidate?: (value: string, item: DialFile) => string | null;
-    onCreateFolder?: (folderPath: string, file: File, name: string, bucket?: string) => void;
+    onCreateFolder?: (file: DialUploadFileItem, folderPath: string, fileId: string) => void | Promise<void>;
     onCreateFolderValidate?: (name: string, parentFolder: DialFile) => string | null;
-    createFolderValidationMessages?: CreateFolderValidationMessages;
+    folderCreationValidationMessages?: FolderCreationValidationMessages;
     onUploadFiles?: (files: DialUploadFileItem[], destinationFolder: string) => void;
     onValidateUpload?: (files: DialUploadFileItem[], existingFiles: DialFile[], destinationFolder: string) => FileUploadValidationResult | Promise<FileUploadValidationResult>;
     maxFileSize?: number;

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

@@ -13,6 +13,7 @@ export interface FileManagerGridRow {
     path: string;
     nodeType: DialFileNodeType;
     extension?: string;
+    isTemporary?: boolean;
 }
 export interface FileManagerContextValue {
     cssClass?: string;
@@ -84,5 +85,11 @@ export interface FileManagerContextValue {
     isNewButtonVisible: boolean;
     openFileDialog: () => void;
     fileInputRef: RefObject<HTMLInputElement | null>;
+    isCreatingFolder: boolean;
+    newFolderTempId: string | null;
+    startFolderCreation: () => void;
+    cancelFolderCreation: () => void;
+    saveFolderCreation: (name: string) => Promise<void>;
+    validateFolderName: (name: string) => string | null;
 }
 export declare const FileManagerContext: import('react').Context<FileManagerContextValue | undefined>;

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

@@ -9,3 +9,4 @@ 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";

package/dist/src/components/FileManager/hooks/use-folder-creation.d.ts

@@ -0,0 +1,21 @@
+import { DialFile } from '../../../models/file';
+import { DialUploadFileItem } from '../../../models/file-manager';
+export interface FolderCreationValidationMessages {
+    emptyName?: string;
+    duplicateName?: string;
+}
+export interface UseFolderCreationProps {
+    currentFolder?: DialFile;
+    onCreateFolder?: (file: DialUploadFileItem, folderPath: string, fileId: string) => void | Promise<void>;
+    onValidateFolderName?: (name: string, parentFolder: DialFile) => string | null;
+    validationMessages?: FolderCreationValidationMessages;
+}
+export interface UseFolderCreationResult {
+    isCreatingFolder: boolean;
+    newFolderTempId: string | null;
+    startFolderCreation: () => void;
+    cancelFolderCreation: () => void;
+    saveFolderCreation: (name: string) => Promise<void>;
+    validateFolderName: (name: string) => string | null;
+}
+export declare const useFolderCreation: ({ currentFolder, onCreateFolder, onValidateFolderName, validationMessages, }: UseFolderCreationProps) => UseFolderCreationResult;

package/package.json

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