@epam/ai-dial-ui-kit 0.15.0-dev.9 → 0.15.0

package/dist/src/index.d.ts

@@ -146,7 +146,9 @@ export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NO
 export { DIAL_KIT_CLASS } from './constants/public-class-names';
 export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
 export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
-export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
+export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, SchemaRendererTexts, } from './components/SchemaRenderer/types';
+export { SchemaRenderer } from './components/New/SchemaRenderer/SchemaRenderer';
+export type { SchemaRendererProps, SchemaRenderField, } from './components/New/SchemaRenderer/types';
 export { LazyDialJsonEditor } from './components/JsonEditor/lazy';
 export { LazyDialMarkdownEditor } from './components/MarkdownEditor/lazy';
 export { NotificationVariant, NotificationType } from './types/notification.ts';
@@ -160,7 +162,10 @@ export { Calendar } from './components/New/Calendar/Calendar';
 export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
 export { FolderPath } from './components/New/FolderPath/FolderPath';
 export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
-export { DangerButton, GhostButton, LinkButton, NeutralButton, OutlinedButton, PrimaryButton, } from './components/New/Button/ButtonWrappers';
+export { BreadcrumbsSize } from './types/breadcrumbs';
+export { Breadcrumbs } from './components/New/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbsItem, } from './components/New/Breadcrumbs/Breadcrumbs';
+export { DangerButton, GhostButton, LinkButton, NeutralButton, OutlinedButton, PrimaryButton, StarterButton, } from './components/New/Button/ButtonWrappers';
 export { DangerIconButton, GhostIconButton, NeutralIconButton, PrimaryIconButton, StaticIconButton, } from './components/New/IconButton/IconButtonWrappers';
 export { Button } from './components/New/Button/Button';
 export { IconButton } from './components/New/IconButton/IconButton';
@@ -206,6 +211,7 @@ export type { CaptionTextProps } from './components/New/CaptionText/CaptionText'
 export { CaptionText, ErrorText, } from './components/New/CaptionText/CaptionText';
 export { Accordion } from './components/New/Accordion/Accordion';
 export type { AccordionProps } from './components/New/Accordion/Accordion';
+export { AccordionCaretPosition } from './types/accordion';
 export { Switch } from './components/New/Switch/Switch';
 export type { SwitchProps } from './components/New/Switch/Switch';
 export { Radio } from './components/New/Radio/Radio';
@@ -228,11 +234,35 @@ export { FilterChips } from './components/New/FilterChips/FilterChips';
 export type { FilterChipsProps, FilterChipItem, } from './components/New/FilterChips/FilterChips';
 export { FileDropzone } from './components/New/FileDropzone/FileDropzone';
 export type { FileDropzoneProps } from './components/New/FileDropzone/FileDropzone';
+export { FileIcon } from './components/New/FileIcon/FileIcon';
+export type { FileIconProps } from './components/New/FileIcon/FileIcon';
+export { FileName } from './components/New/FileName/FileName';
+export type { FileNameProps } from './components/New/FileName/FileName';
+export { FolderName } from './components/New/FolderName/FolderName';
+export type { FolderNameProps } from './components/New/FolderName/FolderName';
+export { SharedEntityIndicator } from './components/New/SharedEntityIndicator/SharedEntityIndicator';
+export type { SharedEntityIndicatorProps } from './components/New/SharedEntityIndicator/SharedEntityIndicator';
+export { BottomSheet } from './components/New/BottomSheet/BottomSheet';
+export type { BottomSheetProps } from './components/New/BottomSheet/BottomSheet';
+export { Badge } from './components/New/Badge/Badge';
+export type { BadgeProps } from './components/New/Badge/Badge';
+export { BadgeColor, BadgeVariant } from './types/badge';
+export { Avatar } from './components/New/Avatar/Avatar';
+export type { AvatarProps } from './components/New/Avatar/Avatar';
+export { AvatarShape } from './types/avatar';
+export { extractInitials } from './utils/avatar';
+export { EntityIdentity } from './components/New/EntityIdentity/EntityIdentity';
+export type { EntityIdentityProps, EntityIdentityItem, EntityIdentityLabels, } from './components/New/EntityIdentity/EntityIdentity';
+export { EntityType } from './types/entity-type';
+export { SideDrawer } from './components/New/SideDrawer/SideDrawer';
+export type { SideDrawerProps } from './components/New/SideDrawer/SideDrawer';
 export { Tag } from './components/New/Tag/Tag';
 export type { TagProps } from './components/New/Tag/Tag';
 export { TagAppearance } from './types/tag';
 export { TagInput } from './components/New/TagInput/TagInput';
 export type { TagInputProps } from './components/New/TagInput/TagInput';
