@telefonica/mistica 14.13.0 → 14.15.0

package/dist/card.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import Tag from './tag';
 import Image from './image';
 import Video from './video';
+import type { PressHandler } from './touchable';
 import type { VideoSource } from './video';
 import type { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { ExclusifyUnion } from './utils/utility-types';
@@ -16,7 +17,16 @@ type CardAction = {
     iconBackgroundInverse?: string;
 };
 type AspectRatio = '1:1' | '16:9' | '7:10' | '9:10' | 'auto';
-type MediaCardProps = {
+type BaseCardTouchableProps = ExclusifyUnion<{
+    href?: string;
+    newTab?: boolean;
+} | {
+    to?: string;
+    fullPageOnWebView?: boolean;
+} | {
+    onPress?: PressHandler;
+}>;
+interface MediaCardBaseProps {
     media: RendersElement<typeof Image> | RendersElement<typeof Video>;
     headline?: string | RendersNullableElement<typeof Tag>;
     pretitle?: string;
@@ -29,15 +39,17 @@ type MediaCardProps = {
     descriptionLinesMax?: number;
     extra?: React.ReactNode;
     actions?: Array<CardAction>;
-    button?: RendersNullableElement<typeof ButtonPrimary>;
-    buttonLink?: RendersNullableElement<typeof ButtonLink>;
     children?: void;
     dataAttributes?: DataAttributes;
     'aria-label'?: string;
     onClose?: () => void;
-};
+}
+type MediaCardProps = MediaCardBaseProps & ExclusifyUnion<BaseCardTouchableProps | {
+    button?: RendersNullableElement<typeof ButtonPrimary>;
+    buttonLink?: RendersNullableElement<typeof ButtonLink>;
+}>;
 export declare const MediaCard: React.ForwardRefExoticComponent<MediaCardProps & React.RefAttributes<HTMLDivElement>>;
-interface DataCardProps {
+interface DataCardBaseProps {
     /**
      * Typically a mistica-icons component element
      */
@@ -53,14 +65,16 @@ interface DataCardProps {
     descriptionLinesMax?: number;
     extra?: React.ReactNode;
     actions?: Array<CardAction>;
-    button?: RendersNullableElement<typeof ButtonPrimary>;
-    buttonLink?: RendersNullableElement<typeof ButtonLink>;
     children?: void;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
     dataAttributes?: DataAttributes;
     'aria-label'?: string;
     onClose?: () => void;
 }
+type DataCardProps = DataCardBaseProps & ExclusifyUnion<BaseCardTouchableProps | {
+    button?: RendersNullableElement<typeof ButtonPrimary>;
+    buttonLink?: RendersNullableElement<typeof ButtonLink>;
+}>;
 export declare const DataCard: React.ForwardRefExoticComponent<DataCardProps & React.RefAttributes<HTMLDivElement>>;
 interface SnapCardBaseProps {
     icon?: React.ReactElement;
@@ -76,24 +90,7 @@ interface SnapCardBaseProps {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     children?: void;
 }
-interface SnapCardToProps extends SnapCardBaseProps {
-    to?: string;
-    fullPageOnWebView?: boolean;
-    href?: undefined;
-    onPress?: undefined;
-}
-interface SnapCardHrefProps extends SnapCardBaseProps {
-    href?: string;
-    newTab?: boolean;
-    onPress?: undefined;
-    to?: undefined;
-}
-interface SnapCardOnPressProps extends SnapCardBaseProps {
-    onPress?: () => void;
-    href?: undefined;
-    to?: undefined;
-}
-type SnapCardProps = SnapCardToProps | SnapCardHrefProps | SnapCardOnPressProps;
+type SnapCardProps = SnapCardBaseProps & BaseCardTouchableProps;
 export declare const SnapCard: React.ForwardRefExoticComponent<SnapCardProps & React.RefAttributes<HTMLDivElement>>;
 interface CommonDisplayCardProps {
     /**
@@ -110,9 +107,6 @@ interface CommonDisplayCardProps {
     titleLinesMax?: number;
     description?: string;
     descriptionLinesMax?: number;
-    button?: React.ReactComponentElement<typeof ButtonPrimary>;
-    secondaryButton?: React.ReactComponentElement<typeof ButtonSecondary>;
-    buttonLink?: React.ReactComponentElement<typeof ButtonLink>;
     'aria-label'?: string;
 }
 type DisplayMediaCardBaseProps = {
@@ -120,19 +114,27 @@ type DisplayMediaCardBaseProps = {
     width?: number | string;
     height?: number | string;
 };
-interface DisplayMediaCardWithImageProps extends CommonDisplayCardProps {
+type DisplayMediaCardWithImageProps = CommonDisplayCardProps & {
     backgroundImage: string;
-}
+};
 type DisplayMediaCardWithVideoProps = Omit<CommonDisplayCardProps, 'actions' | 'onClose'> & {
     backgroundVideo: VideoSource;
     poster?: string;
     backgroundVideoRef?: React.RefObject<HTMLVideoElement>;
 };
-type DisplayMediaCardProps = DisplayMediaCardBaseProps & ExclusifyUnion<DisplayMediaCardWithImageProps | DisplayMediaCardWithVideoProps>;
-interface DisplayDataCardProps extends CommonDisplayCardProps {
+type DisplayMediaCardProps = DisplayMediaCardBaseProps & ExclusifyUnion<DisplayMediaCardWithImageProps | DisplayMediaCardWithVideoProps> & ExclusifyUnion<BaseCardTouchableProps | {
+    button?: React.ReactComponentElement<typeof ButtonPrimary>;
+    secondaryButton?: React.ReactComponentElement<typeof ButtonSecondary>;
+    buttonLink?: React.ReactComponentElement<typeof ButtonLink>;
+}>;
+type DisplayDataCardProps = CommonDisplayCardProps & {
     extra?: React.ReactNode;
     isInverse?: boolean;
-}
+} & ExclusifyUnion<BaseCardTouchableProps | {
+    button?: React.ReactComponentElement<typeof ButtonPrimary>;
+    secondaryButton?: React.ReactComponentElement<typeof ButtonSecondary>;
+    buttonLink?: React.ReactComponentElement<typeof ButtonLink>;
+}>;
 export declare const DisplayMediaCard: React.ForwardRefExoticComponent<DisplayMediaCardProps & React.RefAttributes<HTMLDivElement>>;
 export declare const DisplayDataCard: React.ForwardRefExoticComponent<DisplayDataCardProps & React.RefAttributes<HTMLDivElement>>;
 interface PosterCardBaseProps {
@@ -160,6 +162,6 @@ type PosterCardWithVideoProps = Omit<PosterCardBaseProps, 'actions' | 'onClose'>
     poster?: string;
     backgroundVideoRef?: React.RefObject<HTMLVideoElement>;
 };
-type PosterCardProps = ExclusifyUnion<PosterCardWithImageProps | PosterCardWithVideoProps>;
+type PosterCardProps = ExclusifyUnion<PosterCardWithImageProps | PosterCardWithVideoProps> & BaseCardTouchableProps;
 export declare const PosterCard: React.ForwardRefExoticComponent<PosterCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};