widenarrow-ui 1.1.89 → 1.1.90

package/lib/components/Button/Button.types.d.ts

@@ -13,7 +13,6 @@ export interface ButtonProps {
     withIconRight?: boolean;
     disabled?: boolean;
     className?: string;
-    toolTip?: string;
     style?: CSSProperties;
     withEllipsis?: boolean;
     buttonRef?: RefObject<HTMLButtonElement>;
@@ -23,5 +22,7 @@ export interface ButtonProps {
     autoFocus?: boolean;
     ariaLabel?: string;
     children?: ReactNode;
+    toolTip?: string;
+    toolTipComponent?: ReactNode;
     tabIndex?: number;
 }

package/lib/components/IconButton/IconButton.types.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, CSSProperties, RefObject } from 'react';
+import { MouseEvent, CSSProperties, RefObject, ReactNode } from 'react';
 import { IconStyleInterface } from '../../types/styling.types';
 import { ColorTypes, HierarchyTypes, SizeTypes } from '../../constants';
 export interface IconButtonProps extends IconStyleInterface {
@@ -20,5 +20,6 @@ export interface IconButtonProps extends IconStyleInterface {
     autoFocus?: boolean;
     tabIndex?: number;
     toolTip?: string;
+    toolTipComponent?: ReactNode;
     ariaLabel?: string;
 }

package/lib/components/InlineButton/InlineButton.types.d.ts

@@ -30,4 +30,5 @@ export interface InlineButtonProps {
     tabIndex?: number;
     autoFocus?: boolean;
     toolTip?: string;
+    toolTipComponent?: ReactNode;
 }

package/lib/components/MultiActionButton/MultiActionButton.types.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
 export interface MultiActionButtonProps {
     text?: string;
@@ -21,6 +21,7 @@ export interface MultiActionButtonProps {
     innerClassName?: string;
     iconClassName?: string;
     toolTip?: string;
+    toolTipComponent?: ReactNode;
     id?: string | number;
     loading?: boolean;
     withEllipsis?: boolean;

package/lib/components/ToolTip/ToolTip.types.d.ts

@@ -10,6 +10,7 @@ export interface ToolTipProps {
     toolTipClassName?: string;
     id?: string;
     offset?: number;
+    delayShow?: number;
     variant?: 'dark' | 'light';
     placement?: 'top' | 'right' | 'bottom' | 'left';
 }

package/lib/index.d.ts

@@ -429,7 +429,6 @@ interface ButtonProps {
     withIconRight?: boolean;
     disabled?: boolean;
     className?: string;
-    toolTip?: string;
     style?: CSSProperties;
     withEllipsis?: boolean;
     buttonRef?: RefObject<HTMLButtonElement>;
@@ -439,6 +438,8 @@ interface ButtonProps {
     autoFocus?: boolean;
     ariaLabel?: string;
     children?: ReactNode;
+    toolTip?: string;
+    toolTipComponent?: ReactNode;
     tabIndex?: number;
 }
 
@@ -716,6 +717,7 @@ interface IconButtonProps extends IconStyleInterface {
     autoFocus?: boolean;
     tabIndex?: number;
     toolTip?: string;
+    toolTipComponent?: ReactNode;
     ariaLabel?: string;
 }
 
@@ -813,6 +815,7 @@ interface InlineButtonProps {
     tabIndex?: number;
     autoFocus?: boolean;
     toolTip?: string;
+    toolTipComponent?: ReactNode;
 }
 
 declare const InlineButton: FC<InlineButtonProps>;
@@ -913,6 +916,7 @@ interface MultiActionButtonProps {
     innerClassName?: string;
     iconClassName?: string;
     toolTip?: string;
+    toolTipComponent?: ReactNode;
     id?: string | number;
     loading?: boolean;
     withEllipsis?: boolean;
@@ -1053,6 +1057,7 @@ interface ToolTipProps {
     toolTipClassName?: string;
     id?: string;
     offset?: number;
+    delayShow?: number;
     variant?: 'dark' | 'light';
     placement?: 'top' | 'right' | 'bottom' | 'left';
 }

package/lib/index.esm.js

@@ -713,7 +713,7 @@ var htmlRootNode = document.getElementById('root');
  */
 var ToolTip = function (_a) {
     var _b, _c, _d;
-    var text = _a.text, children = _a.children, disabled = _a.disabled, className = _a.className, toolTipClassName = _a.toolTipClassName, component = _a.component, withEllipsis = _a.withEllipsis, id = _a.id, displayInPortal = _a.displayInPortal, _e = _a.placement, placement = _e === void 0 ? 'top' : _e, _f = _a.variant, variant = _f === void 0 ? 'dark' : _f, offset = _a.offset;
+    var text = _a.text, children = _a.children, disabled = _a.disabled, className = _a.className, delayShow = _a.delayShow, toolTipClassName = _a.toolTipClassName, component = _a.component, withEllipsis = _a.withEllipsis, id = _a.id, displayInPortal = _a.displayInPortal, _e = _a.placement, placement = _e === void 0 ? 'top' : _e, _f = _a.variant, variant = _f === void 0 ? 'dark' : _f, offset = _a.offset;
     if (!children) {
         return null;
     }
@@ -726,7 +726,7 @@ var ToolTip = function (_a) {
     var uniq = id ? "".concat(id) : uuid();
     var toolTipMarkup = (jsxs(Tooltip, { className: s$r('container', (_b = {},
             _b[toolTipClassName] = toolTipClassName,
-            _b)), id: uniq, place: is(String, placement) ? placement : 'top', variant: is(String, variant) ? variant : 'dark', offset: offset || 8, delayShow: 300, closeOnScroll: true, children: [text ? jsx("span", { children: text }) : null, component || null] }));
+            _b)), id: uniq, place: is(String, placement) ? placement : 'top', variant: is(String, variant) ? variant : 'dark', offset: offset || 8, delayShow: delayShow || 150, closeOnScroll: true, children: [text ? jsx("span", { children: text }) : null, component || null] }));
     if (displayInPortal || !!htmlRootNode) {
         return (jsxs(Fragment, { children: [jsx("div", { "data-tooltip-id": uniq, className: s$r((_c = {}, _c[className] = className, _c.withEllipsis = withEllipsis, _c)), children: children }), createPortal(toolTipMarkup, htmlRootNode)] }));
     }
@@ -2399,7 +2399,7 @@ var styles$n = {"body":"Button-module_AK7AMO","container":"Button-module_0j8mdA"
 var s$n = classNames.bind(styles$n);
 var Button = memo(function (_a) {
     var _b, _c;
-    var className = _a.className, id = _a.id, style = _a.style, _d = _a.type, type = _d === void 0 ? HierarchyTypes.PRIMARY : _d, _e = _a.size, size = _e === void 0 ? SizeTypes.MEDIUM : _e, sizeMd = _a.sizeMd, sizeLg = _a.sizeLg, sizeXl = _a.sizeXl, text = _a.text, toolTip = _a.toolTip, icon = _a.icon, buttonRef = _a.buttonRef, iconSize = _a.iconSize, withIconRight = _a.withIconRight, rotateIconByDegree = _a.rotateIconByDegree, withEllipsis = _a.withEllipsis, onClickCallback = _a.onClickCallback, loading = _a.loading, disabled = _a.disabled, children = _a.children, autoFocus = _a.autoFocus, ariaLabel = _a.ariaLabel, tabIndex = _a.tabIndex;
+    var className = _a.className, id = _a.id, style = _a.style, _d = _a.type, type = _d === void 0 ? HierarchyTypes.PRIMARY : _d, _e = _a.size, size = _e === void 0 ? SizeTypes.MEDIUM : _e, sizeMd = _a.sizeMd, sizeLg = _a.sizeLg, sizeXl = _a.sizeXl, text = _a.text, toolTip = _a.toolTip, toolTipComponent = _a.toolTipComponent, icon = _a.icon, buttonRef = _a.buttonRef, iconSize = _a.iconSize, withIconRight = _a.withIconRight, rotateIconByDegree = _a.rotateIconByDegree, withEllipsis = _a.withEllipsis, onClickCallback = _a.onClickCallback, loading = _a.loading, disabled = _a.disabled, children = _a.children, autoFocus = _a.autoFocus, ariaLabel = _a.ariaLabel, tabIndex = _a.tabIndex;
     var mergedClassNames = s$n('container', (_b = {},
         _b["container_".concat(type)] = !!type,
         _b["container_sizeSm_".concat(size)] = !!size,
@@ -2441,7 +2441,7 @@ var Button = memo(function (_a) {
         _c);
     var buttonMarkup = (jsxs("button", __assign({}, pickAttributes(baseAttributes), { children: [loading && !icon ? (jsx("div", { className: s$n('spinnerContainer'), children: jsx(SolidSpinner, { className: s$n('spinner'), type: HierarchyTypes.SECONDARY, size: SizeTypes.SMALL, disabled: true }) })) : null, children ? jsx("div", { className: s$n('childrenContainer'), children: children }) : getInnerMarkup()] })));
     if (toolTip) {
-        return (jsx(ToolTip, { text: "".concat(toolTip), id: id ? "".concat(id) : undefined, withEllipsis: withEllipsis, children: buttonMarkup }));
+        return (jsx(ToolTip, { text: "".concat(toolTip), component: toolTipComponent, id: id ? "".concat(id) : undefined, withEllipsis: withEllipsis, children: buttonMarkup }));
     }
     return buttonMarkup;
 });
@@ -2929,7 +2929,7 @@ var styles$f = {"body":"InlineButton-module_aw3KLt","container":"InlineButton-mo
 var s$f = classNames.bind(styles$f);
 var InlineButton = memo(function (_a) {
     var _b, _c;
-    var className = _a.className, id = _a.id, loading = _a.loading, ariaLabel = _a.ariaLabel, text = _a.text, buttonRef = _a.buttonRef, style = _a.style, _d = _a.size, size = _d === void 0 ? SizeTypes.MEDIUM : _d, sizeMd = _a.sizeMd, sizeLg = _a.sizeLg, sizeXl = _a.sizeXl, _e = _a.type, type = _e === void 0 ? HierarchyTypes.PRIMARY : _e, textClassName = _a.textClassName, children = _a.children, icon = _a.icon, withIconRight = _a.withIconRight, withPrimaryHoverEffect = _a.withPrimaryHoverEffect, withSecondaryHoverEffect = _a.withSecondaryHoverEffect, withTertiaryHoverEffect = _a.withTertiaryHoverEffect, iconSize = _a.iconSize, autoFocus = _a.autoFocus, iconClassName = _a.iconClassName, tabIndex = _a.tabIndex, rotateIcon = _a.rotateIcon, rotateIconByDegree = _a.rotateIconByDegree, onClickCallback = _a.onClickCallback, withEllipsis = _a.withEllipsis, disabled = _a.disabled, toolTip = _a.toolTip;
+    var className = _a.className, id = _a.id, loading = _a.loading, ariaLabel = _a.ariaLabel, text = _a.text, buttonRef = _a.buttonRef, style = _a.style, _d = _a.size, size = _d === void 0 ? SizeTypes.MEDIUM : _d, sizeMd = _a.sizeMd, sizeLg = _a.sizeLg, sizeXl = _a.sizeXl, _e = _a.type, type = _e === void 0 ? HierarchyTypes.PRIMARY : _e, textClassName = _a.textClassName, children = _a.children, icon = _a.icon, withIconRight = _a.withIconRight, withPrimaryHoverEffect = _a.withPrimaryHoverEffect, withSecondaryHoverEffect = _a.withSecondaryHoverEffect, withTertiaryHoverEffect = _a.withTertiaryHoverEffect, iconSize = _a.iconSize, autoFocus = _a.autoFocus, iconClassName = _a.iconClassName, tabIndex = _a.tabIndex, rotateIcon = _a.rotateIcon, rotateIconByDegree = _a.rotateIconByDegree, onClickCallback = _a.onClickCallback, withEllipsis = _a.withEllipsis, disabled = _a.disabled, toolTip = _a.toolTip, toolTipComponent = _a.toolTipComponent;
     var mergedClassNames = s$f('container', (_b = {},
         _b["container_".concat(type)] = !!type,
         _b["container_sizeSm_".concat(size)] = !!size,
@@ -2969,7 +2969,7 @@ var InlineButton = memo(function (_a) {
         _c.style = style,
         _c);
     var button = (jsxs("button", __assign({}, pickAttributes(baseAttributes), { children: [loading && !icon ? (jsx("div", { className: s$f('spinnerContainer'), children: jsx(SolidSpinner, { className: s$f('spinner'), type: type, size: SizeTypes.EXTRA_SMALL, disabled: true }) })) : null, getInnerMarkup()] })));
-    return toolTip ? (jsx(ToolTip, { text: "".concat(toolTip), withEllipsis: withEllipsis, id: id ? "".concat(id) : undefined, offset: 12, className: s$f('toolTip'), children: button })) : (button);
+    return toolTip || toolTipComponent ? (jsx(ToolTip, { text: "".concat(toolTip), component: toolTipComponent, withEllipsis: withEllipsis, id: id ? "".concat(id) : undefined, offset: 12, className: s$f('toolTip'), children: button })) : (button);
 });
 
 var styles$e = {"body":"Separator-module_FkYNyC","marginBottom_025":"Separator-module_-7-HnL","marginBottom_05":"Separator-module_Pj-1Lz","marginBottom_15":"Separator-module_DeNCfD","marginBottom_25":"Separator-module_MwPxLe","marginBottom_auto":"Separator-module_FrATV1","marginTop_025":"Separator-module_aW9nIo","marginTop_05":"Separator-module_4-k5Ba","marginTop_15":"Separator-module_xdAfMU","marginTop_25":"Separator-module_d8QpkK","marginTop_auto":"Separator-module_xgoVng","marginLeft_025":"Separator-module_pmL-vw","marginLeft_05":"Separator-module_AQk1wu","marginLeft_15":"Separator-module_Sj2yJB","marginLeft_25":"Separator-module_NfS6wO","marginLeft_auto":"Separator-module_CSb9d6","marginRight_025":"Separator-module_InewiW","marginRight_05":"Separator-module_8jLAmY","marginRight_15":"Separator-module_0EUCOF","marginRight_25":"Separator-module_h-KFWG","marginRight_auto":"Separator-module_iBMUc0","marginX_025":"Separator-module_ELQ-hF","marginX_05":"Separator-module_UF8d9Q","marginX_15":"Separator-module_fFhv44","marginX_25":"Separator-module_NIluX0","marginX_auto":"Separator-module_-gvkrP","marginY_025":"Separator-module_OQ2fdy","marginY_05":"Separator-module_xTsnNj","marginY_15":"Separator-module_-GEOni","marginY_25":"Separator-module_GihRgx","marginY_auto":"Separator-module_dPjFGf","margin_0":"Separator-module_oBFEX9","marginX_0":"Separator-module_oGYEez","marginY_0":"Separator-module_U01MCp","marginBottom_0":"Separator-module_v8Woy2","marginTop_0":"Separator-module_VOQlTa","marginLeft_0":"Separator-module_TJjkuR","marginRight_0":"Separator-module_YzlLJU","margin_1":"Separator-module_adIHUD","marginX_1":"Separator-module_hD164Z","marginY_1":"Separator-module_R6tilF","marginBottom_1":"Separator-module_mQMdxd","marginTop_1":"Separator-module_mAng0t","marginLeft_1":"Separator-module_SC-Acv","marginRight_1":"Separator-module_DxCzqw","margin_2":"Separator-module_DzSIjt","marginX_2":"Separator-module_to-0zw","marginY_2":"Separator-module_SpE0a7","marginBottom_2":"Separator-module_0Lv-FF","marginTop_2":"Separator-module_u-Wxbc","marginLeft_2":"Separator-module_ddDZPR","marginRight_2":"Separator-module_fCl4D0","margin_3":"Separator-module_-kxnVF","marginX_3":"Separator-module_JSfedQ","marginY_3":"Separator-module_hIebSd","marginBottom_3":"Separator-module_a1Xx7E","marginTop_3":"Separator-module_vO7uGi","marginLeft_3":"Separator-module_B5sQQ-","marginRight_3":"Separator-module_-umY0C","margin_4":"Separator-module_cA4ycU","marginX_4":"Separator-module_sUhlHZ","marginY_4":"Separator-module_N9VlJT","marginBottom_4":"Separator-module_3nXLTm","marginTop_4":"Separator-module_aQaRy-","marginLeft_4":"Separator-module_nmybI8","marginRight_4":"Separator-module_pOhevd","margin_5":"Separator-module_TEfNVy","marginX_5":"Separator-module_Fod3ev","marginY_5":"Separator-module_VL-qvW","marginBottom_5":"Separator-module_2AEtZI","marginTop_5":"Separator-module_tkhk1Y","marginLeft_5":"Separator-module_lsYOOU","marginRight_5":"Separator-module_sWHNC3","margin_6":"Separator-module_e24GBp","marginX_6":"Separator-module_WYffQQ","marginY_6":"Separator-module_lAghQ-","marginBottom_6":"Separator-module_v91SLb","marginTop_6":"Separator-module_qDu73S","marginLeft_6":"Separator-module_clF-GY","marginRight_6":"Separator-module_Q9oLpn","margin_7":"Separator-module_-nkYos","marginX_7":"Separator-module_TojnT4","marginY_7":"Separator-module_v5ToJA","marginBottom_7":"Separator-module_trQg0A","marginTop_7":"Separator-module_5DrH5Z","marginLeft_7":"Separator-module_6g-5x-","marginRight_7":"Separator-module_0lWk4P","margin_8":"Separator-module_aS7qB-","marginX_8":"Separator-module_rfTHf6","marginY_8":"Separator-module_jSinEq","marginBottom_8":"Separator-module_5XTbKH","marginTop_8":"Separator-module_3bqa0m","marginLeft_8":"Separator-module_dHBwia","marginRight_8":"Separator-module_GNWQzq","padding_025":"Separator-module_dH03Q-","padding_05":"Separator-module_bYtfgZ","padding_15":"Separator-module_xFhiY6","padding_25":"Separator-module_Z9v-iB","paddingBottom_025":"Separator-module_X1HFTd","paddingBottom_05":"Separator-module_-REd2a","paddingBottom_15":"Separator-module_RaVJDk","paddingBottom_25":"Separator-module_jG4AgB","paddingTop_025":"Separator-module_maO16R","paddingTop_05":"Separator-module_HdHbgs","paddingTop_15":"Separator-module_BN--DM","paddingTop_25":"Separator-module_W-Q3n0","paddingLeft_025":"Separator-module_mBcJLK","paddingLeft_05":"Separator-module_606gin","paddingLeft_15":"Separator-module_naBeXO","paddingLeft_25":"Separator-module_hHI8Eg","paddingRight_025":"Separator-module_Czzif3","paddingRight_05":"Separator-module_dsRBz8","paddingRight_15":"Separator-module_OxUR75","paddingRight_25":"Separator-module_dH4H-0","paddingX_025":"Separator-module_jPFKgj","paddingX_05":"Separator-module_sbLzzV","paddingX_15":"Separator-module_zlPNBE","paddingX_25":"Separator-module_GQ85OH","paddingY_025":"Separator-module_cENnE1","paddingY_05":"Separator-module_x9904J","paddingY_15":"Separator-module_9QxVTL","paddingY_25":"Separator-module_h008Fk","padding_0":"Separator-module_drI-xe","paddingX_0":"Separator-module_mj-Tj7","paddingY_0":"Separator-module_4RzfbQ","paddingBottom_0":"Separator-module_bLQGqe","paddingTop_0":"Separator-module_YR3-eU","paddingLeft_0":"Separator-module_1ZAuLc","paddingRight_0":"Separator-module_0ZFWJN","padding_1":"Separator-module_MZdYux","paddingX_1":"Separator-module_dkVjz5","paddingY_1":"Separator-module_nT9EAe","paddingBottom_1":"Separator-module_XOOp6K","paddingTop_1":"Separator-module_KLH7uF","paddingLeft_1":"Separator-module_C8Gvva","paddingRight_1":"Separator-module_du6Qdq","padding_2":"Separator-module_c9duzc","paddingX_2":"Separator-module_XXfFUc","paddingY_2":"Separator-module_UPWmoC","paddingBottom_2":"Separator-module_ZpWZkv","paddingTop_2":"Separator-module_qb75RA","paddingLeft_2":"Separator-module_gfOIeW","paddingRight_2":"Separator-module_hIcBpI","padding_3":"Separator-module_ifeYqt","paddingX_3":"Separator-module_mR1OeL","paddingY_3":"Separator-module_Q5Rgs-","paddingBottom_3":"Separator-module_qTvIel","paddingTop_3":"Separator-module_H-UhMF","paddingLeft_3":"Separator-module_6-apU2","paddingRight_3":"Separator-module_M-qp4o","padding_4":"Separator-module_hkNRJ4","paddingX_4":"Separator-module_ntG7r6","paddingY_4":"Separator-module_YFQLUZ","paddingBottom_4":"Separator-module_XbbBD7","paddingTop_4":"Separator-module_WLSiU9","paddingLeft_4":"Separator-module_eoIMTX","paddingRight_4":"Separator-module_B8AFJn","padding_5":"Separator-module_fIImH-","paddingX_5":"Separator-module_-sb5Lo","paddingY_5":"Separator-module_g6AGTA","paddingBottom_5":"Separator-module_DVx2KI","paddingTop_5":"Separator-module_1DE4XJ","paddingLeft_5":"Separator-module_BovIWi","paddingRight_5":"Separator-module_Keauz4","padding_6":"Separator-module_nkfmrY","paddingX_6":"Separator-module_ITm4ei","paddingY_6":"Separator-module_YmuYt0","paddingBottom_6":"Separator-module_h-vwAD","paddingTop_6":"Separator-module_6f-KPs","paddingLeft_6":"Separator-module_8roa7m","paddingRight_6":"Separator-module_OBTfqf","padding_7":"Separator-module_7TS0RK","paddingX_7":"Separator-module_llHfc5","paddingY_7":"Separator-module_DRTJNd","paddingBottom_7":"Separator-module_JSgmI-","paddingTop_7":"Separator-module_K5lKl3","paddingLeft_7":"Separator-module_HM4VT4","paddingRight_7":"Separator-module_fDtVNI","padding_8":"Separator-module_-RHQAb","paddingX_8":"Separator-module_HWwICZ","paddingY_8":"Separator-module_ZPMAgA","paddingBottom_8":"Separator-module_s8lgBT","paddingTop_8":"Separator-module_pdkFEe","paddingLeft_8":"Separator-module_DI-6Y2","paddingRight_8":"Separator-module_vVcID2","color_purple1":"Separator-module_-9wrJH","color_purple2":"Separator-module_AaDfQp","color_purple3":"Separator-module_K3MQPA","color_purple4":"Separator-module_yRCZ9U","color_purple5":"Separator-module_H7YvW5","color_purple6":"Separator-module_fn0vvM","color_purple7":"Separator-module_Fl3yL7","color_white":"Separator-module_QocqLk","color_grey1":"Separator-module_vqK1JU","color_grey2":"Separator-module_ERj9VQ","color_grey3":"Separator-module_CBKbCv","color_grey4":"Separator-module_nPDCkk","color_grey5":"Separator-module_Ahdx8x","color_grey6":"Separator-module_WpDs6o","color_black":"Separator-module_Rq-Um2","color_mint1":"Separator-module_Ad41G5","color_mint2":"Separator-module_7ZHRxF","color_mint3":"Separator-module_5tfVjY","color_blue1":"Separator-module_-oivRr","color_blue2":"Separator-module_o-Vkfg","color_blue3":"Separator-module_iTDXOv","color_blue4":"Separator-module_mgWf1B","color_pink":"Separator-module_dYy08w","color_green":"Separator-module_1rppZx","color_red":"Separator-module_PEjiI-","color_yellow":"Separator-module_-H896T","color_orange":"Separator-module_8WDgde","color_mainPurple":"Separator-module_gQA6Rs","color_mainGrey":"Separator-module_hqmXPL","color_mainDark":"Separator-module_zjG5Nh","color_current":"Separator-module_i3xEI5","color_inherit":"Separator-module_JPk8Xu","container":"Separator-module_Z1CRYl","container_horizontal":"Separator-module_TnVUPB","size_auto":"Separator-module_hw4rFc","size_small":"Separator-module_PAI5b5","size_medium":"Separator-module_h9TQcr","size_large":"Separator-module_se0ldH","container_vertical":"Separator-module_Y9GDee"};
@@ -3131,7 +3131,7 @@ var styles$a = {"body":"IconButton-module_DV09bK","container":"IconButton-module
 var s$a = classNames.bind(styles$a);
 var IconButton = memo(function (_a) {
     var _b, _c;
-    var className = _a.className, disabled = _a.disabled, style = _a.style, icon = _a.icon, id = _a.id, text = _a.text, _d = _a.size, size = _d === void 0 ? SizeTypes.MEDIUM : _d, _e = _a.type, type = _e === void 0 ? HierarchyTypes.SECONDARY : _e, href = _a.href, iconColor = _a.iconColor, iconSize = _a.iconSize, iconClassName = _a.iconClassName, onClickCallback = _a.onClickCallback, rotateIcon = _a.rotateIcon, tabIndex = _a.tabIndex, autoFocus = _a.autoFocus, buttonRef = _a.buttonRef, rotateIconByDegree = _a.rotateIconByDegree, toolTip = _a.toolTip, ariaLabel = _a.ariaLabel;
+    var className = _a.className, disabled = _a.disabled, style = _a.style, icon = _a.icon, id = _a.id, text = _a.text, _d = _a.size, size = _d === void 0 ? SizeTypes.MEDIUM : _d, _e = _a.type, type = _e === void 0 ? HierarchyTypes.SECONDARY : _e, href = _a.href, iconColor = _a.iconColor, iconSize = _a.iconSize, iconClassName = _a.iconClassName, onClickCallback = _a.onClickCallback, rotateIcon = _a.rotateIcon, tabIndex = _a.tabIndex, autoFocus = _a.autoFocus, buttonRef = _a.buttonRef, rotateIconByDegree = _a.rotateIconByDegree, toolTip = _a.toolTip, toolTipComponent = _a.toolTipComponent, ariaLabel = _a.ariaLabel;
     var mergedClassNames = s$a('container', (_b = {},
         _b["container_".concat(size)] = size,
         _b["container_".concat(type)] = type,
@@ -3173,7 +3173,7 @@ var IconButton = memo(function (_a) {
         return (jsxs("button", __assign({}, pickAttributes(baseAttributes), { children: [jsx("span", { className: s$a('text'), children: text || toolTip || ariaLabel || 'button' }), iconMarkup] })));
     };
     if (toolTip) {
-        return (jsx(ToolTip, { text: "".concat(toolTip), id: id ? "".concat(id) : undefined, offset: 12, children: buttonMarkup() }));
+        return (jsx(ToolTip, { text: "".concat(toolTip), component: toolTipComponent, id: id ? "".concat(id) : undefined, offset: 12, children: buttonMarkup() }));
     }
     return buttonMarkup();
 });
@@ -3392,7 +3392,7 @@ var styles$4 = {"body":"MultiActionButton-module_BqAJK-","button":"MultiActionBu
 var s$4 = classNames.bind(styles$4);
 var MultiActionButton = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
-    var className = _a.className, iconClassName = _a.iconClassName, innerClassName = _a.innerClassName, id = _a.id, _j = _a.type, type = _j === void 0 ? HierarchyTypes.PRIMARY : _j, _k = _a.size, size = _k === void 0 ? SizeTypes.MEDIUM : _k, sizeMd = _a.sizeMd, sizeLg = _a.sizeLg, sizeXl = _a.sizeXl, rotateLeftIconByDegree = _a.rotateLeftIconByDegree, rotateMiddleIconByDegree = _a.rotateMiddleIconByDegree, rotateRightIconByDegree = _a.rotateRightIconByDegree, text = _a.text, toolTip = _a.toolTip, _l = _a.textPosition, textPosition = _l === void 0 ? 'left' : _l, iconSize = _a.iconSize, leftIcon = _a.leftIcon, middleIcon = _a.middleIcon, rightIcon = _a.rightIcon, withEllipsis = _a.withEllipsis, onRightClickCallback = _a.onRightClickCallback, onLeftClickCallback = _a.onLeftClickCallback, loading = _a.loading, disabled = _a.disabled, autoFocus = _a.autoFocus, leftAriaLabel = _a.leftAriaLabel, rightAriaLabel = _a.rightAriaLabel, tabIndex = _a.tabIndex;
+    var className = _a.className, iconClassName = _a.iconClassName, innerClassName = _a.innerClassName, id = _a.id, _j = _a.type, type = _j === void 0 ? HierarchyTypes.PRIMARY : _j, _k = _a.size, size = _k === void 0 ? SizeTypes.MEDIUM : _k, sizeMd = _a.sizeMd, sizeLg = _a.sizeLg, sizeXl = _a.sizeXl, rotateLeftIconByDegree = _a.rotateLeftIconByDegree, rotateMiddleIconByDegree = _a.rotateMiddleIconByDegree, rotateRightIconByDegree = _a.rotateRightIconByDegree, text = _a.text, toolTip = _a.toolTip, toolTipComponent = _a.toolTipComponent, _l = _a.textPosition, textPosition = _l === void 0 ? 'left' : _l, iconSize = _a.iconSize, leftIcon = _a.leftIcon, middleIcon = _a.middleIcon, rightIcon = _a.rightIcon, withEllipsis = _a.withEllipsis, onRightClickCallback = _a.onRightClickCallback, onLeftClickCallback = _a.onLeftClickCallback, loading = _a.loading, disabled = _a.disabled, autoFocus = _a.autoFocus, leftAriaLabel = _a.leftAriaLabel, rightAriaLabel = _a.rightAriaLabel, tabIndex = _a.tabIndex;
     var getFallbackAriaLabel = function (position) {
         if (text) {
             return "".concat(text, " - ").concat(position, " button");
@@ -3435,7 +3435,7 @@ var MultiActionButton = function (_a) {
                                     text_withEllipsis: withEllipsis
                                 }), children: text }), middleIcon ? (jsx(Icon, { icon: middleIcon, size: iconSize, rotateIconByDegree: rotateMiddleIconByDegree, className: s$4((_g = { icon: !iconSize, marginLeft: !!text }, _g[iconClassName] = iconClassName, _g)) })) : null] })), rightIcon ? (jsx("button", { className: s$4({ button: true, button_right: true, button_disabled: loading || disabled }), "aria-label": rightAriaLabel || getFallbackAriaLabel('right'), onClick: onRightClickCallback, children: jsx(Icon, { icon: rightIcon, size: iconSize, className: s$4((_h = { icon: !iconSize }, _h[iconClassName] = iconClassName, _h)), rotateIconByDegree: rotateRightIconByDegree }) })) : null] })] }));
     if (toolTip) {
-        return (jsx(ToolTip, { text: "".concat(toolTip), id: "".concat(id), withEllipsis: withEllipsis, children: buttonMarkup }));
+        return (jsx(ToolTip, { text: "".concat(toolTip), component: toolTipComponent, id: "".concat(id), withEllipsis: withEllipsis, children: buttonMarkup }));
     }
     return buttonMarkup;
 };