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

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

@@ -0,0 +1,27 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { ILoader } from '../../../components/loader/types';
+import { CustomTokenTypes } from '../../../types';
+import { MediaButtonVariantStateStylesType, MediaButtonVariantStylesType } from './mediaButtonTheme';
+import { MediaButtonSizeType } from './sizes';
+export type MediaButtonLoader = Omit<ILoader, 'variant'> & {
+    variant?: string;
+};
+export interface IMediaButtonStandAlone {
+    styles?: MediaButtonVariantStylesType;
+    icon: IElementOrIcon;
+    twistedIcon?: IElementOrIcon;
+    twisted?: boolean;
+    loader?: MediaButtonLoader;
+    hasBackground?: boolean;
+    disabled?: boolean;
+    tabIndex?: number;
+    loading?: boolean;
+    ['aria-hidden']?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+type propsToOmit = 'styles';
+export interface IMediaButton<V = undefined extends string ? unknown : string> extends Omit<IMediaButtonStandAlone, propsToOmit>, Omit<CustomTokenTypes<MediaButtonVariantStateStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    size: MediaButtonSizeType;
+}
+export {};

package/dist/cjs/components/mediaButton/types/mediaButtonTheme.d.ts

@@ -0,0 +1,32 @@
+import { CommonStyleType, IconTypes } from '../../../types';
+import { MediaButtonSizeType } from './sizes';
+export type MediaButtonVariantStylesType = {
+    altVariant?: boolean;
+    container?: CommonStyleType;
+    buttonContainer?: CommonStyleType;
+    icon?: IconTypes & {
+        disabled?: IconTypes;
+    };
+    iconToTransition?: IconTypes;
+    loader?: {
+        variant: string;
+    };
+};
+export type MediaButtonVariantStateStylesType = {
+    [key in MediaButtonSizeType]?: MediaButtonVariantStylesType;
+};
+/**
+ * @description
+ * MediaButton styles type
+ * @interface MediaButtonStylesType
+ * @property {boolean} altVariant - Alternative variant of the media button.
+ * @property {CommonStyleType} container - Container of the media button.
+ * @property {IconTypes} icon - Icon of the media button.
+ * @property {IconTypes} iconToTransition - Icon to transition of the media button.
+ * @property {LoaderVariantType} loader.variant - Loader variant of the media button.
+ * @example
+ * <Button variant={ButtonVariantType.PRIMARY} size={ButtonSizeType.SMALL} />
+ */
+export type MediaButtonStylesType<P extends string | number | symbol> = {
+    [key in P]: MediaButtonVariantStateStylesType;
+};

package/dist/cjs/components/mediaButton/types/sizes.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @name MediaButtonSizeType
+ * @description
+ * MediaButton size type
+ */
+export declare enum MediaButtonSizeType {
+    LARGE = "LARGE",
+    SMALL = "SMALL",
+    EXTRA_LARGE = "EXTRA_LARGE"
+}

