@telefonica/mistica 17.5.0 → 17.7.0

package/dist/card-internal.d.ts

@@ -6,7 +6,37 @@ import type { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { Variant } from './theme-variant-context';
 import type { VideoElement, VideoSource, AspectRatio as VideoAspectRatio } from './video';
 import type { AspectRatio as ImageAspectRatio } from './image';
-import type { PressHandler } from './touchable';
+import type { PressHandler, TouchableProps as BaseTouchableProps } from './touchable';
+type ControlProps = {
+    name?: string;
+    value?: boolean;
+    defaultValue?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+};
+export type CardSelectionProps = ExclusifyUnion<{
+    checkbox: ControlProps;
+} | {
+    switch: ControlProps;
+} | {
+    radioValue: string;
+}>;
+export declare const useControlState: ({ value, defaultValue, onChange, }?: {
+    value?: boolean;
+    defaultValue?: boolean;
+    onChange?: (isChecked: boolean) => void;
+}) => {
+    isChecked: boolean;
+    toggleChecked: () => void;
+};
+type CardControlProps = {
+    checkbox?: ControlProps;
+    switch?: ControlProps;
+    radioValue?: string;
+    checked: boolean;
+    onChange: () => void;
+};
+export declare const CardWithControl: ({ checkbox, switch: switchProps, radioValue, checked, onChange, ...props }: BaseTouchableProps & CardSelectionProps & Pick<CardControlProps, "checked" | "onChange">) => JSX.Element;
 export type CardAspectRatio = '1:1' | '16:9' | '7:10' | '9:10' | 'auto' | number;
 export type MediaAspectRatio = ImageAspectRatio | VideoAspectRatio | 'auto' | number;
 export type CardType = 'data' | 'media' | 'cover' | 'naked';
@@ -25,6 +55,7 @@ type ContainerProps = {
     type: CardType;
     size: CardSize;
     variant?: Variant;
+    selected?: boolean;
     width?: string | number;
     height?: string | number;
     /** Gradient overlay color for cover cards. If not set it uses the theme color */
@@ -131,7 +162,11 @@ type TouchableProps = {
     onPress: PressHandler | undefined;
 }>;
 type TouchableCard<T> = T & TouchableProps;
-export type MaybeTouchableCard<T> = ExclusifyUnion<TouchableCard<T> | T>;
+export type CardInteractionProps<T> = ExclusifyUnion<(TouchableCard<T> & {
+    selected?: boolean;
+}) | (T & {
+    selected?: boolean;
+}) | (Omit<T, 'topActions' | 'onClose' | 'selected'> & CardSelectionProps)>;
 export type BackgroundImageOrVideoProps = {
     video?: React.ReactNode;
     src?: string;
@@ -190,5 +225,5 @@ type PrivateTopActionsProps = {
     containerStyles?: React.CSSProperties;
 };
 export declare const TopActions: ({ testid, onClose, closeButtonLabel, actions: actionsProp, variant, containerStyles, }: Omit<TopActionsProps, "topActions"> & PrivateTopActionsProps) => JSX.Element;
-export declare const InternalCard: React.ForwardRefExoticComponent<MaybeTouchableCard<CardProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const InternalCard: React.ForwardRefExoticComponent<CardInteractionProps<CardProps> & React.RefAttributes<HTMLDivElement>>;
 export {};