@epam/ai-dial-ui-kit 0.5.0-rc.22 → 0.5.0-rc.24

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

@@ -52,7 +52,13 @@ export interface GridOptions extends Omit<DialGridProps<GridRow>, 'rowData' | 'c
         [DialFileManagerActions.Move]?: string;
     };
 }
-export type ToolbarOptions = Omit<DialFileManagerToolbarProps, 'areHiddenFilesVisible' | 'onToggleHiddenFiles'>;
+export type ToolbarOptions = Omit<DialFileManagerToolbarProps, 'areHiddenFilesVisible' | 'onToggleHiddenFiles'> & {
+    newActionLabels?: {
+        uploadFiles?: string;
+        newFolder?: string;
+        uploadArchive?: string;
+    };
+};
 export type BulkActionsToolbarOptions = Omit<DialFileManagerBulkActionsToolbarProps, 'onClearSelection' | 'actions'> & {
     actionLabels?: {
         [DialFileManagerActions.Duplicate]?: string;

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

@@ -1,8 +1,9 @@
-import { DragEvent } from 'react';
+import { DragEvent, RefObject } 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';
+import { DropdownItem } from '../../models/dropdown';
 export interface FileManagerGridRow {
     id: string;
     name: string;
@@ -79,5 +80,9 @@ export interface FileManagerContextValue {
     onValidateUpload?: DialFileManagerProps['onValidateUpload'];
     maxFileSize?: number;
     uploadValidationMessages?: FileUploadValidationMessages;
+    newActions: DropdownItem[];
+    isNewButtonVisible: boolean;
+    openFileDialog: () => void;
+    fileInputRef: RefObject<HTMLInputElement | null>;
 }
 export declare const FileManagerContext: import('react').Context<FileManagerContextValue | undefined>;

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

@@ -13,6 +13,7 @@ export interface FileManagerProviderProps extends Omit<DialFileManagerProps, 'ch
  * - clipboard (copy / cut / paste)
  * - delete confirmation state
  * - computed grid rows
+ * - new actions
  *
  */
 export declare const FileManagerProvider: FC<FileManagerProviderProps>;

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

@@ -10,10 +10,10 @@ export interface DialFileManagerToolbarProps {
     hiddenFilesSwitcherLabel?: string;
     showHiddenFilesLabel?: string;
     hideHiddenFilesLabel?: string;
-    isCreateButtonVisible?: boolean;
-    createButtonVariant?: ButtonVariant;
-    createButtonDropdownItems?: DropdownItem[];
-    createButtonLabel?: string;
+    isNewButtonVisible?: boolean;
+    newButtonVariant?: ButtonVariant;
+    newButtonDropdownItems?: DropdownItem[];
+    newButtonLabel?: string;
     onTabChange?: (id: DialFileManagerTabs) => void;
     onToggleHiddenFiles?: (value: boolean) => void;
 }
@@ -24,7 +24,7 @@ export interface DialFileManagerToolbarProps {
  * - Tab navigation for switching between file sections or views
  * - A toggle for showing or hiding hidden files
  * - A refresh button for reloading content
- * - An optional "Create" button or dropdown for creating new files or folders
+ * - An optional "New" button or dropdown for creating new files or folders
  *
  * @example
  * ```tsx
@@ -40,8 +40,8 @@ export interface DialFileManagerToolbarProps {
  *   onTabChange={(id) => console.log('Switched to tab:', id)}
  *   onToggleHiddenFiles={(visible) => console.log('Hidden files visible:', visible)}
  *   onRefresh={() => console.log('Refreshed')}
- *   isCreateButtonVisible
- *   createButtonDropdownItems={[
+ *   isNewButtonVisible
+ *   newButtonDropdownItems={[
  *     { key: 'folder', label: 'New Folder' },
  *     { key: 'file', label: 'Upload File' },
  *   ]}
@@ -56,16 +56,16 @@ export interface DialFileManagerToolbarProps {
  * @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 [onToggleHiddenFiles] - Callback fired when the hidden files visibility is toggled. Receives the new visibility state.
- * @param [isCreateButtonVisible] - Whether the "Create" button or dropdown should be displayed.
- * @param [createButtonVariant=ButtonVariant.Secondary] - Visual style variant for the create button.
- * @param [createButtonDropdownItems=[]] - Dropdown items available under the create button. If empty, a single create button is shown instead.
- * @param [createButtonLabel='Create'] - Label text for the create button.
+ * @param [isNewButtonVisible] - Whether the "New" button or dropdown should be displayed.
+ * @param [newButtonVariant=ButtonVariant.Secondary] - Visual style variant for the new button.
+ * @param [newButtonDropdownItems=[]] - Dropdown items available under the new button. If empty, a single new button is shown instead.
+ * @param [newButtonLabel='New'] - Label text for the new button.
  *
  * @remarks
  * - Tabs are rendered via `DialTabs`.
  * - The hidden files toggle uses `DialSwitch`.
- * - The refresh and create actions use `DialButton` or dropdown variants for consistency.
+ * - The refresh and new actions use `DialButton` or dropdown variants for consistency.
  * - The toolbar automatically adapts its layout for different screen sizes.
- * - When `createButtonDropdownItems` is provided, the create button becomes a dropdown menu.
+ * - When `newButtonDropdownItems` is provided, the new button becomes a dropdown menu.
  */
 export declare const DialFileManagerToolbar: FC<DialFileManagerToolbarProps>;

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

@@ -26,4 +26,7 @@ export declare const useFileUpload: ({ onUploadFiles, onValidateUpload, maxFileS
     handleDragOver: (e: DragEvent) => void;
     handleDrop: (e: DragEvent, destinationFolder: string, existingFiles: DialFile[]) => Promise<void>;
     clearError: () => void;
+    handleUpload: (files: DialUploadFileItem[], destinationFolder: string, existingFiles: DialFile[]) => Promise<boolean>;
+    openFileDialog: (destinationFolder: string, existingFiles: DialFile[]) => void;
+    fileInputRef: import('react').RefObject<HTMLInputElement | null>;
 };

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

@@ -0,0 +1,16 @@
+import { DropdownItem } from '../../../models/dropdown';
+export interface UseNewActionsProps {
+    newActionLabels?: {
+        uploadFiles?: string;
+        newFolder?: string;
+        uploadArchive?: string;
+    };
+    onUploadFiles?: () => void;
+    onCreateFolder?: () => void;
+    onUploadArchive?: () => void;
+}
+export interface UseNewActionsResult {
+    newActions: DropdownItem[];
+    isNewButtonVisible: boolean;
+}
+export declare const useNewActions: ({ newActionLabels, onUploadFiles, onCreateFolder, onUploadArchive, }: UseNewActionsProps) => UseNewActionsResult;

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

@@ -4,6 +4,7 @@ import { SelectSize, SelectVariant } from '../../types/select';
 export interface DialSelectProps {
     options: SelectOption[];
     multiple?: boolean;
+    elementId: string;
     size?: SelectSize;
     variant?: SelectVariant;
     value?: string | string[];
@@ -53,6 +54,7 @@ export interface DialSelectProps {
  * ```
  *
  * @param options - Array of options to select from.
+ * @param elementId - The id attribute for the select element.
  * @param [multiple] - Whether multiple selections are allowed.
  * @param [size=SelectSize.Md] - Size of the control.
  * @param [variant=SelectVariant.Primary] - Visual variant.

package/package.json

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