package/dist/cjs/components/mediaProgressBar/hooks/useMediaProgressBar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface IUseMediaProgressBar {
+    playingExternal: boolean;
+    circular: boolean;
+    currentBar: number;
+    barsNum: number;
+    onBarChange?: (indexBar: number, event?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onFinish?: (playingInternal: boolean) => void;
+    onBarClick?: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onBarKeyDown?: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+type useMediaProgressBarReturnType = {
+    playing: boolean;
+    barRef: React.RefObject<HTMLDivElement>;
+    progressBarRef: React.RefObject<HTMLDivElement>;
+    handleBarEnd: () => void;
+    handleClickBar: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    handleKeyDownBar: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
+};
+export declare const useMediaProgressBar: ({ playingExternal, circular, currentBar, barsNum, onBarChange, onFinish, onBarClick, onBarKeyDown, }: IUseMediaProgressBar) => useMediaProgressBarReturnType;
+export {};

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

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

package/dist/cjs/components/mediaProgressBar/mediaProgressBar.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IMediaProgressBar } from './types';
+declare const MediaProgressBarBoundary: <V extends string | unknown>(props: IMediaProgressBar<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const MediaProgressBar: <V extends string | unknown>(props: React.PropsWithChildren<IMediaProgressBar<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof MediaProgressBarBoundary>;
+/**
+ * @description
+ * MediaProgressBar component is used to show a progress bar.
+ * @param {React.PropsWithChildren<IMediaProgressBar<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <MediaProgressBar variant="mediaProgressBar" />
+ */
+export { MediaProgressBar };

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

@@ -0,0 +1,13 @@
+import { MediaProgressBarVariantStylesType } from './types';
+type MediaProgressBarStylesType = {
+    styles: MediaProgressBarVariantStylesType;
+    playing?: boolean;
+    barFocused?: boolean;
+    clickableBars?: boolean;
+    barProgressDuration?: number;
+};
+export declare const ParentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export declare const BarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export declare const BarContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export declare const ProgressBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export {};

package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IMediaProgressBarStandAlone } from './types';
+/**
+ * @description
+ * MediaProgressBar component is used to show a progress bar.
+ * @param {React.PropsWithChildren<IMediaProgressBarStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const MediaProgressBarStandalone: React.ForwardRefExoticComponent<IMediaProgressBarStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.js

@@ -30,7 +30,7 @@ const hooks_1 = require("../../hooks");
 const types_1 = require("../../types");
 const mediaProgressBar_styled_1 = require("./mediaProgressBar.styled");
 const mediaProgressBarUtils_1 = require("./utils/mediaProgressBarUtils");
-const MediaProgressBarStandaloneComponent = ({ barsNum, ...props }, ref) => {
+const MediaProgressBarStandaloneComponent = ({ dataTestIdBar = 'bar', dataTestIdProgressBar = 'progress-bar', barsNum, ...props }, ref) => {
     const device = (0, hooks_1.useMediaDevice)();
     const bars = Array.from({ length: barsNum }, (_, index) => {
         const newIndex = (0, mediaProgressBarUtils_1.mediaProgressBarIndex)({
@@ -42,7 +42,7 @@ const MediaProgressBarStandaloneComponent = ({ barsNum, ...props }, ref) => {
         });
         if (newIndex === undefined)
             return;
-        return ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarContainerStyled, { ref: props.barRef, "aria-current": newIndex === props.currentBar, "aria-label": (0, mediaProgressBarUtils_1.buildMediaProgessBarAriaLabel)(newIndex, barsNum, props.barAriaLabel), barFocused: newIndex === props.currentBar, clickableBars: props.clickableBars, role: types_1.ROLES.BUTTON, styles: props.styles, tabIndex: 0, onClick: e => props.onBarClick?.(newIndex, e), onKeyDown: e => props.onBarKeyDown?.(newIndex, e), children: (0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarStyled, { barFocused: newIndex === props.currentBar, "data-testid": `${props.dataTestIdBar}-${newIndex}`, styles: props.styles, children: newIndex === props.currentBar && ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.ProgressBarStyled, { ref: props.progressBarRef, barFocused: newIndex === props.currentBar, barProgressDuration: props.barProgressDuration, "data-testid": `${props.dataTestIdProgressBar}-${newIndex}`, playing: props.playing, styles: props.styles })) }) }, newIndex));
+        return ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarContainerStyled, { ref: props.barRef, "aria-current": newIndex === props.currentBar, "aria-label": (0, mediaProgressBarUtils_1.buildMediaProgessBarAriaLabel)(newIndex, barsNum, props.barAriaLabel), barFocused: newIndex === props.currentBar, clickableBars: props.clickableBars, role: types_1.ROLES.BUTTON, styles: props.styles, tabIndex: 0, onClick: e => props.onBarClick?.(newIndex, e), onKeyDown: e => props.onBarKeyDown?.(newIndex, e), children: (0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarStyled, { barFocused: newIndex === props.currentBar, "data-testid": `${dataTestIdBar}-${newIndex}`, styles: props.styles, children: newIndex === props.currentBar && ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.ProgressBarStyled, { ref: props.progressBarRef, barFocused: newIndex === props.currentBar, barProgressDuration: props.barProgressDuration, "data-testid": `${dataTestIdProgressBar}-${newIndex}`, playing: props.playing, styles: props.styles })) }) }, newIndex));
     });
     return ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.ParentContainerStyled, { ref: ref, styles: props.styles, children: bars }));
 };

package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediaProgressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBarStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAyC;AACzC,mCAAgC;AAEhC,uEAKmC;AAEnC,yEAGuC;AAEvC,MAAM,mCAAmC,GAAG,CAC1C,EAAE,OAAO,EAAE,GAAG,KAAK,EAA+B,EAClD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC;YACrC,KAAK;YACL,OAAO;YACP,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,MAAM;YACN,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC,CAAC;QAEH,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACnC,OAAO,CACL,uBAAC,4CAAkB,IAEjB,GAAG,EAAE,KAAK,CAAC,MAAM,kBACH,QAAQ,KAAK,KAAK,CAAC,UAAU,gBAC/B,IAAA,qDAA6B,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,EAChF,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,aAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC7C,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,YAEjD,uBAAC,mCAAS,IACR,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,iBAC5B,GAAG,KAAK,CAAC,aAAa,IAAI,QAAQ,EAAE,EACjD,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,QAAQ,KAAK,KAAK,CAAC,UAAU,IAAI,CAChC,uBAAC,2CAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,cAAc,EACzB,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,iBACjC,GAAG,KAAK,CAAC,qBAAqB,IAAI,QAAQ,EAAE,EACzD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,GACS,IA3BP,QAAQ,CA4BM,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,+CAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClD,IAAI,GACiB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC"}
+{"version":3,"file":"mediaProgressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBarStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAyC;AACzC,mCAAgC;AAEhC,uEAKmC;AAEnC,yEAGuC;AAEvC,MAAM,mCAAmC,GAAG,CAC1C,EACE,aAAa,GAAG,KAAK,EACrB,qBAAqB,GAAG,cAAc,EACtC,OAAO,EACP,GAAG,KAAK,EACoB,EAC9B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC;YACrC,KAAK;YACL,OAAO;YACP,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,MAAM;YACN,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC,CAAC;QAEH,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACnC,OAAO,CACL,uBAAC,4CAAkB,IAEjB,GAAG,EAAE,KAAK,CAAC,MAAM,kBACH,QAAQ,KAAK,KAAK,CAAC,UAAU,gBAC/B,IAAA,qDAA6B,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,EAChF,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,aAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC7C,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,YAEjD,uBAAC,mCAAS,IACR,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,iBAC5B,GAAG,aAAa,IAAI,QAAQ,EAAE,EAC3C,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,QAAQ,KAAK,KAAK,CAAC,UAAU,IAAI,CAChC,uBAAC,2CAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,cAAc,EACzB,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,iBACjC,GAAG,qBAAqB,IAAI,QAAQ,EAAE,EACnD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,GACS,IA3BP,QAAQ,CA4BM,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,+CAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClD,IAAI,GACiB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './mediaProgressBarTheme';
+export * from './mediaProgressBar';

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

@@ -0,0 +1,33 @@
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { MediaProgressBarVariantStylesType } from './mediaProgressBarTheme';
+export declare const BUILD_SCREEN_READER_CURRENT_PAGE_KEY = "{{currentBar}}";
+export declare const BUILD_SCREEN_READER_NUM_PAGES_KEY = "{{barsNum}}";
+export interface IMediaProgressBarStandAlone {
+    styles: MediaProgressBarVariantStylesType;
+    barsNum: number;
+    barAriaLabel?: string;
+    barProgressDuration: number;
+    dataTestIdBar?: string;
+    dataTestIdProgressBar?: string;
+    currentBar: number;
+    barRef: React.RefObject<HTMLDivElement>;
+    progressBarRef: React.RefObject<HTMLDivElement>;
+    playing: boolean;
+    clickableBars?: boolean;
+    onBarClick?: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onBarKeyDown?: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
+    maxBars?: {
+        default: number;
+    } & {
+        [device in DeviceBreakpointsType]?: number;
+    };
+}
+export interface IMediaProgressBar<V = undefined extends string ? unknown : string> extends Omit<IMediaProgressBarStandAlone, 'styles' | 'handleBarEnd' | 'barRef' | 'progressBarRef' | 'playing' | 'currentBar' | 'barsNum'>, Omit<CustomTokenTypes<MediaProgressBarVariantStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    onBarChange?: (indexBar: number, event?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    playingExternal?: boolean;
+    currentBar?: number;
+    barsNum?: number;
+    onFinish?: (playingExternal: boolean) => void;
+    circular?: boolean;
+}

package/dist/cjs/components/mediaProgressBar/types/mediaProgressBarTheme.d.ts

@@ -0,0 +1,25 @@
+import { CommonStyleType } from '../../../types';
+/**
+ * @description
+ * interface for the loader
+ * @interface LoaderStylesPropsType
+ */
+export type MediaProgressBarVariantStylesType = {
+    container?: CommonStyleType;
+    barContainer?: CommonStyleType & {
+        filled?: CommonStyleType;
+    };
+    bar?: CommonStyleType & {
+        filled?: CommonStyleType;
+    };
+    progressBar?: CommonStyleType;
+    bullet?: CommonStyleType;
+};
+/**
+ * @description
+ * interface for the loader
+ * @interface ILoaderStyled
+ */
+export type MediaProgressBarStylesType<P extends string | number | symbol> = {
+    [variant in P]: MediaProgressBarVariantStylesType;
+};

package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarUtils.d.ts

@@ -0,0 +1,15 @@
+import { DeviceBreakpointsType } from '../../../types';
+interface IUseMediaProgressBarIndexProps {
+    index: number;
+    barsNum: number;
+    currentBar: number;
+    device: DeviceBreakpointsType;
+    maxBars: ({
+        default: number;
+    } & {
+        [device in DeviceBreakpointsType]?: number;
+    }) | undefined;
+}
+export declare const mediaProgressBarIndex: ({ index, barsNum, currentBar, device, maxBars, }: IUseMediaProgressBarIndexProps) => number | undefined;
+export declare const buildMediaProgessBarAriaLabel: (currentBar: number, barsNum: number, barAriaLabel?: string) => string | undefined;
+export {};

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

@@ -0,0 +1,4 @@
+export type { IMessageStandAlone, IMessageControlled, IMessageUnControlled, MessageActionButtonType, MessageExtraActionButtonType, MessageContentType, MessageTitleType, MessageTagType, MessageLinkType, MessagePropsThemeType, MessageStylesType, MessageContainerAsLinkType, } from './types';
+export { MessageControlled } from './messageControlled';
+export { MessageUnControlled as Message } from './messageUnControlled';
+export { ParentContainerStyled as MessageStyled } from './message.styled';

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

@@ -0,0 +1,39 @@
+import { IconTypes } from '../../types';
+import { MessagePropsThemeType } from './types/messageTheme';
+export declare const ParentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const MessageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const MessageHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+    isLargeMessage?: boolean;
+    withIcon?: boolean;
+}>> & string;
+export declare const MessageTextStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    extraPaddingGap?: boolean;
+    styles?: IconTypes;
+}>> & string;
+export declare const MessageContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+    isLargeMessage?: boolean;
+}>> & string;
+export declare const ExtraActioButtonWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const ButtonSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const ActioButtonWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const CloseButtonSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const LinkContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;
+export declare const LinksContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>> & string;

