@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/components/tooltip/positioning/utils/is.utils.d.ts

@@ -0,0 +1,16 @@
+import { Rect, VirtualElement } from '../types';
+export declare const isHTMLElement: (value: Window | Node) => boolean;
+export declare const isElement: (value: Window | Node | VisualViewport | VirtualElement | Rect | object) => boolean;
+export declare const isShadowRoot: (node: Node) => boolean;
+export declare const isTableElement: (element: Element) => boolean;
+export declare const isWebKit: () => boolean;
+export declare const isContainingBlock: (element: Element) => boolean;
+export declare const isLastTraversableNode: (node: Node) => boolean;
+export declare const isOverflowElement: (element: Element) => boolean;
+/**
+ * Determines whether or not `.getBoundingClientRect()` is affected by visual
+ * viewport offsets. In Safari, the `x`/`y` offsets are values relative to the
+ * visual viewport, while in other engines, they are values relative to the
+ * layout viewport.
+ */
+export declare function isClientRectVisualViewportBased(): boolean;

package/dist/cjs/components/tooltip/positioning/utils/node.d.ts

@@ -0,0 +1,2 @@
+export declare const isNode: (value: Node | Window) => value is Node;
+export declare const getNodeName: (node: Node | Window) => string;

package/dist/cjs/components/tooltip/positioning/utils/rectToClientRect.d.ts

@@ -0,0 +1,2 @@
+import { ClientRectObject, Rect } from '../types';
+export declare const rectToClientRect: (rect: Rect) => ClientRectObject;

package/dist/cjs/components/tooltip/positioning/utils/unwrapElement.d.ts

@@ -0,0 +1,2 @@
+import { VirtualElement } from '../types';
+export declare const unwrapElement: (element: Element | VirtualElement) => Element | undefined;

package/dist/cjs/components/tooltip/positioning/utils/userAgent.d.ts

@@ -0,0 +1 @@
+export declare const getUAString: () => string;

package/dist/cjs/components/tooltip/positioning/utils/userAgent.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUAString = void 0;
 const getUAString = () => {
-    // eslint-disable-next-line n/no-unsupported-features/node-builtins
     return navigator.userAgent;
 };
 exports.getUAString = getUAString;

package/dist/cjs/components/tooltip/positioning/utils/userAgent.js.map

@@ -1 +1 @@
-{"version":3,"file":"userAgent.js","sourceRoot":"","sources":["../../../../../../src/components/tooltip/positioning/utils/userAgent.ts"],"names":[],"mappings":";;;AAAO,MAAM,WAAW,GAAG,GAAW,EAAE;IACtC,mEAAmE;IACnE,OAAO,SAAS,CAAC,SAAS,CAAC;AAC7B,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}
+{"version":3,"file":"userAgent.js","sourceRoot":"","sources":["../../../../../../src/components/tooltip/positioning/utils/userAgent.ts"],"names":[],"mappings":";;;AAAO,MAAM,WAAW,GAAG,GAAW,EAAE;IACtC,OAAO,SAAS,CAAC,SAAS,CAAC;AAC7B,CAAC,CAAC;AAFW,QAAA,WAAW,eAEtB"}

package/dist/cjs/components/tooltip/positioning/utils/within.d.ts

@@ -0,0 +1 @@
+export declare const within: (min: number, value: number, max: number) => number;

package/dist/cjs/components/tooltip/tooltip.styled.d.ts

@@ -0,0 +1,23 @@
+import { TooltipAlignType, TooltipVariantStylesProps } from './types';
+type TooltipStylesPropsTypes = {
+    styles: TooltipVariantStylesProps;
+    hasCloseIcon?: boolean;
+    hasTitle?: boolean;
+    hasBorder?: boolean;
+    align?: TooltipAlignType;
+};
+export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    tooltipAsModal?: boolean;
+}>> & string;
+export declare const TooltipExternalContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipDragIconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipInternalContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipInnerContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipParagraphStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipCloseIconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipArrowStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipArrowContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipHeaderContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipStylesPropsTypes>> & string;
+export declare const TooltipTriggerWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export {};

package/dist/cjs/components/tooltip/tooltipControlled.d.ts

