@axa-fr/canopee-react 1.0.0-alpha.1089

package/dist/prospect-client/List/ClickItem/ClickItemApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/List/ClickItem/ClickItemApollo.css";
+import { ClickItemCommon } from "./ClickItemCommon";
+import { ClickItemContent } from "./components/ClickItemContentApollo";
+import { ClickItemSuffix } from "./components/ClickItemSuffixApollo";
+import { ClickItemPrefix } from "./components/ClickItemPrefixApollo";
+export const ClickItem = (props) => (_jsx(ClickItemCommon, { ClickItemContentComponent: ClickItemContent, ClickItemSuffixComponent: ClickItemSuffix, ClickItemPrefixComponent: ClickItemPrefix, ...props }));
+export { clickItemStates, clickItemVariants, } from "./ClickItemCommon";

package/dist/prospect-client/List/ClickItem/ClickItemCommon.d.ts

@@ -0,0 +1,15 @@
+import type { ClickItemPropsCommon } from "./types";
+export declare const clickItemVariants: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly agent: "agent";
+};
+export type ClickItemVariants = keyof typeof clickItemVariants;
+export declare const clickItemStates: {
+    readonly default: "default";
+    readonly disabled: "disabled";
+    readonly loading: "loading";
+};
+export type ClickItemStates = keyof typeof clickItemStates;
+export declare const ClickItemCommon: ({ className, state, variant, icon, title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, basePictureProps, onClick, ariaLabelForActionIcon, ClickItemContentComponent, ClickItemSuffixComponent, ClickItemPrefixComponent, }: ClickItemPropsCommon) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/ClickItemCommon.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClickItemWrapper } from "./ClickItemWrapper";
+export const clickItemVariants = {
+    small: "small",
+    medium: "medium",
+    large: "large",
+    agent: "agent",
+};
+export const clickItemStates = {
+    default: "default",
+    disabled: "disabled",
+    loading: "loading",
+};
+export const ClickItemCommon = ({ className = "", state = "default", variant = "large", icon, title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, basePictureProps, onClick, ariaLabelForActionIcon, ClickItemContentComponent, ClickItemSuffixComponent, ClickItemPrefixComponent, }) => {
+    const clickableProps = onClick && {
+        "aria-label": ariaLabelForActionIcon,
+        onClick,
+        disabled: state === "disabled" || state === "loading",
+    };
+    return (_jsxs(ClickItemWrapper, { isClickable: Boolean(onClick), className: [
+            "af-apollo-click-item",
+            `af-apollo-click-item--${variant}`,
+            `af-apollo-click-item--${state}`,
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), ...clickableProps, children: [_jsx("div", { className: "af-apollo-click-item__leading", children: _jsx(ClickItemPrefixComponent, { variant: variant, state: state, basePictureProps: basePictureProps, icon: icon }) }), _jsx("div", { className: "af-apollo-click-item__content", children: _jsx(ClickItemContentComponent, { title: title, subtitle: subtitle, textSecondary: textSecondary, textTertiary: textTertiary, tagLabel: tagLabel, tagProps: {
+                        ...(tagProps ?? {}),
+                        variant: state === "disabled" ? "neutral" : tagProps?.variant,
+                    } }) }), _jsx("div", { className: "af-apollo-click-item__trailing", children: _jsx(ClickItemSuffixComponent, { variant: variant, state: state }) })] }));
+};

package/dist/prospect-client/List/ClickItem/ClickItemLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/List/ClickItem/ClickItemLF.css";
+import type { ClickItemProps } from "./types";
+export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
+export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/prospect-client/List/ClickItem/ClickItemLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/List/ClickItem/ClickItemLF.css";
+import { ClickItemCommon } from "./ClickItemCommon";
+import { ClickItemContent } from "./components/ClickItemContentLF";
+import { ClickItemSuffix } from "./components/ClickItemSuffixLF";
+import { ClickItemPrefix } from "./components/ClickItemPrefixLF";
+export const ClickItem = (props) => (_jsx(ClickItemCommon, { ClickItemContentComponent: ClickItemContent, ClickItemSuffixComponent: ClickItemSuffix, ClickItemPrefixComponent: ClickItemPrefix, ...props }));
+export { clickItemStates, clickItemVariants, } from "./ClickItemCommon";