package/dist/cjs/components/message/messageControlled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IMessageControlled } from './types';
+declare const MessageBoundary: <V extends string | unknown>(props: IMessageControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const MessageControlled: <V extends string | unknown>(props: React.PropsWithChildren<IMessageControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof MessageBoundary>;
+export { MessageControlled };

package/dist/cjs/components/message/messageStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IMessageStandAlone } from './types';
+export declare const MessageStandAlone: React.ForwardRefExoticComponent<IMessageStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/message/messageStandAlone.js

@@ -35,7 +35,7 @@ const types_1 = require("../../types");
 const link_1 = require("../link");
 // styles
 const message_styled_1 = require("./message.styled");
-const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = types_1.AriaLiveOptionType.OFF, ...props }, ref) => {
+const MessageStandAloneComponent = ({ dataTestId = 'message', maxContentLength = 246, ariaLive = types_1.AriaLiveOptionType.OFF, ...props }, ref) => {
     const isLargeMessage = (() => typeof props.content.content === 'string' &&
         props.content.content.length >= maxContentLength)();
     const buildIconOrIllustration = () => {
@@ -48,16 +48,16 @@ const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = types_1
         return null;
     };
     const buildActionButton = () => props.actionButton?.content &&
-        (props.styles.actionButton?.size || props.actionButton?.size) && ((0, jsx_runtime_1.jsx)(message_styled_1.ActioButtonWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { dataTestId: `${props.dataTestId}ActionButton`, size: props.styles.actionButton?.size, ...props.actionButton, children: props.actionButton?.content }) }));
+        (props.styles.actionButton?.size || props.actionButton?.size) && ((0, jsx_runtime_1.jsx)(message_styled_1.ActioButtonWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { size: props.styles.actionButton?.size, ...props.actionButton, children: props.actionButton?.content }) }));
     const buildTag = () => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { option: '', status: '', variant: '', ...props.tag, children: props.tag?.content }));
     const buildExtraActionButton = () => props.extraActionButton?.content && ((0, jsx_runtime_1.jsx)(message_styled_1.ExtraActioButtonWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...props.extraActionButton, children: props.extraActionButton?.content }) }));
     const buildContent = () => {
-        return typeof props.content.content === 'string' ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.PARAGRAPH, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, ...props.content, children: props.content.content })) : (props.content.content);
+        return typeof props.content.content === 'string' ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.PARAGRAPH, customTypography: props.styles.description, ...props.content, children: props.content.content })) : (props.content.content);
     };
     const buildTitle = () => {
-        return typeof props.title?.content === 'string' ? ((0, jsx_runtime_1.jsx)(message_styled_1.MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.PARAGRAPH, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content }) })) : (props.title?.content);
+        return typeof props.title?.content === 'string' ? ((0, jsx_runtime_1.jsx)(message_styled_1.MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.PARAGRAPH, customTypography: props.styles.title, ...props.title, children: props.title.content }) })) : (props.title?.content);
     };