@@ -0,0 +1,13 @@
+import { ITooltipControlled } from './types';
+declare const TooltipControlled: <V extends string | unknown>(props: ITooltipControlled<V>) => JSX.Element;
+/**
+ * @description
+ * Tooltip component to show a message when interact whit the label
+ * @example
+ * <Tooltip
+ * variant={TooltipVariantType.DEFAULT}
+ * >
+ * <Text>Tooltip</Text>
+ * </Tooltip>
+ */
+export { TooltipControlled };

package/dist/cjs/components/tooltip/tooltipControlled.js

@@ -30,21 +30,22 @@ const hooks_1 = require("../../hooks");
 const useStyles_1 = require("../../hooks/useStyles/useStyles");
 const errorBoundary_1 = require("../../provider/errorBoundary");
 const constants_1 = require("./constants");
-const useTooltipAsModalAriaLabel_1 = require("./hooks/useTooltipAsModalAriaLabel");
+const hooks_2 = require("./hooks");
 const tooltipStandAlone_1 = require("./tooltipStandAlone");
-const utils_1 = require("./utils");
-const TooltipControlledComponent = ({ tooltipAsModal, ctv, tooltipRef, tooltipAriaLabel, ...props }) => {
+const TooltipControlledComponent = ({ tooltipAsModal: propTooltipAsModal, ctv, tooltipRef, tooltipAriaLabel, ...props }) => {
     const styles = (0, useStyles_1.useStyles)(constants_1.TOOLTIP_STYLES, props.variant, ctv);
     const mediaDevice = (0, hooks_1.useMediaDevice)();
     const innerTooltipRef = React.useRef(null);
-    const helpAriaLabel = (0, useTooltipAsModalAriaLabel_1.useTooltipAsModalAriaLabel)(innerTooltipRef);
+    const helpAriaLabel = (0, hooks_2.useTooltipAsModalAriaLabel)(innerTooltipRef);
+    const tooltipAsModal = (0, hooks_2.useTooltipAsModal)({
+        propTooltipAsModal: propTooltipAsModal,
+        styleTooltipAsModal: styles.tooltipAsModal,
+    });
+    const { hasScroll: contentHasScroll, handleScrollDetection: contentRefHandler } = (0, hooks_1.useScrollDetectionWithAutoFocus)({ parentElementRef: innerTooltipRef });
     React.useImperativeHandle(tooltipRef, () => {
         return innerTooltipRef.current;
     }, []);
-    return ((0, jsx_runtime_1.jsx)(tooltipStandAlone_1.TooltipStandAlone, { ...props, mediaDevice: mediaDevice, styles: styles, tooltipAriaLabel: tooltipAriaLabel ?? helpAriaLabel, tooltipAsModal: (0, utils_1.useTooltipAsModal)({
-            propTooltipAsModal: tooltipAsModal,
-            styleTooltipAsModal: styles.tooltipAsModal,
-        }), tooltipRef: innerTooltipRef }));
+    return ((0, jsx_runtime_1.jsx)(tooltipStandAlone_1.TooltipStandAlone, { ...props, contentHasScroll: contentHasScroll, contentRef: contentRefHandler, mediaDevice: mediaDevice, styles: styles, tooltipAriaLabel: tooltipAriaLabel ?? helpAriaLabel, tooltipAsModal: tooltipAsModal, tooltipRef: innerTooltipRef }));
 };
 TooltipControlledComponent.displayName = 'TooltipControlledComponent';
 const TooltipControlled = (props) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(TooltipControlledComponent, { ...props }) }), children: (0, jsx_runtime_1.jsx)(TooltipControlledComponent, { ...props }) }));

