@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.
- package/dist/dial-ui-kit.cjs.js +11 -11
- package/dist/dial-ui-kit.es.js +329 -315
- package/dist/src/components/AutocompleteInput/AutocompleteInput.d.ts +3 -4
- package/dist/src/components/FileManager/FileManager.d.ts +1 -1
- package/dist/src/components/FileManager/FileManagerContext.d.ts +3 -1
- package/dist/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.d.ts +4 -0
- package/package.json +1 -1
|
@@ -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
|
-
*
|
|
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
|
|
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>;
|