-    return ((0, jsx_runtime_1.jsx)(message_styled_1.ParentContainerStyled, { "aria-live": ariaLive, styles: props.styles, children: props.open && ((0, jsx_runtime_1.jsxs)(message_styled_1.MessageStyled, { ref: ref, as: props.messageContainerProps?.url ? props.linkComponent : 'div', "data-testid": `${props.dataTestId}Message`, id: props.id, role: props.role, styles: props.styles, target: props.messageContainerProps?.target, url: (props.messageContainerProps?.url || undefined), onClick: props.messageContainerProps?.onClick, children: [buildIconOrIllustration(), props.closeIcon?.onClick && ((0, jsx_runtime_1.jsx)(message_styled_1.CloseButtonSectionStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) })), (0, jsx_runtime_1.jsxs)(message_styled_1.MessageHeaderStyled, { as: props.titleAndContentContainerProps?.url ? props.linkComponent : 'div', isLargeMessage: isLargeMessage, role: props.titleAndContentRole, styles: props.styles, target: props.titleAndContentContainerProps?.target, url: (props.titleAndContentContainerProps?.url || undefined), withIcon: !!props.closeIcon, onClick: props.titleAndContentContainerProps?.onClick, children: [props.title && buildTitle(), props.tag?.content && buildTag(), (0, jsx_runtime_1.jsxs)(message_styled_1.MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: [buildContent(), props.inlineLink?.content && ((0, jsx_runtime_1.jsx)(link_1.Link, { dataTestId: `${props.dataTestId}Link`, decoration: text_1.TextDecorationType.UNDERLINE, ...props.inlineLink, children: props.inlineLink.content }))] }), (props.extraActionButton || props.actionButton) && ((0, jsx_runtime_1.jsxs)(message_styled_1.ButtonSectionStyled, { styles: props.styles, children: [buildExtraActionButton(), buildActionButton()] })), props.link?.content && ((0, jsx_runtime_1.jsx)(message_styled_1.LinkContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { dataTestId: `${props.dataTestId}Link`, decoration: text_1.TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) })), props.links && props.links.length > 0 && ((0, jsx_runtime_1.jsx)(message_styled_1.LinksContainerStyled, { styles: props.styles, children: props.links.map((link, index) => link.content ? ((0, jsx_runtime_1.jsx)(message_styled_1.LinkContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { dataTestId: `${props.dataTestId}Link${index}`, decoration: text_1.TextDecorationType.UNDERLINE, ...link, children: link.content }) }, index)) : null) }))] })] })) }));
+    return ((0, jsx_runtime_1.jsx)(message_styled_1.ParentContainerStyled, { "aria-live": ariaLive, styles: props.styles, children: props.open && ((0, jsx_runtime_1.jsxs)(message_styled_1.MessageStyled, { ref: ref, as: props.messageContainerProps?.url ? props.linkComponent : 'div', "data-testid": dataTestId, id: props.id, role: props.role, styles: props.styles, target: props.messageContainerProps?.target, url: (props.messageContainerProps?.url || undefined), onClick: props.messageContainerProps?.onClick, children: [buildIconOrIllustration(), props.closeIcon && ((0, jsx_runtime_1.jsx)(message_styled_1.CloseButtonSectionStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) })), (0, jsx_runtime_1.jsxs)(message_styled_1.MessageHeaderStyled, { as: props.titleAndContentContainerProps?.url ? props.linkComponent : 'div', isLargeMessage: isLargeMessage, role: props.titleAndContentRole, styles: props.styles, target: props.titleAndContentContainerProps?.target, url: (props.titleAndContentContainerProps?.url || undefined), withIcon: !!props.closeIcon, onClick: props.titleAndContentContainerProps?.onClick, children: [props.title && buildTitle(), props.tag?.content && buildTag(), (0, jsx_runtime_1.jsxs)(message_styled_1.MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: [buildContent(), props.inlineLink?.content && ((0, jsx_runtime_1.jsx)(link_1.Link, { decoration: text_1.TextDecorationType.UNDERLINE, ...props.inlineLink, children: props.inlineLink.content }))] }), (props.extraActionButton || props.actionButton) && ((0, jsx_runtime_1.jsxs)(message_styled_1.ButtonSectionStyled, { styles: props.styles, children: [buildExtraActionButton(), buildActionButton()] })), props.link?.content && ((0, jsx_runtime_1.jsx)(message_styled_1.LinkContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { decoration: text_1.TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) })), props.links && props.links.length > 0 && ((0, jsx_runtime_1.jsx)(message_styled_1.LinksContainerStyled, { styles: props.styles, children: props.links.map((link, index) => link.content ? ((0, jsx_runtime_1.jsx)(message_styled_1.LinkContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { decoration: text_1.TextDecorationType.UNDERLINE, ...link, children: link.content }) }, index)) : null) }))] })] })) }));
 };
 exports.MessageStandAlone = React.forwardRef(MessageStandAloneComponent);
 //# sourceMappingURL=messageStandAlone.js.map