package/dist/cjs/components/tooltip/tooltipControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAyC;AACzC,2DAAwD;AACxD,4DAA4E;AAE5E,2CAA6C;AAC7C,mFAAgF;AAChF,2DAAwD;AAExD,mCAA4C;AAE5C,MAAM,0BAA0B,GAAG,CAA6B,EAC9D,cAAc,EACd,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EACc,EAAe,EAAE;IACvC,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA+B,0BAAc,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,IAAA,uDAA0B,EAAC,eAAe,CAAC,CAAC;IAElE,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,GAAG,EAAE;QACzC,OAAO,eAAe,CAAC,OAAyB,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,qCAAiB,OACZ,KAAK,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,IAAI,aAAa,EACnD,cAAc,EAAE,IAAA,yBAAiB,EAAC;YAChC,kBAAkB,EAAE,cAAc;YAClC,mBAAmB,EAAE,MAAM,CAAC,cAAc;SAC3C,CAAC,EACF,UAAU,EAAE,eAAe,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEtE,MAAM,iBAAiB,GAAG,CACxB,KAA4B,EACf,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,0BAA0B,OAAK,KAAK,GAAI,GACvB,YAGtB,uBAAC,0BAA0B,OAAK,KAAK,GAAI,GAC3B,CACjB,CAAC;AAYO,8CAAiB"}
+{"version":3,"file":"tooltipControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAA0E;AAC1E,2DAAwD;AACxD,4DAA4E;AAE5E,2CAA6C;AAC7C,mCAAwE;AACxE,2DAAwD;AAGxD,MAAM,0BAA0B,GAAG,CAA6B,EAC9D,cAAc,EAAE,kBAAkB,EAClC,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EACc,EAAe,EAAE;IACvC,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA+B,0BAAc,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,IAAA,kCAA0B,EAAC,eAAe,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,IAAA,yBAAiB,EAAC;QACvC,kBAAkB,EAAE,kBAAkB;QACtC,mBAAmB,EAAE,MAAM,CAAC,cAAc;KAC3C,CAAC,CAAC;IAEH,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,GAC7E,IAAA,uCAA+B,EAAC,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC,CAAC;IAEzE,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,GAAG,EAAE;QACzC,OAAO,eAAe,CAAC,OAAyB,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,qCAAiB,OACZ,KAAK,EACT,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,iBAAiB,EAC7B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,IAAI,aAAa,EACnD,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,eAAe,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEtE,MAAM,iBAAiB,GAAG,CACxB,KAA4B,EACf,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,0BAA0B,OAAK,KAAK,GAAI,GACvB,YAGtB,uBAAC,0BAA0B,OAAK,KAAK,GAAI,GAC3B,CACjB,CAAC;AAYO,8CAAiB"}

package/dist/cjs/components/tooltip/tooltipStandAlone.d.ts

@@ -0,0 +1,7 @@
+import { ITooltipStandAlone } from './types';
+declare const TooltipStandAlone: ({ childrenAsButton, dataTestId, ...props }: ITooltipStandAlone) => JSX.Element;
+/**
+ * @description
+ * Tooltip component to show a message when the user hovers over, focuses on, or touches an element.
+ */
+export { TooltipStandAlone };

package/dist/cjs/components/tooltip/tooltipStandAlone.js

@@ -13,7 +13,7 @@ const components_1 = require("./components");
 // styles
 const tooltip_styled_1 = require("./tooltip.styled");
 const utils_1 = require("./utils");
-const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
+const TooltipStandAlone = ({ childrenAsButton = true, dataTestId = 'tooltip', ...props }) => {
     const uniqueId = (0, useId_1.useId)('tooltip');
     const titleId = `${uniqueId}Title`;
     const contentId = `${uniqueId}Content`;
@@ -22,7 +22,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
     const isMobile = props.mediaDevice === types_1.DeviceBreakpointsType.MOBILE;
     const isTablet = props.mediaDevice === types_1.DeviceBreakpointsType.TABLET;
     if (props.disabled) {
-        return ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipStyled, { "data-testid": `${props.dataTestId}Tooltip`, children: (0, jsx_runtime_1.jsx)(components_1.TooltipTrigger, { disabled: true, childrenAsButton: childrenAsButton, children: props.children }) }));
+        return ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipStyled, { "data-testid": dataTestId, children: (0, jsx_runtime_1.jsx)(components_1.TooltipTrigger, { disabled: true, childrenAsButton: childrenAsButton, children: props.children }) }));
     }
     const ariaDescriptorsBy = (0, utils_1.getAriaDescriptorsBy)({
         title: props.title?.content,
@@ -30,11 +30,8 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
         titleId,
         contentId,
     });
