@epam/ai-dial-ui-kit 0.5.0-rc.3 → 0.5.0-rc.31

package/dist/src/components/FolderName/FolderName.d.ts

@@ -4,6 +4,7 @@ export interface DialFolderNameProps {
     cssClass?: string;
     shared?: boolean;
     loading?: boolean;
+    iconSize?: number;
 }
 /**
  * Component to display a folder name with a folder icon and shared indicator.
@@ -16,6 +17,8 @@ export interface DialFolderNameProps {
  *
  * @param name - Folder name
  * @param cssClass - Additional CSS classes for the root container
- * @param shared - Whether the folder is shared
+ * @param shared - If true, shows shared indicator. Default: false.
+ * @param loading - If true, shows loading state. Default: false.
+ * @param iconSize - Icon size in px. Default: BASE_ICON_SIZE.
  */
 export declare const DialFolderName: FC<DialFolderNameProps>;

package/dist/src/components/Grid/Grid.d.ts

@@ -11,13 +11,17 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
     withSelectionColumn?: boolean;
     wrapCustomCellRenderers?: boolean | ((col: ColDef<T>) => boolean);
     selectedRowIds?: Set<string>;
+    selectedRows?: Map<string, T>;
     onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
+    onSelectionChangeWithMap?: (selectedRows: Map<string, T>) => void;
     getRowId?: (row: T) => string;
     alternateOddRowColors?: boolean;
     filterPlaceholder?: string;
     emptyStateIcon?: ReactNode;
     emptyStateTitle?: string;
     emptyStateDescription?: string;
+    loading?: boolean;
+    wrapperBorder?: boolean;
 }
 /**
  * DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
@@ -30,6 +34,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * - Controlled or uncontrolled selection modes
  * - Automatic column sizing and responsive behavior
  * - Full accessibility support with ARIA attributes
+ * - Loading state with native AG-Grid overlay
  *
  * @example
  * ```tsx
@@ -48,7 +53,13 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * <DialGrid<Product>
  *   columnDefs={columns}
  *   rowData={products}
- *   storageKey="products-grid"
+ * />
+ *
+ * // With loading state
+ * <DialGrid<Product>
+ *   columnDefs={columns}
+ *   rowData={products}
+ *   loading={true}
  * />
  *
  * // With context menu
@@ -93,6 +104,8 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * @param [emptyStateIcon] - Optional icon for empty state
  * @param [emptyStateTitle] - Optional title text displayed when the grid has no rows to show.
  * @param [emptyStateDescription] - Optional description text displayed below the empty state title,
- *   providing additional context or instructions (e.g., “No data found” or “Try adjusting your filters”).
+ *   providing additional context or instructions (e.g., "No data found" or "Try adjusting your filters").
+ * @param [loading=false] - When true, shows AG-Grid's native loading overlay
+ * @param [wrapperBorder=true] - Whether to apply a border around the grid container
  */
-export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, onSelectionChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, selectedRows, onSelectionChange, onSelectionChangeWithMap, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, wrapperBorder, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Grid/hooks/use-grid-selection.d.ts

