@axa-fr/canopee-react 1.3.1-alpha.3 → 1.4.1-alpha.1

package/dist/prospect-client/Layout/FormLayout/FormLayout.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, isValidElement, } from "react";
+import "@axa-fr/canopee-css/prospect/Layout/FormLayout/FormLayoutAll.css";
+import { getClassName } from "../../utilities/getClassName";
+const Header = ({ children }) => children;
+const Footer = ({ children }) => children;
+const Faq = ({ children }) => children;
+const setDataCols = ({ dataColsMobile, dataColsTablet, dataColsDesktopSmall, dataColsDesktopMedium, dataColsDesktopLarge, }) => {
+    return {
+        "--cols-mobile": dataColsMobile || undefined,
+        "--cols-tablet": dataColsTablet || undefined,
+        "--cols-desktop-small": dataColsDesktopSmall || undefined,
+        "--cols-desktop-medium": dataColsDesktopMedium || undefined,
+        "--cols-desktop-large": dataColsDesktopLarge || undefined,
+    };
+};
+const setResponsiveStyle = (childProps) => {
+    const { "data-cols-mobile": dataColsMobile, "data-cols-tablet": dataColsTablet, "data-cols-desktop-small": dataColsDesktopSmall, "data-cols-desktop-medium": dataColsDesktopMedium, "data-cols-desktop-large": dataColsDesktopLarge, ...rest } = childProps?.containerProps || childProps;
+    if (childProps?.containerProps) {
+        return {
+            ...childProps,
+            ...rest,
+            containerProps: {
+                style: {
+                    ...(childProps.containerProps?.style ||
+                        {}),
+                    ...setDataCols({
+                        dataColsMobile,
+                        dataColsTablet,
+                        dataColsDesktopSmall,
+                        dataColsDesktopMedium,
+                        dataColsDesktopLarge,
+                    }),
+                },
+            },
+        };
+    }
+    return {
+        ...rest,
+        style: {
+            ...(rest.style || {}),
+            ...setDataCols({
+                dataColsMobile,
+                dataColsTablet,
+                dataColsDesktopSmall,
+                dataColsDesktopMedium,
+                dataColsDesktopLarge,
+            }),
+        },
+    };
+};
+export const Body = ({ children }) => Children.map(children, function (child) {
+    if (isValidElement(child)) {
+        const childProps = typeof child.props === "object" && child.props !== null
+            ? child.props
+            : {};
+        const responsiveStyle = setResponsiveStyle(childProps);
+        return {
+            ...child,
+            props: responsiveStyle,
+        };
+    }
+    return child;
+});
+export const FormLayout = ({ children, className, "aria-label": ariaLabel = "Formulaire", ...formProps }) => {
+    const childrenArray = Children.toArray(children);
+    const header = childrenArray.find((child) => isValidElement(child) && child.type === Header);
+    const body = childrenArray.find((child) => isValidElement(child) && child.type === Body);
+    const footer = childrenArray.find((child) => isValidElement(child) && child.type === Footer);
+    const faq = childrenArray.find((child) => isValidElement(child) && child.type === Faq);
+    return (_jsxs(_Fragment, { children: [_jsxs("form", { className: getClassName({
+                    baseClassName: "af-form-layout",
+                    className,
+                }), "aria-label": ariaLabel, ...formProps, children: [header ? (_jsx("div", { className: "af-form-layout__header subgrid", children: header })) : null, body ? (_jsx("div", { className: "af-form-layout__fields subgrid", children: body })) : null, footer ? (_jsx("div", { className: "af-form-layout__actions subgrid", children: footer })) : null] }), faq ? _jsx("div", { className: "af-form-layout__faq subgrid", children: faq }) : null] }));
+};
+FormLayout.Header = Header;
+FormLayout.Body = Body;
+FormLayout.Footer = Footer;
+FormLayout.Faq = Faq;

package/dist/prospect-client/LevelSelector/LevelSelectorApollo.js

