@epam/ai-dial-ui-kit 0.5.0-rc.7 → 0.5.0-rc.9

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

@@ -41,7 +41,20 @@ export interface GridOptions extends Omit<DialGridProps<GridRow>, 'rowData' | 'c
     dateOptions?: Intl.DateTimeFormatOptions;
 }
 export type ToolbarOptions = Omit<DialFileManagerToolbarProps, 'areHiddenFilesVisible' | 'onToggleHiddenFiles'>;
-export type BulkActionsToolbarOptions = Omit<DialFileManagerBulkActionsToolbarProps, 'onClearSelection'>;
+export type BulkActionsToolbarOptions = Omit<DialFileManagerBulkActionsToolbarProps, 'onClearSelection' | 'actions'> & {
+    actionLabels?: {
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+    };
+};
+export interface CreateFolderValidationMessages {
+    emptyName?: string;
+    duplicateName?: string;
+    forbiddenChars?: string;
+}
 export interface DialFileManagerProps {
     path?: string;
     cssClass?: string;
@@ -67,6 +80,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;
+    onCreateFolderValidate?: (name: string, parentFolder: DialFile) => string | null;
+    createFolderValidationMessages?: CreateFolderValidationMessages;
 }
 /**
  * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.

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

@@ -34,7 +34,8 @@ export interface FileManagerContextValue {
     toggleTreeCollapse: () => void;
     setIsTreeCollapsed: (value: boolean) => void;
     selectedIds: Set<string>;
-    setSelectedIds: (next: Set<string>) => void;
+    selectedFiles: Map<string, DialFile>;
+    setSelectedFiles: (next: Map<string, DialFile>) => void;
     clearSelection: () => void;
     currentFolder?: DialFile;
     gridRows: FileManagerGridRow[];

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

@@ -7,3 +7,4 @@ export declare const treeBaseClasses = "w-full h-full rounded bg-layer-3 text-se
 export declare const gridBaseClasses = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0";
 export declare const sidebarWidth = 280;
 export declare const sidebarTitleDefault = "Files";
+export declare const BASE_FILE_MANAGER_ICON_SIZE = 20;

package/dist/src/components/FileManager/hooks/use-bulk-actions.d.ts

@@ -0,0 +1,22 @@
+import { DialFile } from '../../../models/file';
+import { DialFileManagerActions } from '../../../types/file-manager';
+import { DialActionDropdownItem } from '../components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
+export interface UseBulkActionsProps {
+    selectedFiles: Map<string, DialFile>;
+    actionLabels?: {
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Rename]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+    };
+    onDuplicate: (files: DialFile[]) => void;
+    onCopy: (files: DialFile[]) => void;
+    onMove: (files: DialFile[]) => void;
+    onDownload: (files: DialFile[]) => void;
+    onRename: (filePath: string) => void;
+    onDelete: (files: DialFile[], parentFolderPath: string) => void;
+    getCurrentFolderPath: () => string;
+}
+export declare const useBulkActions: ({ selectedFiles, actionLabels, onDuplicate, onCopy, onMove, onDownload, onDelete, getCurrentFolderPath, }: UseBulkActionsProps) => DialActionDropdownItem[];

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

@@ -3,6 +3,7 @@ export interface DialFileNameProps {
     name: string;
     cssClass?: string;
     shared?: boolean;
+    iconSize?: number;
 }
 /**
  * Component to display a file name with a file icon and shared indicator.
@@ -16,5 +17,6 @@ export interface DialFileNameProps {
  * @param name - Full file name with or without extension
  * @param cssClass - Additional CSS classes for the root container
  * @param shared - Whether the file is shared
+ * @param iconSize - Icon size in px. Default: BASE_ICON_SIZE.
  */
 export declare const DialFileName: FC<DialFileNameProps>;

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

@@ -4,6 +4,7 @@ export interface DialFolderNameProps {
     cssClass?: string;
     shared?: boolean;
     loading?: boolean;
+    iconSize?: number;
 }
 /**
  * Component to display a folder name with a folder icon and shared indicator.
@@ -16,6 +17,8 @@ export interface DialFolderNameProps {
  *
  * @param name - Folder name
  * @param cssClass - Additional CSS classes for the root container
- * @param shared - Whether the folder is shared
+ * @param shared - If true, shows shared indicator. Default: false.
+ * @param loading - If true, shows loading state. Default: false.
+ * @param iconSize - Icon size in px. Default: BASE_ICON_SIZE.
  */
 export declare const DialFolderName: FC<DialFolderNameProps>;

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

@@ -11,7 +11,9 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
     withSelectionColumn?: boolean;
     wrapCustomCellRenderers?: boolean | ((col: ColDef<T>) => boolean);
     selectedRowIds?: Set<string>;
+    selectedRows?: Map<string, T>;
     onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
+    onSelectionChangeWithMap?: (selectedRows: Map<string, T>) => void;
     getRowId?: (row: T) => string;
     alternateOddRowColors?: boolean;
     filterPlaceholder?: string;
@@ -104,4 +106,4 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  *   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
  */
-export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, onSelectionChange, 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, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Grid/hooks/use-grid-selection.d.ts

@@ -1,12 +1,15 @@
-export interface UseGridSelectionProps<T> {
+export interface UseGridSelectionProps<T extends object> {
     selectedRowIds?: Set<string>;
+    selectedRows?: Map<string, T>;
     onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
+    onSelectionChangeWithMap?: (selectedRows: Map<string, T>) => void;
     rowData?: T[];
     getRowId: (row: T) => string;
 }
-export declare const useGridSelection: <T extends object>({ selectedRowIds, onSelectionChange, rowData, getRowId, }: UseGridSelectionProps<T>) => {
+export declare const useGridSelection: <T extends object>({ selectedRowIds, selectedRows, onSelectionChange, onSelectionChangeWithMap, rowData, getRowId, }: UseGridSelectionProps<T>) => {
     currentSelectedIds: Set<string>;
-    handleSelectionToggle: (rowId: string, checked: boolean) => void;
+    currentSelectedRows: Map<string, T>;
+    handleSelectionToggle: (row: T, checked: boolean) => void;
     headerCheckboxState: string;
-    handleHeaderCheckboxChange: () => void;
+    handleHeaderCheckboxChange: (checked?: boolean) => void;
 };

package/package.json

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