+export { AutocompleteTagInput } from './components/New/AutocompleteTagInput/AutocompleteTagInput';
+export type { AutocompleteTagInputProps, AutocompleteTagInputSuggestion, } from './components/New/AutocompleteTagInput/AutocompleteTagInput';
 export { Search } from './components/New/Search/Search';
 export type { SearchProps } from './components/New/Search/Search';
 export { matchesAccept } from './utils/file-accept';
@@ -245,7 +275,7 @@ export { TooltipContent } from './components/New/Tooltip/TooltipContent';
 export type { TooltipContentProps } from './components/New/Tooltip/TooltipContent';
 export { TooltipTrigger } from './components/New/Tooltip/TooltipTrigger';
 export type { TooltipContainerOptions } from './components/New/Tooltip/TooltipContext';
-export { TooltipPlacement } from './types/tooltip.ts';
+export { InteractiveTooltipTrigger, TooltipPlacement, } from './types/tooltip.ts';
 export { InteractiveTooltip } from './components/New/InteractiveTooltip/InteractiveTooltip';
 export type { InteractiveTooltipProps } from './components/New/InteractiveTooltip/InteractiveTooltip';
 export { EllipsisTooltip } from './components/New/EllipsisTooltip/EllipsisTooltip';
@@ -258,6 +288,10 @@ export { ConditionalResizableContainer } from './components/New/ResizableContain
 export type { ConditionalResizableContainerProps } from './components/New/ResizableContainer/ConditionalResizableContainer';
 export { NoDataContent } from './components/New/NoDataContent/NoDataContent';
 export type { NoDataContentProps } from './components/New/NoDataContent/NoDataContent';
+export { TransferQueue } from './components/New/TransferQueue/TransferQueue';
+export type { TransferQueueItem, TransferQueueLabels, TransferQueueProps, } from './components/New/TransferQueue/TransferQueue';
+export { DEFAULT_TRANSFER_QUEUE_LABELS, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS, } from './components/New/TransferQueue/constants';
+export { TransferQueueItemStatus } from './types/transfer-queue';
 export { Grid, GRID_SELECTION_COLUMN_ID } from './components/New/Grid/Grid';
 export type { GridProps } from './components/New/Grid/Grid';
 export { DateCellRenderer } from './components/New/Grid/renderers/DateCellRenderer';

package/dist/src/models/json-schema.d.ts

@@ -0,0 +1,71 @@
+import { SchemaDisplayMode, SchemaOrientation } from '../types/json-schema';
+export interface DialMeta {
+    'dial:propertyOrder'?: number;
+    [key: string]: unknown;
+}
+export interface JsonSchemaDef {
+    $ref?: string;
+    type?: string | string[];
+    title?: string;
+    description?: string;
+    isHidden?: boolean;
+    isProtected?: boolean;
+    enumDisplay?: SchemaDisplayMode;
+    enumOrientation?: SchemaOrientation;
+    discriminatorDisplay?: SchemaDisplayMode;
+    discriminatorOrientation?: SchemaOrientation;
+    default?: unknown;
+    const?: unknown;
+    enum?: unknown[];
+    properties?: Record<string, JsonSchemaDef>;
+    required?: string[];
+    items?: JsonSchemaDef;
+    oneOf?: JsonSchemaDef[];
+    anyOf?: JsonSchemaDef[];
+    allOf?: JsonSchemaDef[];
+    discriminator?: {
+        propertyName: string;
+        mapping: Record<string, string>;
+    };
+    'dial:meta'?: DialMeta;
+    'dial:resource'?: boolean;
+    acceptableResourceTypes?: string[];
+    [key: string]: unknown;
+}
+export interface JsonSchema extends JsonSchemaDef {
+    $defs?: Record<string, JsonSchemaDef>;
+}
+export interface ValidationError {
+    path: string;
+    message: string;
+}
+export interface SchemaRendererTexts {
+    noItemSchema: string;
+    noItemsYet: string;
+    addItem: string;
+    selectTypeToAdd: string;
+    noConfigurableProperties: string;
+    noFieldsYet: string;
+    keyColumnHeader: string;
+    valueColumnHeader: string;
+    addField: string;
+    keyInputPlaceholder: string;
+    stringInputPlaceholder: string;
+    integerInputPlaceholder: string;
+    numberInputPlaceholder: string;
+    enumSelectPlaceholder: string;
+    selectTypePlaceholder: string;
+    removeItemAriaLabel: string;
+    removeFieldAriaLabel: string;
+    typeColumnHeader: string;
+    entryTypeString: string;
+    entryTypeNumber: string;
+    entryTypeBoolean: string;
+    entryTypeNull: string;
+    entryTypeObject: string;
+    entryTypeArray: string;
+    entryTypeChangeWarning: string;
+    booleanTrueOption: string;
+    booleanFalseOption: string;
+    invalidJsonError: string;
+}

