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

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionCommon.d.ts

@@ -0,0 +1,50 @@
+import { type ComponentProps, type ComponentType, type ReactNode } from "react";
+import type { Icon as IconCommon } from "../../../Icon/IconCommon";
+import { BasePicture } from "../../../BasePicture/BasePicture";
+import type { Radio } from "../Radio/RadioCommon";
+type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    subtitle?: ReactNode;
+};
+export type CardRadioOptionProps = (BaseCardRadioOptionProps & {
+    type?: "vertical" | "horizontal";
+    icon?: ComponentProps<typeof IconCommon>["src"];
+    src?: undefined;
+    basePictureProps?: undefined;
+}) | (BaseCardRadioOptionProps & {
+    type: "horizontal";
+    src?: ComponentProps<typeof BasePicture>["src"];
+    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
+    icon?: undefined;
+});
+export type CardRadioOptionCommonProps = CardRadioOptionProps & {
+    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
+    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
+};
+export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    subtitle?: ReactNode;
+} & {
+    type?: "vertical" | "horizontal";
+    icon?: ComponentProps<typeof IconCommon>["src"];
+    src?: undefined;
+    basePictureProps?: undefined;
+} & {
+    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
+    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
+}, "ref"> | Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    subtitle?: ReactNode;
+} & {
+    type: "horizontal";
+    src?: ComponentProps<typeof BasePicture>["src"];
+    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
+    icon?: undefined;
+} & {
+    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
+    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
+}, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionCommon.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from "react";
+import { BasePicture } from "../../../BasePicture/BasePicture";
+export const CardRadioOptionCommon = forwardRef(({ label, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }, ref) => (_jsxs("label", { className: [
+        "af-card-radio-option",
+        isInvalid && "af-card-radio-option--invalid",
+        type === "horizontal" && "af-card-radio-option--horizontal",
+        className,
+    ]
+        .filter(Boolean)
+        .join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, type === "horizontal" && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] })));
+CardRadioOptionCommon.displayName = "CardRadioOptionCommon";

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF.d.ts

@@ -0,0 +1,3 @@
+import { type CardRadioOptionProps } from "./CardRadioOptionCommon";
+import "@axa-fr/canopee-css/client/Form/Radio/CardRadioOption/CardRadioOptionLF.css";
+export declare const CardRadioOption: (props: CardRadioOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconLF";
+import { Radio } from "../Radio/RadioLF";
+import { CardRadioOptionCommon, } from "./CardRadioOptionCommon";
+import "@axa-fr/canopee-css/client/Form/Radio/CardRadioOption/CardRadioOptionLF.css";
+export const CardRadioOption = (props) => (_jsx(CardRadioOptionCommon, { ...props, RadioComponent: Radio, IconComponent: Icon }));

package/dist/prospect-client/Form/Radio/Radio/RadioApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Form/Radio/Radio/RadioApollo.css";
+export { Radio } from "./RadioCommon";

package/dist/prospect-client/Form/Radio/Radio/RadioApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Form/Radio/Radio/RadioApollo.css";
+export { Radio } from "./RadioCommon";

package/dist/prospect-client/Form/Radio/Radio/RadioCommon.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentProps } from "react";
+export type RadioProps = Omit<ComponentProps<"input">, "disabled" | "type"> & {
+    isInvalid?: boolean;
+};
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/Radio/Radio/RadioCommon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+export const Radio = forwardRef(({ className, isInvalid, ...props }, ref) => (_jsx("input", { ...props, className: ["af-radio", isInvalid && "af-radio--invalid", className]
+        .filter(Boolean)
+        .join(" "), type: "radio", ref: ref })));
+Radio.displayName = "Radio";

package/dist/prospect-client/Form/Radio/Radio/RadioLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Form/Radio/Radio/RadioLF.css";
+export { Radio } from "./RadioCommon";

package/dist/prospect-client/Form/Radio/Radio/RadioLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Form/Radio/Radio/RadioLF.css";
+export { Radio } from "./RadioCommon";

