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

package/dist/prospect-client/CardMessage/CardMessageCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare const cardMessageVariants: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+    readonly neutral: "neutral";
+};
+export type CardMessageVariants = keyof typeof cardMessageVariants;
+export type CardMessageProps = ComponentPropsWithoutRef<"div"> & {
+    variant?: CardMessageVariants;
+    title?: string;
+    text: string;
+};
+export declare const CardMessage: ({ variant, title, text, className, ...props }: CardMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/CardMessage/CardMessageCommon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const cardMessageVariants = {
+    info: "info",
+    warning: "warning",
+    error: "error",
+    neutral: "neutral",
+};
+export const CardMessage = ({ variant = "info", title, text, className, ...props }) => {
+    const componentClassName = useMemo(() => {
+        return getComponentClassName("af-card-message", className, variant);
+    }, [className, variant]);
+    return (_jsxs("div", { ...props, className: componentClassName, children: [title ? _jsx("span", { className: "af-card-message--title", children: title }) : null, _jsx("span", { className: "af-card-message--text", children: text })] }));
+};

package/dist/prospect-client/CardMessage/CardMessageLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/CardMessage/CardMessageLF.css";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessageCommon";

package/dist/prospect-client/CardMessage/CardMessageLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/CardMessage/CardMessageLF.css";
+export { CardMessage, cardMessageVariants, } from "./CardMessageCommon";

package/dist/prospect-client/ClickIcon/ClickIconApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/ClickIcon/ClickIconApollo.css";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/prospect-client/ClickIcon/ClickIconApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/ClickIcon/ClickIconApollo.css";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/prospect-client/ClickIcon/ClickIconCommon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+import { IconVariants } from "../Icon/IconCommon";
+export type ClickIconProps = ComponentPropsWithRef<"button"> & {
+    src: string;
+    className?: string;
+    iconVariant?: IconVariants;
+    iconClassName?: string;
+};
+export declare const ClickIcon: ({ src, className, iconVariant, iconClassName, ...props }: ClickIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ClickIcon/ClickIconCommon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../Icon/IconCommon";
+export const ClickIcon = ({ src, className, iconVariant = "primary", iconClassName, ...props }) => (_jsx("button", { type: "button", className: ["af-click-icon", className].filter(Boolean).join(" "), disabled: iconVariant === "disabled", ...props, children: _jsx(Icon, { src: src, variant: iconVariant, className: iconClassName }) }));

package/dist/prospect-client/ClickIcon/ClickIconLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/ClickIcon/ClickIconLF.css";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/prospect-client/ClickIcon/ClickIconLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/ClickIcon/ClickIconLF.css";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/List/ContentItemDuoAction/ContentItemDuoActionAll.css";
+import { type ContentItemDuoActionProps } from "./ContentItemDuoActionCommon";
+export { type ContentItemDuoActionState } from "./ContentItemDuoActionCommon";
+export declare const ContentItemDuoAction: (props: ContentItemDuoActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/List/ContentItemDuoAction/ContentItemDuoActionAll.css";
+import { ContentItemDuoActionCommon, } from "./ContentItemDuoActionCommon";
+import { ContentItemMono } from "../ContentItemMono/ContentItemMonoApollo";
+import { Toggle } from "../Toggle/ToggleApollo";
+export const ContentItemDuoAction = (props) => (_jsx(ContentItemDuoActionCommon, { ...props, ContentItemMonoComponent: ContentItemMono, ToggleComponent: Toggle }));

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionCommon.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentType, type ReactElement } from "react";
+import type { ToggleProps } from "../Toggle/ToggleCommon";
+import type { ContentItemProps } from "../ContentItemMono/ContentItemMonoCommon";
+import type { ButtonProps } from "../Button/ButtonCommon";
+export declare const ContentItemDuoActionState: {
+    readonly edit: "edit";
+    readonly toggle: "toggle";
+};
+export type ContentItemDuoActionToggleProps = {
+    className?: string;
+    state: "toggle";
+    ContentItemMonoComponent: ComponentType<ContentItemProps>;
+    contentItemProps: ContentItemProps;
+    ToggleComponent: ComponentType<ToggleProps>;
+    toggleProps: ToggleProps;
+};
+export type ContentItemDuoActionButtonsProps = {
+    className?: string;
+    state: "edit";
+    ContentItemMonoComponent: ComponentType<ContentItemProps>;
+    contentItemProps: ContentItemProps;
+    buttons: ReactElement<ComponentType<ButtonProps>>;
+};
+export type ContentItemDuoActionProps = Omit<ContentItemDuoActionToggleProps, "ToggleComponent" | "ContentItemMonoComponent"> | Omit<ContentItemDuoActionButtonsProps, "ContentItemMonoComponent">;
+export type ContentItemDuoActionCommonProps = ContentItemDuoActionToggleProps | ContentItemDuoActionButtonsProps;
+export declare const ContentItemDuoActionCommon: ({ className, state, ContentItemMonoComponent, contentItemProps, ToggleComponent, ...props }: ContentItemDuoActionCommonProps & {
+    ToggleComponent?: ComponentType<ToggleProps>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionCommon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const ContentItemDuoActionState = {
+    edit: "edit",
+    toggle: "toggle",
+};
+export const ContentItemDuoActionCommon = ({ className, state, ContentItemMonoComponent, contentItemProps, ToggleComponent, ...props }) => {
+    const componentClassName = getComponentClassName("af-content-item-duo-action", className);
+    return (_jsxs("div", { className: componentClassName, children: [_jsx(ContentItemMonoComponent, { ...contentItemProps }), _jsx("div", { className: "af-action-container", children: state === "edit" ? (props.buttons) : (_jsx(ToggleComponent, { ...props.toggleProps })) })] }));
+};

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionLF.d.ts

@@ -0,0 +1,5 @@
+import "@axa-fr/canopee-css/client/List/ContentItemDuoAction/ContentItemDuoActionAll.css";
+import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
+import { type ContentItemDuoActionProps } from "./ContentItemDuoActionCommon";
+export { type ContentItemDuoActionState } from "./ContentItemDuoActionCommon";
+export declare const ContentItemDuoAction: (props: ContentItemDuoActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/List/ContentItemDuoAction/ContentItemDuoActionAll.css";
+import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
+import { ContentItemDuoActionCommon, } from "./ContentItemDuoActionCommon";
+import { ContentItemMono } from "../ContentItemMono/ContentItemMonoLF";
+import { Toggle } from "../Toggle/ToggleLF";
+export const ContentItemDuoAction = (props) => (_jsx(ContentItemDuoActionCommon, { ...props, ContentItemMonoComponent: ContentItemMono, ToggleComponent: Toggle }));

package/dist/prospect-client/ContentItemMono/ContentItemMonoApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/ContentItemMono/ContentItemMonoApollo.css";
+import { type ContentItemProps } from "./ContentItemMonoCommon";
+export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemMono/ContentItemMonoApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/ContentItemMono/ContentItemMonoApollo.css";
+import { Icon } from "../Icon/IconApollo";
+import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, IconComponent: Icon }));

package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentProps, ComponentType } from "react";
+import { Icon, IconProps } from "../Icon/IconCommon";
+import { type ContentItemCoreProps } from "./ContentItemMonoCore";
+export type ContentMonoItemSize = "medium" | "large";
+export type ContentMonoItemPictureProps = {
+    type: "picture";
+    size?: ContentMonoItemSize;
+    picture: string;
+    title: string;
+    subtitle: string;
+};
+export type ContentMonoItemIconProps = {
+    type: "icon";
+    /**
+     * @deprecated Use `iconProps` instead.
+     */
+    icon?: string;
+    iconProps?: IconProps;
+    title: string;
+    subtitle1?: string;
+    subtitle2?: string;
+};
+export type ContentMonoItemStickProps = {
+    type: "stick";
+    title: string;
+    subtitle?: string;
+};
+export type ContentItemProps = ContentMonoItemPictureProps | ContentMonoItemIconProps | ContentMonoItemStickProps;
+export type ContentItemCommonProps = ContentItemProps & {
+    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
+};
+export declare const getContentItemCoreProps: ({ IconComponent, type, ...props }: ContentItemCommonProps) => ContentItemCoreProps;
+export declare const ContentItemMonoCommon: (props: ContentItemCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BasePicture } from "../BasePicture/BasePicture";
+import { ContentItemMonoCore, } from "./ContentItemMonoCore";
+export const getContentItemCoreProps = ({ IconComponent, type, ...props }) => {
+    if (type === "icon") {
+        const { icon, iconProps, title, subtitle1, subtitle2 } = props;
+        return {
+            title,
+            primarySubtitle: subtitle1,
+            subtitle: subtitle2,
+            leftComponent: (iconProps && _jsx(IconComponent, { "data-testid": "icon", ...iconProps })) ||
+                (icon && _jsx(IconComponent, { "data-testid": "icon", src: icon })),
+        };
+    }
+    if (type === "picture") {
+        return {
+            ...props,
+            leftComponent: (_jsx(BasePicture, { src: props.picture, alt: props.title })),
+        };
+    }
+    return {
+        ...props,
+        leftComponent: _jsx("div", { className: "stick" }),
+    };
+};
+export const ContentItemMonoCommon = (props) => {
+    return _jsx(ContentItemMonoCore, { ...getContentItemCoreProps(props) });
+};

package/dist/prospect-client/ContentItemMono/ContentItemMonoCore.d.ts

@@ -0,0 +1,9 @@
+export type ContentMonoItemSize = "medium" | "large";
+export type ContentItemCoreProps = {
+    size?: ContentMonoItemSize;
+    title?: string;
+    primarySubtitle?: string;
+    subtitle?: string;
+    leftComponent?: React.ReactNode;
+};
+export declare const ContentItemMonoCore: ({ size, leftComponent, title, primarySubtitle, subtitle, }: ContentItemCoreProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemMono/ContentItemMonoCore.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ContentItemMonoCore = ({ size = "medium", leftComponent, title, primarySubtitle, subtitle, }) => {
+    return (_jsxs("div", { "data-testid": "container", className: `af-content-item-mono ${size}`, children: [leftComponent, _jsxs("div", { className: "text-content", children: [_jsx("span", { className: "title", children: title }), primarySubtitle ? (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })) : null, subtitle ? _jsx("span", { className: "subtitle", children: subtitle }) : null] })] }));
+};