package/dist/src/types/accordion.d.ts

@@ -0,0 +1,7 @@
+/** Where an `Accordion` header draws its caret. */
+export declare enum AccordionCaretPosition {
+    /** Before the title, at the header's leading edge. */
+    Start = "start",
+    /** After the title, at the header's trailing edge. */
+    End = "end"
+}

package/dist/src/types/avatar.d.ts

@@ -0,0 +1,7 @@
+/** The outline an `Avatar` is clipped to. */
+export declare enum AvatarShape {
+    /** A circle — the avatar of a person. */
+    Circle = "circle",
+    /** A rounded square — the avatar of an application, model or other entity. */
+    Square = "square"
+}

package/dist/src/types/badge.d.ts

@@ -0,0 +1,16 @@
+/** How a `Badge` is drawn. */
+export declare enum BadgeVariant {
+    /** A neutral label with a border on the sunken layer, for topics and plain categories. */
+    Outlined = "outlined",
+    /** A pill filled with one of the visual colours, for a label that is told apart by colour. */
+    Filled = "filled"
+}
+/** The visual colour of a `BadgeVariant.Filled` badge. */
+export declare enum BadgeColor {
+    Blue = "blue",
+    Green = "green",
+    Violet = "violet",
+    Indigo = "indigo",
+    Brown = "brown",
+    Red = "red"
+}

package/dist/src/types/breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+export declare enum BreadcrumbsSize {
+    /** 14px `dial-small-text`, with a `dial-small-semi-text` current page. */
+    Small = "small",
+    /**
+     * 18px `dial-h2-text`, for a trail that doubles as the page heading. The
+     * token is semibold, so every segment is — including the current page.
+     */
+    Heading = "heading"
+}

package/dist/src/types/button.d.ts