-    const Tooltip = ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.tooltipAriaLabel, "aria-labelledby": titleId, as: (0, utils_1.getHtmlTagForTooltip)({
-            mediaDevice: props.mediaDevice,
-            tooltipAsModal: props.tooltipAsModal,
-        }), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: isDesktop && !props.tooltipAsModal ? types_1.ROLES.TOOLTIP : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [(0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), (0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipCloseIconStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipInnerContentStyled, { styles: props.styles, children: props.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowStyled, { align: props.align, styles: props.styles, children: (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowContentStyled, { styles: props.styles }) })] }));
-    return ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipStyled, { ref: props.labelRef, "data-testid": `${props.dataTestId}Tooltip`, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [(0, jsx_runtime_1.jsx)(components_1.TooltipTrigger
+    const Tooltip = ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": isDesktop ? props.tooltipAriaLabel : undefined, "aria-labelledby": isDesktop ? titleId : undefined, "aria-modal": isDesktop && props.tooltipAsModal ? true : undefined, "data-testid": `${dataTestId}-content`, id: uniqueId, role: isDesktop ? (props.tooltipAsModal ? types_1.ROLES.DIALOG : types_1.ROLES.TOOLTIP) : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [(0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${dataTestId}-drag`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), (0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipCloseIconStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { customIconStyles: props.styles?.closeButtonIcon, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H2, customTypography: props.styles?.title, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipInnerContentStyled, { ref: props.contentRef, "aria-label": props.contentHasScroll ? props.contentScrollArias?.['aria-label'] : undefined, "aria-labelledby": props.contentHasScroll ? props.contentScrollArias?.['aria-labelledby'] : undefined, role: props.contentHasScroll ? types_1.ROLES.REGION : undefined, styles: props.styles, tabIndex: props.contentHasScroll ? 0 : undefined, children: props.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.paragraph, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowStyled, { align: props.align, styles: props.styles, children: (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowContentStyled, { styles: props.styles }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipStyled, { ref: props.labelRef, "data-testid": dataTestId, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onMouseUp: props.onMouseUp, children: [(0, jsx_runtime_1.jsx)(components_1.TooltipTrigger
             // Aria describedby is used when the tooltip is not used as a modal
             // When no focusable elements screenReaders may read the text when focus and then using arrows
             // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
@@ -44,7 +41,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
                 // When no focusable elements screenReaders may read the text when focus and then using arrows
                 // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
                 // or https://dequeuniversity.com/library/aria/tooltip
-                ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, children: props.children }), isDesktop ? (Tooltip) : ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { component: !props.tooltipAsModal ? popover_1.PopoverComponentType.DIV : popover_1.PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: popover_1.PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? types_1.ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
+                ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, triggerAsButton: props.triggerAsButton, children: props.children }), isDesktop ? (Tooltip) : ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { component: popover_1.PopoverComponentType.DIV, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: popover_1.PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: props.tooltipAsModal ? types_1.ROLES.DIALOG : types_1.ROLES.TOOLTIP, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-labelledby": titleId, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
 };
 exports.TooltipStandAlone = TooltipStandAlone;
 //# sourceMappingURL=tooltipStandAlone.js.map

