@digital-ai/dot-components 4.14.0 → 4.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.14.0",
+  "version": "4.15.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/BaseButtonProps.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, KeyboardEvent } from 'react';
+import { MouseEvent, KeyboardEvent, ReactNode } from 'react';
 import { CommonProps } from './CommonProps';
 import { TooltipPlacement } from './tooltip';
 export type ButtonType = 'destructive' | 'primary' | 'outlined' | 'text';
@@ -6,6 +6,8 @@ export type ButtonSize = 'small' | 'medium' | 'large';
 export interface BaseButtonProps extends CommonProps {
     /** If true, the button will be focused **/
     autoFocus?: boolean;
+    /** If true, makes a tooltip not interactive, so it will close when the user hovers over the tooltip before the leaveDelay is expired. */
+    disableInteractive?: boolean;
     /** If true, the ripple effect will be disabled. */
     disableRipple?: boolean;
     /** If true, the button will be disabled. */
@@ -20,8 +22,8 @@ export interface BaseButtonProps extends CommonProps {
     size?: ButtonSize;
     /** Tab order for the button. */
     tabIndex?: number;
-    /** Help text to be displayed on hover  */
-    tooltip?: string;
+    /** Help component to be displayed on hover  */
+    tooltip?: ReactNode | string | number;
     /** If set, determines the placement of the tooltip  */
     tooltipPlacement?: TooltipPlacement;
     /** The type of button */

package/src/lib/components/app-toolbar/AppToolbar.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode, MouseEvent } from 'react';
 import { CommonProps } from '../CommonProps';
-import { IconButtonProps } from '../button/IconButton';
+import { IconButtonProps } from '../button';
 import { ListItemProps } from '../list';
-import { BadgeVariant } from '../badge/Badge';
+import { BadgeVariant } from '../badge';
 export interface AppToolbarIconButtons extends IconButtonProps {
     /** custom color code for the badge */
     badgeColor?: string;

package/src/lib/components/avatar/Avatar.d.ts

@@ -11,6 +11,8 @@ export interface AvatarProps extends CommonProps {
     color?: AvatarColor;
     /** Used for the root node; button is used when onClick is passed. */
     component?: string;
+    /** If true, makes a tooltip not interactive, so it will close when the user hovers over the tooltip before the leaveDelay is expired. */
+    disableInteractive?: boolean;
     /** The ID of the icon to display on the avatar */
     iconId?: string;
     /** Source for the image used for the avatar */
@@ -34,4 +36,4 @@ export interface AvatarProps extends CommonProps {
     /** The shape of the avatar */
     variant?: AvatarVariant;
 }
-export declare const DotAvatar: ({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAvatar: ({ alt, ariaLabel, ariaRole, className, component, disableInteractive, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button/CopyButton.d.ts

@@ -1,4 +1,4 @@
-import { CommonIconButtonProps } from '../button/IconButton';
+import { CommonIconButtonProps } from './IconButton';
 export interface CopyButtonProps extends CommonIconButtonProps {
     /** Tooltip shown briefly after the value has been copied. */
     copiedTooltip?: string;
@@ -11,4 +11,4 @@ export interface CopyButtonProps extends CommonIconButtonProps {
     /** The content which will be copied to the clipboard */
     value: string;
 }
-export declare const DotCopyButton: ({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotCopyButton: ({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-pendoid": dataPendoId, "data-testid": dataTestId, disableInteractive, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 import { IconFontSize } from '../icon/Icon';
 import { TooltipPlacement } from '../tooltip';
@@ -8,6 +8,8 @@ export type IconButtonShape = 'circle' | 'square';
 export interface CommonIconButtonProps extends CommonProps {
     /** 'default', 'inherit', 'primary', 'secondary' */
     color?: IconButtonColor;
+    /** If true, makes a tooltip not interactive, so it will close when the user hovers over the tooltip before the leaveDelay is expired. */
+    disableInteractive?: boolean;
     /** If true, the ripple effect is disabled. */
     disableRipple?: boolean;
     /** If true, the button will be disabled. */
@@ -20,8 +22,8 @@ export interface CommonIconButtonProps extends CommonProps {
     shape?: IconButtonShape;
     /** Determines the size of the button and padding around the icon */
     size?: IconButtonSize;
-    /** Help text to be displayed on icon hover */
-    tooltip?: string;
+    /** Help component to be displayed on icon hover */
+    tooltip?: ReactNode | string | number;
     /** If set, determines the placement of the tooltip  */
     tooltipPlacement?: TooltipPlacement;
 }
@@ -29,4 +31,4 @@ export interface IconButtonProps extends CommonIconButtonProps {
     /** The icon to display on the button */
     iconId: string;
 }
-export declare const DotIconButton: ({ ariaLabel, ariaRole, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, disableRipple, disabled, iconId, iconSize, onClick, shape, size, tooltip, tooltipPlacement, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotIconButton: ({ ariaLabel, ariaRole, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, disableInteractive, disableRipple, disabled, iconId, iconSize, onClick, shape, size, tooltip, tooltipPlacement, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button-toggle/utils/models.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { CommonProps } from '../../CommonProps';
 export type ButtonToggleSingleValue = string | number | boolean;
 export type ButtonToggleSize = 'small' | 'medium' | 'large';
@@ -6,9 +7,10 @@ export type ButtonToggleValue = ButtonToggleSingleValue | Array<ButtonToggleSing
 export interface ButtonToggleOption extends CommonProps {
     ariaLabel: string;
     badgeContent?: number;
+    disableInteractive?: boolean;
     disabled?: boolean;
     iconId?: string;
     text?: string;
-    tooltip?: string;
+    tooltip?: ReactNode | string | number;
     value: ButtonToggleValue;
 }

package/src/lib/components/icon/Icon.d.ts

@@ -1,6 +1,8 @@
 import { CommonProps } from '../CommonProps';
 export type IconFontSize = 'small' | 'medium';
 export interface IconProps extends CommonProps {
+    /** If true, makes a tooltip not interactive, so it will close when the user hovers over the tooltip before the leaveDelay is expired. */
+    disableInteractive?: boolean;
     /** Determines the size of the icon and spacing around it */
     fontSize?: IconFontSize;
     /** The ID of the icon to display on the button */
@@ -8,4 +10,4 @@ export interface IconProps extends CommonProps {
     /** Tooltip text displayed on hover */
     tooltip?: string;
 }
-export declare const DotIcon: ({ ariaLabel, ariaRole, className, "data-testid": dataTestId, fontSize, iconId, tooltip, }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotIcon: ({ ariaLabel, ariaRole, className, "data-testid": dataTestId, disableInteractive, fontSize, iconId, tooltip, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/progress-button/ProgressButton.d.ts

@@ -5,4 +5,4 @@ export interface ProgressButtonProps extends ButtonProps {
     /** Is spinner displayed */
     isLoading?: boolean;
 }
-export declare const DotProgressButton: ({ ariaLabel, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotProgressButton: ({ ariaLabel, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, disableInteractive, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/split-button/SplitButton.d.ts

@@ -12,4 +12,4 @@ export interface SplitButtonProps extends BaseButtonProps {
     /**The options within the button dropdown */
     options: Array<MenuItemProps>;
 }
-export declare const DotSplitButton: ({ autoFocus, ariaLabel, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, tooltipPlacement, type, }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSplitButton: ({ autoFocus, ariaLabel, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultMainOptionKey, disabled, disableInteractive, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, tooltipPlacement, type, }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;