package/dist/cjs/components/message/messageStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/message/messageStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"messageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/message/messageStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAoD;AACpD,8DAA2D;AAC3D,oGAAiG;AACjG,8CAA2C;AAC3C,4CAAgF;AAChF,mCAA6C;AAE7C,kCAA+B;AAC/B,SAAS;AACT,qDAY0B;AAG1B,MAAM,0BAA0B,GAAG,CACjC,EACE,UAAU,GAAG,SAAS,EACtB,gBAAgB,GAAG,GAAG,EACtB,QAAQ,GAAG,0BAAkB,CAAC,GAAG,EACjC,GAAG,KAAK,EACW,EACrB,GAA0D,EACtC,EAAE;IACtB,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,CAC3B,OAAO,KAAK,CAAC,OAAO,CAAC,OAAO,KAAK,QAAQ;QACzC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI,gBAAgB,CAAC,EAAE,CAAC;IAEtD,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,IAAI,KAAK,CAAC,YAAY,EAAE,YAAY,EAAE,CAAC;YACrC,OAAO,CACL,uBAAC,6CAAqB,IACpB,wBAAwB,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,KAC/C,KAAK,CAAC,YAAY,GACtB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChC,OAAO,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,CAAC;QACxF,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,KAAK,CAAC,YAAY,EAAE,OAAO;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAC/D,uBAAC,yCAAwB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC5C,uBAAC,eAAM,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,KAAM,KAAK,CAAC,YAAY,YAClE,KAAK,CAAC,YAAY,EAAE,OAAO,GACrB,GACgB,CAC5B,CAAC;IAEJ,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,uBAAC,SAAG,IAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAM,KAAK,CAAC,GAAG,YACpD,KAAK,CAAC,GAAG,EAAE,OAAO,GACf,CACP,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,KAAK,CAAC,iBAAiB,EAAE,OAAO,IAAI,CAClC,uBAAC,8CAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACjD,uBAAC,eAAM,OAAK,KAAK,CAAC,iBAAiB,YAAG,KAAK,CAAC,iBAAiB,EAAE,OAAO,GAAU,GAClD,CACjC,CAAC;IAEJ,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,OAAO,KAAK,CAAC,OAAO,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjD,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,KACtC,KAAK,CAAC,OAAO,YAEhB,KAAK,CAAC,OAAO,CAAC,OAAO,GACjB,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,OAAO,CACtB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,OAAO,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChD,uBAAC,kCAAiB,yBACG,KAAK,CAAC,aAAa,EACtC,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,YAE9B,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACf,GACW,CACrB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,EAAE,OAAO,CACrB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,sCAAqB,iBAAY,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC7D,KAAK,CAAC,IAAI,IAAI,CACb,wBAAC,8BAAa,IACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,iBACrD,UAAU,EACvB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,qBAAqB,EAAE,MAAM,EAC3C,GAAG,EAAE,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,IAAI,SAAS,CAAW,EAC9D,OAAO,EAAE,KAAK,CAAC,qBAAqB,EAAE,OAAO,aAE5C,uBAAuB,EAAE,EACzB,KAAK,CAAC,SAAS,IAAI,CAClB,uBAAC,yCAAwB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC5C,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,KAAM,KAAK,CAAC,SAAS,GAAI,GACvD,CAC5B,EACD,wBAAC,oCAAmB,IAClB,EAAE,EAAE,KAAK,CAAC,6BAA6B,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EAC1E,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,KAAK,CAAC,mBAAmB,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,6BAA6B,EAAE,MAAM,EACnD,GAAG,EAAE,CAAC,KAAK,CAAC,6BAA6B,EAAE,GAAG,IAAI,SAAS,CAAW,EACtE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAC3B,OAAO,EAAE,KAAK,CAAC,6BAA6B,EAAE,OAAO,aAEpD,KAAK,CAAC,KAAK,IAAI,UAAU,EAAE,EAC3B,KAAK,CAAC,GAAG,EAAE,OAAO,IAAI,QAAQ,EAAE,EACjC,wBAAC,qCAAoB,IAAC,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACvE,YAAY,EAAE,EACd,KAAK,CAAC,UAAU,EAAE,OAAO,IAAI,CAC5B,uBAAC,WAAI,IAAC,UAAU,EAAE,yBAAkB,CAAC,SAAS,KAAM,KAAK,CAAC,UAAU,YACjE,KAAK,CAAC,UAAU,CAAC,OAAO,GACpB,CACR,IACoB,EACtB,CAAC,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,CAClD,wBAAC,oCAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACtC,sBAAsB,EAAE,EACxB,iBAAiB,EAAE,IACA,CACvB,EAEA,KAAK,CAAC,IAAI,EAAE,OAAO,IAAI,CACtB,uBAAC,oCAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACvC,uBAAC,WAAI,IAAC,UAAU,EAAE,yBAAkB,CAAC,SAAS,KAAM,KAAK,CAAC,IAAI,YAC3D,KAAK,CAAC,IAAI,CAAC,OAAO,GACd,GACa,CACvB,EACA,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,uBAAC,qCAAoB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACvC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC/B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,uBAAC,oCAAmB,IAAa,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,uBAAC,WAAI,IAAC,UAAU,EAAE,yBAAkB,CAAC,SAAS,KAAM,IAAI,YACrD,IAAI,CAAC,OAAO,GACR,IAHiB,KAAK,CAIT,CACvB,CAAC,CAAC,CAAC,IAAI,CACT,GACoB,CACxB,IACmB,IACR,CACjB,GACqB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}