@@ -3,6 +3,7 @@ export declare enum ButtonVariant {
     Neutral = "neutral",
     Danger = "danger",
     Static = "static",
+    Starter = "starter",
     Success = "success",
     Secondary = "secondary",
     Tertiary = "tertiary"

package/dist/src/types/entity-type.d.ts

@@ -0,0 +1,9 @@
+/** The category of a DIAL catalog entity. It picks the colour of the type label and the featured chip. */
+export declare enum EntityType {
+    Model = "model",
+    Agent = "agent",
+    Toolset = "toolset",
+    Skill = "skill",
+    /** Reusable text prompt. Carries a body instead of a runtime. */
+    Prompt = "prompt"
+}

package/dist/src/types/json-schema.d.ts

@@ -0,0 +1,22 @@
+export declare enum SchemaRendererVariant {
+    Sections = "sections",
+    Flat = "flat",
+    FlatSections = "flat-sections"
+}
+export declare enum SchemaDisplayMode {
+    Select = "select",
+    Radio = "radio"
+}
+export declare enum SchemaOrientation {
+    Row = "row",
+    Column = "column"
+}
+export declare enum JsonSchemaType {
+    String = "string",
+    Number = "number",
+    Integer = "integer",
+    Boolean = "boolean",
+    Object = "object",
+    Array = "array",
+    Null = "null"
+}

package/dist/src/types/tooltip.d.ts

@@ -4,3 +4,7 @@ export declare enum TooltipPlacement {
     Bottom = "bottom",
     Left = "left"
 }
+export declare enum InteractiveTooltipTrigger {
+    Hover = "hover",
+    Click = "click"
+}

package/dist/src/types/transfer-queue.d.ts

@@ -0,0 +1,10 @@
+/** Lifecycle status of one item in a `TransferQueue`. */
+export declare enum TransferQueueItemStatus {
+    /** Queued or running; the row shows a spinner and, when cancelable, a cancel control. */
+    InProgress = "inProgress",
+    Success = "success",
+    /** Delivered, but not everything the user asked for made it through. */
+    Warning = "warning",
+    Failed = "failed",
+    Canceled = "canceled"
+}

package/dist/src/utils/__tests__/avatar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/avatar.d.ts

@@ -0,0 +1,12 @@
+/** A background and text colour pair for an initials avatar, as Tailwind classes. */
+export interface AvatarColorClasses {
+    /** Background class, bound to a `--bg-visual-*` token. */
+    background: string;
+    /** Text class, bound to the matching `--text-visual-*` token. */
+    foreground: string;
+}
+export declare const AVATAR_PALETTE: readonly AvatarColorClasses[];
+/** Returns the palette entry for a name; the same name always gets the same colours. */
+export declare const pickAvatarColor: (name: string) => AvatarColorClasses;
+/** Returns 1–2 uppercase initials derived from a display name, or `'?'` when it has no letters. */
+export declare const extractInitials: (name: string) => string;

package/dist/src/utils/json-schema.d.ts

@@ -0,0 +1,23 @@
+import { JsonSchemaType } from '../types/json-schema';
+import { JsonSchema, JsonSchemaDef, ValidationError } from '../models/json-schema';
+export declare function resolveRef(schema: JsonSchemaDef, rootSchema: JsonSchema, depth?: number): JsonSchemaDef;
+export declare function sortByPropertyOrder(entries: [string, JsonSchemaDef][]): [string, JsonSchemaDef][];
+export declare function isMissingRequiredValue(value: unknown): boolean;
+export declare function isObjectType(schema: JsonSchemaDef): boolean;
+export declare function toFieldLabel(key: string): string;
+/**
+ * Builds the "required" error message for a field. The label is quoted so a
+ * long title stays visually separate from the "is required" suffix.
+ */
+export declare const toRequiredMessage: (label: string) => string;
+export declare function getOptionLabel(schema: JsonSchemaDef, rootSchema: JsonSchema): string;
+export declare function extractDefaults(schema: JsonSchemaDef, rootSchema: JsonSchema, depth?: number): unknown;
+export declare function validateRequired(value: unknown, schema: JsonSchemaDef, rootSchema: JsonSchema, path?: string, depth?: number): ValidationError[];
+export declare function buildSummary(value: unknown, schema: JsonSchemaDef, rootSchema: JsonSchema): string;
+export declare function detectAnyOfVariant(value: unknown, schemas: JsonSchemaDef[], rootSchema: JsonSchema): number;
+export declare function getItemTitle(item: unknown, discriminatorProp: string | undefined, index: number): string;
+export declare function getSchemaDefault(schema: JsonSchemaDef): unknown;
+export type EntryType = JsonSchemaType.String | JsonSchemaType.Number | JsonSchemaType.Boolean | JsonSchemaType.Null | JsonSchemaType.Object | JsonSchemaType.Array;
+export declare const ENTRY_TYPE_OPTIONS: EntryType[];
+export declare function inferEntryType(value: unknown): EntryType;
+export declare function getEntryTypeDefault(type: EntryType): unknown;

package/dist/src/utils/sub-menu-floating.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 export interface SubMenuHoverOptions {
     delay?: number | {
         open?: number;
@@ -8,7 +8,10 @@ export interface SubMenuHoverOptions {
 }
 /**
  * Shared floating state for right-side submenus.
- * Handles open state, Floating UI positioning and hover/dismiss/role interactions.
+ * Handles open state, Floating UI positioning, hover/dismiss/role interactions,
+ * and the menu keyboard pattern: the inline-end arrow, Enter, or Space on the
+ * trigger opens the submenu and focuses its first row; ArrowUp/ArrowDown/Home/End
+ * move between its rows; the inline-start arrow closes it back to the trigger.
  */
 export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'listbox', disabled?: boolean, hoverOptions?: SubMenuHoverOptions): {
     isOpen: boolean;
@@ -38,8 +41,8 @@ export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'lis
         refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
         elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     };
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
 };
 interface SubMenuPanelProps {
     refs: ReturnType<typeof useSubMenuFloating>['refs'];

package/dist/types/accordion.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.Start = "start", r.End = "end", r))(t || {});
+export {
+  t as AccordionCaretPosition
+};

