@epam/ai-dial-ui-kit 0.5.0-rc.110 → 0.5.0-rc.111

package/dist/dial-ui-kit.es.js

@@ -2933,7 +2933,7 @@ const e1 = {
       ...l,
       type: a,
       className: d,
-      "aria-label": e || l["aria-label"],
+      "aria-label": typeof e == "string" && e || l["aria-label"],
       children: [
         /* @__PURE__ */ m(ze, { icon: n }),
         e && /* @__PURE__ */ m("span", { className: c, children: e }),
@@ -3244,7 +3244,7 @@ const l1 = (e, t) => {
     a
   ), g = ee(
     "cursor-pointer dial-input-radio",
-    s && "mr-2",
+    !!s && "mr-2",
     r
   ), p = ee(
     "flex flex-col",
@@ -5462,7 +5462,7 @@ const _u = "column", w0 = "flex items-center", b0 = "mr-3 cursor-move text-secon
   })(), c = (Uu[a] ?? Uu.default)({
     size: t,
     stroke: s
-  }), d = n ?? `${a.slice(1).toUpperCase()} file icon`;
+  }), d = typeof n == "string" ? n : `${a.slice(1).toUpperCase()} file icon`;
   return /* @__PURE__ */ z(
     "span",
     {
@@ -5488,7 +5488,7 @@ const _u = "column", w0 = "flex items-center", b0 = "mr-3 cursor-move text-secon
       {
         size: t,
         stroke: i,
-        "aria-label": e,
+        "aria-label": typeof e == "string" ? e : void 0,
         className: "bg-layer-3",
         role: "img"
       }

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

@@ -2,7 +2,7 @@ import { FC, MouseEvent, ReactNode, HTMLAttributes } from 'react';
 import { AlertVariant } from '../../types/alert';
 export interface DialAlertProps extends HTMLAttributes<HTMLDivElement> {
     variant?: AlertVariant;
-    message: string | ReactNode;
+    message: ReactNode;
     closable?: boolean;
     iconSize?: number;
     iconStroke?: number;

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

@@ -3,7 +3,7 @@ import { ButtonVariant } from '../../types/button';
 export interface DialButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     variant?: ButtonVariant;
     textClassName?: string;
-    label?: string;
+    label?: ReactNode;
     iconBefore?: ReactNode;
     iconAfter?: ReactNode;
     hideTitleOnMobile?: boolean;

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

@@ -1,7 +1,7 @@
 import { FC, ReactNode, LabelHTMLAttributes } from 'react';
 export interface DialCheckboxProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
     id: string;
-    label?: string | ReactNode;
+    label?: ReactNode;
     checked: boolean;
     disabled?: boolean;
     indeterminate?: boolean;

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

@@ -2,7 +2,7 @@ import { FC, ReactNode, MouseEvent } from 'react';
 export interface DialCollapsibleSidebarProps {
     children: ReactNode;
     width?: number;
-    title: string;
+    title: ReactNode;
     titleClassName?: string;
     containerClassName?: string;
     iconSize?: number;

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

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import { DialPopupProps } from '../Popup/Popup';
 import { ConfirmationPopupVariant } from '../../types/confirmation-popup';
 export interface DialConfirmationPopupProps extends DialPopupProps {
-    description?: string | ReactNode;
+    description?: ReactNode;
     descriptionClassName?: string;
     confirmLabel?: string;
     cancelLabel?: string;

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

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { DialTooltipContainerOptions } from '../Tooltip/TooltipContext';
 export interface DialEllipsisTooltipProps extends DialTooltipContainerOptions {
-    text: string | ReactNode;
+    text: ReactNode;
     className?: string;
     contentClassName?: string;
     hideTooltip?: boolean;

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

@@ -1,7 +1,7 @@
 import { FC, LabelHTMLAttributes, ReactNode } from 'react';
 type NativeLabelProps = Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'defaultValue' | 'onChange'>;
 export interface DialFieldLabelProps extends NativeLabelProps {
-    fieldTitle?: string | ReactNode;
+    fieldTitle?: ReactNode;
     optional?: boolean;
     optionalText?: string;
     description?: string;

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

@@ -5,7 +5,7 @@ export interface DialFileIconProps {
     stroke?: number;
     className?: string;
     decorative?: boolean;
-    label?: string;
+    label?: ReactNode;
     indicator?: ReactNode;
 }
 /**

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

@@ -24,7 +24,7 @@ export interface FileMetadataPopupOptions {
     fileMetadata?: DialFile;
     loading?: boolean;
     clearMetadata?: () => void;
-    title?: string;
+    title?: ReactNode;
     nameLabel?: string;
     pathLabel?: string;
     modifiedDateLabel?: string;
@@ -33,7 +33,7 @@ export interface FileMetadataPopupOptions {
 }
 export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 'selectedPath' | 'onItemClick'> {
     width?: number;
-    title?: string;
+    title?: ReactNode;
     containerClassName?: string;
     additionalButtons?: ReactNode;
     collapsed?: boolean;
@@ -53,7 +53,7 @@ export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 's
 }
 export interface DeleteConfirmationOptions {
     cancelLabel?: string;
-    titleRenderer?: (fileNames: string[]) => ReactNode | string;
+    titleRenderer?: (fileNames: string[]) => ReactNode;
     confirmLabel?: string;
     contentRenderer?: (fileNames: string[]) => ReactNode;
 }

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

@@ -1,5 +1,5 @@
 import { DialFileManagerProps } from '../../FileManager';
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface DestinationFolderPopupProps extends DialFileManagerProps {
     onClose: () => void;
     onConfirm?: () => void;
@@ -11,7 +11,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
     addFolderLabel?: string;
     hiddenFilesSwitcherLabel?: string;
     mode?: 'copy' | 'move';
-    title?: string;
+    title?: ReactNode;
 }
 /**
  * DestinationFolderPopup

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

@@ -7,7 +7,7 @@ export interface FileManagerDeleteConfirmationPopupProps {
     onConfirm: () => void;
     cancelLabel?: string;
     confirmLabel?: string;
-    titleRenderer?: (fileNames: string[]) => ReactNode | string;
+    titleRenderer?: (fileNames: string[]) => ReactNode;
     contentRenderer?: (fileNames: string[]) => ReactNode;
 }
 /**

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

@@ -1,11 +1,11 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { DialFile } from '../../../../models/file';
 export interface FileMetadataPopupProps {
     open: boolean;
     onClose: () => void;
     fileMetadata?: DialFile;
     loading?: boolean;
-    title?: string;
+    title?: ReactNode;
     nameLabel?: string;
     pathLabel?: string;
     modifiedDateLabel?: string;

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

@@ -8,7 +8,7 @@ export interface DialFormItemProps extends DialFormItemBaseProps {
     labelClassName?: string;
     errorClassName?: string;
     children: ReactNode;
-    value?: ReactNode | string;
+    value?: ReactNode;
     defaultEmptyText?: string;
 }
 /**

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

@@ -2,7 +2,7 @@ import { FC, MouseEvent, ReactNode } from 'react';
 import { PopupSize } from '../../types/popup';
 export interface DialPopupProps {
     open?: boolean;
-    title?: string | ReactNode;
+    title?: ReactNode;
     portalId?: string;
     className?: string;
     overlayClassName?: string;

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

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 export interface DialRadioButtonProps {
     name: string;
     value: string;
-    title?: string;
+    title?: ReactNode;
     description?: ReactNode;
     checked?: boolean;
     inputId: string;

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface DialSharedEntityIndicatorProps {
-    label?: string;
+    label?: ReactNode;
     size?: number;
     className?: string;
     stroke?: number;

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface DialSwitchProps {
-    title?: string;
+    title?: ReactNode;
     switchId: string;
     isOn?: boolean;
     disabled?: boolean;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export interface TabModel {
     id: string;
-    label: string | ReactNode;
+    label: ReactNode;
     invalid?: boolean;
     disabled?: boolean;
 }

package/dist/src/types/form-item.d.ts

@@ -22,11 +22,11 @@ export declare enum FormItemOrientation {
  * @param orientation - Layout orientation for the form item
  */
 export interface DialFormItemBaseProps {
-    label?: string | ReactNode;
+    label?: ReactNode;
     optional?: boolean;
     optionalText?: string;
     description?: string;
-    error?: string | ReactNode | boolean;
+    error?: ReactNode;
     captionDescription?: string;
     readonly?: boolean;
     orientation?: FormItemOrientation;

package/package.json

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