package/dist/prospect-client/List/ClickItem/ClickItemWrapper.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+type ClickItemWrapperProps = HTMLAttributes<HTMLElement> & {
+    isClickable?: boolean;
+};
+export declare const ClickItemWrapper: ({ isClickable, children, ...props }: ClickItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/List/ClickItem/ClickItemWrapper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ClickItemWrapper = ({ isClickable = true, children, ...props }) => {
+    if (isClickable) {
+        return (_jsx("button", { type: "button", ...props, children: children }));
+    }
+    return _jsx("div", { ...props, children: children });
+};

package/dist/prospect-client/List/ClickItem/components/ClickItemContentApollo.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemContentProps } from "./ClickItemContentCommon";
+export declare const ClickItemContent: (props: ClickItemContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemContentApollo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../../../Tag/TagApollo";
+import { ClickItemContentCommon, } from "./ClickItemContentCommon";
+export const ClickItemContent = (props) => (_jsx(ClickItemContentCommon, { ...props, TagComponent: Tag }));

package/dist/prospect-client/List/ClickItem/components/ClickItemContentCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from "react";
+import type { TagProps } from "../../../Tag/TagCommon";
+export type ClickItemContentProps = {
+    title: string;
+    subtitle?: string;
+    textSecondary?: string;
+    textTertiary?: string;
+    tagLabel?: string;
+    tagProps?: TagProps;
+};
+export type ClickItemContentCommonProps = ClickItemContentProps & {
+    TagComponent: ComponentType<TagProps>;
+};
+export declare const ClickItemContentCommon: ({ title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, TagComponent, }: ClickItemContentCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemContentCommon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const ClickItemContentCommon = ({ title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, TagComponent, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "af-apollo-click-item__title", children: title }), subtitle ? (_jsx("p", { className: "af-apollo-click-item__subtitle", children: subtitle })) : null, textSecondary ? (_jsx("p", { className: "af-apollo-click-item__secondary", children: textSecondary })) : null, textTertiary ? (_jsx("p", { className: "af-apollo-click-item__tertiary", children: textTertiary })) : null, tagLabel ? (_jsx("div", { className: "af-apollo-click-item__tag-container", children: _jsx(TagComponent, { ...tagProps, children: tagLabel }) })) : null] }));
+};

package/dist/prospect-client/List/ClickItem/components/ClickItemContentLF.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemContentProps } from "./ClickItemContentCommon";
+export declare const ClickItemContent: (props: ClickItemContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemContentLF.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../../../Tag/TagLF";
+import { ClickItemContentCommon, } from "./ClickItemContentCommon";
+export const ClickItemContent = (props) => (_jsx(ClickItemContentCommon, { ...props, TagComponent: Tag }));

package/dist/prospect-client/List/ClickItem/components/ClickItemPrefixApollo.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemPrefixProps } from "./ClickItemPrefixCommon";
+export declare const ClickItemPrefix: (props: ClickItemPrefixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemPrefixApollo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconApollo";
+import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
+export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));