package/dist/cjs/components/tooltip/tooltipStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/tooltip/tooltipUnControlled.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ITooltipUnControlled } from './types';
+declare const TooltipUnControlled: <V>(props: React.PropsWithChildren<ITooltipUnControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => JSX.Element;
+/**
+ * @description
+ * Tooltip component to show a message when interact whit the label
+ * @example
+ * <Tooltip
+ *  align={TooltipAlignType.CENTER}
+ * variant={TooltipVariantType.DEFAULT}
+ * >
+ * <Text>Tooltip</Text>
+ * </Tooltip>
+ */
+export { TooltipUnControlled };

package/dist/cjs/components/tooltip/tooltipUnControlled.js

@@ -28,22 +28,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const useStyles_1 = require("../../hooks/useStyles/useStyles");
+const useTrapFocus_1 = require("../../hooks/useTrapFocus/useTrapFocus");
 const errorBoundary_1 = require("../../provider/errorBoundary");
 const types_1 = require("../../types");
 const utils_1 = require("../../utils");
-const focusHandlers_1 = require("../../utils/focusHandlers/focusHandlers");
 const constants_1 = require("./constants");
 const hooks_2 = require("./hooks");
-const useTooltipAsModalAriaLabel_1 = require("./hooks/useTooltipAsModalAriaLabel");
 const tooltipStandAlone_1 = require("./tooltipStandAlone");
-const utils_2 = require("./utils");
 const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, onOpenClose, variant, tooltipAriaLabel, ...props }, ref) => {
     const styles = (0, useStyles_1.useStyles)(constants_1.TOOLTIP_STYLES, variant, ctv);
     const mediaDevice = (0, hooks_1.useMediaDevice)();
     const labelRef = React.useRef(null);
     const tooltipRef = React.useRef(null);
-    const helpAriaLabel = (0, useTooltipAsModalAriaLabel_1.useTooltipAsModalAriaLabel)(tooltipRef);
-    const tooltipAsModalValue = (0, utils_2.useTooltipAsModal)({
+    const tooltipAsModalValue = (0, hooks_2.useTooltipAsModal)({
         propTooltipAsModal: tooltipAsModal,
         styleTooltipAsModal: styles.tooltipAsModal,
     });
@@ -56,13 +53,22 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, on
         variant,
         onOpenClose,
         align: props.align,
+        tooltipAsModal: tooltipAsModalValue,
         ctv,
     });
+    const { hasScroll: contentHasScroll, handleScrollDetection: contentRefHandler } = (0, hooks_1.useScrollDetectionWithAutoFocus)({ parentElementRef: tooltipRef });
+    // When !tooltipAsModal, in tablet/mobile, onFocus and onClick are executed at the same time
+    // So onFocus will open the tooltip, and onClick will close it (because it was opened)
+    // To avoid calling onFocus when onClick, onMouseDown -> preventDefoult could be used,
+    // But this approach will lead to the focus-visible pseudo class being applied (strange, but true)
+    // So the approach is to use a flag to avoid calling onFocus when onClick
+    const isBeingClicked = React.useRef(false);
     const handleFocus = () => {
-        // Avoid tooltip is opened automatically after closing the tooltip
-        if (!tooltipAsModalValue && allowFocusOpenTooltip.current) {
-            showTooltip();
+        // allowFocusOpenTooltip Avoid tooltip is opened automatically after closing the tooltip
+        if (isBeingClicked.current || tooltipAsModalValue || !allowFocusOpenTooltip.current) {
+            return;
         }
+        showTooltip();
     };
     const handleBlur = event => {
         if (!tooltipAsModalValue && !event.currentTarget.contains(event.relatedTarget)) {
@@ -96,15 +102,23 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, on
         props.closeIcon?.onClick?.(event);
         hideTooltip();
     };
-    const handleMouseDown = event => {
-        // Avoid onFocus and onClick are executed at the same time
-        event.preventDefault();
+    const handleMouseDown = () => {
+        isBeingClicked.current = true;
+    };
+    const handleMouseUp = () => {
+        isBeingClicked.current = false;
     };
     const handleClick = event => {
         if (mediaDevice === types_1.DeviceBreakpointsType.DESKTOP) {
-            if (tooltipAsModalValue && !open) {
-                //this condition is needed because tooltip would close if you clicked on tooltip container beeing tooltip a modal
+            if (!tooltipAsModalValue) {
+                return;
+            }
+            if (!open) {
                 showTooltip();
+                return;
+            }
+            if (!tooltipRef.current?.contains(event.target)) {
+                hideTooltip();
             }
             return;
         }
@@ -123,24 +137,18 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, on
             event.preventDefault();
         }
     };
-    const handleKeyDownTooltip = event => {
-        if (mediaDevice === types_1.DeviceBreakpointsType.DESKTOP &&
-            (0, utils_1.isKeyTabPressed)(event.key) &&
-            tooltipRef.current) {
-            (0, focusHandlers_1.trapFocus)(tooltipRef.current, event);
-        }
-    };
     const handlePopoverCloseInternally = () => {
         props.popover?.onCloseInternally?.();
         hideTooltip();
     };
     const { setDragIconRef, setPopoverRef } = (0, hooks_1.useSwipeDown)(props.popover?.animationOptions, hideTooltip);
+    (0, useTrapFocus_1.useTrapFocus)({ ref: tooltipRef, trapFocus: open && tooltipAsModalValue });
     // It is used TooltipStandAlone instead of TooltipControlled
     // The reason is that TooltipControlled only provides the styles and mediaDevice props that are used and needed in this component
-    return ((0, jsx_runtime_1.jsx)(tooltipStandAlone_1.TooltipStandAlone, { ...props, dragIconRef: setDragIconRef, labelRef: labelRef, mediaDevice: mediaDevice, popover: {
+    return ((0, jsx_runtime_1.jsx)(tooltipStandAlone_1.TooltipStandAlone, { ...props, contentHasScroll: contentHasScroll, contentRef: contentRefHandler, dragIconRef: setDragIconRef, labelRef: labelRef, mediaDevice: mediaDevice, popover: {
             ...props.popover,
             forwardedRef: setPopoverRef,
-        }, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip, onTooltipKeyDown: handleKeyDownTooltip }));
+        }, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseUp: handleMouseUp, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip }));
 });
 TooltipUnControlledComponent.displayName = 'TooltipUnControlledComponent';
 const TooltipUnControlledBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(tooltipStandAlone_1.TooltipStandAlone, { ...props }) }), children: (0, jsx_runtime_1.jsx)(TooltipUnControlledComponent, { ...props, ref: ref }) }));

