@epam/ai-dial-ui-kit 0.10.0-dev.49 → 0.10.0-dev.50

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

@@ -152,8 +152,6 @@ export interface DialFileManagerProps {
     onMoveToFiles?: (items: DialCopiedItem[], sourceFolder: string, destinationFolder: string) => void;
     onDeleteFiles?: (items: DialDeletedItem[], sourceFolder: string) => void;
     onDownloadFiles?: (items: DialFile[]) => void;
-    onAddSibling?: (items: DialFile[]) => void;
-    onAddChild?: (items: DialFile[]) => void;
     onRenameValidate?: (value: string, item: DialFile) => string | null;
     renameValidationMessages?: RenameValidationMessages;
     forbiddenSymbolsRegExp?: RegExp;
@@ -273,8 +271,6 @@ export interface DialFileManagerProps {
  * @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 [onAddSibling] -  Callback fired when when a new folder is added as a sibling to the selected folder
- * @param [onAddChild] - Callback fired when when a new folder is added as a child to the selected folder
  *
  * @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 `${AlertVariant.Warning}__` prefix to the `hiddenItemWarning` message to display it as a warning with the warning icon.

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

@@ -71,10 +71,13 @@ export interface FileManagerContextValue {
     destinationFolderMode: DestinationFolderMode;
     handleSetCopiedFiles: (files: DialFile[]) => void;
     handleSetMovedFiles: (files: DialFile[]) => void;
-    handleAddSibling?: (files: DialFile[]) => void;
-    handleAddChild?: (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;

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

@@ -7,6 +7,7 @@ export interface DialFileManagerItemNameProps extends DialFileManagerItemNameInp
     elementId: string;
     editing?: boolean;
     loading?: boolean;
+    creating?: boolean;
     shared?: boolean;
     details?: ReactNode;
     sharedIndicatorTooltip?: ReactNode;
@@ -14,6 +15,8 @@ export interface DialFileManagerItemNameProps extends DialFileManagerItemNameInp
     validate?: (value: string) => string | null;
     onSave?: (value: string) => void;
     onCancel?: () => void;
+    onCreateFolderSave?: (value: string) => void;
+    onCreateFolderCancel?: () => void;
     hideTooltip?: boolean;
     forbiddenSymbolsRegExp?: RegExp;
     forbiddenSymbolsTooltip?: ReactNode;

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

@@ -9,6 +9,7 @@ export interface DialFoldersTreeProps {
     sharedByMePaths?: Set<string>;
     selectedPath?: string;
     renamedPath?: string;
+    createdFolderPath?: string | null;
     showFiles?: boolean;
     rootItemPath?: string;
     rootItemLabel?: string;
@@ -19,11 +20,14 @@ export interface DialFoldersTreeProps {
     onRenameSave?: (value: string) => void;
     onRenameCancel?: () => void;
     onRenameValidate?: (value: string, item: DialFile) => string | null;
+    onCreateFolderSave?: (value: string) => void;
+    onCreateFolderCancel?: () => void;
     getContextMenuItems?: (item: DialFile) => DropdownItem[];
     areHiddenFilesVisible?: boolean;
     onExpandedPathsChange?: (expandedPaths: Set<string>) => void;
     forbiddenSymbolsRegExp?: RegExp;
     forbiddenSymbolsTooltip?: ReactNode;
+    newFolderDefaultName?: string;
 }
 /**
  * DialFoldersTree — A hierarchical folder tree component with nested expand/collapse support, selection highlighting,
@@ -114,6 +118,10 @@ export interface DialFoldersTreeProps {
  * @param [rootItemLabel] - Label to display for the root node instead of its actual name.
  * @param [forbiddenSymbolsRegExp] - Optional RegExp used to validate folder and file names for forbidden characters.
  * @param [forbiddenSymbolsTooltip] - Optional tooltip content displayed when a name contains forbidden characters.
+ * @param [createdFolderPath] - Optional Path of the new created folder.
+ * @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.
  * @remarks
  * - Folder and file data must follow the `DialFile` model.
  * - The `expandedPaths`, `loadingPaths`, `selectedPath`, and `renamedPath` props are externally controlled.

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

@@ -3,3 +3,4 @@ export declare const CARET_ICON_PROPS: {
     stroke: number;
 };
 export declare const FOLDER_LEVEL_PADDING = 26;
+export declare const NEW_FOLDER_TEMP_NAME = "__new_folder";

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

@@ -22,6 +22,7 @@ export interface FileManagerGridContext {
     onRenameCancel: () => void;
     getDisplayName: (item: DialFile) => string;
     hideSearchPathItemName?: boolean;
+    filesLoading?: boolean;
 }
 export interface UseFileManagerColumnsArgs {
     userColumnDefs?: (ColDef<GridRow> | ((dateLocale: Intl.LocalesArgument, dateOptions: Intl.DateTimeFormatOptions | undefined, isCompactView: boolean) => ColDef<GridRow, unknown>))[];

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

@@ -10,14 +10,20 @@ export interface UseFolderCreationProps {
     onCreateFolder?: (file: DialUploadFileItem, folderPath: string, fileId: string) => void | Promise<void>;
     onValidateFolderName?: (name: string, parentFolder: DialFile) => string | null;
     validationMessages?: FolderCreationValidationMessages;
+    items: DialFile[];
 }
 export interface UseFolderCreationResult {
     isCreatingFolder: boolean;
     newFolderTempId: string | null;
     newFolderDefaultName: string;
+    createdFolderPath: string | null;
     startFolderCreation: () => void;
+    startGridSiblingFolderCreation: (targetFile: DialFile) => void;
+    startTreeSiblingFolderCreation: (targetFile: DialFile) => void;
+    startGridChildFolderCreation: (targetFile: DialFile) => void;
+    startTreeChildFolderCreation: (targetFile: DialFile) => void;
     cancelFolderCreation: () => void;
     saveFolderCreation: (name: string) => Promise<void>;
     validateFolderName: (name: string) => string | null;
 }
-export declare const useFolderCreation: ({ currentFolder, onCreateFolder, onValidateFolderName, validationMessages, }: UseFolderCreationProps) => UseFolderCreationResult;
+export declare const useFolderCreation: ({ currentFolder, onCreateFolder, onValidateFolderName, validationMessages, items, }: UseFolderCreationProps) => UseFolderCreationResult;

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

@@ -30,8 +30,6 @@ export interface UseGridContextMenuProps {
     onRemoveAccess?: (file: DialFile) => void;
     sharedWithMeIds?: string[];
     sharedByMePaths?: Set<string>;
-    onAddSibling?: (file: DialFile) => void;
-    onAddChild?: (file: DialFile) => void;
     onManagePermissions?: (path?: string) => void;
     onPreview?: (path?: string) => void;
     onOpenInNewTab?: (file: DialFile) => void;
@@ -39,5 +37,7 @@ export interface UseGridContextMenuProps {
     isRenameFileAvailable?: boolean;
     isDuplicateFolderAvailable?: boolean;
     forbiddenSymbolsRegExp?: RegExp;
+    onGridCreateSiblingFolder: (files: DialFile[]) => void;
+    onGridCreateChildFolder: (files: DialFile[]) => void;
 }
-export declare const useGridContextMenu: ({ actionLabels, onDuplicate, onCopy, onMove, onDownload, onRename, onDelete, onInfo, onUnshare, onRemoveAccess, sharedWithMeIds, sharedByMePaths, onAddSibling, onAddChild, onManagePermissions, onPreview, onOpenInNewTab, previewExtensions, isRenameFileAvailable, isDuplicateFolderAvailable, forbiddenSymbolsRegExp, }: 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, onGridCreateSiblingFolder, onGridCreateChildFolder, }: UseGridContextMenuProps) => (file: DialFile) => DropdownItem[];

package/dist/src/components/FileManager/hooks/use-trigger-view-create-folder.d.ts

@@ -0,0 +1,26 @@
+import { DialFile } from '../../../models/file';
+import { FileManagerCreateFolderTriggerView } from '../../../types/file-manager';
+interface UseTriggerViewCreateFolderOptions {
+    onGridAddSibling?: (files: DialFile[]) => void;
+    onGridAddChild?: (files: DialFile[]) => void;
+    onTreeAddSibling?: (files: DialFile[]) => void;
+    onTreeAddChild?: (files: DialFile[]) => void;
+}
+/**
+ * Manages which view ("tree" or "grid") triggered a folder creation action.
+ *
+ * Useful when both TreeView and GridView can initiate folder creation,
+ * and the parent needs to know which source triggered it
+ * to apply view-specific logic or UI updates.
+ *
+ * Returns the last folder creation trigger source and four handlers
+ * (`onGridCreateSiblingFolder`, `onTreeCreateSiblingFolder`, `onGridCreateChildFolder`, `onTreeCreateChildFolder`) that wrap the provided `onGridAddSibling`, `onTreeAddSibling`, `onGridAddChild` and `onTreeAddChild` callbacks.
+ */
+export declare const useTriggerViewCreateFolder: ({ onGridAddSibling, onGridAddChild, onTreeAddSibling, onTreeAddChild, }: UseTriggerViewCreateFolderOptions) => {
+    createFolderTriggerView: FileManagerCreateFolderTriggerView;
+    onGridCreateSiblingFolder: (files: DialFile[]) => void;
+    onTreeCreateSiblingFolder: (files: DialFile[]) => void;
+    onGridCreateChildFolder: (files: DialFile[]) => void;
+    onTreeCreateChildFolder: (files: DialFile[]) => void;
+};
+export {};

package/dist/src/hooks/use-editable-item.d.ts

@@ -2,10 +2,14 @@ import { RefObject } from 'react';
 export interface UseEditableItemOptions {
     value: string;
     isEditing: boolean;
+    isCreating?: boolean;
+    isLoading?: boolean;
     onValidate?: (value: string) => string | null;
     onSave?: (value: string) => void;
     onCancel?: () => void;
     restoreOnCancel?: boolean;
+    onCreateFolderSave?: (value: string) => void;
+    onCreateFolderCancel?: () => void;
 }
 interface UseEditableItemResult {
     inputRef: RefObject<HTMLInputElement | null>;
@@ -61,5 +65,5 @@ interface UseEditableItemResult {
  * );
  * ```
  */
-export declare function useEditableItem({ value: initialValue, isEditing, restoreOnCancel, onValidate, onSave, onCancel, }: UseEditableItemOptions): UseEditableItemResult;
+export declare function useEditableItem({ value: initialValue, isEditing, isCreating, isLoading, restoreOnCancel, onValidate, onSave, onCancel, onCreateFolderSave, onCreateFolderCancel, }: UseEditableItemOptions): UseEditableItemResult;
 export {};

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

@@ -38,6 +38,15 @@ export declare enum FileManagerRenameTriggerView {
     Tree = "tree",
     Grid = "grid"
 }
+export declare enum FileManagerCreateFolderTriggerView {
+    Tree = "tree",
+    Grid = "grid"
+}
+export declare enum FileManagerCreateFolderType {
+    Folder = "folder",
+    Child = "child",
+    Sibling = "sibling"
+}
 export declare enum FileManagerColumnKey {
     Name = "name",
     UpdatedAt = "updatedAt",

package/package.json

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