package/dist/cjs/components/message/messageUnControlled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IMessageUnControlled } from './types';
+declare const MessageUnControlledComponent: <V extends string | unknown>({ defaultOpen, ...props }: IMessageUnControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const MessageUnControlled: <V extends string | unknown>(props: React.PropsWithChildren<IMessageUnControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof MessageUnControlledComponent>;
+export { MessageUnControlled };

package/dist/cjs/components/message/messageUnControlled.js

@@ -34,7 +34,7 @@ const MessageUnControlledComponent = ({ defaultOpen = true, ...props }, ref) =>
         setOpen(false);
         props.closeIcon?.onClick?.(event);
     };
-    return ((0, jsx_runtime_1.jsx)(messageControlled_1.MessageControlled, { ...props, ref: ref, closeIcon: { ...props.closeIcon, onClick: handleCloseButton }, open: open }));
+    return ((0, jsx_runtime_1.jsx)(messageControlled_1.MessageControlled, { ...props, ref: ref, closeIcon: props.closeIcon ? { ...props.closeIcon, onClick: handleCloseButton } : undefined, open: open }));
 };
 const MessageUnControlled = React.forwardRef(MessageUnControlledComponent);
 exports.MessageUnControlled = MessageUnControlled;

package/dist/cjs/components/message/messageUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageUnControlled.js","sourceRoot":"","sources":["../../../../src/components/message/messageUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS;AACT,2DAAwD;AAGxD,MAAM,4BAA4B,GAAG,CACnC,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,KAAK,EAA2B,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEpD,MAAM,iBAAiB,GAA+C,KAAK,CAAC,EAAE;QAC5E,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,qCAAiB,OACZ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAC7D,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAMrB,CAAC;AAE5C,kDAAmB"}
+{"version":3,"file":"messageUnControlled.js","sourceRoot":"","sources":["../../../../src/components/message/messageUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS;AACT,2DAAwD;AAGxD,MAAM,4BAA4B,GAAG,CACnC,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,KAAK,EAA2B,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEpD,MAAM,iBAAiB,GAA+C,KAAK,CAAC,EAAE;QAC5E,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,qCAAiB,OACZ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,SAAS,EAC3F,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAMrB,CAAC;AAE5C,kDAAmB"}

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

@@ -0,0 +1,2 @@
+export type { IMessageStandAlone, IMessageControlled, IMessageUnControlled, MessageActionButtonType, MessageExtraActionButtonType, MessageContentType, MessageTitleType, MessageTagType, MessageLinkType, MessageContainerAsLinkType, } from './message';
+export type { MessagePropsThemeType, MessageStylesType } from './messageTheme';

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

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { IButton } from '../../../components/button';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IElementOrillustration } from '../../../components/elementOrIllustration';
+import { ILink, LinkTargetType } from '../../../components/link';
+import { ITag } from '../../../components/tag';
+import { IText } from '../../../components/text';
+import { GenericLinkType } from '../../../provider/genericComponents';
+import { AriaLiveOptionType, CustomTokenTypes, ROLES } from '../../../types';
+import { MessagePropsThemeType } from './messageTheme';
+export type MessageActionButtonType = Omit<IButton, 'children' | 'size'> & {
+    content?: React.ReactNode;
+    size?: string;
+};
+export type MessageExtraActionButtonType = Omit<IButton, 'children'> & {
+    content?: React.ReactNode;
+};
+export type MessageContentType = Omit<IText<string>, 'children'> & {
+    content: React.ReactNode;
+};
+export type MessageTitleType = Omit<IText<string>, 'children'> & {
+    content: React.ReactNode;
+};
+export type MessageTagType = Omit<ITag, 'children'> & {
+    content: string;
+};
+export type MessageLinkType = Omit<ILink, 'children'> & {
+    content?: string;
+};
+export type MessageContainerAsLinkType = {
+    onClick?: () => void;
+    url?: string;
+    target?: LinkTargetType;
+};
+export interface IMessageStandAlone {
+    illustration?: IElementOrillustration;
+    linkComponent: GenericLinkType;
+    messageContainerProps?: MessageContainerAsLinkType;
+    titleAndContentContainerProps?: MessageContainerAsLinkType;
+    titleAndContentRole?: ROLES;
+    infoIcon?: IElementOrIcon;
+    actionButton?: MessageActionButtonType;
+    extraActionButton?: MessageExtraActionButtonType;
+    content: MessageContentType;
+    inlineLink?: MessageLinkType;
+    title?: MessageTitleType;
+    tag?: MessageTagType;
+    ariaMessageId?: string;
+    closeIcon?: IElementOrIcon;
+    dataTestId?: string;
+    maxContentLength?: number;
+    open: boolean;
+    styles: MessagePropsThemeType;
+    role?: ROLES;
+    id?: string;
+    ariaLive?: AriaLiveOptionType;
+    /**
+     * @deprecated Use the new prop "links"
+     */
+    link?: MessageLinkType;
+    links?: MessageLinkType[];
+}
+export interface IMessageControlled<V = undefined extends string ? unknown : string> extends Omit<IMessageStandAlone, 'styles' | 'linkComponent'>, Omit<CustomTokenTypes<MessagePropsThemeType>, 'cts' | 'extraCt'> {
+    open: boolean;
+    variant: V;
+}
+export interface IMessageUnControlled<V = undefined extends string ? unknown : string> extends Omit<IMessageControlled<V>, 'open' | 'onClose'> {
+    defaultOpen?: boolean;
+}