package/dist/prospect-client/List/ClickItem/components/ClickItemPrefixCommon.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps, ComponentType } from "react";
+import { BasePicture } from "../../../BasePicture/BasePicture";
+import type { IconProps } from "../../../Icon/IconCommon";
+import type { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
+export type ClickItemPrefixProps = {
+    state: ClickItemStates;
+    variant: ClickItemVariants;
+    icon?: string;
+    basePictureProps?: ComponentProps<typeof BasePicture>;
+};
+export type ClickItemPrefixCommonProps = ClickItemPrefixProps & {
+    IconComponent: ComponentType<IconProps>;
+};
+export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent, }: ClickItemPrefixCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/prospect-client/List/ClickItem/components/ClickItemPrefixCommon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BasePicture } from "../../../BasePicture/BasePicture";
+export const ClickItemPrefixCommon = ({ state, variant, icon, basePictureProps, IconComponent, }) => {
+    if (!(Boolean(basePictureProps) && variant === "agent") && !icon) {
+        return null;
+    }
+    if (Boolean(basePictureProps) && variant === "agent") {
+        return _jsx(BasePicture, { ...basePictureProps });
+    }
+    return (_jsx(IconComponent, { role: "presentation", src: icon ?? "", variant: state === "disabled" && variant !== "small" ? "disabled" : "primary" }));
+};

package/dist/prospect-client/List/ClickItem/components/ClickItemPrefixLF.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemPrefixProps } from "./ClickItemPrefixCommon";
+export declare const ClickItemPrefix: (props: ClickItemPrefixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemPrefixLF.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconLF";
+import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
+export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));