package/dist/cjs/components/tooltip/tooltipUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/tooltip/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { ITooltipStandAlone, ITooltipControlled, ITooltipUnControlled, TooltipTitleType, TooltipContentType, TooltipCloseIconType, TooltipPopoverType, } from './tooltip';
+export type { TooltipVariantStylesProps, TooltipStylesType } from './tooltipTheme';
+export { TooltipAlignType } from './tooltipAlign';

package/dist/cjs/components/tooltip/types/tooltip.d.ts

@@ -0,0 +1,83 @@
+import * as React from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IIcon } from '../../../components/icon';
+import { IPopoverControlled } from '../../../components/popover';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { TooltipAlignType } from './tooltipAlign';
+import { TooltipVariantStylesProps } from './tooltipTheme';
+export type TooltipTitleType = Omit<IText<string>, 'children'> & {
+    content?: string;
+};
+type TooltipContentScrollAriasType = {
+    ['aria-label']?: string;
+    ['aria-labelledby']?: string;
+};
+export type TooltipContentType = Omit<IText<string>, 'children'> & {
+    content?: JSX.Element | string;
+};
+export type TooltipCloseIconType = Omit<IIcon, 'icon'> & {
+    icon?: string;
+};
+export type TooltipPopoverType = Omit<IPopoverControlled, 'children' | 'open'>;
+export type TooltipTriggerAsButtonType = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-controls' | 'aria-expanded' | 'aria-pressed' | 'aria-disabled'>;
+/**
+ * @name ITooltip
+ * @description
+ * Interface for the Tooltip component
+ */
+export interface ITooltipStandAlone {
+    disabled?: boolean;
+    mediaDevice: DeviceBreakpointsType;
+    align?: TooltipAlignType;
+    title?: TooltipTitleType;
+    contentHasScroll?: boolean;
+    content?: TooltipContentType;
+    contentRef?: React.ForwardedRef<HTMLDivElement> | undefined;
+    contentScrollArias?: TooltipContentScrollAriasType;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLElement>;
+    onCloseIconClick?: React.MouseEventHandler<HTMLElement>;
+    children: JSX.Element | string | React.ReactNode;
+    popoverOpen?: boolean;
+    styles: TooltipVariantStylesProps;
+    closeIcon?: IIcon;
+    childrenAsButton?: boolean;
+    triggerAsButton?: TooltipTriggerAsButtonType;
+    onPopoverCloseInternally?: () => void;
+    tooltipRef?: React.MutableRefObject<HTMLDivElement | null>;
+    tooltipAsModal?: boolean;
+    labelRef?: React.MutableRefObject<HTMLDivElement | null>;
+    dataTestId?: string;
+    onTooltipFocus?: React.FocusEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onTooltipKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    popover?: TooltipPopoverType;
+    dragIcon?: IElementOrIcon;
+    dragIconRef?: (node: any) => void;
+    tooltipAriaLabel?: string;
+}
+/**
+ * @name ITooltipControlled
+ * @description
+ * Interface for the Tooltip Controlled component
+ * @property {string} variant - The variant of the tooltip
+ */
+export interface ITooltipControlled<V = undefined extends string ? unknown : string> extends Omit<ITooltipStandAlone, 'styles' | 'mediaDevice' | 'contentHasScroll' | 'contentRef'>, Omit<CustomTokenTypes<TooltipVariantStylesProps>, 'cts' | 'extraCt'> {
+    variant: V;
+}
+type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onCloseIconClick' | 'popoverOpen' | 'onPopoverCloseInternally' | 'tooltipRef' | 'labelRef' | 'onTooltipFocus' | 'onKeyDown' | 'onTooltipKeyDown' | 'dragIconRef';
+/**
+ * @name ITooltipUnControlled
+ * @description
+ * Interface for the TooltipUnControlled component
+ */
+export interface ITooltipUnControlled<V = undefined extends string ? unknown : string> extends Omit<ITooltipControlled<V>, propsToOmitUnControlled> {
+    onOpenClose?: (open: boolean) => void;
+}
+export {};