package/dist/prospect-client/ContentItemMono/ContentItemMonoLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
+import { type ContentItemProps } from "./ContentItemMonoCommon";
+export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ContentItemMono/ContentItemMonoLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
+import { Icon } from "../Icon/IconLF";
+import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, IconComponent: Icon }));

package/dist/prospect-client/DataAgent/DataAgentApollo.d.ts

@@ -0,0 +1,3 @@
+import { type DataAgentProps } from "./DataAgentCommon";
+import "@axa-fr/canopee-css/prospect/DataAgent/DataAgentApollo.css";
+export declare const DataAgent: (props: DataAgentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/DataAgent/DataAgentApollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataAgentCommon } from "./DataAgentCommon";
+import { ClickItem } from "../List/ClickItem/ClickItemApollo";
+import { ContentItemMono } from "../ContentItemMono/ContentItemMonoApollo";
+import { Divider } from "../Divider/DividerApollo";
+import "@axa-fr/canopee-css/prospect/DataAgent/DataAgentApollo.css";
+export const DataAgent = (props) => (_jsx(DataAgentCommon, { ...props, DividerComponent: Divider, ClickItemComponent: ClickItem, ContentItemMonoComponent: ContentItemMono }));

package/dist/prospect-client/DataAgent/DataAgentCommon.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentProps, ComponentType } from "react";
+import { Divider } from "../Divider/DividerCommon";
+import type { ContentItemProps, ContentMonoItemIconProps, ContentMonoItemPictureProps, ContentMonoItemStickProps } from "../ContentItemMono/ContentItemMonoCommon";
+import type { ClickItemProps } from "../List/ClickItem/types";
+export type TupleMax3<T> = [T] | [T, T] | [T, T, T];
+export type DataAgentProps = {
+    className?: string;
+    agentProps: ContentMonoItemPictureProps;
+    agentContractProps?: ContentMonoItemStickProps;
+    contents?: TupleMax3<ContentMonoItemIconProps>;
+    clickContents?: TupleMax3<ClickItemProps>;
+    texteOrias?: string;
+    isCompact?: boolean;
+};
+type DataAgentCommonProps = DataAgentProps & {
+    DividerComponent: ComponentType<ComponentProps<typeof Divider>>;
+    ContentItemMonoComponent: ComponentType<ContentItemProps>;
+    ClickItemComponent: ComponentType<ClickItemProps>;
+};
+export declare const DataAgentCommon: ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact, }: DataAgentCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/DataAgent/DataAgentCommon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+import { useIsSmallScreen } from "../utilities/hook/useIsSmallScreen";
+import { BREAKPOINT } from "../utilities/constants";
+export const DataAgentCommon = ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact = true, }) => {
+    const componentClassName = useMemo(() => getComponentClassName("af-data-agent", className), [className]);
+    const isMobile = useIsSmallScreen(BREAKPOINT.SM);
+    const renderForDefaultLayout = () => (_jsxs(_Fragment, { children: [_jsxs("section", { className: "af-data-agent__intro", children: [_jsx(ContentItemMonoComponent, { ...agentProps, type: "picture" }), agentContractProps ? (_jsx(ContentItemMonoComponent, { ...agentContractProps, type: "stick" })) : null] }), _jsx(DividerComponent, {}), contents && contents?.length > 0 ? (_jsx("section", { className: "af-data-agent__info-content", children: contents.map((content) => (_jsxs(Fragment, { children: [_jsx(ContentItemMonoComponent, { ...content, type: "icon" }), _jsx(DividerComponent, { className: "af-data-agent__line" })] }, `content--${crypto.randomUUID()}`))) })) : null, clickContents && clickContents?.length > 0 ? (_jsx("section", { className: "af-data-agent__info-click-content", children: clickContents.map((clickContent) => (_jsxs(Fragment, { children: [_jsx(ClickItemComponent, { ...clickContent, variant: "small" }), _jsx(DividerComponent, { className: "af-data-agent__line" })] }, `clickContent--${crypto.randomUUID()}`))) })) : null, Boolean(texteOrias) && (_jsx("p", { className: "af-data-agent__text-orias", children: texteOrias }))] }));
+    const renderForMobileLayout = () => (_jsx("section", { className: "af-data-agent__intro", children: _jsx(ClickItemComponent, { ...agentProps, basePictureProps: {
+                src: agentProps.picture,
+                alt: agentProps.title,
+            }, variant: "agent" }) }));
+    return (_jsx("section", { className: componentClassName, children: isMobile && isCompact
+            ? renderForMobileLayout()
+            : renderForDefaultLayout() }));
+};

