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

package/dist/client.d.ts

@@ -0,0 +1,60 @@
+import "@axa-fr/canopee-css/client/common/reboot.css";
+import "@axa-fr/canopee-css/client/common/tokens.css";
+import "@axa-fr/canopee-css/client/Grid/Grid.css";
+import "@fontsource/source-sans-pro";
+export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionLF";
+export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
+export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
+export { Button, buttonVariants, type ButtonVariants, } from "./prospect-client/Button/ButtonLF";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./prospect-client/CardMessage/CardMessageLF";
+export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconLF";
+export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionLF";
+export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMonoLF";
+export { DataAgent } from "./prospect-client/DataAgent/DataAgentLF";
+export { Divider } from "./prospect-client/Divider/DividerLF";
+export { CardCheckbox, 
+/** @deprecated Use `CardCheckbox` instead. */
+CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
+export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxLF";
+export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF";
+export { Dropdown } from "./prospect-client/Form/Dropdown/DropdownLF";
+export { FileUpload } from "./prospect-client/Form/FileUpload/FileUpload/FileUploadLF";
+export { InputFile } from "./prospect-client/Form/FileUpload/InputFile/InputFileLF";
+export { ItemFile } from "./prospect-client/Form/FileUpload/ItemFile/ItemFileLF";
+export { 
+/** @deprecated Use `InputDate` instead. */
+InputDate as DateInput, InputDate, } from "./prospect-client/Form/InputDate/InputDateLF";
+export { type OptionType } from "./prospect-client/Form/InputPhone/InputPhone.types";
+export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
+export { InputText, 
+/** @deprecated Use `InputText` instead. */
+InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
+export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
+export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
+export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
+export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF";
+export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
+export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
+export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
+export { Heading, type HeadingLevel, } from "./prospect-client/Heading/HeadingLF";
+export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconLF";
+export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
+export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
+export { Link, linkVariants, type LinkVariants, } from "./prospect-client/Link/LinkLF";
+export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemLF";
+export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
+export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageLF";
+export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarLF";
+export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupLF";
+export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-client/Spinner/SpinnerLF";
+export { Stepper } from "./prospect-client/Stepper/StepperLF";
+export { Svg } from "./prospect-client/Svg/Svg";
+export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./prospect-client/TabBar/TabBarLF";
+export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagLF";
+export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
+export { Toggle } from "./prospect-client/Toggle/ToggleLF";
+export { Pagination } from "./prospect-client/Pagination/PaginationLF";
+export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";

package/dist/client.js

@@ -0,0 +1,59 @@
+import "@axa-fr/canopee-css/client/common/reboot.css";
+import "@axa-fr/canopee-css/client/common/tokens.css";
+import "@axa-fr/canopee-css/client/Grid/Grid.css";
+import "@fontsource/source-sans-pro";
+export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionLF";
+export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
+export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
+export { Button, buttonVariants, } from "./prospect-client/Button/ButtonLF";
+export { CardMessage, cardMessageVariants, } from "./prospect-client/CardMessage/CardMessageLF";
+export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconLF";
+export { ContentItemDuoAction, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionLF";
+export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMonoLF";
+export { DataAgent } from "./prospect-client/DataAgent/DataAgentLF";
+export { Divider } from "./prospect-client/Divider/DividerLF";
+export { CardCheckbox, 
+/** @deprecated Use `CardCheckbox` instead. */
+CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
+export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxLF";
+export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF";
+export { Dropdown } from "./prospect-client/Form/Dropdown/DropdownLF";
+export { FileUpload } from "./prospect-client/Form/FileUpload/FileUpload/FileUploadLF";
+export { InputFile } from "./prospect-client/Form/FileUpload/InputFile/InputFileLF";
+export { ItemFile } from "./prospect-client/Form/FileUpload/ItemFile/ItemFileLF";
+export { 
+/** @deprecated Use `InputDate` instead. */
+InputDate as DateInput, InputDate, } from "./prospect-client/Form/InputDate/InputDateLF";
+export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
+export { InputText, 
+/** @deprecated Use `InputText` instead. */
+InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
+export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
+export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
+export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
+export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF";
+export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
+export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
+export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
+export { Heading, } from "./prospect-client/Heading/HeadingLF";
+export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconLF";
+export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
+export { Footer, } from "./prospect-client/Layout/Footer/FooterLF";
+export { Link, linkVariants, } from "./prospect-client/Link/LinkLF";
+export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemLF";
+export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
+export { Message, messageVariants, } from "./prospect-client/Message/MessageLF";
+export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarLF";
+export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupLF";
+export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerLF";
+export { Stepper } from "./prospect-client/Stepper/StepperLF";
+export { Svg } from "./prospect-client/Svg/Svg";
+export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
+export { Tag, tagVariants, } from "./prospect-client/Tag/TagLF";
+export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
+export { Toggle } from "./prospect-client/Toggle/ToggleLF";
+export { Pagination } from "./prospect-client/Pagination/PaginationLF";
+export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";

package/dist/distributeur/Accordion/Accordion.d.ts

@@ -0,0 +1,14 @@
+import "@axa-fr/canopee-css/distributeur/Accordion/Accordion.css";
+import React from "react";
+import { CollapseProps } from "./CollapseCard";
+import { AccordionVariant, TDefaultProps } from "./types";
+export type EnhancedProps = Partial<TDefaultProps> & {
+    onlyOne?: boolean;
+    className?: string;
+    /** @deprecated Use `variant` instead. */
+    classModifier?: string;
+    variant?: AccordionVariant;
+    children: React.ReactElement<CollapseProps>[] | React.ReactElement<CollapseProps>;
+};
+declare const Accordion: ({ className, classModifier, variant, children, onlyOne, }: EnhancedProps) => import("react/jsx-runtime").JSX.Element;
+export { Accordion };

package/dist/distributeur/Accordion/Accordion.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import "@axa-fr/canopee-css/distributeur/Accordion/Accordion.css";
+import { useId } from "react";
+import { getComponentClassNameWithUserClassname } from "../utilities/helpers/getComponentClassName";
+import { CollapseCard } from "./CollapseCard";
+const defaultClassName = "af-accordion";
+const Accordion = ({ className, classModifier, variant = "default", children, onlyOne = false, }) => {
+    const componentClassName = getComponentClassNameWithUserClassname({
+        componentClassName: defaultClassName,
+        userClassName: className,
+        classModifier: classModifier || (variant !== "default" && variant) || "",
+    });
+    const id = useId();
+    const childrenArray = Array.isArray(children) ? children : [children];
+    return (_jsx("div", { className: componentClassName, children: childrenArray.map((child) => (_createElement(CollapseCard, { ...child.props, name: onlyOne ? id : undefined, key: child.props.id, variant: variant }, child.props.children))) }));
+};
+export { Accordion };

package/dist/distributeur/Accordion/AccordionContext.d.ts

@@ -0,0 +1 @@
+export declare const AccordionContext: import("react").Context<number[]>;

package/dist/distributeur/Accordion/AccordionContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const AccordionContext = createContext([0]);

package/dist/distributeur/Accordion/Body.d.ts

@@ -0,0 +1,6 @@
+export type BodyProps = {
+    children: React.ReactNode;
+    ariaLabelledby?: string;
+};
+declare const Body: ({ children, ariaLabelledby }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export { Body };

package/dist/distributeur/Accordion/Body.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Body = ({ children, ariaLabelledby }) => {
+    return (_jsx("div", { className: "af-accordion__content", "aria-labelledby": ariaLabelledby, children: _jsx("div", { children: children }) }));
+};
+export { Body };

package/dist/distributeur/Accordion/CollapseCard.d.ts

@@ -0,0 +1,15 @@
+import type { DetailsHTMLAttributes, ReactNode } from "react";
+import type { AccordionActions, AccordionVariant } from "./types";
+export type CollapseProps = {
+    id: string;
+    title: ReactNode;
+    children?: ReactNode;
+    open?: boolean;
+    name?: string;
+    onToggle?: DetailsHTMLAttributes<HTMLDetailsElement>["onToggle"];
+    className?: string;
+    classModifier?: string;
+    actions?: AccordionActions;
+    variant?: AccordionVariant;
+};
+export declare const CollapseCard: ({ children, name, title, id, open, onToggle, className, classModifier, actions, variant, }: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Accordion/CollapseCard.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+import { Body } from "./Body";
+import { Header } from "./Header";
+export const CollapseCard = ({ children, name, title, id, open, onToggle, className, classModifier = "", actions, variant, }) => {
+    const headerId = id;
+    let newClassModifier = open ? "open" : "";
+    newClassModifier += ` ${classModifier}`;
+    const componentClassName = getComponentClassName(className, newClassModifier.trim(), "af-accordion__details");
+    return (_jsxs("details", { open: open, name: name, className: componentClassName, onToggle: onToggle, children: [_jsx(Header, { id: headerId, actions: actions, variant: variant, children: title }), _jsx(Body, { children: children })] }));
+};

package/dist/distributeur/Accordion/Header.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { AccordionActions, AccordionVariant } from "./types";
+export type HeaderToggleElement = {
+    isOpen: boolean;
+    index: number;
+    id: string;
+};
+export type HeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+    classModifier?: string;
+    id?: string;
+    actions?: AccordionActions;
+    variant?: AccordionVariant;
+};
+declare const Header: ({ children, className, classModifier, id, actions, variant, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { Header };

package/dist/distributeur/Accordion/Header.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import arrow from "@material-symbols/svg-400/rounded/keyboard_arrow_down.svg";
+import { Button } from "../Button/Button";
+import { Svg } from "../Svg/Svg";
+import { Title } from "../Title/Title";
+import { getComponentClassName } from "../utilities";
+const defaultClassName = "af-accordion__item-header";
+const Header = ({ children, className, classModifier, id, actions, variant, }) => {
+    const componentClassName = getComponentClassName(className, classModifier, defaultClassName);
+    return (_jsx("summary", { className: componentClassName, id: id, children: variant === "light" ? (_jsxs(Title, { heading: "h3", children: [_jsx(Svg, { src: arrow, className: "af-accordion__item-header-icon" }), children, actions
+                    ? actions
+                        .filter((action) => Boolean(action))
+                        .map(({ key, label, leftIcon, rightIcon, onClick }) => (_jsx(Button, { onClick: onClick, leftIcon: leftIcon ? _jsx(Svg, { src: leftIcon }) : undefined, rightIcon: rightIcon ? _jsx(Svg, { src: rightIcon }) : undefined, variant: "ghost", children: label }, key)))
+                    : null] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "af-accordion__header-left", children: _jsx("h3", { className: "af-accordion__item-title", children: children }) }), _jsxs("div", { className: "af-accordion__header-right", children: [actions
+                            ? actions
+                                .filter((action) => Boolean(action))
+                                .map(({ key, label, leftIcon, rightIcon, onClick }) => (_jsx(Button, { onClick: onClick, leftIcon: leftIcon ? _jsx(Svg, { src: leftIcon }) : undefined, rightIcon: rightIcon ? _jsx(Svg, { src: rightIcon }) : undefined, variant: variant === "white" ? "ghost" : "ghost-reverse", children: label }, key)))
+                            : null, _jsx(Svg, { src: arrow, className: "af-accordion__item-header-icon" })] })] })) }));
+};
+export { Header };

package/dist/distributeur/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { Accordion } from "./Accordion";
+export { CollapseCard, type CollapseProps } from "./CollapseCard";
+export type * from "./types";

package/dist/distributeur/Accordion/index.js

@@ -0,0 +1,2 @@
+export { Accordion } from "./Accordion";
+export { CollapseCard } from "./CollapseCard";

package/dist/distributeur/Action/Action.d.ts

@@ -0,0 +1,5 @@
+import "@axa-fr/canopee-css/distributeur/Action/Action.css";
+export declare const Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    icon: string;
+    classModifier?: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/distributeur/Action/Action.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Action/Action.css";
+import { forwardRef } from "react";
+import { getComponentClassName } from "../utilities";
+export const Action = forwardRef(({ icon, className, classModifier, ...otherProps }, ref) => {
+    const componentClassName = getComponentClassName(className, classModifier, "btn af-btn--circle");
+    return (_jsx("a", { ...otherProps, className: componentClassName, ref: ref, children: _jsx("i", { role: "img", className: `glyphicon glyphicon-${icon}` }) }));
+});
+Action.displayName = "Action";

package/dist/distributeur/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import "@axa-fr/canopee-css/distributeur/Button/Button.css";
+export type ButtonVariant = "primary" | "secondary" | "validated" | "danger" | "ghost" | "ghost-reverse";
+export declare const Button: import("react").ForwardRefExoticComponent<{
+    variant?: ButtonVariant;
+    small?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/distributeur/Button/Button.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { forwardRef, } from "react";
+import "@axa-fr/canopee-css/distributeur/Button/Button.css";
+const DEFAULT_CLASS_NAME = "af-btn";
+export const Button = forwardRef(({ variant = "primary", small, leftIcon, rightIcon, className, children, ...props }, ref) => (_jsxs("button", { type: "button", className: classNames(DEFAULT_CLASS_NAME, variant !== "primary" && `${DEFAULT_CLASS_NAME}--${variant}`, small && `${DEFAULT_CLASS_NAME}--small`, className), ...props, ref: ref, children: [leftIcon, children, rightIcon] })));
+Button.displayName = "Button";

package/dist/distributeur/Card/Card.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps } from "react";
+import "@axa-fr/canopee-css/distributeur/Card/Card.css";
+type CardProps = ComponentProps<"button"> & {
+    /** By default : *vertical* */
+    orientation?: "vertical" | "horizontal";
+    /** icon url, for exemple from "@material-symbols" :
+     *
+     *  import villaIcon from "@material-symbols/svg-400/outlined/villa.svg"; */
+    iconSrc?: string;
+    error?: boolean;
+    active?: boolean;
+};
+export declare const Card: ({ children, className, iconSrc, orientation, error, active, ...otherProps }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/Card/Card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { Svg } from "../Svg";
+import "@axa-fr/canopee-css/distributeur/Card/Card.css";
+const DEFAULT_CLASS_NAME = "af-card";
+export const Card = ({ children, className, iconSrc, orientation = "vertical", error = false, active = false, ...otherProps }) => (_jsxs("button", { type: "button", className: classNames(DEFAULT_CLASS_NAME, active && `${DEFAULT_CLASS_NAME}--active`, error && `${DEFAULT_CLASS_NAME}--error`, orientation === "horizontal" && `${DEFAULT_CLASS_NAME}--${orientation}`, className), ...otherProps, children: [iconSrc ? _jsx(Svg, { src: iconSrc }) : null, children] }));

package/dist/distributeur/CardData/CardData.d.ts

@@ -0,0 +1,15 @@
+import React, { PropsWithChildren } from "react";
+import "@axa-fr/canopee-css/distributeur/CardData/CardData.css";
+export type CardDataVariant = "error" | "warning" | "information" | "success" | "default" | "dark" | "gray" | "purple";
+type CardDataProps = {
+    title: React.ReactNode;
+    subTitle?: React.ReactNode;
+    description?: React.ReactNode;
+    icon: string;
+    variant?: CardDataVariant;
+    contentFitAllSize?: boolean;
+    contentRight?: React.ReactNode;
+    withDivider?: boolean;
+};
+export declare const CardData: ({ title, subTitle, description, icon, variant, contentFitAllSize, contentRight, children, withDivider, }: PropsWithChildren<CardDataProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/CardData/CardData.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { CardDataHeader } from "./CardDataHeader";
+import "@axa-fr/canopee-css/distributeur/CardData/CardData.css";
+const defaultClassName = "af-card-data";
+export const CardData = ({ title, subTitle, description, icon, variant = "default", contentFitAllSize = false, contentRight, children, withDivider = true, }) => (_jsxs("div", { className: defaultClassName, children: [_jsx(CardDataHeader, { title: title, subTitle: subTitle, description: description, icon: icon, variant: variant, contentRight: contentRight, withDivider: withDivider }), _jsx("section", { className: classNames({ [`${defaultClassName}-content--max-size`]: contentFitAllSize }, { [`${defaultClassName}-content`]: !contentFitAllSize }), children: children })] }));

package/dist/distributeur/CardData/CardDataHeader.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "@axa-fr/canopee-css/distributeur/CardData/CardData.css";
+import { CardDataVariant } from "./CardData";
+type CardDataHeaderProps = {
+    title: React.ReactNode;
+    subTitle?: React.ReactNode;
+    description?: React.ReactNode;
+    icon: string;
+    variant?: CardDataVariant;
+    contentRight?: React.ReactNode;
+    withDivider?: boolean;
+};
+export declare const CardDataHeader: ({ title, subTitle, description, icon, variant, contentRight, withDivider, }: CardDataHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/CardData/CardDataHeader.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/CardData/CardData.css";
+import classNames from "classnames";
+import { Svg } from "../Svg";
+import { Divider } from "../Divider/Divider";
+import { Title } from "../Title/Title";
+const defaultClassName = "af-card-data-header";
+const iconDefaultClassName = `${defaultClassName}-icon`;
+export const CardDataHeader = ({ title, subTitle, description, icon, variant, contentRight, withDivider, }) => (_jsxs(_Fragment, { children: [_jsxs("header", { className: defaultClassName, children: [_jsx("span", { className: classNames(iconDefaultClassName, variant !== "default" ? `${iconDefaultClassName}--${variant}` : null), children: _jsx(Svg, { src: icon }) }), _jsxs(Title, { heading: "h3", children: [title, subTitle ? (_jsx("span", { className: `${defaultClassName}-subtitle`, children: subTitle })) : null, description ? (_jsx("span", { className: `${defaultClassName}-description`, children: description })) : null] }), contentRight ? (_jsx("span", { className: `${defaultClassName}-rightcontent`, children: contentRight })) : null] }), withDivider ? _jsx(Divider, {}) : null] }));

package/dist/distributeur/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/distributeur/Divider/Divider.css";
+import { ComponentProps } from "react";
+type DividerProps = ComponentProps<"hr"> & {
+    mode?: "horizontal" | "vertical";
+};
+export declare const Divider: ({ mode, className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/Divider/Divider.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import "@axa-fr/canopee-css/distributeur/Divider/Divider.css";
+export const Divider = ({ mode = "horizontal", className, ...props }) => {
+    const componentClassName = classnames("af-divider", {
+        "af-divider--horizontal": mode === "horizontal",
+        "af-divider--vertical": mode === "vertical",
+    }, className);
+    return _jsx("hr", { className: componentClassName, ...props });
+};

package/dist/distributeur/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentProps, ReactNode } from "react";
+import { Option } from "../core";
+import { CheckboxItem } from "./CheckboxItem";
+import { CheckboxModes } from "./CheckboxModes";
+type OnChange = {
+    onChange?: (data: {
+        values: string[];
+        target: {
+            value: string;
+            checked: boolean;
+        };
+        name?: string;
+        id?: string;
+    }) => void;
+};
+type Props = Omit<ComponentProps<typeof CheckboxItem>, "value" | "label" | "checked" | "onChange"> & {
+    options: Option[];
+    values?: string[];
+    children?: ReactNode;
+    mode?: keyof typeof CheckboxModes;
+} & OnChange;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/distributeur/Form/Checkbox/Checkbox.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { forwardRef } from "react";
+import { CheckboxItem } from "./CheckboxItem";
+import { CheckboxModes } from "./CheckboxModes";
+const defaultClassName = (mode) => {
+    switch (mode) {
+        case CheckboxModes.default:
+            return "af-form__checkbox-custom";
+        case CheckboxModes.classic:
+            return "af-form__checkbox";
+        default:
+            return `af-form__checkbox-${mode}`;
+    }
+};
+const CheckboxInner = forwardRef(({ id, name, options, disabled, children, values = [], mode = CheckboxModes.default, onChange = () => { }, ...otherProps }, inputRef) => {
+    const className = defaultClassName(mode);
+    const handleOnChange = ({ target: { value, checked }, }) => {
+        const newValues = checked
+            ? [...values, value]
+            : values.filter((v) => v !== value);
+        onChange({ values: newValues, target: { value, checked }, id, name });
+    };
+    return (_jsx("div", { className: "af-form__checkbox-container", children: options.map((option) => {
+            const isChecked = values ? values.indexOf(option.value) >= 0 : false;
+            return (_createElement(CheckboxItem, { ...otherProps, onChange: handleOnChange, key: option.value, className: className, isChecked: isChecked, name: name, disabled: option.disabled || disabled, ref: inputRef, ...option }, children));
+        }) }));
+});
+CheckboxInner.displayName = "Checkbox";
+export const Checkbox = CheckboxInner;

package/dist/distributeur/Form/Checkbox/CheckboxInput.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { type ConsumerFieldProps } from "../core";
+import { Checkbox } from "./Checkbox";
+type Props = Omit<ComponentProps<typeof Checkbox> & ConsumerFieldProps, "placeholder">;
+declare const CheckboxInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { CheckboxInput };

package/dist/distributeur/Form/Checkbox/CheckboxInput.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Field, useOptionsWithId } from "../core";
+import { Checkbox } from "./Checkbox";
+import { CheckboxModes } from "./CheckboxModes";
+const CheckboxInput = forwardRef(({ label, mode = "default", options, children, ...otherProps }, inputRef) => {
+    const newOptions = useOptionsWithId(options);
+    return (_jsx(Field, { label: label, labelPosition: mode === CheckboxModes.classic ? "top" : "center", roleContainer: "group", ...otherProps, renderInput: ({ classModifier, id, ariaInvalid, errorId, ...props }) => {
+            return (_jsxs(_Fragment, { children: [_jsx(Checkbox, { id: id, mode: mode, options: newOptions, classModifier: ariaInvalid ? `${classModifier} error` : classModifier, ref: inputRef, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...props }), children] }));
+        } }));
+});
+CheckboxInput.displayName = "CheckboxInput";
+export { CheckboxInput };

package/dist/distributeur/Form/Checkbox/CheckboxItem.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import "@axa-fr/canopee-css/distributeur/Form/Checkbox/Checkbox.css";
+declare const CheckboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
+    classModifier?: string;
+    optionClassName?: string;
+    children?: ReactNode;
+    label?: ReactNode;
+    isChecked?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export { CheckboxItem };

package/dist/distributeur/Form/Checkbox/CheckboxItem.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import check from "@material-symbols/svg-700/sharp/check.svg";
+import { forwardRef, useId } from "react";
+import { getOptionClassName } from "../core";
+import "@axa-fr/canopee-css/distributeur/Form/Checkbox/Checkbox.css";
+import { Svg } from "../../Svg";
+const CheckboxItem = forwardRef(({ disabled = false, value = "", id, children, label, isChecked, className, classModifier, ...otherProps }, inputRef) => {
+    const newLabel = children || label;
+    const generatedId = useId();
+    const newId = id ?? generatedId; // id is required on this component
+    const optionClassName = getOptionClassName(className ?? "", classModifier ?? "", "af-form__checkbox", disabled);
+    return (_jsxs("div", { className: optionClassName, children: [_jsx("input", { ...otherProps, className: "af-form__input-checkbox", value: value, id: newId, disabled: disabled, checked: isChecked, type: "checkbox", ref: inputRef }), _jsxs("label", { className: "af-form__label", htmlFor: newId, children: [_jsx("span", { className: "af-form__indicator", children: _jsx(Svg, { role: "presentation", className: "ok-icon", src: check }) }), _jsx("span", { className: "af-form__description", children: newLabel })] })] }));
+});
+CheckboxItem.displayName = "CheckboxItem";
+export { CheckboxItem };

package/dist/distributeur/Form/Checkbox/CheckboxModes.d.ts

@@ -0,0 +1,7 @@
+declare enum CheckboxModes {
+    classic = "classic",
+    default = "default",
+    inline = "inline",
+    toggle = "toggle"
+}
+export { CheckboxModes };

package/dist/distributeur/Form/Checkbox/CheckboxModes.js

@@ -0,0 +1,8 @@
+var CheckboxModes;
+(function (CheckboxModes) {
+    CheckboxModes["classic"] = "classic";
+    CheckboxModes["default"] = "default";
+    CheckboxModes["inline"] = "inline";
+    CheckboxModes["toggle"] = "toggle";
+})(CheckboxModes || (CheckboxModes = {}));
+export { CheckboxModes };

package/dist/distributeur/Form/Checkbox/index.d.ts

@@ -0,0 +1,4 @@
+export { Checkbox } from "./Checkbox";
+export { CheckboxInput } from "./CheckboxInput";
+export { CheckboxItem } from "./CheckboxItem";
+export { CheckboxModes } from "./CheckboxModes";

package/dist/distributeur/Form/Checkbox/index.js

@@ -0,0 +1,4 @@
+export { Checkbox } from "./Checkbox";
+export { CheckboxInput } from "./CheckboxInput";
+export { CheckboxItem } from "./CheckboxItem";
+export { CheckboxModes } from "./CheckboxModes";

package/dist/distributeur/Form/Choice/Choice.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentProps } from "react";
+import { Radio } from "../Radio";
+import { type Option } from "../core";
+type Props = Omit<ComponentProps<typeof Radio>, "options" | "value"> & {
+    id: string;
+    name?: string;
+    options?: Array<Omit<Option, "value"> & {
+        value: boolean;
+    }>;
+    value?: boolean | string;
+    classModifier?: string;
+};
+declare const Choice: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { Choice };

package/dist/distributeur/Form/Choice/Choice.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { Radio } from "../Radio";
+import { useOptionsWithId } from "../core";
+const defaultOptions = [
+    { label: "Oui", value: true },
+    { label: "Non", value: false },
+];
+const Choice = forwardRef(({ children, value, options = defaultOptions, name, ...otherProps }, inputRef) => {
+    const choiceOptions = useOptionsWithId(options.map((o) => ({
+        ...o,
+        value: `${o.value}`,
+    })));
+    const generatedId = useId();
+    return (_jsx(Radio, { ...otherProps, mode: "default", ref: inputRef, name: name ?? `choice_${generatedId}`, value: value?.toString(), options: choiceOptions, children: children }));
+});
+Choice.displayName = "Choice";
+export { Choice };

package/dist/distributeur/Form/Choice/ChoiceInput.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps } from "react";
+import { type ConsumerFieldProps } from "../core";
+import { Choice } from "./Choice";
+type Props = ComponentProps<typeof Choice> & ConsumerFieldProps;
+declare const ChoiceInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { ChoiceInput };

package/dist/distributeur/Form/Choice/ChoiceInput.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Field } from "../core";
+import { Choice } from "./Choice";
+const defaultOptions = [
+    { label: "Oui", value: true },
+    { label: "Non", value: false },
+];
+const ChoiceInput = forwardRef(({ label, options = defaultOptions, children, ...otherProps }, inputRef) => {
+    return (_jsx(Field, { label: label, roleContainer: "radiogroup", ...otherProps, renderInput: ({ classModifier, id, errorId, ariaInvalid, ...props }) => (_jsxs(_Fragment, { children: [_jsx(Choice, { id: id, ref: inputRef, classModifier: classModifier, "aria-describedby": errorId, "aria-invalid": ariaInvalid, options: options, ...props }), children] })) }));
+});
+ChoiceInput.displayName = "ChoiceInput";
+export { ChoiceInput };

package/dist/distributeur/Form/Choice/index.d.ts

@@ -0,0 +1,2 @@
+export { Choice } from "./Choice";
+export { ChoiceInput } from "./ChoiceInput";

package/dist/distributeur/Form/Choice/index.js

@@ -0,0 +1,2 @@
+export { Choice } from "./Choice";
+export { ChoiceInput } from "./ChoiceInput";