@epam/ai-dial-ui-kit 0.4.0-rc.36 → 0.4.0-rc.38

package/dist/src/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,8 +1,8 @@
-import { FC, ReactNode } from 'react';
+import { FC, MouseEventHandler, ReactNode } from 'react';
 export interface DialBreadcrumbItemProps {
     title: ReactNode;
     href?: string;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
     disabled?: boolean;
     iconBefore?: ReactNode;
     cssClass?: string;

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

@@ -1,7 +1,7 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface DialCheckboxProps {
     id: string;
-    label?: string | React.ReactNode;
+    label?: string | ReactNode;
     checked: boolean;
     disabled?: boolean;
     indeterminate?: boolean;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { ColDef } from 'ag-grid-community';
 import { DialFile } from '../../models/file';
 import { DialFoldersTreeProps } from './components/FoldersTree/FoldersTree';
@@ -6,18 +6,14 @@ import { DialFileManagerNavigationPanelProps } from './components/FileManagerNav
 import { DialGridProps } from '../Grid/Grid';
 import { DialFileManagerToolbarProps } from './components/FileManagerToolbar/DialFileManagerToolbar';
 import { DialFileManagerBulkActionsToolbarProps } from './components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
-import { DialFileManagerActions } from '../../types/file-manager';
+import { DialFileManagerActions, DialCopiedItem } from '../../types/file-manager';
 import { FileManagerGridRow } from './FileManagerContext';
 type GridRow = FileManagerGridRow;
-interface CopiedItem {
-    from: string;
-    to: string;
-}
 export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 'selectedPath' | 'onItemClick'> {
     width?: number;
     title?: string;
     containerCssClass?: string;
-    additionalButtons?: React.ReactNode;
+    additionalButtons?: ReactNode;
     collapsed?: boolean;
     actionLabels?: {
         [DialFileManagerActions.Copy]?: string;
@@ -44,8 +40,8 @@ export interface DialFileManagerProps {
     bulkActionsToolbarOptions?: BulkActionsToolbarOptions;
     onPathChange?: (nextPath?: string) => void;
     onTableFileClick?: (file: GridRow) => void;
-    onCopyFiles?: (items: CopiedItem[]) => void;
-    onMoveToFiles?: (items: CopiedItem[]) => void;
+    onCopyFiles?: (items: DialCopiedItem[]) => void;
+    onMoveToFiles?: (items: DialCopiedItem[]) => void;
 }
 /**
  * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.

package/dist/src/components/FileManager/hooks/use-file-clipboard.d.ts

@@ -1,9 +1,12 @@
+import { DialFile } from '../../../index';
+import { DialCopiedItem } from '../../../types/file-manager';
 export interface UseFileClipboardOptions {
     getDestination: () => string;
-    onCopyFiles?: (files: string[], destination: string) => void;
-    onMoveToFiles?: (files: string[], destination: string) => void;
+    getDestinationFiles: () => DialFile[];
+    onCopyFiles?: (items: DialCopiedItem[]) => void;
+    onMoveToFiles?: (items: DialCopiedItem[]) => void;
 }
-export declare const useFileClipboard: ({ getDestination, onCopyFiles, onMoveToFiles, }: UseFileClipboardOptions) => {
+export declare const useFileClipboard: ({ getDestination, getDestinationFiles, onCopyFiles, onMoveToFiles, }: UseFileClipboardOptions) => {
     state: {
         copied: Set<string>;
         cut: Set<string>;

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

@@ -1,8 +1,8 @@
 import { SelectOption } from '../../models/select';
-import { MouseEvent } from 'react';
+import { FC, MouseEvent } from 'react';
 export interface DialMultiSelectTagsProps {
     options: SelectOption[];
     selectedValues: string[];
     handleRemoveTag?: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, val: string) => void;
 }
-export declare const DialMultiSelectTags: React.FC<DialMultiSelectTagsProps>;
+export declare const DialMultiSelectTags: FC<DialMultiSelectTagsProps>;

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

@@ -1,9 +1,9 @@
 import { TagVariant } from '../../types/tag';
-import { FC, ReactNode } from 'react';
+import { FC, MouseEvent, ReactNode } from 'react';
 export interface DialTagProps {
     tag: string;
     cssClass?: string;
-    remove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    remove?: (event: MouseEvent<HTMLButtonElement>) => void;
     variant?: TagVariant;
     iconBefore?: ReactNode;
     bordered?: boolean;

package/dist/src/components/Tooltip/TooltipContent.d.ts

@@ -1,8 +1,11 @@
-import { HTMLProps } from 'react';
+import { CSSProperties, FC, HTMLProps } from 'react';
+export interface Props extends HTMLProps<HTMLDivElement> {
+    style?: CSSProperties;
+}
 /**
  * The content area of a tooltip that displays the tooltip information
  *
  * @param children - The content to display inside the tooltip
  * @param [style] - Additional inline styles for the tooltip content
  */
-export declare const DialTooltipContent: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DialTooltipContent: FC<Props>;

package/dist/src/components/Tooltip/TooltipTrigger.d.ts

@@ -1,10 +1,12 @@
-import { HTMLProps } from 'react';
+import { FC, HTMLProps } from 'react';
+interface TooltipTriggerProps extends HTMLProps<HTMLElement> {
+    asChild?: boolean;
+}
 /**
  * The trigger element for a tooltip that can be clicked or hovered
  *
  * @param children - The element that will trigger the tooltip
  * @param [asChild=false] - Whether to render as a child element instead of wrapping in a span
  */
-export declare const DialTooltipTrigger: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & {
-    asChild?: boolean;
-}, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const DialTooltipTrigger: FC<TooltipTriggerProps>;
+export {};

package/dist/src/hooks/use-flexible-actions.d.ts

@@ -39,10 +39,10 @@ interface UseFlexibleActionsOptions<T> {
  * @property {T[]} hiddenActions - Actions that do not fit and should be rendered inside a dropdown.
  *
  * @property {Object} refs - A set of refs used for layout measurement.
- * @property {React.RefObject<HTMLDivElement>} refs.containerRef - Ref for the outer container. Must wrap the entire toolbar area.
- * @property {React.RefObject<HTMLDivElement>} refs.measureRef - Ref for a hidden measurement container (used to measure action widths).
- * @property {React.RefObject<HTMLDivElement>} refs.leftSectionRef - Ref for the left fixed section (optional).
- * @property {React.RefObject<HTMLDivElement>} refs.rightSectionRef - Ref for the right fixed section (optional).
+ * @property {RefObject<HTMLDivElement>} refs.containerRef - Ref for the outer container. Must wrap the entire toolbar area.
+ * @property {RefObject<HTMLDivElement>} refs.measureRef - Ref for a hidden measurement container (used to measure action widths).
+ * @property {RefObject<HTMLDivElement>} refs.leftSectionRef - Ref for the left fixed section (optional).
+ * @property {RefObject<HTMLDivElement>} refs.rightSectionRef - Ref for the right fixed section (optional).
  *
  * @example
  * // Example usage inside a toolbar component:

package/dist/src/index.d.ts

@@ -63,7 +63,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, } from './types/file-manager';
+export { DialFileManagerTabs, DialFileManagerActions, type DialCopiedItem, } from './types/file-manager';
 export { FlexibleActionsDirection } from './types/flexible-actions';
 export { useDialFileManagerTabs } from './components/FileManager/hooks/use-file-manager-tabs';
 export { FileManagerProvider } from './components/FileManager/FileManagerProvider';

package/dist/src/models/dropdown.d.ts

@@ -1,5 +1,5 @@
 import { DropdownItemType } from '../types/dropdown';
-import { ReactNode } from 'react';
+import { ReactNode, MouseEvent } from 'react';
 export interface DropdownItem {
     key: string;
     label?: ReactNode;
@@ -9,6 +9,6 @@ export interface DropdownItem {
     type?: DropdownItemType;
     onClick?: (info: {
         key: string;
-        domEvent: React.MouseEvent<Element, MouseEvent>;
+        domEvent: MouseEvent<Element, MouseEvent>;
     }) => void;
 }

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

@@ -9,3 +9,8 @@ export declare enum DialFileManagerActions {
     Paste = "paste",
     Rename = "rename"
 }
+export interface DialCopiedItem {
+    sourceUrl: string;
+    destinationUrl: string;
+    overwrite?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.4.0-rc.36",
+  "version": "0.4.0-rc.38",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",