@@ -6,3 +6,4 @@ import { LevelSelectorCommon, } from "./LevelSelectorCommon";
 export const LevelSelector = (props) => {
     return (_jsx(LevelSelectorCommon, { ...props, ClickIconComponent: ClickIcon, CardComponent: Card }));
 };
+export {};

package/dist/prospect-client/LevelSelector/LevelSelectorCommon.d.ts

@@ -1,6 +1,6 @@
-import { ComponentProps, ComponentType } from "react";
-import { ClickIcon } from "../ClickIcon/ClickIconCommon";
+import { type ComponentProps, type ComponentType } from "react";
 import { CardCommon } from "../Card/CardCommon";
+import { ClickIcon } from "../ClickIcon/ClickIconCommon";
 export type LevelSelectorProps = {
     title: string;
     description?: string;

package/dist/prospect-client/LevelSelector/LevelSelectorCommon.js

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import add from "@material-symbols/svg-400/rounded/add-fill.svg";
 import remove from "@material-symbols/svg-400/rounded/remove-fill.svg";
 import { useId } from "react";
+import { CardCommon } from "../Card/CardCommon";
+import { ClickIcon } from "../ClickIcon/ClickIconCommon";
 export const LevelSelectorCommon = ({ title, description, value = 0, stepsCount = 2, ClickIconComponent, CardComponent, minusAriaLabel = "Diminuer le niveau", plusAriaLabel = "Augmenter le niveau", onChange, }) => {
     const levelSelectorId = useId();
     const stepsArray = Array.from({ length: stepsCount }, (_, index) => index + 1);

package/dist/prospect-client/LevelSelector/LevelSelectorLF.js

@@ -6,3 +6,4 @@ import { LevelSelectorCommon, } from "./LevelSelectorCommon";
 export const LevelSelector = (props) => {
     return (_jsx(LevelSelectorCommon, { ...props, ClickIconComponent: ClickIcon, CardComponent: Card }));
 };
+export {};

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

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

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

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

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

@@ -1,17 +1,17 @@
-import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
+import type { ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from "react";
 export declare const linkVariants: {
-    readonly default: "default";
-    readonly underline: "underline";
     readonly inverse: "inverse";
 };
 export type LinkVariants = keyof typeof linkVariants;
-type LinkProps = {
+export type LinkProps = {
     variant?: LinkVariants;
     openInNewTab?: boolean;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     className?: string;
+    /**
+     * @deprecated Use variant instead
+     */
     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

@@ -1,20 +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";
+import { getClassName } from "../utilities/getClassName";
 export const linkVariants = {
-    default: "default",
-    underline: "underline",
     inverse: "inverse",
 };
-export const Link = ({ href, variant = "underline", openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+export const Link = ({ href, variant, 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)
+    return (_jsxs("a", { className: getClassName({
+            baseClassName: "af-link",
+            modifiers: [classModifier, variant, openInNewTab && "openInNewTab"],
+            className,
+        }), href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
                 ? (rightIcon ?? _jsx(Svg, { src: openInNew }))
                 : null] }));
 };

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
 type ClickItemWrapperProps = HTMLAttributes<HTMLElement> & {
     isClickable?: boolean;
 };

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

@@ -1,4 +1,4 @@
-import { ComponentType } from "react";
+import type { ComponentType } from "react";
 import type { TagProps } from "../../../Tag/TagCommon";
 export type ClickItemContentProps = {
     title: string;

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

@@ -1,7 +1,7 @@
-import { ComponentProps, ComponentType } from "react";
+import type { ComponentProps, ComponentType } from "react";
 import type { IconProps } from "../../../Icon/IconCommon";
-import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
 import { Spinner } from "../../../Spinner/SpinnerCommon";
+import type { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
 export type ClickItemSuffixProps = {
     state: ClickItemStates;
     variant: ClickItemVariants;

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
+import { Spinner } from "../../../Spinner/SpinnerCommon";
 export const ClickItemSuffixCommon = ({ state, variant, trailingClickIcon, IconComponent, SpinnerComponent, }) => {
     if (variant === "large" && state === "loading") {
         return _jsx(SpinnerComponent, { size: 32 });

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
 import { getClassName } from "../../utilities/getClassName";
 export const ContentItemDuoCommon = ({ label, value, position = "horizontal", size = "large", className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, ...containerProps }) => {
     const componentClassName = getClassName({

package/dist/prospect-client/List/List/ListApollo.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/List/List/ListApollo.css";
 import { Card } from "../../Card/CardApollo";
 import { ListCommon } from "./ListCommon";
+export {} from "./ListCommon";
 export const List = (props) => (_jsx(ListCommon, { ...props, CardComponent: Card }));

package/dist/prospect-client/List/List/ListCommon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ComponentType } from "react";
+import { type ComponentProps, type ComponentType } from "react";
 import { CardCommon as Card, type CardCommonProps } from "../../Card/CardCommon";
 export type ListProps = CardCommonProps<"ul" | "ol">;
 type ListPropsCommon = ListProps & {

package/dist/prospect-client/List/List/ListCommon.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children } from "react";
+import { CardCommon as Card, } from "../../Card/CardCommon";
 import { generateId } from "../../utilities/generateId";
 export const ListCommon = ({ children, CardComponent, as = "ul", ...listProps }) => (_jsx(CardComponent, { as: as, ...listProps, children: Children.toArray(children).map((child) => (_jsx("li", { children: child }, generateId(child)))) }));

package/dist/prospect-client/List/List/ListLF.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/List/List/ListLF.css";
 import { Card } from "../../Card/CardLF";
 import { ListCommon } from "./ListCommon";
+export {} from "./ListCommon";
 export const List = (props) => (_jsx(ListCommon, { ...props, CardComponent: Card }));

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "../Link/LinkCommon";
 import { iconByVariant, messageVariants } from "./constants";
 import { getAriaRole } from "./Message.helpers";
 const defaultClassName = "af-message";

package/dist/prospect-client/Pagination/ItemPagination/ItemPaginationApollo.js

@@ -1,3 +1,4 @@
 import "@axa-fr/canopee-css/prospect/Pagination/ItemPagination/ItemPaginationApollo.css";
 import { ItemPaginationCommon } from "./ItemPaginationCommon";
+export {} from "./ItemPaginationCommon";
 export const ItemPagination = ItemPaginationCommon;

package/dist/prospect-client/Pagination/ItemPagination/ItemPaginationCommon.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import {} from "../../utilities/types/PolymorphicComponent";
 import { getClassName } from "../../utilities/getClassName";
 export const ELLIPSIS = "...";
 export const ItemPaginationCommon = ({ as, page, isCurrentPage, className, ...props }) => {

package/dist/prospect-client/Pagination/ItemPagination/ItemPaginationLF.js

@@ -1,3 +1,4 @@
 import "@axa-fr/canopee-css/client/Pagination/ItemPagination/ItemPaginationLF.css";
 import { ItemPaginationCommon } from "./ItemPaginationCommon";
+export {} from "./ItemPaginationCommon";
 export const ItemPagination = ItemPaginationCommon;

package/dist/prospect-client/Pagination/PaginationApollo.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Pagination/PaginationApollo.css";
 import { ItemPagination } from "./ItemPagination/ItemPaginationApollo";
 import { PaginationCommon } from "./PaginationCommon";
+export {} from "./PaginationCommon";
 export const Pagination = (props) => (_jsx(PaginationCommon, { ...props, ItemPaginationComponent: ItemPagination }));

package/dist/prospect-client/Pagination/PaginationCommon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ComponentType, type ComponentPropsWithoutRef } from "react";
+import type { ComponentProps, ComponentPropsWithoutRef, ComponentType } from "react";
 import { ClickIcon } from "../ClickIcon/ClickIconCommon";
 import { ItemPaginationCommon } from "./ItemPagination/ItemPaginationCommon";
 import { type getItemsProps } from "./Pagination.helper";

package/dist/prospect-client/Pagination/PaginationCommon.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import chevronBackward from "@material-symbols/svg-400/rounded/chevron_backward.svg";
 import chevronForward from "@material-symbols/svg-400/rounded/chevron_forward.svg";
-import { getClassName } from "../utilities/getClassName";
 import { ClickIcon } from "../ClickIcon/ClickIconCommon";
-import { ELLIPSIS, } from "./ItemPagination/ItemPaginationCommon";
+import { getClassName } from "../utilities/getClassName";
+import { ELLIPSIS, ItemPaginationCommon, } from "./ItemPagination/ItemPaginationCommon";
 import { getItems } from "./Pagination.helper";
 export const PaginationCommon = ({ numberPages = 1, onChangePage, className, currentPage = 1, asItem, hidePrevNext = false, "aria-label": ariaLabel = "Pagination", ItemPaginationComponent, prevButtonProps, nextButtonProps, }) => {
     const items = getItems({

package/dist/prospect-client/Pagination/PaginationLF.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Pagination/PaginationLF.css";
 import { ItemPagination } from "./ItemPagination/ItemPaginationLF";
 import { PaginationCommon } from "./PaginationCommon";
+export {} from "./PaginationCommon";
 export const Pagination = (props) => (_jsx(PaginationCommon, { ...props, ItemPaginationComponent: ItemPagination }));

package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupApollo.d.ts

@@ -1,3 +1,3 @@
 import "@axa-fr/canopee-css/prospect/ProgressBarGroup/ProgressBarGroupApollo.css";
-import { ProgressBarGroupProps } from "./ProgressBarGroupCommon";
+import { type ProgressBarGroupProps } from "./ProgressBarGroupCommon";
 export declare const ProgressBarGroup: (props: ProgressBarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupCommon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames";
 import { useId } from "react";
+import { ProgressBar } from "../ProgressBar/ProgressBarCommon";
 import { useSequentialProgress } from "./useSequentialProgress";
 export const ProgressBarGroupCommon = ({ currentStepProgress = 0, max = 100, nbSteps = 4, stepsCount = nbSteps, currentStep, className, ProgressBarComponent, ...props }) => {
     const stepperId = useId();

package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupLF.d.ts

@@ -1,3 +1,3 @@
 import "@axa-fr/canopee-css/client/ProgressBarGroup/ProgressBarGroupLF.css";
-import { ProgressBarGroupProps } from "./ProgressBarGroupCommon";
+import { type ProgressBarGroupProps } from "./ProgressBarGroupCommon";
 export declare const ProgressBarGroup: (props: ProgressBarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/SkeletonList/SkeletonListApollo.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from "../Skeleton/SkeletonApollo";
 import { List } from "../List/List/ListApollo";
 import { SkeletonListCommon, } from "./SkeletonListCommon";
+export {} from "./SkeletonListCommon";
 export const SkeletonList = (props) => (_jsx(SkeletonListCommon, { ...props, SkeletonComponent: Skeleton, ListComponent: List }));

package/dist/prospect-client/SkeletonList/SkeletonListLF.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from "../Skeleton/SkeletonLF";
 import { List } from "../List/List/ListLF";
 import { SkeletonListCommon, } from "./SkeletonListCommon";
+export {} from "./SkeletonListCommon";
 export const SkeletonList = (props) => (_jsx(SkeletonListCommon, { ...props, SkeletonComponent: Skeleton, ListComponent: List }));

package/dist/prospect-client/Spinner/SpinnerCommon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import type { ComponentPropsWithoutRef } from "react";
 export declare const spinnerVariants: {
     readonly blue: "blue";
     readonly gray: "gray";

package/dist/prospect-client/Stepper/StepperCommon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, type HTMLAttributes } from "react";
+import { type ComponentType, type HTMLAttributes } from "react";
 import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
 import { type ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
 export type StepperProps = {

package/dist/prospect-client/Stepper/StepperCommon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
+import {} from "../ProgressBarGroup/ProgressBarGroupCommon";
 export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
     const titleId = useId();
     const Title = `h${titleLevel}`;

package/dist/prospect-client/Svg/Svg.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Svg/Svg.css";
-import React from "react";
+import React, {} from "react";
 import { svgInjector } from "./svgInjector";
 const cloneAttributes = (from, to) => {
     const attributes = from.getAttributeNames();

package/dist/prospect-client/TabBar/TabBarCommon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ComponentType, ReactNode } from "react";
+import { type ComponentProps, type ComponentType, type ReactNode } from "react";
 import { ItemTabBar, type ItemTabBarProps } from "../ItemTabBar/ItemTabBarCommon";
 export declare const tabBarDirection: {
     readonly center: "center";

package/dist/prospect-client/TabBar/TabBarCommon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState, } from "react";
 import classNames from "classnames";
+import { useCallback, useRef, useState, } from "react";
+import { ItemTabBar, } from "../ItemTabBar/ItemTabBarCommon";
 export const tabBarDirection = {
     center: "center",
     left: "left",

package/dist/prospect-client/Table/TBody.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithRef } from "react";
+export type BodyColorVariants = "white" | "blue" | "alternate";
+export type TBodyProps = ComponentPropsWithRef<"tbody"> & {
+    variant?: BodyColorVariants;
+};
+export declare const TBody: ({ variant, className, children, ...tableBodyProps }: TBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/TBody.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const TBody = ({ variant = "white", className, children, ...tableBodyProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__tbody",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("tbody", { className: componentClassName, ...tableBodyProps, children: children }));
+};

package/dist/prospect-client/Table/THead.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type HeadColorVariants = "gray" | "blue";
+export type THeadProps = ComponentPropsWithRef<"thead"> & {
+    variant?: HeadColorVariants;
+};
+export declare const THead: ({ variant, className, children, ...tableHeadProps }: THeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/THead.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import { getClassName } from "../utilities/getClassName";
+export const THead = ({ variant = "blue", className, children, ...tableHeadProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__thead",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("thead", { className: componentClassName, ...tableHeadProps, children: children }));
+};

package/dist/prospect-client/Table/TableApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Table/TableApollo.css";
+export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./TableCommon";

package/dist/prospect-client/Table/TableApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Table/TableApollo.css";
+export { Table, } from "./TableCommon";

package/dist/prospect-client/Table/TableCommon.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentPropsWithRef } from "react";
+import { type RowSizeVariants } from "./Tr";
+import { type BodyColorVariants } from "./TBody";
+import { type HeadColorVariants } from "./THead";
+export type { HeadColorVariants, BodyColorVariants, RowSizeVariants };
+export type TableProps = ComponentPropsWithRef<"table">;
+export declare const Table: {
+    ({ className, children, ...tableProps }: TableProps): import("react/jsx-runtime").JSX.Element;
+    THead: ({ variant, className, children, ...tableHeadProps }: import("./THead").THeadProps) => import("react/jsx-runtime").JSX.Element;
+    TBody: ({ variant, className, children, ...tableBodyProps }: import("./TBody").TBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Th: ({ position, onCheck, checkboxPosition, onSort, className, children, ...tableHeaderProps }: import("./Th").ThProps) => import("react/jsx-runtime").JSX.Element;
+    Tr: ({ size, className, children, ...tableRowProps }: import("./Tr").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Td: ({ position, verticalAlign, size, variant, className, children, ...tableCellProps }: import("./Td").TdProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/prospect-client/Table/TableCommon.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import { getClassName } from "../utilities/getClassName";
+import { Td } from "./Td";
+import { Tr } from "./Tr";
+import { Th } from "./Th";
+import { TBody } from "./TBody";
+import { THead } from "./THead";
+export const Table = ({ className, children, ...tableProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table",
+        className,
+    });
+    return (_jsx("table", { className: componentClassName, ...tableProps, children: children }));
+};
+Table.THead = THead;
+Table.TBody = TBody;
+Table.Th = Th;
+Table.Tr = Tr;
+Table.Td = Td;

package/dist/prospect-client/Table/TableLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Table/TableLF.css";
+export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./TableCommon";

package/dist/prospect-client/Table/TableLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Table/TableLF.css";
+export { Table, } from "./TableCommon";

package/dist/prospect-client/Table/Td.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentPropsWithRef } from "react";
+export type CellContentPositionVariants = "left" | "center" | "right";
+export type CellContentVerticalAlignVariants = "top" | "middle";
+export declare const tdSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+};
+export type TdSizeVariants = keyof typeof tdSizeVariants;
+export type CellColorVariant = "white" | "blue";
+export type TdProps = ComponentPropsWithRef<"td"> & {
+    position?: CellContentPositionVariants;
+    verticalAlign?: CellContentVerticalAlignVariants;
+    size?: TdSizeVariants;
+    variant?: CellColorVariant;
+};
+export declare const Td: ({ position, verticalAlign, size, variant, className, children, ...tableCellProps }: TdProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Td.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const tdSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+};
+export const Td = ({ position = "left", verticalAlign = "middle", size, variant, className, children, ...tableCellProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__td",
+        className,
+        modifiers: [position, verticalAlign, size && tdSizeVariants[size], variant],
+    });
+    return (_jsx("td", { className: componentClassName, ...tableCellProps, children: children }));
+};

package/dist/prospect-client/Table/Th.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithRef } from "react";
+export type HeaderCellPositionVariants = "left" | "center" | "right";
+export type ThProps = ComponentPropsWithRef<"th"> & {
+    position?: HeaderCellPositionVariants;
+    checkboxPosition?: HeaderCellPositionVariants;
+    onCheck?: () => void;
+    onSort?: () => void;
+};
+export declare const Th: ({ position, onCheck, checkboxPosition, onSort, className, children, ...tableHeaderProps }: ThProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Th.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import unfoldMore from "@material-symbols/svg-400/rounded/unfold_more-fill.svg";
+import { getClassName } from "../utilities/getClassName";
+import { Checkbox } from "../Form/Checkbox/Checkbox/CheckboxCommon";
+import { ClickIcon } from "../ClickIcon/ClickIconCommon";
+export const Th = ({ position = "left", onCheck, checkboxPosition = "left", onSort, className, children, ...tableHeaderProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__th",
+        className,
+        modifiers: [position, checkboxPosition && `checkbox-${checkboxPosition}`],
+    });
+    return (_jsx("th", { className: componentClassName, ...tableHeaderProps, children: _jsxs("div", { className: "af-table__th-wrapper", children: [onCheck ? _jsx(Checkbox, { onChange: onCheck }) : null, _jsx("span", { className: "af-table__th-content", children: children }), onSort ? (_jsx(ClickIcon, { onClick: onSort, src: unfoldMore, variant: "ghost", className: "af-table__th-sort-icon" })) : null] }) }));
+};

package/dist/prospect-client/Table/Tr.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef } from "react";
+export declare const rowSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+};
+export type RowSizeVariants = keyof typeof rowSizeVariants;
+export type TrProps = ComponentPropsWithRef<"tr"> & {
+    size?: RowSizeVariants;
+};
+export declare const Tr: ({ size, className, children, ...tableRowProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Tr.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import { getClassName } from "../utilities/getClassName";
+export const rowSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+};
+export const Tr = ({ size = "S", className, children, ...tableRowProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__tr",
+        className,
+        modifiers: [rowSizeVariants[size]],
+    });
+    return (_jsx("tr", { className: componentClassName, ...tableRowProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/DRow.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type DRowDirectionVariants = "row" | "column";
+export type TrProps = ComponentPropsWithRef<"div"> & {
+    direction?: DRowDirectionVariants;
+};
+export declare const DRow: ({ className, children, direction, ...dRowProps }: TrProps) => import("react/jsx-runtime").JSX.Element;