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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,9 @@
1
1
  import { FC } from 'react';
2
2
  import { DialAutocompleteInputValueProps } from './AutocompleteInputValue';
3
3
  export interface DialAutocompleteInputProps extends DialAutocompleteInputValueProps {
4
- placeholder?: string;
5
- updateSelected: (items: string[]) => void;
6
4
  containerClassName?: string;
7
5
  inputClassName?: string;
6
+ onChange: (items: string[]) => void;
8
7
  }
9
8
  /**
10
9
  * A component that provides an interactive input field with autocomplete functionality. Users can
@@ -17,7 +16,7 @@ export interface DialAutocompleteInputProps extends DialAutocompleteInputValuePr
17
16
  * <DialAutocompleteInput
18
17
  * placeholder="Type to add items"
19
18
  * selectedItems={['Item 1', 'Item 2']}
20
- * updateSelected={(items) => console.log(items)}
19
+ * onChange={(items) => console.log(items)}
21
20
  * containerClassName="custom-container-class"
22
21
  * inputClassName="custom-input-class"
23
22
  * listClassName="custom-list-class"
@@ -27,7 +26,7 @@ export interface DialAutocompleteInputProps extends DialAutocompleteInputValuePr
27
26
  *
28
27
  * @param [placeholder] - The placeholder text displayed in the input field when no items are selected.
29
28
  * @param [selectedItems=[]] - An array of strings representing the currently selected items.
30
- * @param updateSelected - A callback function that updates the list of selected items. Called when items are added or removed.
29
+ * @param onChange - A callback function that updates the list of selected items. Called when items are added or removed.
31
30
  * @param [listClassName] - Additional CSS classes applied to the `<ul>` element containing the list of selected items.
32
31
  * @param [listElementClassName] - Additional CSS classes applied to each `<li>` element representing an individual selected item.
33
32
  * @param [containerClassName] - Additional CSS classes applied to the container `<div>` element wrapping the input and list.
@@ -16,7 +16,7 @@ import { ConflictResolutionPopupProps } from './components/ConflictResolutionPop
16
16
  import { RenameValidationMessages } from './hooks/use-item-renaming';
17
17
  type GridRow = FileManagerGridRow;
18
18
  export type DialFileManagerConflictResolutionPopupOptions = Omit<ConflictResolutionPopupProps, 'open' | 'onClose' | 'onReplace' | 'onDuplicate' | 'conflictingFiles'>;
19
- export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel' | 'header' | 'onCreateFolder' | 'onCreateFolderValidate' | 'folderCreationValidationMessages'> & {
19
+ export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel' | 'header' | 'onCreateFolder' | 'onCreateFolderValidate' | 'folderCreationValidationMessages' | 'disabledPathTooltip'> & {
20
20
  getCopyHeader?: (itemsCount: number, itemName?: string) => string;
21
21
  getMoveHeader?: (itemsCount: number, itemName?: string) => string;
22
22
  };
@@ -31,7 +31,9 @@ export interface FileManagerContextValue {
31
31
  toolbarOptions?: ToolbarOptions;
32
32
  bulkActionsToolbarOptions?: BulkActionsToolbarOptions;
33
33
  deleteConfirmationOptions?: DeleteConfirmationOptions;
34
- destinationFolderPopupOptions?: DialFileManagerDestinationFolderPopupOptions;
34
+ destinationFolderPopupOptions?: DialFileManagerDestinationFolderPopupOptions & {
35
+ sourceFolder?: string;
36
+ };
35
37
  conflictResolutionPopupOptions?: DialFileManagerConflictResolutionPopupOptions;
36
38
  fileMetadataPopupOptions?: FileMetadataPopupOptions;
37
39
  compactViewWidthBreakpoint?: number;
@@ -12,6 +12,8 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
12
12
  hiddenFilesSwitcherLabel?: string;
13
13
  mode?: 'copy' | 'move';
14
14
  header?: ReactNode;
15
+ sourceFolder?: string;
16
+ disabledPathTooltip?: string;
15
17
  }
16
18
  /**
17
19
  * DestinationFolderPopup
@@ -48,5 +50,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
48
50
  * @param rootItem - Root folder item
49
51
  * @param path - Current path in the File Manager
50
52
  * @param onPathChange - Callback fired when the path changes
53
+ * @param [sourceFolder] - The source folder path for move operations
54
+ * @param [disabledPathTooltip="Unavailable for the original path. Please select another folder"] - Tooltip text when destination is disabled
51
55
  */
52
56
  export declare const DestinationFolderPopup: FC<DestinationFolderPopupProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-ui-kit",
3
- "version": "0.6.0-rc.7",
3
+ "version": "0.6.0-rc.9",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "description": "A modern UI kit for building AI DIAL interfaces with React",