@epam/ai-dial-ui-kit 0.10.0-dev.37 → 0.10.0-dev.43

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,7 +1,8 @@
1
- import { FC, MouseEvent, ReactNode, HTMLAttributes } from 'react';
1
+ import { FC, HTMLAttributes, MouseEvent, ReactNode } from 'react';
2
2
  import { AlertVariant } from '../../types/alert';
3
- export interface DialAlertProps extends HTMLAttributes<HTMLDivElement> {
3
+ export interface DialAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
4
4
  variant?: AlertVariant;
5
+ title?: ReactNode;
5
6
  message: ReactNode;
6
7
  closable?: boolean;
7
8
  iconSize?: number;
@@ -24,6 +25,7 @@ export interface DialAlertProps extends HTMLAttributes<HTMLDivElement> {
24
25
  *
25
26
  * <DialAlert
26
27
  * variant={AlertVariant.Success}
28
+ * title="Saved"
27
29
  * message="Changes saved successfully."
28
30
  * />
29
31
  *
@@ -35,14 +37,14 @@ export interface DialAlertProps extends HTMLAttributes<HTMLDivElement> {
35
37
  * />
36
38
  *
37
39
  * <DialAlert
38
- * variant={AlertVariant.Warning}
39
- * message="Custom alert"
40
- * aria-live="polite"
41
- * id="warning-alert"
40
+ * variant={AlertVariant.Loading}
41
+ * title="Processing"
42
+ * message="Please wait..."
42
43
  * />
43
44
  * ```
44
45
  *
45
46
  * @param [variant=AlertVariant.Info] - Defines the visual style and icon of the alert
47
+ * @param [title] - Optional heading displayed above the message in semibold
46
48
  * @param message - Message text to display inside the alert
47
49
  * @param [className] - Additional CSS classes applied to the alert container
48
50
  * @param [closable=false] - Whether the alert has a close button
@@ -5,4 +5,4 @@ export declare const variantIcons: (props: {
5
5
  stroke: number;
6
6
  }) => Record<AlertVariant, ReactNode>;
7
7
  export declare const alertVariantClassNameMap: Record<AlertVariant, string>;
8
- export declare const alertBaseClassName = "items-center justify-between gap-2 p-3 border border-solid dial-small-text-150 rounded flex";
8
+ export declare const alertBaseClassName = "items-center justify-between gap-3 p-3 border border-solid dial-small-text-150 rounded shadow flex";
@@ -1,10 +1,11 @@
1
1
  import { FileManagerGridRow } from './FileManagerContext';
2
+ import { DialFileAcceptType } from '../../models/file-manager';
2
3
  interface FileManagerTooltipProps {
3
4
  disabledGridRowIds: Set<string>;
4
5
  gridRows: FileManagerGridRow[];
5
6
  getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
6
- getRowDisabledTooltip: (row: FileManagerGridRow, allowedFileTypes?: string[], maxSelectableFileSize?: number) => string | undefined;
7
- allowedFileTypes?: string[];
7
+ getRowDisabledTooltip: (row: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => string | undefined;
8
+ allowedFileTypes?: DialFileAcceptType[];
8
9
  maxSelectableFileSize?: number;
9
10
  }
10
11
  export declare const FileManagerTooltip: ({ disabledGridRowIds, gridRows, getDisabledTooltip, getRowDisabledTooltip, allowedFileTypes, maxSelectableFileSize, }: FileManagerTooltipProps) => import("react/jsx-runtime").JSX.Element;
@@ -48,4 +48,9 @@ export declare function getForbiddenSymbolsTooltip(item: {
48
48
  name: string;
49
49
  isFolder: boolean;
50
50
  }, forbiddenSymbolsRegExp?: RegExp, forbiddenSymbolsTooltip?: ReactNode): ReactNode | undefined;
51
- export declare const getRowTooltip: (file: FileManagerGridRow, allowedFileTypes?: string[], maxSelectableFileSize?: number, unsupportedFileTypeTooltip?: string, fileTooLargeTooltip?: string) => string | undefined;
51
+ export declare const splitPathAndName: (fullPath: string) => {
52
+ parent: string;
53
+ name: string;
54
+ };
55
+ export declare const isFileSelectable: (file: Pick<DialFile, "contentLength" | "contentType" | "name">, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => boolean;
56
+ export declare const getRowTooltip: (file: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number, unsupportedFileTypeTooltip?: string, fileTooLargeTooltip?: string) => string | undefined;
@@ -103,3 +103,5 @@ export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NO
103
103
  export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
104
104
  export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
105
105
  export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
106
+ export declare const LazyDialJsonEditor: () => Promise<typeof import("./components/JsonEditor/JsonEditor")>;
107
+ export declare const LazyDialMarkdownEditor: () => Promise<typeof import("./components/MarkdownEditor/MarkdownEditor")>;
@@ -2,5 +2,6 @@ export declare enum AlertVariant {
2
2
  Info = "info",
3
3
  Success = "success",
4
4
  Warning = "warning",
5
- Error = "error"
5
+ Error = "error",
6
+ Loading = "loading"
6
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-ui-kit",
3
- "version": "0.10.0-dev.37",
3
+ "version": "0.10.0-dev.43",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -21,7 +21,7 @@
21
21
  }
22
22
  },
23
23
  "bin": {
24
- "ai-dial-ui-kit-mcp": "./dist/mcp-server.cjs"
24
+ "ai-dial-ui-kit-mcp": "dist/mcp-server.cjs"
25
25
  },
26
26
  "files": [
27
27
  "dist"
@@ -52,8 +52,8 @@
52
52
  "build-storybook": "concurrently \"npm run build-storybook:css\" \"storybook build\"",
53
53
  "build-storybook:css": "tailwindcss -m -i ./src/styles/tailwind-entry.scss -o ./src/index.css",
54
54
  "prepare": "husky",
55
- "publish": "node tools/publish-lib.mjs",
56
- "publish:dry": "node tools/publish-lib.mjs --output-style=static --dry",
55
+ "publish": "npm publish --access public",
56
+ "publish:dry": "npm publish --access public --dry-run",
57
57
  "test": "vitest --coverage",
58
58
  "storybook-docs": "storybook dev --docs",
59
59
  "build-storybook-docs": "storybook build --docs"
@@ -143,4 +143,4 @@
143
143
  "vite-plugin-svgr": "^4.5.0",
144
144
  "vitest": "^3.2.4"
145
145
  }
146
- }
146
+ }