@epam/ai-dial-ui-kit 0.10.0-dev.58 → 0.10.0-dev.60
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/{JsonEditor-B_3MCfJ3.js → JsonEditor-C_wipGzJ.js} +1 -1
- package/dist/{JsonEditor-C8-2iXSe.cjs → JsonEditor-OkhWl-10.cjs} +1 -1
- package/dist/{MarkdownEditor-BOYHP5ay.cjs → MarkdownEditor-CVimQG9s.cjs} +1 -1
- package/dist/{MarkdownEditor-nXlu4bDZ.js → MarkdownEditor-tqgaqGJo.js} +1 -1
- package/dist/components-manifest.json +10 -10
- package/dist/dial-ui-kit.cjs.js +1 -1
- package/dist/dial-ui-kit.es.js +103 -103
- package/dist/{index-Df9BXJe8.js → index-C05Raljf.js} +103 -103
- package/dist/{index-BXThPq5j.cjs → index-DTh0BmWe.cjs} +2 -2
- package/dist/src/components/FileManager/FileManager.d.ts +1 -1
- package/dist/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.d.ts +2 -2
- package/dist/src/components/{Alert/Alert.d.ts → Notification/Notification.d.ts} +9 -9
- package/dist/src/components/{Alert → Notification}/constants.d.ts +3 -3
- package/dist/src/index.d.ts +2 -2
- package/dist/src/types/{alert.d.ts → notification.d.ts} +1 -1
- package/package.json +1 -1
|
@@ -273,7 +273,7 @@ export interface DialFileManagerProps {
|
|
|
273
273
|
* @param [onDeleteFiles] - Callback fired when files are deleted
|
|
274
274
|
*
|
|
275
275
|
* @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.
|
|
276
|
-
* @param [renameValidationMessages] - Optional custom validation messages for renaming files and folders. Note that you need to add `${
|
|
276
|
+
* @param [renameValidationMessages] - Optional custom validation messages for renaming files and folders. Note that you need to add `${NotificationVariant.Warning}__` prefix to the `hiddenItemWarning` message to display it as a warning with the warning icon.
|
|
277
277
|
* @param [forbiddenSymbolsRegExp] - Optional RegExp will be used in the validation for the files and folders names. The "g" and "y" flags are not allowed in this RegExp and will be ignored.
|
|
278
278
|
* @param [forbiddenSymbolsTooltip] - Optional tooltip displayed when a file or folder name contains forbidden characters
|
|
279
279
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DialFileManagerProps } from '../../FileManager';
|
|
2
2
|
import { FC, ReactNode } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { DialNotificationProps } from '../../../Notification/Notification';
|
|
4
4
|
export interface DestinationFolderPopupProps extends DialFileManagerProps {
|
|
5
5
|
onClose: () => void;
|
|
6
6
|
onConfirm?: () => void;
|
|
@@ -17,7 +17,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
|
|
|
17
17
|
sourceFolder?: string;
|
|
18
18
|
disabledPathTooltip?: string;
|
|
19
19
|
collapsedFileTree?: boolean;
|
|
20
|
-
alertProps?:
|
|
20
|
+
alertProps?: DialNotificationProps;
|
|
21
21
|
onFolderPopupPathChange?: (newPath?: string) => void;
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, HTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface
|
|
4
|
-
variant?:
|
|
2
|
+
import { NotificationVariant } from '../../types/notification';
|
|
3
|
+
export interface DialNotificationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
4
|
+
variant?: NotificationVariant;
|
|
5
5
|
title?: ReactNode;
|
|
6
6
|
message: ReactNode;
|
|
7
7
|
closable?: boolean;
|
|
@@ -19,31 +19,31 @@ export interface DialAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
|
|
|
19
19
|
* @example
|
|
20
20
|
* ```tsx
|
|
21
21
|
* <DialAlert
|
|
22
|
-
* variant={
|
|
22
|
+
* variant={NotificationVariant.Info}
|
|
23
23
|
* message="This is an info alert."
|
|
24
24
|
* />
|
|
25
25
|
*
|
|
26
26
|
* <DialAlert
|
|
27
|
-
* variant={
|
|
27
|
+
* variant={NotificationVariant.Success}
|
|
28
28
|
* title="Saved"
|
|
29
29
|
* message="Changes saved successfully."
|
|
30
30
|
* />
|
|
31
31
|
*
|
|
32
32
|
* <DialAlert
|
|
33
|
-
* variant={
|
|
33
|
+
* variant={NotificationVariant.Error}
|
|
34
34
|
* closable
|
|
35
35
|
* message="Something went wrong."
|
|
36
36
|
* onClose={(e) => console.log('closed', e)}
|
|
37
37
|
* />
|
|
38
38
|
*
|
|
39
39
|
* <DialAlert
|
|
40
|
-
* variant={
|
|
40
|
+
* variant={NotificationVariant.Loading}
|
|
41
41
|
* title="Processing"
|
|
42
42
|
* message="Please wait..."
|
|
43
43
|
* />
|
|
44
44
|
* ```
|
|
45
45
|
*
|
|
46
|
-
* @param [variant=
|
|
46
|
+
* @param [variant=NotificationVariant.Info] - Defines the visual style and icon of the alert
|
|
47
47
|
* @param [title] - Optional heading displayed above the message in semibold
|
|
48
48
|
* @param message - Message text to display inside the alert
|
|
49
49
|
* @param [className] - Additional CSS classes applied to the alert container
|
|
@@ -52,4 +52,4 @@ export interface DialAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
|
|
|
52
52
|
* @param [iconStroke=2] - Stroke width of the icon displayed in the alert
|
|
53
53
|
* @param [onClose] - Callback fired when the close button is clicked
|
|
54
54
|
*/
|
|
55
|
-
export declare const
|
|
55
|
+
export declare const DialNotification: FC<DialNotificationProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { NotificationVariant } from '../../types/notification';
|
|
2
2
|
import { ReactNode } from '@tabler/icons-react';
|
|
3
3
|
export declare const variantIcons: (props: {
|
|
4
4
|
size: number;
|
|
5
5
|
stroke: number;
|
|
6
|
-
}) => Record<
|
|
7
|
-
export declare const
|
|
6
|
+
}) => Record<NotificationVariant, ReactNode>;
|
|
7
|
+
export declare const notificationVariantClassNameMap: Record<NotificationVariant, string>;
|
|
8
8
|
export declare const alertBaseClassName = "items-center justify-between gap-3 p-3 border border-solid dial-small-text-150 rounded shadow flex";
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { DialCaptionText, DialErrorText, } from './components/CaptionText/CaptionText';
|
|
2
2
|
export { DialLabel } from './components/Label/Label';
|
|
3
3
|
export { DialIcon } from './components/Icon/Icon';
|
|
4
|
-
export {
|
|
4
|
+
export { DialNotification } from './components/Notification/Notification.tsx';
|
|
5
5
|
export { DialLoader } from './components/Loader/Loader';
|
|
6
6
|
export { DialSpinner } from './components/Spinner/Spinner';
|
|
7
7
|
export type { DialSpinnerProps } from './components/Spinner/Spinner';
|
|
@@ -70,7 +70,7 @@ export { DialFileManager } from './components/FileManager/FileManager';
|
|
|
70
70
|
export type { FileManagerGridRow } from './components/FileManager/FileManagerContext';
|
|
71
71
|
export type { GridOptions, ToolbarOptions, BulkActionsToolbarOptions, } from './components/FileManager/FileManager';
|
|
72
72
|
export { DialDestinationFolderPopup } from './components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup';
|
|
73
|
-
export {
|
|
73
|
+
export { NotificationVariant } from './types/notification.ts';
|
|
74
74
|
export { ButtonVariant, ButtonAppearance } from './types/button';
|
|
75
75
|
export { RadioGroupOrientation } from './types/radio-group';
|
|
76
76
|
export { PopupSize } from './types/popup';
|