@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.
@@ -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 `${AlertVariant.Warning}__` prefix to the `hiddenItemWarning` message to display it as a warning with the warning icon.
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 { DialAlertProps } from '../../../Alert/Alert';
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?: DialAlertProps;
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 { AlertVariant } from '../../types/alert';
3
- export interface DialAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
4
- variant?: AlertVariant;
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={AlertVariant.Info}
22
+ * variant={NotificationVariant.Info}
23
23
  * message="This is an info alert."
24
24
  * />
25
25
  *
26
26
  * <DialAlert
27
- * variant={AlertVariant.Success}
27
+ * variant={NotificationVariant.Success}
28
28
  * title="Saved"
29
29
  * message="Changes saved successfully."
30
30
  * />
31
31
  *
32
32
  * <DialAlert
33
- * variant={AlertVariant.Error}
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={AlertVariant.Loading}
40
+ * variant={NotificationVariant.Loading}
41
41
  * title="Processing"
42
42
  * message="Please wait..."
43
43
  * />
44
44
  * ```
45
45
  *
46
- * @param [variant=AlertVariant.Info] - Defines the visual style and icon of the alert
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 DialAlert: FC<DialAlertProps>;
55
+ export declare const DialNotification: FC<DialNotificationProps>;
@@ -1,8 +1,8 @@
1
- import { AlertVariant } from '../../types/alert';
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<AlertVariant, ReactNode>;
7
- export declare const alertVariantClassNameMap: Record<AlertVariant, string>;
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";
@@ -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 { DialAlert } from './components/Alert/Alert';
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 { AlertVariant } from './types/alert';
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';
@@ -1,4 +1,4 @@
1
- export declare enum AlertVariant {
1
+ export declare enum NotificationVariant {
2
2
  Info = "info",
3
3
  Success = "success",
4
4
  Warning = "warning",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-ui-kit",
3
- "version": "0.10.0-dev.58",
3
+ "version": "0.10.0-dev.60",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "description": "A modern UI kit for building AI DIAL interfaces with React",