package/dist/prospect-client/Form/TextArea/TextAreaApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/Form/TextArea/TextAreaApollo.css";
+import { type TextAreaProps } from "./TextAreaCommon";
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/prospect-client/Form/TextArea/TextAreaApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/TextArea/TextAreaApollo.css";
+import { forwardRef } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { TextAreaCommon } from "./TextAreaCommon";
+export const TextArea = forwardRef((props, ref) => (_jsx(TextAreaCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+TextArea.displayName = "TextArea";

package/dist/prospect-client/Form/TextArea/TextAreaCommon.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
+import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
+    helper?: string;
+    /**
+     * @deprecated Use `message` and messageType instead.
+     */
+    error?: string;
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+} & Partial<ItemMessageProps & ItemLabelProps>;
+type TextAreaCommonProps = TextAreaProps & {
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+};
+declare const TextAreaCommon: import("react").ForwardRefExoticComponent<Omit<TextAreaCommonProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { TextAreaCommon };

package/dist/prospect-client/Form/TextArea/TextAreaCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+const TextAreaCommon = forwardRef(({ id, className, label, description, helper, error, message, messageType, buttonLabel, onButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", ...inputProps }, inputRef) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const helperId = `${inputId}-helper`;
+    const messageId = `${inputId}-error`;
+    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    return (_jsxs("div", { className: ["af-form__input-container", className]
+            .filter(Boolean)
+            .join(" "), children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: "af-form__textarea", ref: inputRef, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": hasError || undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+});
+TextAreaCommon.displayName = "TextArea";
+export { TextAreaCommon };

package/dist/prospect-client/Form/TextArea/TextAreaLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/Form/TextArea/TextAreaLF.css";
+import { type TextAreaProps } from "./TextAreaCommon";
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/prospect-client/Form/TextArea/TextAreaLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Form/TextArea/TextAreaLF.css";
+import { forwardRef } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelLF";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { TextAreaCommon } from "./TextAreaCommon";
+export const TextArea = forwardRef((props, ref) => (_jsx(TextAreaCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+TextArea.displayName = "TextArea";

package/dist/prospect-client/Grid/DebugGridApollo.d.ts

@@ -0,0 +1,2 @@
+import { type DebugGridProps } from "./DebugGridCommon";
+export declare const DebugGrid: <P extends object = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Grid/DebugGridApollo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardCheckboxOption } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
+import { DebugGridCommon } from "./DebugGridCommon";
+export const DebugGrid = ({ ...props }) => (_jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption }));

package/dist/prospect-client/Grid/DebugGridCommon.d.ts

@@ -0,0 +1,11 @@
+import "@axa-fr/canopee-css/prospect/Grid/DebugGrid.css";
+import type { ComponentType } from "react";
+import type { CardCheckboxOptionProps } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon";
+export type DebugGridProps<P = object> = P & {
+    cols?: number;
+    isCheckedByDefault?: boolean;
+};
+export type DebugGridCommonProps<P = object> = DebugGridProps<P> & {
+    CardCheckboxOption: ComponentType<CardCheckboxOptionProps>;
+};
+export declare const DebugGridCommon: <P = object>({ cols, isCheckedByDefault, CardCheckboxOption, ...props }: DebugGridCommonProps<P>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/prospect-client/Grid/DebugGridCommon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Grid/DebugGrid.css";
+export const DebugGridCommon = ({ cols = 12, isCheckedByDefault = false, CardCheckboxOption, ...props }) => {
+    // The forceVisible prop is a hidden prop to force the component's visibility when building the storybook
+    const forceVisible = props?.forceVisible || false;
+    if (process.env.NODE_ENV === "production" && !forceVisible) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(CardCheckboxOption, { type: "horizontal", name: "debuggrid", label: "Grid", defaultChecked: isCheckedByDefault }), _jsx("div", { className: "debug-grid", role: "presentation", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) })] }));
+};

package/dist/prospect-client/Grid/DebugGridLF.d.ts

@@ -0,0 +1,2 @@
+import { type DebugGridProps } from "./DebugGridCommon";
+export declare const DebugGrid: <P extends object = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Grid/DebugGridLF.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardCheckboxOption } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
+import { DebugGridCommon } from "./DebugGridCommon";
+export const DebugGrid = ({ ...props }) => (_jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption }));

package/dist/prospect-client/Heading/HeadingApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Heading/HeadingApollo.css";
+import { HeadingProps } from "./types";
+export type { HeadingLevel, HeadingProps } from "./types";
+export declare const Heading: ({ tag, tagProps, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Heading/HeadingApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Heading/HeadingApollo.css";
+import { DEFAULT_TAG_PROPS, HeadingCommon } from "./HeadingCommon";
+import { Tag } from "../Tag/TagApollo";
+export const Heading = ({ tag, tagProps = {}, ...props }) => (_jsx(HeadingCommon, { ...props, tag: tag ? (_jsx(Tag, { ...DEFAULT_TAG_PROPS, ...tagProps, children: tag })) : null }));

package/dist/prospect-client/Heading/HeadingCommon.d.ts

@@ -0,0 +1,15 @@
+import type { JSX, PropsWithChildren, ReactNode } from "react";
+import { type IconProps } from "../Icon/IconCommon";
+import { type TagProps } from "../Tag/TagCommon";
+import { type HeadingLevel } from "./types";
+export type HeadingCommonProps = PropsWithChildren<{
+    level?: HeadingLevel;
+    icon?: string;
+    iconProps?: Omit<IconProps, "src">;
+    tag?: ReactNode;
+    firstSubtitle?: ReactNode;
+    secondSubtitle?: ReactNode;
+    className?: string;
+}> & JSX.IntrinsicElements["div"];
+export declare const DEFAULT_TAG_PROPS: TagProps;
+export declare const HeadingCommon: ({ children: title, className, firstSubtitle, secondSubtitle, level, icon, iconProps, tag, ...props }: HeadingCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Heading/HeadingCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { Icon } from "../Icon/IconCommon";
+import { HeadingWithSubheadings } from "./HeadingWithSubheadings";
+export const DEFAULT_TAG_PROPS = {
+    variant: "neutral",
+};
+export const HeadingCommon = ({ children: title, className, firstSubtitle, secondSubtitle, level = 1, icon, iconProps = {}, tag, ...props }) => (_jsxs("div", { className: classNames("af-heading", className), ...props, children: [tag && level < 3 ? _jsx("div", { className: "af-heading__label", children: tag }) : null, icon && level === 1 ? (_jsx(Icon, { src: icon, size: "L", hasBackground: true, variant: "secondary", ...iconProps, className: classNames("af-heading__icon", iconProps.className) })) : null, _jsx(HeadingWithSubheadings, { title: title, firstSubtitle: firstSubtitle, titleComponent: `h${level}`, secondSubtitle: secondSubtitle })] }));

package/dist/prospect-client/Heading/HeadingLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/Heading/HeadingLF.css";
+import { HeadingProps } from "./types";
+export type { HeadingLevel, HeadingProps } from "./types";
+export declare const Heading: ({ tag, tagProps, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Heading/HeadingLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Heading/HeadingLF.css";
+import { DEFAULT_TAG_PROPS, HeadingCommon } from "./HeadingCommon";
+import { Tag } from "../Tag/TagLF";
+export const Heading = ({ tag, tagProps = {}, ...props }) => (_jsx(HeadingCommon, { ...props, tag: tag ? (_jsx(Tag, { ...DEFAULT_TAG_PROPS, ...tagProps, children: tag })) : null }));

package/dist/prospect-client/Heading/HeadingWithSubheadings.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { HeadingLevel } from "./types";
+type HeadingTextProps = {
+    title: ReactNode;
+    firstSubtitle?: ReactNode;
+    secondSubtitle?: ReactNode;
+    titleComponent?: `h${HeadingLevel}`;
+};
+export declare const HeadingWithSubheadings: ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent, }: HeadingTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Heading/HeadingWithSubheadings.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const HeadingWithSubheadings = ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent = "h1", }) => (_jsxs("hgroup", { className: "af-heading__title-container", children: [_jsx(TitleComponent, { className: "af-heading__title", children: title }), firstSubtitle ? (_jsx("p", { className: "af-heading__subtitle", children: firstSubtitle })) : null, TitleComponent === "h1" && secondSubtitle ? (_jsx("p", { className: "af-heading__subtitle", children: secondSubtitle })) : null] }));

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

@@ -0,0 +1,6 @@
+import type { TagProps } from "../Tag/TagCommon";
+import type { HeadingCommonProps } from "./HeadingCommon";
+export type HeadingLevel = 1 | 2 | 3;
+export type HeadingProps = HeadingCommonProps & {
+    tagProps?: Omit<TagProps, "children">;
+};

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

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

package/dist/prospect-client/Icon/IconApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Icon/IconApollo.css";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/prospect-client/Icon/IconApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Icon/IconApollo.css";
+export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/prospect-client/Icon/IconCommon.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from "react";
+import { Svg } from "../Svg/Svg";
+export declare const iconVariants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly disabled: "disabled";
+};
+export type IconVariants = keyof typeof iconVariants;
+export declare const iconSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+    readonly XS: "extra-small";
+};
+export type IconSizeVariants = keyof typeof iconSizeVariants;
+export type IconProps = ComponentProps<typeof Svg> & {
+    variant?: IconVariants;
+    size?: IconSizeVariants;
+    hasBackground?: boolean;
+};
+export declare const Icon: ({ variant, size, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Icon/IconCommon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+import { Svg } from "../Svg/Svg";
+export const iconVariants = {
+    primary: "primary",
+    secondary: "secondary",
+    disabled: "disabled",
+};
+export const iconSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+    XS: "extra-small",
+};
+export const Icon = ({ variant = "primary", size = "S", hasBackground = false, ...props }) => {
+    const componentClassName = useMemo(() => {
+        const newClassModifier = [
+            variant,
+            iconSizeVariants[size],
+            hasBackground && "has-background",
+        ]
+            .filter(Boolean)
+            .join(" ");
+        return getComponentClassName("af-icon", "", newClassModifier);
+    }, [variant, hasBackground, size]);
+    return (_jsx("div", { className: componentClassName, children: _jsx(Svg, { ...props }) }));
+};

package/dist/prospect-client/Icon/IconLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Icon/IconLF.css";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/prospect-client/Icon/IconLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Icon/IconLF.css";
+export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/prospect-client/ItemTabBar/ItemTabBarApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/ItemTabBar/ItemTabBarApollo.css";
+export { ItemTabBar, type ItemTabBarProps } from "./ItemTabBarCommon";

package/dist/prospect-client/ItemTabBar/ItemTabBarApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/ItemTabBar/ItemTabBarApollo.css";
+export { ItemTabBar } from "./ItemTabBarCommon";

package/dist/prospect-client/ItemTabBar/ItemTabBarCommon.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from "react";
+export type ItemTabBarProps = ComponentPropsWithRef<"button"> & {
+    isActive?: boolean;
+    title: string;
+};
+export declare const ItemTabBar: import("react").ForwardRefExoticComponent<Omit<ItemTabBarProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/prospect-client/ItemTabBar/ItemTabBarCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const ItemTabBar = forwardRef(({ isActive = false, title, className, ...props }, ref) => {
+    const classNames = getComponentClassName("af-item-tab-bar", className);
+    return (_jsx("button", { ref: ref, type: "button", role: "tab", "aria-selected": isActive, className: classNames, ...props, children: title }));
+});
+ItemTabBar.displayName = "ItemTabBar";

package/dist/prospect-client/ItemTabBar/ItemTabBarLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/ItemTabBar/ItemTabBarLF.css";
+export { ItemTabBar, type ItemTabBarProps } from "./ItemTabBarCommon";

package/dist/prospect-client/ItemTabBar/ItemTabBarLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/ItemTabBar/ItemTabBarLF.css";
+export { ItemTabBar } from "./ItemTabBarCommon";

package/dist/prospect-client/Layout/Footer/DynamicIcons.d.ts

@@ -0,0 +1,4 @@
+export declare const DynamicIcon: ({ iconName, className, }: {
+    iconName: string;
+    className?: string;
+}) => string | import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Layout/Footer/DynamicIcons.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import facebook from "@axa-fr/canopee-css/facebook.svg";
+import linkedin from "@axa-fr/canopee-css/linkedin.svg";
+import twitterx from "@axa-fr/canopee-css/twitterx.svg";
+import youtube from "@axa-fr/canopee-css/youtube.svg";
+import { Svg } from "../../Svg/Svg";
+export const DynamicIcon = ({ iconName, className, }) => {
+    switch (iconName) {
+        case "facebook":
+            return _jsx(Svg, { src: facebook, className: className });
+        case "twitter":
+            return _jsx(Svg, { src: twitterx, className: className });
+        case "youtube":
+            return _jsx(Svg, { src: youtube, className: className });
+        case "linkedin":
+            return _jsx(Svg, { src: linkedin, className: className });
+        default:
+            return iconName;
+    }
+};

package/dist/prospect-client/Layout/Footer/FooterApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Layout/Footer/FooterApollo.css";
+export { type FooterProps, Footer } from "./FooterCommon";

package/dist/prospect-client/Layout/Footer/FooterApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Layout/Footer/FooterApollo.css";
+export { Footer } from "./FooterCommon";

package/dist/prospect-client/Layout/Footer/FooterCommon.d.ts

@@ -0,0 +1,10 @@
+import { SocialMedia } from "./MenuIcons";
+import { Link } from "./MenuLink";
+export type FooterProps = {
+    links: Link[];
+    socialMedias?: SocialMedia[];
+    copyright: string;
+    expandLinkText: string;
+    id?: string;
+};
+export declare const Footer: ({ links, socialMedias, copyright, expandLinkText, id, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Layout/Footer/FooterCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import expandMore from "@material-symbols/svg-400/outlined/keyboard_arrow_down.svg";
+import classNames from "classnames";
+import { useCallback, useState } from "react";
+import { MenuIcons } from "./MenuIcons";
+import { MenuLink } from "./MenuLink";
+import { Svg } from "../../Svg/Svg";
+export const Footer = ({ links, socialMedias = [], copyright, expandLinkText, id, }) => {
+    const [isAboutOpen, setIsAboutOpen] = useState(false);
+    const handleClick = useCallback(() => {
+        setIsAboutOpen((isOpen) => !isOpen);
+    }, []);
+    return (_jsxs("footer", { role: "contentinfo", id: id, className: "af-footer", children: [_jsxs("div", { className: "af-footer__footerTop", children: [_jsxs("nav", { role: "navigation", className: "af-footer__menuTop", "aria-label": expandLinkText, children: [_jsxs("button", { type: "button", onClick: handleClick, className: "af-footer__menuAboutTrigger", children: [_jsx("span", { className: "af-footer__menuAboutTriggerText", children: expandLinkText }), _jsx(Svg, { src: expandMore, className: classNames("af-footer__icon", "af-footer__iconTrigger", isAboutOpen && "af-footer__iconTrigger--display") })] }), _jsx(MenuLink, { links: links, isAboutOpen: isAboutOpen })] }), _jsx(MenuIcons, { socialMedias: socialMedias })] }), _jsx("div", { className: "af-footer__footerBottom", children: _jsx("div", { className: "af-footer__footerBottomWidth", children: _jsx("span", { className: "af-footer__textCopyright", children: copyright }) }) })] }));
+};

package/dist/prospect-client/Layout/Footer/FooterLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Layout/Footer/FooterLF.css";
+export { type FooterProps, Footer } from "./FooterCommon";

package/dist/prospect-client/Layout/Footer/FooterLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Layout/Footer/FooterLF.css";
+export { Footer } from "./FooterCommon";

package/dist/prospect-client/Layout/Footer/MenuIcons.d.ts

@@ -0,0 +1,9 @@
+export type SocialMedia = {
+    icon: "facebook" | "twitter" | "youtube" | "linkedin";
+    link: string;
+};
+type MenuIconsProps = {
+    socialMedias: SocialMedia[];
+};
+export declare const MenuIcons: ({ socialMedias }: MenuIconsProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/prospect-client/Layout/Footer/MenuIcons.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DynamicIcon } from "./DynamicIcons";
+export const MenuIcons = ({ socialMedias }) => {
+    if (socialMedias.length === 0) {
+        return null;
+    }
+    return (_jsx("nav", { role: "navigation", className: "af-footer__footerMenuIcons", children: _jsx("ul", { children: socialMedias.map((socialItem) => (_jsx("li", { children: _jsx("a", { "aria-label": `social media ${socialItem.icon}`, className: "af-footer__menuIconLinks", href: socialItem.link, target: "_blank", rel: "noopener noreferrer", children: _jsx(DynamicIcon, { iconName: socialItem.icon }) }) }, socialItem.icon))) }) }));
+};

package/dist/prospect-client/Layout/Footer/MenuLink.d.ts

@@ -0,0 +1,11 @@
+export type Link = {
+    link: string;
+    text: string;
+    openInCurrentTab?: boolean;
+};
+type MenuLinkProps = {
+    links: Link[];
+    isAboutOpen?: boolean;
+};
+export declare const MenuLink: ({ links, isAboutOpen }: MenuLinkProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/prospect-client/Layout/Footer/MenuLink.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { useIsSmallScreen } from "../../utilities/hook/useIsSmallScreen";
+import { BREAKPOINT } from "../../utilities/constants";
+export const MenuLink = ({ links, isAboutOpen = false }) => {
+    const isSmallScreen = useIsSmallScreen(BREAKPOINT.MD);
+    if (links.length === 0) {
+        return null;
+    }
+    return (_jsx("ul", { className: classNames("af-footer__menuLinks", isAboutOpen && "af-footer__menuLinks--display"), children: links.map((menuItem) => (_jsx("li", { children: _jsx("a", { className: "af-footer__linkItem", href: menuItem.link, target: menuItem.openInCurrentTab ? "_top" : "_blank", rel: "noreferrer", tabIndex: isSmallScreen && !isAboutOpen ? -1 : undefined, children: menuItem.text }) }, menuItem.text))) }));
+};

package/dist/prospect-client/Link/LinkApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Link/LinkApollo.css";
+export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/prospect-client/Link/LinkApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Link/LinkApollo.css";
+export { Link, linkVariants } from "./LinkCommon";

package/dist/prospect-client/Link/LinkCommon.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
+export declare const linkVariants: {
+    readonly default: "default";
+    readonly underline: "underline";
+    readonly inverse: "inverse";
+};
+export type LinkVariants = keyof typeof linkVariants;
+type LinkProps = {
+    variant?: LinkVariants;
+    openInNewTab?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    className?: string;
+    classModifier?: string;
+} & ComponentPropsWithoutRef<"a">;
+export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Link/LinkCommon.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import openInNew from "@material-symbols/svg-400/outlined/open_in_new.svg";
+import { useMemo, } from "react";
+import { Svg } from "../Svg/Svg";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const linkVariants = {
+    default: "default",
+    underline: "underline",
+    inverse: "inverse",
+};
+export const Link = ({ href, variant = "underline", openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+    const newTabProps = openInNewTab && {
+        target: "_blank",
+        rel: "noopener noreferrer",
+    };
+    const componentClassName = useMemo(() => getComponentClassName("af-link", className, `${classModifier}${!className && openInNewTab ? " openInNewTab" : ""} ${variant}`), [classModifier, className, openInNewTab, variant]);
+    return (_jsxs("a", { className: componentClassName, href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
+                ? (rightIcon ?? _jsx(Svg, { src: openInNew }))
+                : null] }));
+};

package/dist/prospect-client/Link/LinkLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Link/LinkLF.css";
+export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/prospect-client/Link/LinkLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Link/LinkLF.css";
+export { Link, linkVariants } from "./LinkCommon";

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

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/List/ClickItem/ClickItemApollo.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";