package/dist/cjs/components/message/types/messageTheme.d.ts

@@ -0,0 +1,29 @@
+import { CommonStyleType, IconTypes, IllustrationTypes, TypographyTypes } from '../../../types';
+export type MessagePropsThemeType = {
+    parentContainer?: CommonStyleType;
+    container?: CommonStyleType;
+    headerContainer?: CommonStyleType;
+    headerContainerLargeMessage?: CommonStyleType;
+    title?: TypographyTypes;
+    contentContainer?: CommonStyleType;
+    contentContainerLargeMessage?: CommonStyleType;
+    description?: TypographyTypes;
+    infoIcon?: IconTypes;
+    closeIcon?: IconTypes;
+    closeIconContainer?: CommonStyleType;
+    buttonSectionContainer?: CommonStyleType;
+    actionButtonContainer?: CommonStyleType;
+    actionButton?: {
+        size?: string;
+    };
+    extraActionButtonContainer?: CommonStyleType;
+    extraActionButton?: {
+        size?: string;
+    };
+    illustration?: IllustrationTypes;
+    linkContainer?: CommonStyleType;
+    linksContainer?: CommonStyleType;
+};
+export type MessageStylesType<P extends string | number | symbol> = {
+    [key in P]?: MessagePropsThemeType;
+};

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