package/dist/cjs/components/tooltip/types/tooltipAlign.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Enum for tooltip align types
+ * @name TooltipAlignType
+ */
+export declare enum TooltipAlignType {
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left"
+}

package/dist/cjs/components/tooltip/types/tooltipTheme.d.ts

@@ -0,0 +1,44 @@
+import { CommonStyleType, DeviceBreakpointsType, IconTypes, TypographyTypes } from '../../../types';
+import { TooltipAlignType } from './tooltipAlign';
+export type TooltipVariantStylesProps = {
+    tooltipExternalContainer?: CommonStyleType;
+    tooltipInternalContainer?: CommonStyleType;
+    headerContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    paragraph?: TypographyTypes;
+    paragraphContainer?: CommonStyleType;
+    closeButtonIcon?: IconTypes;
+    closeButtonContainer?: CommonStyleType & {
+        altVariant?: boolean;
+    };
+    divider?: CommonStyleType;
+    tooltipAsModal?: boolean;
+    popoverVariant?: {
+        [DeviceBreakpointsType.DESKTOP]?: string;
+        [DeviceBreakpointsType.TABLET]?: string;
+        [DeviceBreakpointsType.MOBILE]?: string;
+    };
+    showOverlay?: {
+        [DeviceBreakpointsType.DESKTOP]?: boolean;
+        [DeviceBreakpointsType.TABLET]?: boolean;
+        [DeviceBreakpointsType.MOBILE]?: boolean;
+    };
+    arrowContainer?: CommonStyleType & {
+        arrow_size?: string;
+        arrow_position?: string;
+        tooltipAlignStyles?: {
+            [key in TooltipAlignType]?: CommonStyleType;
+        };
+    };
+    arrow?: CommonStyleType;
+    dragIconContainer?: CommonStyleType;
+    dragIcon?: IconTypes;
+};
+/**
+ * @name TooltipStylesType
+ * @description
+ * Interface for the Tooltip component
+ */
+export type TooltipStylesType<P extends string | number | symbol> = {
+    [key in P]?: TooltipVariantStylesProps;
+};

package/dist/cjs/components/tooltip/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './tooltip.utils';

package/dist/cjs/components/tooltip/utils/tooltip.utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getAriaDescriptorsBy: ({ title, content, titleId, contentId, }: {
+    title?: string;
+    content?: JSX.Element | string;
+    titleId: string;
+    contentId: string;
+}) => string | undefined;