@@ -1,12 +1,15 @@
-export interface UseGridSelectionProps<T> {
+export interface UseGridSelectionProps<T extends object> {
     selectedRowIds?: Set<string>;
+    selectedRows?: Map<string, T>;
     onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
+    onSelectionChangeWithMap?: (selectedRows: Map<string, T>) => void;
     rowData?: T[];
     getRowId: (row: T) => string;
 }
-export declare const useGridSelection: <T extends object>({ selectedRowIds, onSelectionChange, rowData, getRowId, }: UseGridSelectionProps<T>) => {
+export declare const useGridSelection: <T extends object>({ selectedRowIds, selectedRows, onSelectionChange, onSelectionChangeWithMap, rowData, getRowId, }: UseGridSelectionProps<T>) => {
     currentSelectedIds: Set<string>;
-    handleSelectionToggle: (rowId: string, checked: boolean) => void;
+    currentSelectedRows: Map<string, T>;
+    handleSelectionToggle: (row: T, checked: boolean) => void;
     headerCheckboxState: string;
-    handleHeaderCheckboxChange: () => void;
+    handleHeaderCheckboxChange: (checked?: boolean) => void;
 };

package/dist/src/components/Select/Select.d.ts

@@ -1,12 +1,14 @@
-import { FC, ReactNode, MouseEvent } from 'react';
+import { FC, ReactNode, MouseEvent, Ref } from 'react';
 import { SelectOption } from '../../models/select';
 import { SelectSize, SelectVariant } from '../../types/select';
 export interface DialSelectProps {
     options: SelectOption[];
     multiple?: boolean;
+    elementId?: string;
     size?: SelectSize;
     variant?: SelectVariant;
     value?: string | string[];
+    customSelectedValue?: string;
     prefix?: string;
     defaultValue?: string | string[];
     placeholder?: string;
@@ -22,6 +24,7 @@ export interface DialSelectProps {
     closable?: boolean;
     header?: ReactNode | (() => ReactNode);
     footer?: ReactNode | (() => ReactNode);
+    dismissRef?: Ref<unknown>;
     onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
     onChange?: (next: string | string[]) => void;
     inlineSearch?: boolean;
@@ -51,10 +54,12 @@ export interface DialSelectProps {
  * ```
  *
  * @param options - Array of options to select from.
+ * @param [elementId] - The id attribute for the select element.
  * @param [multiple] - Whether multiple selections are allowed.
  * @param [size=SelectSize.Md] - Size of the control.
  * @param [variant=SelectVariant.Primary] - Visual variant.
  * @param [value] - Controlled selected value(s).
+ * @param [customSelectedValue] - Custom string to render as the selected value in single mode.
  * @param [prefix] - Prefix for selected value(s).
  * @param [defaultValue] - Uncontrolled initial selected value(s).
  * @param [placeholder="Select..."] - Placeholder text when no selection is made.
@@ -74,5 +79,6 @@ export interface DialSelectProps {
  * @param [onChange] - Called when the selection changes.
  * @param [inlineSearch=false] - Render a plain input inside trigger (single mode only).
  * @param [onFooterClick] - Called when the footer element is clicked. When provided, automatically closes the dropdown.
+ * @param [dismissRef] - Ref object to expose a `dismiss` method to programmatically close the select.
  */
 export declare const DialSelect: FC<DialSelectProps>;

package/dist/src/components/Select/constants.d.ts

@@ -1,7 +1,8 @@
 export declare const selectTriggerBaseClasses = "dial-input flex w-full items-center justify-between gap-2 dial-small";
-export declare const selectOverlayBaseClasses = "w-full rounded";
+export declare const selectOverlayBaseClasses = "w-full rounded flex flex-col";
 export declare const selectOptionBaseClasses = "flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none";
 export declare const selectOptionSelectedClasses = "bg-accent-primary-alpha";
 export declare const selectOptionSingleSelectedClasses = "bg-accent-primary-alpha border-l border-accent-primary border-1";
 export declare const selectOptionDisabledClasses = "opacity-75";
+export declare const dropdownMenuMaxHeight = 352;
 export declare const selectChevronIcon: import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -62,7 +62,7 @@ export { TabOrientation } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
 export { FormItemOrientation } from './types/form-item';
 export { SelectSize, SelectVariant } from './types/select';
-export { DialFileManagerTabs, DialFileManagerActions, type DialCopiedItem, type DialDeletedItem, } from './types/file-manager';
+export { DialFileManagerTabs, DialFileManagerActions, } from './types/file-manager';
 export { FlexibleActionsDirection } from './types/flexible-actions';
 export { DialItemType } from './types/item';
 export { useDialFileManagerTabs } from './components/FileManager/hooks/use-file-manager-tabs';
@@ -78,4 +78,5 @@ export type { DropdownItem } from './models/dropdown';
 export type { DialModifiedEntity } from './models/base-entity';
 export type { DialFile } from './models/file';
 export { DialFileNodeType, DialFilePermission, DialFileResourceType, } from './models/file';
+export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, } from './models/file-manager';
 export { mergeClasses } from './utils/merge-classes';

package/dist/src/models/file-manager.d.ts

@@ -0,0 +1,15 @@
+import { DialFileNodeType } from './file';
+export interface DialCopiedItem {
+    sourceUrl: string;
+    destinationUrl: string;
+    overwrite?: boolean;
+    nodeType: DialFileNodeType;
+}
+export interface DialDeletedItem {
+    sourceUrl: string;
+    nodeType: DialFileNodeType;
+}
+export interface DialUploadFileItem {
+    fileContent: File;
+    name: string;
+}

package/dist/src/types/file-manager.d.ts

@@ -1,4 +1,3 @@
-import { DialFileNodeType } from '../models/file';
 export declare enum DialFileManagerTabs {
     MyFiles = "my_files",
     Shared = "shared",
@@ -12,13 +11,3 @@ export declare enum DialFileManagerActions {
     Download = "download",
     Delete = "delete"
 }
-export interface DialCopiedItem {
-    sourceUrl: string;
-    destinationUrl: string;
-    overwrite?: boolean;
-    nodeType: DialFileNodeType;
-}
-export interface DialDeletedItem {
-    sourceUrl: string;
-    nodeType: DialFileNodeType;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.5.0-rc.3",
+  "version": "0.5.0-rc.31",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -66,7 +66,7 @@
   "peerDependencies": {
     "@floating-ui/react": "^0.27.15",
     "@monaco-editor/react": "^4.7.0",
-    "@tabler/icons-react": "^3.34.1",
+    "@tabler/icons-react": "^3.35.0",
     "classnames": "^2.5.1",
     "monaco-editor": "^0.52.2",
     "react": "^19.1.0",
@@ -113,8 +113,8 @@
     "storybook": "^10.0.0",
     "storybook-addon-pseudo-states": "^10.0.0",
     "tailwindcss": "^3.4.17",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.35.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.48.0",
     "vite": "^7.1.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.5.0",