@@ -0,0 +1,3 @@
+export * from './types';
+export { ModalUnControlled as Modal } from './modalUnControlled';
+export { ModalControlled } from './modalControlled';

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

@@ -0,0 +1,13 @@
+import type { IModalStyled } from './types';
+type ModalShowScrollType = {
+    $minContentHeight?: string;
+};
+export declare const ModalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const ModalHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const TitleHiddenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ModalCloseButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const ModalImageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const ModalContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled & ModalShowScrollType>> & string;
+export declare const ModalFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const DraggableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export {};

package/dist/cjs/components/modal/modalControlled.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { IModalControlled } from './types';
+declare const ModalBoundary: <V extends string | unknown>({ portalId, ...props }: IModalControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+/**
+ * @deprecated Try the new ModalV2 component
+ *
+ **/
+declare const ModalControlled: <V extends string | unknown>(props: React.PropsWithChildren<IModalControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof ModalBoundary>;
+export { ModalControlled };

package/dist/cjs/components/modal/modalControlled.js

@@ -43,19 +43,40 @@ const CONTENT_STYLES_EDIT = [
 const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
     const styles = (0, hooks_1.useStyles)(constants_1.STYLES_NAME.MODAL, variant, ctv);
     const device = (0, hooks_1.useMediaDevice)();
-    const conditional = React.useMemo(() => device !== types_1.DeviceBreakpointsType.DESKTOP && device !== types_1.DeviceBreakpointsType.LARGE_DESKTOP, [device]);
-    const { scrollableRef, resizeRef, shadowRef } = (0, hooks_1.useScrollEffect)({
-        conditional,
+    const innerRef = React.useRef(null);
+    const handleInnerRef = React.useCallback(node => {
+        innerRef.current = node;
+        const modalHeader = innerRef.current?.querySelector('[data-modal-header]');
+        const modalContent = innerRef.current?.querySelector('[data-modal-content]');
+        const modalDraggableIcon = innerRef.current?.querySelector('[data-modal-draggable-icon]');
+        const modalIllustration = innerRef.current?.querySelector('[data-modal-ilustration-container]')?.firstElementChild;
+        handleModalZoomEffect(innerRef.current);
+        handleHeaderShadowEffect(modalHeader);
+        handleContentScrollEffect(modalContent);
+        handleIllustrationResizeEffect(modalIllustration);
+        handleContentZoomEffect(modalContent);
+        handleContentScrollDetection(modalContent);
+        handleDraggableIconSwipeDown(modalDraggableIcon);
+    }, []);
+    React.useImperativeHandle(ref, () => {
+        return innerRef?.current;
+    }, []);
+    const isTabletOrMobile = React.useMemo(() => device !== types_1.DeviceBreakpointsType.DESKTOP && device !== types_1.DeviceBreakpointsType.LARGE_DESKTOP, [device]);
+    const { scrollableRef: handleContentScrollEffect, resizeRef: handleIllustrationResizeEffect, shadowRef: handleHeaderShadowEffect, } = (0, hooks_1.useScrollEffect)({
+        conditional: isTabletOrMobile,
         shadowStyles: styles.headerContainer?.box_shadow,
     });
-    const zoomRef = (0, hooks_1.useZoomEffect)(CONTAINER_STYLES_EDIT, MAX_ZOOM);
-    const zoomRefChild = (0, hooks_1.useZoomEffect)(CONTENT_STYLES_EDIT, MAX_ZOOM);
-    const { setPopoverRef, setDragIconRef } = (0, hooks_1.useSwipeDown)(props.popover?.animationOptions, () => props.onClose?.());
+    const handleModalZoomEffect = (0, hooks_1.useZoomEffect)(CONTAINER_STYLES_EDIT, MAX_ZOOM);
+    const handleContentZoomEffect = (0, hooks_1.useZoomEffect)(CONTENT_STYLES_EDIT, MAX_ZOOM);
+    const { setPopoverRef: handlePopoverSwipeDown, setDragIconRef: handleDraggableIconSwipeDown } = (0, hooks_1.useSwipeDown)(props.popover?.animationOptions, () => props.onClose?.());
+    const { hasScroll: contentHasScroll, handleScrollDetection: handleContentScrollDetection } = (0, hooks_1.useScrollDetectionWithAutoFocus)({
+        parentElementRef: innerRef,
+    });
     const handlePopoverCloseInternally = () => {
         props.popover?.onCloseInternally?.();
         props.onClose?.();
     };
-    const modalStructure = ((0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: ref, device: device, dragIconRef: setDragIconRef, popover: { ...props.popover, forwardedRef: setPopoverRef }, resizeRef: resizeRef, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: styles, zoomRef: zoomRef, zoomRefChild: zoomRefChild, onPopoverCloseInternally: handlePopoverCloseInternally }));
+    const modalStructure = ((0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: handleInnerRef, contentHasScroll: contentHasScroll, device: device, popover: { ...props.popover, forwardedRef: handlePopoverSwipeDown }, styles: styles, onPopoverCloseInternally: handlePopoverCloseInternally }));
     return portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure;
 });
 ModalControlledComponent.displayName = 'ModalControlledComponent';