package/dist/types/avatar.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Circle = "circle", r.Square = "square", r))(e || {});
+export {
+  e as AvatarShape
+};

package/dist/types/badge.js

@@ -0,0 +1,5 @@
+var n = /* @__PURE__ */ ((e) => (e.Outlined = "outlined", e.Filled = "filled", e))(n || {}), i = /* @__PURE__ */ ((e) => (e.Blue = "blue", e.Green = "green", e.Violet = "violet", e.Indigo = "indigo", e.Brown = "brown", e.Red = "red", e))(i || {});
+export {
+  i as BadgeColor,
+  n as BadgeVariant
+};

package/dist/types/breadcrumbs.js

@@ -0,0 +1,4 @@
+var l = /* @__PURE__ */ ((a) => (a.Small = "small", a.Heading = "heading", a))(l || {});
+export {
+  l as BreadcrumbsSize
+};

package/dist/types/button.js

@@ -1,5 +1,5 @@
-var s = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Neutral = "neutral", r.Danger = "danger", r.Static = "static", r.Success = "success", r.Secondary = "secondary", r.Tertiary = "tertiary", r))(s || {}), e = /* @__PURE__ */ ((r) => (r.Solid = "solid", r.Outlined = "outlined", r.Ghost = "ghost", r.Link = "link", r))(e || {});
+var e = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Neutral = "neutral", r.Danger = "danger", r.Static = "static", r.Starter = "starter", r.Success = "success", r.Secondary = "secondary", r.Tertiary = "tertiary", r))(e || {}), s = /* @__PURE__ */ ((r) => (r.Solid = "solid", r.Outlined = "outlined", r.Ghost = "ghost", r.Link = "link", r))(s || {});
 export {
-  e as ButtonAppearance,
-  s as ButtonVariant
+  s as ButtonAppearance,
+  e as ButtonVariant
 };

package/dist/types/entity-type.js

@@ -0,0 +1,4 @@
+var l = /* @__PURE__ */ ((o) => (o.Model = "model", o.Agent = "agent", o.Toolset = "toolset", o.Skill = "skill", o.Prompt = "prompt", o))(l || {});
+export {
+  l as EntityType
+};

package/dist/types/json-schema.js

@@ -0,0 +1,7 @@
+var t = /* @__PURE__ */ ((r) => (r.Sections = "sections", r.Flat = "flat", r.FlatSections = "flat-sections", r))(t || {}), l = /* @__PURE__ */ ((r) => (r.Select = "select", r.Radio = "radio", r))(l || {}), u = /* @__PURE__ */ ((r) => (r.Row = "row", r.Column = "column", r))(u || {}), o = /* @__PURE__ */ ((r) => (r.String = "string", r.Number = "number", r.Integer = "integer", r.Boolean = "boolean", r.Object = "object", r.Array = "array", r.Null = "null", r))(o || {});
+export {
+  o as JsonSchemaType,
+  l as SchemaDisplayMode,
+  u as SchemaOrientation,
+  t as SchemaRendererVariant
+};

package/dist/types/tooltip.js

@@ -1,4 +1,5 @@
-var t = /* @__PURE__ */ ((r) => (r.Top = "top", r.Right = "right", r.Bottom = "bottom", r.Left = "left", r))(t || {});
+var h = /* @__PURE__ */ ((r) => (r.Top = "top", r.Right = "right", r.Bottom = "bottom", r.Left = "left", r))(h || {}), t = /* @__PURE__ */ ((r) => (r.Hover = "hover", r.Click = "click", r))(t || {});
 export {
-  t as TooltipPlacement
+  t as InteractiveTooltipTrigger,
+  h as TooltipPlacement
 };

package/dist/types/transfer-queue.js

@@ -0,0 +1,4 @@
+var i = /* @__PURE__ */ ((c) => (c.InProgress = "inProgress", c.Success = "success", c.Warning = "warning", c.Failed = "failed", c.Canceled = "canceled", c))(i || {});
+export {
+  i as TransferQueueItemStatus
+};