package/dist/prospect-client/List/ClickItem/components/ClickItemSuffixApollo.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemSuffixProps } from "./ClickItemSuffixCommon";
+export declare const ClickItemSuffix: (props: ClickItemSuffixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemSuffixApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import arrowForward from "@material-symbols/svg-400/rounded/arrow_forward-fill.svg";
+import { Icon } from "../../../Icon/IconApollo";
+import { Spinner } from "../../../Spinner/SpinnerApollo";
+import { ClickItemSuffixCommon, } from "./ClickItemSuffixCommon";
+export const ClickItemSuffix = (props) => (_jsx(ClickItemSuffixCommon, { trailingClickIcon: arrowForward, IconComponent: Icon, SpinnerComponent: Spinner, ...props }));

package/dist/prospect-client/List/ClickItem/components/ClickItemSuffixCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ComponentType } from "react";
+import type { IconProps } from "../../../Icon/IconCommon";
+import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
+import { Spinner } from "../../../Spinner/SpinnerCommon";
+export type ClickItemSuffixProps = {
+    state: ClickItemStates;
+    variant: ClickItemVariants;
+};
+export type ClickItemSuffixCommonProps = ClickItemSuffixProps & {
+    trailingClickIcon: string;
+    IconComponent: ComponentType<IconProps>;
+    SpinnerComponent: ComponentType<ComponentProps<typeof Spinner>>;
+};
+export declare const ClickItemSuffixCommon: ({ state, variant, trailingClickIcon, IconComponent, SpinnerComponent, }: ClickItemSuffixCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemSuffixCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
+export const ClickItemSuffixCommon = ({ state, variant, trailingClickIcon, IconComponent, SpinnerComponent, }) => {
+    if (variant === "large" && state === "loading") {
+        return _jsx(SpinnerComponent, { size: 32 });
+    }
+    if (variant === "small") {
+        return _jsx(IconComponent, { src: keyboardArrowRight, role: "presentation" });
+    }
+    const isDisabled = variant === "large" && state === "disabled";
+    return (_jsx("div", { className: ["af-click-icon", isDisabled && "af-click-icon--disabled"]
+            .filter(Boolean)
+            .join(" "), children: _jsx(IconComponent, { src: trailingClickIcon, role: "presentation", variant: isDisabled ? "disabled" : "primary" }) }));
+};

package/dist/prospect-client/List/ClickItem/components/ClickItemSuffixLF.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemSuffixProps } from "./ClickItemSuffixCommon";
+export declare const ClickItemSuffix: (props: ClickItemSuffixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ClickItem/components/ClickItemSuffixLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
+import { Icon } from "../../../Icon/IconLF";
+import { Spinner } from "../../../Spinner/SpinnerLF";
+import { ClickItemSuffixCommon, } from "./ClickItemSuffixCommon";
+export const ClickItemSuffix = (props) => (_jsx(ClickItemSuffixCommon, { trailingClickIcon: keyboardArrowRight, IconComponent: Icon, SpinnerComponent: Spinner, ...props }));

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/List/ContentItemDuo/ContentItemDuoApollo.css";
+import { type ContentItemDuoProps } from "./ContentItemDuoCommon";
+export declare const ContentItemDuo: (props: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/List/ContentItemDuo/ContentItemDuoApollo.css";
+import { Button } from "../../Button/ButtonApollo";
+import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
+export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentProps, type ComponentType, type ReactNode } from "react";
+import type { ButtonProps } from "../../Button/ButtonCommon";
+export type ContentItemDuoProps = {
+    label: string;
+    value: ReactNode;
+    isVertical?: boolean;
+    className?: string;
+    classModifier?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+} & ComponentProps<"div">;
+type ContentItemDuoCommonProps = ContentItemDuoProps & {
+    ButtonComponent: ComponentType<ButtonProps>;
+};
+export declare const ContentItemDuoCommon: ({ label, value, isVertical, className, classModifier, buttonText, onButtonClick, ButtonComponent, ...containerProps }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+export const ContentItemDuoCommon = ({ label, value, isVertical = false, className, classModifier, buttonText, onButtonClick, ButtonComponent, ...containerProps }) => {
+    const componentClassName = useMemo(() => {
+        const classModifiers = [classModifier];
+        if (isVertical) {
+            classModifiers.push("vertical");
+        }
+        return getComponentClassName("af-content-item-duo", className, classModifiers.filter(Boolean).join(" "));
+    }, [classModifier, className, isVertical]);
+    return (_jsxs("div", { className: componentClassName, ...containerProps, children: [_jsx("p", { className: "af-content-item-duo__label", children: label }), typeof value === "string" ? (_jsx("p", { className: "af-content-item-duo__value", children: value })) : (_jsx("div", { className: "af-content-item-duo__value", children: value })), buttonText ? (_jsx("div", { className: "af-content-item-duo__button", children: _jsx(ButtonComponent, { variant: "ghost", onClick: onButtonClick, children: buttonText }) })) : null] }));
+};

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/List/ContentItemDuo/ContentItemDuoLF.css";
+import { type ContentItemDuoProps } from "./ContentItemDuoCommon";
+export declare const ContentItemDuo: (props: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/List/ContentItemDuo/ContentItemDuoLF.css";
+import { Button } from "../../Button/ButtonLF";
+import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
+export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));

package/dist/prospect-client/Message/Message.helpers.d.ts

@@ -0,0 +1,5 @@
+import type { MessageVariants } from "./types";
+/**
+ * Returns the appropriate ARIA role for a message variant
+ */
+export declare const getAriaRole: (variant: MessageVariants) => "alert" | "status";

package/dist/prospect-client/Message/Message.helpers.js

@@ -0,0 +1,7 @@
+import { messageVariants } from "./constants";
+/**
+ * Returns the appropriate ARIA role for a message variant
+ */
+export const getAriaRole = (variant) => variant === messageVariants.error || variant === messageVariants.warning
+    ? "alert"
+    : "status";

package/dist/prospect-client/Message/MessageApollo.d.ts

@@ -0,0 +1,5 @@
+import "@axa-fr/canopee-css/prospect/Message/MessageApollo.css";
+import { type MessageProps } from "./MessageCommon";
+export { messageVariants } from "./constants";
+export type { MessageVariants } from "./types";
+export declare const Message: (props: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Message/MessageApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Message/MessageApollo.css";
+import { Icon } from "../Icon/IconApollo";
+import { MessageCommon } from "./MessageCommon";
+export { messageVariants } from "./constants";
+export const Message = (props) => (_jsx(MessageCommon, { ...props, IconComponent: Icon }));

package/dist/prospect-client/Message/MessageCommon.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode } from "react";
+import type { ButtonProps } from "../Button/ButtonCommon";
+import type { Icon } from "../Icon/IconCommon";
+import { Link } from "../Link/LinkCommon";
+import type { MessageVariants } from "./types";
+type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
+export type MessageProps = {
+    /** Message variant (validation, error, warning, information, neutral) */
+    variant: MessageVariants;
+    /** Title displayed in the message */
+    title?: string;
+    /** Main content of the message */
+    children?: ReactNode;
+    /** Action (link or button) displayed on the right side of the message */
+    action?: ReactElement<typeof Link | ComponentType<ButtonProps>>;
+    /** Icon size in pixels */
+    iconSize?: number;
+    /** HTML heading level used for the title */
+    heading?: Headings;
+} & ComponentPropsWithoutRef<"section">;
+type MessagePropsWithComponents = MessageProps & {
+    IconComponent: typeof Icon;
+};
+export declare const MessageCommon: ({ variant, className, title, children, action, iconSize, heading: Heading, IconComponent, ...sectionProps }: MessagePropsWithComponents) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Message/MessageCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { iconByVariant, messageVariants } from "./constants";
+import { getAriaRole } from "./Message.helpers";
+const defaultClassName = "af-message";
+export const MessageCommon = ({ variant = messageVariants.information, className, title, children, action, iconSize = 24, heading: Heading = "h4", IconComponent, ...sectionProps }) => {
+    const role = getAriaRole(variant);
+    return (_jsxs("section", { className: [
+            defaultClassName,
+            variant && `${defaultClassName}--${variant}`,
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), role: role, ...sectionProps, children: [_jsx(IconComponent, { src: iconByVariant[variant], width: iconSize, height: iconSize, className: "af-message__icon", role: "presentation" }), _jsxs("div", { className: "af-message__content", children: [title ? (_jsx(Heading, { className: "af-message__title", children: title })) : null, children, action ? _jsx("div", { className: "af-message__action", children: action }) : null] })] }));
+};

package/dist/prospect-client/Message/MessageLF.d.ts

@@ -0,0 +1,5 @@
+import "@axa-fr/canopee-css/client/Message/MessageLF.css";
+import { type MessageProps } from "./MessageCommon";
+export { messageVariants } from "./constants";
+export type { MessageVariants } from "./types";
+export declare const Message: (props: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Message/MessageLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Message/MessageLF.css";
+import { Icon } from "../Icon/IconLF";
+import { MessageCommon } from "./MessageCommon";
+export { messageVariants } from "./constants";
+export const Message = (props) => (_jsx(MessageCommon, { ...props, IconComponent: Icon }));

package/dist/prospect-client/Message/constants.d.ts

@@ -0,0 +1,3 @@
+import type { MessageVariants } from "./types";
+export declare const messageVariants: Record<MessageVariants, MessageVariants>;
+export declare const iconByVariant: Record<MessageVariants, string>;

package/dist/prospect-client/Message/constants.js

@@ -0,0 +1,19 @@
+import validationIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
+import infoIcon from "@material-symbols/svg-400/outlined/emoji_objects-fill.svg";
+import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
+import neutralIcon from "@material-symbols/svg-400/outlined/info-fill.svg";
+import warningIcon from "@material-symbols/svg-400/outlined/warning-fill.svg";
+export const messageVariants = {
+    validation: "validation",
+    error: "error",
+    warning: "warning",
+    information: "information",
+    neutral: "neutral",
+};
+export const iconByVariant = {
+    validation: validationIcon,
+    error: errorIcon,
+    neutral: neutralIcon,
+    warning: warningIcon,
+    information: infoIcon,
+};

package/dist/prospect-client/Message/types.d.ts

@@ -0,0 +1 @@
+export type MessageVariants = "validation" | "error" | "warning" | "information" | "neutral";

package/dist/prospect-client/Message/types.js

@@ -0,0 +1 @@
+export {};

package/dist/prospect-client/Modal/ModalApollo.d.ts

@@ -0,0 +1,8 @@
+import "@axa-fr/canopee-css/prospect/Modal/ModalApollo.css";
+import type { ModalProps } from "./types";
+export { ModalCore, type ModalCoreProps } from "./components/ModalCore";
+export { ModalCoreBody, type ModalCoreBodyProps, } from "./components/ModalCoreBody";
+export { ModalCoreFooter } from "./components/ModalCoreFooterApollo";
+export { ModalCoreHeader } from "./components/ModalCoreHeaderApollo";
+export type { ModalCoreFooterProps, ModalCoreHeaderProps, ModalProps, } from "./types";
+export declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDialogElement>>;

package/dist/prospect-client/Modal/ModalApollo.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Modal/ModalApollo.css";
+import { forwardRef } from "react";
+import { Button } from "../Button/ButtonApollo";
+import { Heading } from "../Heading/HeadingApollo";
+import { Icon } from "../Icon/IconApollo";
+import { ModalCommon } from "./ModalCommon";
+export { ModalCore } from "./components/ModalCore";
+export { ModalCoreBody, } from "./components/ModalCoreBody";
+export { ModalCoreFooter } from "./components/ModalCoreFooterApollo";
+export { ModalCoreHeader } from "./components/ModalCoreHeaderApollo";
+export const Modal = forwardRef(({ headingProps = {}, icon, iconProps = {}, ...props }, ref) => (_jsx(ModalCommon, { ...props, ref: ref, headingComponent: Heading, headingProps: { ...headingProps, children: props.title }, iconComponent: icon ? Icon : undefined, iconProps: icon ? { src: icon, ...iconProps } : undefined, buttonComponent: Button })));
+Modal.displayName = "Modal";

package/dist/prospect-client/Modal/ModalCommon.d.ts

@@ -0,0 +1,10 @@
+import { type ModalCoreProps } from "./components/ModalCore";
+import { type ModalCoreBodyProps } from "./components/ModalCoreBody";
+import { type ModalCoreFooterCommonProps, type ModalCoreFooterContainerProps } from "./components/ModalCoreFooterCommon";
+import type { ModalCoreHeaderCommonProps, ModalCoreHeaderContainerProps } from "./components/ModalCoreHeaderCommon";
+export type ModalCommonProps = ModalCoreProps & Omit<ModalCoreHeaderCommonProps, Extract<keyof ModalCoreProps, keyof ModalCoreHeaderCommonProps>> & Omit<ModalCoreFooterCommonProps, Extract<keyof ModalCoreProps, keyof ModalCoreFooterCommonProps>> & {
+    modalCoreBodyProps?: ModalCoreBodyProps;
+    modalCoreFooterProps?: ModalCoreFooterContainerProps;
+    modalCoreHeaderProps?: ModalCoreHeaderContainerProps;
+};
+export declare const ModalCommon: import("react").ForwardRefExoticComponent<Omit<ModalCommonProps, "ref"> & import("react").RefAttributes<HTMLDialogElement>>;

package/dist/prospect-client/Modal/ModalCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ModalCore } from "./components/ModalCore";
+import { ModalCoreBody, } from "./components/ModalCoreBody";
+import { ModalCoreFooterCommon, } from "./components/ModalCoreFooterCommon";
+import { ModalCoreHeaderCommon } from "./components/ModalCoreHeaderCommon";
+export const ModalCommon = forwardRef(({ children, headingComponent, headingProps, closeButtonAriaLabel, onClose, iconComponent, iconProps, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, buttonComponent, modalCoreBodyProps, modalCoreFooterProps, modalCoreHeaderProps, ...props }, ref) => (_jsxs(ModalCore, { onClose: onClose, ref: ref, ...props, children: [_jsx(ModalCoreHeaderCommon, { headingComponent: headingComponent, headingProps: headingProps, iconComponent: iconComponent, iconProps: iconProps, onClose: onClose, closeButtonAriaLabel: closeButtonAriaLabel, ...modalCoreHeaderProps }), _jsx(ModalCoreBody, { ...modalCoreBodyProps, children: children }), _jsx(ModalCoreFooterCommon, { buttonComponent: buttonComponent, primaryButtonProps: primaryButtonProps, secondaryButtonProps: secondaryButtonProps, tertiaryButtonProps: tertiaryButtonProps, ...modalCoreFooterProps })] })));
+ModalCommon.displayName = "ModalCommon";

package/dist/prospect-client/Modal/ModalLF.d.ts

@@ -0,0 +1,8 @@
+import "@axa-fr/canopee-css/client/Modal/ModalLF.css";
+import type { ModalProps } from "./types";
+export { ModalCore, type ModalCoreProps } from "./components/ModalCore";
+export { ModalCoreBody, type ModalCoreBodyProps, } from "./components/ModalCoreBody";
+export { ModalCoreFooter } from "./components/ModalCoreFooterLF";
+export { ModalCoreHeader } from "./components/ModalCoreHeaderLF";
+export type { ModalCoreFooterProps, ModalCoreHeaderProps, ModalProps, } from "./types";
+export declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDialogElement>>;

package/dist/prospect-client/Modal/ModalLF.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Modal/ModalLF.css";
+import { forwardRef } from "react";
+import { Button } from "../Button/ButtonLF";
+import { Heading } from "../Heading/HeadingLF";
+import { Icon } from "../Icon/IconLF";
+import { ModalCommon } from "./ModalCommon";
+export { ModalCore } from "./components/ModalCore";
+export { ModalCoreBody, } from "./components/ModalCoreBody";
+export { ModalCoreFooter } from "./components/ModalCoreFooterLF";
+export { ModalCoreHeader } from "./components/ModalCoreHeaderLF";
+export const Modal = forwardRef(({ headingProps = {}, icon, iconProps = {}, ...props }, ref) => (_jsx(ModalCommon, { ...props, ref: ref, headingComponent: Heading, headingProps: { ...headingProps, children: props.title }, iconComponent: icon ? Icon : undefined, iconProps: icon ? { src: icon, ...iconProps } : undefined, buttonComponent: Button })));
+Modal.displayName = "Modal";

package/dist/prospect-client/Modal/components/ModalCore.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type ModalCoreProps = Omit<ComponentPropsWithRef<"dialog">, "title" | "onClose"> & Required<Pick<ComponentPropsWithRef<"dialog">, "title">> & {
+    onClose?: VoidFunction;
+};
+declare const ModalCore: import("react").ForwardRefExoticComponent<Omit<ModalCoreProps, "ref"> & import("react").RefAttributes<HTMLDialogElement>>;
+export { ModalCore };

package/dist/prospect-client/Modal/components/ModalCore.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const ModalCore = forwardRef(({ className, children, ...props }, ref) => (
+// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
+_jsx("dialog", { "aria-modal": true, "aria-label": props["aria-label"] ?? props.title, className: ["af-modal", className].filter(Boolean).join(" "), onClick: props.onClose, ref: ref, ...props, children: _jsx("section", { className: "af-modal__content", onClick: (e) => e.stopPropagation(), children: children }) })));
+ModalCore.displayName = "ModalCore";
+export { ModalCore };

package/dist/prospect-client/Modal/components/ModalCoreBody.d.ts

@@ -0,0 +1,2 @@
+export type ModalCoreBodyProps = React.ComponentPropsWithoutRef<"main">;
+export declare const ModalCoreBody: ({ children, className, ...otherProps }: ModalCoreBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Modal/components/ModalCoreBody.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useHasScroll } from "../../utilities/hook/useHasScroll";
+export const ModalCoreBody = ({ children, className, ...otherProps }) => {
+    const bodyRef = useRef(null);
+    const { vertical: hasVerticalScroll } = useHasScroll(bodyRef);
+    return (_jsx("main", { className: [
+            "af-modal__body",
+            hasVerticalScroll ? "af-modal__body-vertical-scroll" : undefined,
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), ...otherProps, ref: bodyRef, children: children }));
+};

package/dist/prospect-client/Modal/components/ModalCoreFooterApollo.d.ts

@@ -0,0 +1,2 @@
+import type { ModalCoreFooterProps } from "../types";
+export declare const ModalCoreFooter: (args: ModalCoreFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Modal/components/ModalCoreFooterApollo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/ButtonApollo";
+import { ModalCoreFooterCommon } from "./ModalCoreFooterCommon";
+export const ModalCoreFooter = (args) => (_jsx(ModalCoreFooterCommon, { buttonComponent: Button, ...args }));

package/dist/prospect-client/Modal/components/ModalCoreFooterCommon.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentPropsWithoutRef, ComponentType } from "react";
+import type { ButtonProps } from "../../Button/ButtonCommon";
+export type ModalCoreFooterContainerProps = ComponentPropsWithoutRef<"footer">;
+export type ModalCoreFooterCommonProps = ModalCoreFooterContainerProps & {
+    buttonComponent: ComponentType<ButtonProps>;
+    primaryButtonProps?: Partial<ButtonProps>;
+    secondaryButtonProps?: Partial<ButtonProps>;
+    tertiaryButtonProps?: Partial<ButtonProps>;
+};
+export declare const ModalCoreFooterCommon: ({ className, buttonComponent: ButtonComponent, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, ...rest }: ModalCoreFooterCommonProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/prospect-client/Modal/components/ModalCoreFooterCommon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderFooterButtons = (ButtonComponent, buttons) => ButtonComponent &&
+    buttons.map(([variant, props]) => Boolean(props) && (_jsx(ButtonComponent, { variant: variant, ...props, className: [props?.className, "af-modal__footer-button"]
+            .filter(Boolean)
+            .join(" ") }, variant)));
+export const ModalCoreFooterCommon = ({ className, buttonComponent: ButtonComponent, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, ...rest }) => (primaryButtonProps || secondaryButtonProps || tertiaryButtonProps) && (_jsx("footer", { className: ["af-modal__footer", className].filter(Boolean).join(" "), ...rest, children: renderFooterButtons(ButtonComponent, [
+        ["tertiary", tertiaryButtonProps],
+        ["secondary", secondaryButtonProps],
+        ["primary", primaryButtonProps],
+    ]) }));

package/dist/prospect-client/Modal/components/ModalCoreFooterLF.d.ts

@@ -0,0 +1,2 @@
+import type { ModalCoreFooterProps } from "../types";
+export declare const ModalCoreFooter: (args: ModalCoreFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Modal/components/ModalCoreFooterLF.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/ButtonLF";
+import { ModalCoreFooterCommon } from "./ModalCoreFooterCommon";
+export const ModalCoreFooter = (args) => (_jsx(ModalCoreFooterCommon, { buttonComponent: Button, ...args }));

package/dist/prospect-client/Modal/components/ModalCoreHeaderApollo.d.ts

@@ -0,0 +1,2 @@
+import type { ModalCoreHeaderProps } from "../types";
+export declare const ModalCoreHeader: (args: ModalCoreHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Modal/components/ModalCoreHeaderApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Heading } from "../../Heading/HeadingApollo";
+import { Icon } from "../../Icon/IconApollo";
+import { ModalCoreHeaderCommon } from "./ModalCoreHeaderCommon";
+export const ModalCoreHeader = (args) => (_jsx(ModalCoreHeaderCommon, { headingComponent: Heading, iconComponent: Icon, ...args }));