package/dist/cjs/components/tooltip/utils/tooltip.utils.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTooltipAsModal = exports.getHtmlTagForTooltip = exports.getAriaDescriptorsBy = void 0;
-const popover_1 = require("../../../components/popover");
-const types_1 = require("../../../types");
+exports.getAriaDescriptorsBy = void 0;
 // build descriptive id for aria-describedby or aria-labelledby
 const getAriaDescriptorsBy = ({ title, content, titleId, contentId, }) => {
     const descriptorsId = [];
@@ -18,19 +16,4 @@ const getAriaDescriptorsBy = ({ title, content, titleId, contentId, }) => {
     return descriptorsId.join(' ');
 };
 exports.getAriaDescriptorsBy = getAriaDescriptorsBy;
-const getHtmlTagForTooltip = ({ mediaDevice, tooltipAsModal, }) => {
-    if (mediaDevice === types_1.DeviceBreakpointsType.DESKTOP && tooltipAsModal) {
-        return popover_1.PopoverComponentType.DIALOG;
-    }
-    return undefined;
-};
-exports.getHtmlTagForTooltip = getHtmlTagForTooltip;
-// Order to get the value:
-// 1st: We get by props the value
-// 2nd: We get by theme the value
-// 3rd: We dont get nothing, then We return false and tooltip acts like a tooltip
-const useTooltipAsModal = ({ propTooltipAsModal, styleTooltipAsModal, }) => {
-    return propTooltipAsModal ?? styleTooltipAsModal ?? false;
-};
-exports.useTooltipAsModal = useTooltipAsModal;
 //# sourceMappingURL=tooltip.utils.js.map

package/dist/cjs/components/tooltip/utils/tooltip.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.utils.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/utils/tooltip.utils.ts"],"names":[],"mappings":";;;AAAA,kDAA4D;AAC5D,mCAAgD;AAEhD,+DAA+D;AACxD,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,GAMV,EAAsB,EAAE;IACvB,MAAM,aAAa,GAAa,EAAE,CAAC;IACnC,IAAI,KAAK,EAAE,CAAC;QACV,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjC,CAAC,CAAC;AAtBW,QAAA,oBAAoB,wBAsB/B;AAEK,MAAM,oBAAoB,GAAG,CAAC,EACnC,WAAW,EACX,cAAc,GAIf,EAAoC,EAAE;IACrC,IAAI,WAAW,KAAK,6BAAqB,CAAC,OAAO,IAAI,cAAc,EAAE,CAAC;QACpE,OAAO,8BAAoB,CAAC,MAAM,CAAC;IACrC,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B;AAEF,0BAA0B;AAC1B,iCAAiC;AACjC,iCAAiC;AACjC,iFAAiF;AAC1E,MAAM,iBAAiB,GAAG,CAAC,EAChC,kBAAkB,EAClB,mBAAmB,GAIpB,EAAW,EAAE;IACZ,OAAO,kBAAkB,IAAI,mBAAmB,IAAI,KAAK,CAAC;AAC5D,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B"}
+{"version":3,"file":"tooltip.utils.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/utils/tooltip.utils.ts"],"names":[],"mappings":";;;AAAA,+DAA+D;AACxD,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,GAMV,EAAsB,EAAE;IACvB,MAAM,aAAa,GAAa,EAAE,CAAC;IACnC,IAAI,KAAK,EAAE,CAAC;QACV,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjC,CAAC,CAAC;AAtBW,QAAA,oBAAoB,wBAsB/B"}

package/dist/cjs/components/validationStatus/fixture/icons.d.ts

@@ -0,0 +1,2 @@
+import { ValidationStatusStateIconsType } from '../types';
+export declare const stateIcons: ValidationStatusStateIconsType;

package/dist/cjs/components/validationStatus/fixture/index.d.ts

@@ -0,0 +1,2 @@
+export * from './list';
+export * from './icons';

package/dist/cjs/components/validationStatus/fixture/list.d.ts

@@ -0,0 +1,2 @@
+import { ValidationStatusItemType } from '../types';
+export declare const items: ValidationStatusItemType[];

package/dist/cjs/components/validationStatus/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { ValidationStatus } from './validationStatus';

package/dist/cjs/components/validationStatus/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './validationStatus';
+export type { ValidationStatusCommonProps, ValidationStatusStateProps, ValidationStatusStylesProps, ValidationStatusStateKey, ValidationStatusStylesType, } from './validationStatusTheme';
+export { ValidationStatusState } from './validationStatusTheme';