package/dist/prospect-client/DataAgent/DataAgentLF.d.ts

@@ -0,0 +1,3 @@
+import { type DataAgentProps } from "./DataAgentCommon";
+import "@axa-fr/canopee-css/client/DataAgent/DataAgentLF.css";
+export declare const DataAgent: (props: DataAgentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/DataAgent/DataAgentLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataAgentCommon } from "./DataAgentCommon";
+import { ClickItem } from "../List/ClickItem/ClickItemLF";
+import { ContentItemMono } from "../ContentItemMono/ContentItemMonoLF";
+import { Divider } from "../Divider/DividerLF";
+import "@axa-fr/canopee-css/client/DataAgent/DataAgentLF.css";
+export const DataAgent = (props) => (_jsx(DataAgentCommon, { ...props, DividerComponent: Divider, ClickItemComponent: ClickItem, ContentItemMonoComponent: ContentItemMono }));

package/dist/prospect-client/Divider/DividerApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Divider/DividerApollo.css";
+export { Divider } from "./DividerCommon";

package/dist/prospect-client/Divider/DividerApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Divider/DividerApollo.css";
+export { Divider } from "./DividerCommon";

package/dist/prospect-client/Divider/DividerCommon.d.ts

@@ -0,0 +1,6 @@
+type DividerProps = {
+    className?: string;
+    classModifier?: string;
+};
+export declare const Divider: ({ className, classModifier }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Divider/DividerCommon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const Divider = ({ className, classModifier }) => {
+    const componentClassName = useMemo(() => getComponentClassName("af-divider", className, classModifier), [className, classModifier]);
+    return _jsx("hr", { className: componentClassName });
+};

package/dist/prospect-client/Divider/DividerLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Divider/DividerLF.css";
+export { Divider } from "./DividerCommon";

package/dist/prospect-client/Divider/DividerLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Divider/DividerLF.css";
+export { Divider } from "./DividerCommon";

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo.d.ts

@@ -0,0 +1,6 @@
+import { type CardCheckboxProps } from "./CardCheckboxCommon";
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/CardCheckbox/CardCheckboxApollo.css";
+export declare const CardCheckbox: {
+    (props: CardCheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { CardCheckboxOption } from "../CardCheckboxOption/CardCheckboxOptionApollo";
+import { CardCheckboxCommon, } from "./CardCheckboxCommon";
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/CardCheckbox/CardCheckboxApollo.css";
+export const CardCheckbox = (props) => (_jsx(CardCheckboxCommon, { ...props, CardCheckboxItemComponent: CardCheckboxOption, ItemMessageComponent: ItemMessage }));
+CardCheckbox.displayName = "CardCheckbox";

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentType, type ReactNode } from "react";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { CardCheckboxOptionProps } from "../CardCheckboxOption/CardCheckboxOptionCommon";
+type CheckboxOption = Omit<CardCheckboxOptionProps, "name" | "type">;
+export type CardCheckboxProps = Omit<CardCheckboxOptionProps, "value" | "label" | "type" | "icon" | "description" | "subtitle" | "children"> & {
+    type?: "vertical" | "horizontal";
+    /**
+     * @deprecated Use `label` instead.
+     */
+    labelGroup?: string;
+    /**
+     * @deprecated Use `description` instead.
+     */
+    descriptionGroup?: string;
+    label: ReactNode;
+    description?: ReactNode;
+    /**
+     * @deprecated Use `required` instead.
+     */
+    isRequired?: boolean;
+    options: CheckboxOption[];
+    /**
+     * @deprecated  Use `message` and messageType instead.
+     */
+    error?: string;
+} & Partial<ItemMessageProps>;
+type CardCheckboxCommonProps = CardCheckboxProps & {
+    CardCheckboxItemComponent: ComponentType<CardCheckboxOptionProps>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
+};
+export declare const CardCheckboxCommon: {
+    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type, error, name, id, onChange, CardCheckboxItemComponent, ItemMessageComponent, message, messageType, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, } from "react";
+export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type = "vertical", error, name, id, onChange = () => { }, CardCheckboxItemComponent, ItemMessageComponent, message, messageType = "error", ...inputProps }) => {
+    const generatedId = useId();
+    const cardCheckboxId = id || generatedId;
+    const messageId = `${cardCheckboxId}-error`;
+    const cardCheckboxOptionsRef = useRef(null);
+    const handleChange = (event) => {
+        const cardCheckboxOptionsEl = cardCheckboxOptionsRef.current;
+        if (cardCheckboxOptionsEl && required) {
+            const nbCheckedElements = cardCheckboxOptionsEl.querySelectorAll("input[type='checkbox']:checked").length;
+            cardCheckboxOptionsEl
+                .querySelectorAll("input[type='checkbox']")
+                .forEach((el) => {
+                if (nbCheckedElements < 1 && !event.target.checked) {
+                    el.setAttribute("required", "true");
+                }
+                else {
+                    el.removeAttribute("required");
+                }
+            });
+        }
+        onChange(event);
+    };
+    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    return (_jsxs("fieldset", { className: ["af-card-checkbox", className].filter(Boolean).join(" "), id: cardCheckboxId, children: [_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { className: "af-card-checkbox__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-checkbox__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
+                    "af-card-checkbox__options",
+                    `af-card-checkbox__options--${type}`,
+                ].join(" "), ref: cardCheckboxOptionsRef, children: options.map((cardCheckboxItemProps) => (_jsx(CardCheckboxItemComponent, { id: `${cardCheckboxId}-${cardCheckboxItemProps.value}`, required: required, onChange: handleChange, ...inputProps, ...cardCheckboxItemProps, type: type, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, name: name }, `${name ?? cardCheckboxId}-${cardCheckboxItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+};
+CardCheckboxCommon.displayName = "CardCheckboxCommon";

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF.d.ts

@@ -0,0 +1,6 @@
+import { type CardCheckboxProps } from "./CardCheckboxCommon";
+import "@axa-fr/canopee-css/client/Form/Checkbox/CardCheckbox/CardCheckboxLF.css";
+export declare const CardCheckbox: {
+    (props: CardCheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { CardCheckboxOption } from "../CardCheckboxOption/CardCheckboxOptionLF";
+import { CardCheckboxCommon, } from "./CardCheckboxCommon";
+import "@axa-fr/canopee-css/client/Form/Checkbox/CardCheckbox/CardCheckboxLF.css";
+export const CardCheckbox = (props) => (_jsx(CardCheckboxCommon, { ...props, CardCheckboxItemComponent: CardCheckboxOption, ItemMessageComponent: ItemMessage }));
+CardCheckbox.displayName = "CardCheckbox";

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.d.ts

@@ -0,0 +1,3 @@
+import { type CardCheckboxOptionProps } from "./CardCheckboxOptionCommon";
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css";
+export declare const CardCheckboxOption: (props: CardCheckboxOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconApollo";
+import { Checkbox } from "../Checkbox/CheckboxApollo";
+import { CardCheckboxOptionCommon, } from "./CardCheckboxOptionCommon";
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css";
+export const CardCheckboxOption = (props) => (_jsx(CardCheckboxOptionCommon, { ...props, CheckboxComponent: Checkbox, IconComponent: Icon }));

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentType, type ReactNode } from "react";
+import type { IconProps } from "../../../Icon/IconCommon";
+import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
+export type CardCheckboxOptionProps = CheckboxProps & {
+    label: ReactNode;
+    type?: "vertical" | "horizontal";
+    description?: ReactNode;
+    subtitle?: ReactNode;
+    icon?: IconProps["src"];
+};
+export type CardCheckboxOptionCommonProps = CardCheckboxOptionProps & {
+    CheckboxComponent: ComponentType<CheckboxProps>;
+    IconComponent: ComponentType<IconProps>;
+};
+declare const CardCheckboxOptionCommon: import("react").ForwardRefExoticComponent<Omit<CardCheckboxOptionCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { CardCheckboxOptionCommon };

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.js

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

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.d.ts

@@ -0,0 +1,3 @@
+import { type CardCheckboxOptionProps } from "./CardCheckboxOptionCommon";
+import "@axa-fr/canopee-css/client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css";
+export declare const CardCheckboxOption: (props: CardCheckboxOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconLF";
+import { Checkbox } from "../Checkbox/CheckboxLF";
+import { CardCheckboxOptionCommon, } from "./CardCheckboxOptionCommon";
+import "@axa-fr/canopee-css/client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css";
+export const CardCheckboxOption = (props) => (_jsx(CardCheckboxOptionCommon, { ...props, CheckboxComponent: Checkbox, IconComponent: Icon }));

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/Checkbox/CheckboxApollo.css";
+export { Checkbox } from "./CheckboxCommon";

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/Checkbox/CheckboxApollo.css";
+export { Checkbox } from "./CheckboxCommon";

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps } from "react";
+export type CheckboxProps = {
+    /** @deprecated Use `aria-errormessage` instead */
+    errorId?: string;
+    /** @deprecated Use `aria-invalid` instead */
+    hasError?: boolean;
+} & Omit<ComponentProps<"input">, "disabled" | "type">;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+export const Checkbox = forwardRef(({ errorId, hasError, className, ...inputProps }, ref) => (_jsx("input", { "aria-errormessage": errorId, "aria-invalid": hasError, ...inputProps, className: ["af-checkbox", className].filter(Boolean).join(" "), ref: ref, type: "checkbox" })));
+Checkbox.displayName = "Checkbox";

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Form/Checkbox/Checkbox/CheckboxLF.css";
+export { Checkbox } from "./CheckboxCommon";

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Form/Checkbox/Checkbox/CheckboxLF.css";
+export { Checkbox } from "./CheckboxCommon";

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/CheckboxText/CheckboxTextApollo.css";
+import { type CheckboxTextProps } from "./CheckboxTextCommon";
+export declare const CheckboxText: import("react").ForwardRefExoticComponent<Omit<CheckboxTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import "@axa-fr/canopee-css/prospect/Form/Checkbox/CheckboxText/CheckboxTextApollo.css";
+import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { Checkbox } from "../Checkbox/CheckboxApollo";
+import { CheckboxTextCommon, } from "./CheckboxTextCommon";
+export const CheckboxText = forwardRef((props, ref) => (_jsx(CheckboxTextCommon, { ...props, ref: ref, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage })));
+CheckboxText.displayName = "CheckboxText";

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextCommon.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode, type ComponentType } from "react";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
+export type CheckboxTextProps = {
+    label: string | ReactNode;
+    /**
+     * @deprecated Use `message` and messageType instead.
+     */
+    errorMessage?: string;
+} & Omit<CheckboxProps, "aria-errormessage" | "aria-invalid"> & Partial<ItemMessageProps>;
+export type CheckboxTextCommonProps = CheckboxTextProps & {
+    CheckboxComponent: ComponentType<Omit<CheckboxProps, "checkBoxIcon">>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
+};
+declare const CheckboxTextCommon: import("react").ForwardRefExoticComponent<Omit<CheckboxTextCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { CheckboxTextCommon };

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextCommon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, forwardRef } from "react";
+const CheckboxTextCommon = forwardRef(({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, ...inputProps }, ref) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const messageId = `${inputId}-error`;
+    const hasError = (Boolean(message) && messageType === "error") || Boolean(errorMessage);
+    return (_jsxs("div", { className: "af-checkbox-text", children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined, ref: ref }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message || errorMessage, id: messageId, messageType: messageType })] }));
+});
+CheckboxTextCommon.displayName = "CheckboxTextCommon";
+export { CheckboxTextCommon };