@axa-fr/design-system-apollo-react 3.2.0 → 4.0.0-alpha.1090

package/dist/List/ContentItemDuo/ContentItemDuoLF.d.ts

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

package/dist/List/ContentItemDuo/ContentItemDuoLF.js

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

package/dist/Message/Message.helpers.d.ts

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

package/dist/Message/Message.helpers.js

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

package/dist/Message/MessageApollo.d.ts

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

package/dist/Message/MessageApollo.js

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

package/dist/Message/MessageCommon.d.ts

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

package/dist/Message/MessageCommon.js

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

package/dist/Message/MessageLF.d.ts

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

package/dist/Message/MessageLF.js

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

package/dist/Message/constants.d.ts

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

package/dist/Message/constants.js

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

package/dist/Message/types.d.ts

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

package/dist/Message/types.js

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

package/dist/Modal/ModalApollo.d.ts

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

package/dist/Modal/ModalApollo.js

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

package/dist/Modal/ModalCommon.d.ts

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

package/dist/Modal/ModalCommon.js

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

package/dist/Modal/ModalLF.d.ts

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

package/dist/Modal/ModalLF.js

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

package/dist/Modal/components/ModalCore.d.ts

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

package/dist/Modal/components/ModalCore.js

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

package/dist/Modal/components/ModalCoreBody.d.ts

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

package/dist/Modal/components/ModalCoreBody.js

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

package/dist/Modal/components/ModalCoreFooterApollo.d.ts

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

package/dist/Modal/components/ModalCoreFooterApollo.js

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

package/dist/Modal/components/ModalCoreFooterCommon.d.ts

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

package/dist/Modal/components/ModalCoreFooterCommon.js

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

package/dist/Modal/components/ModalCoreFooterLF.d.ts

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

package/dist/Modal/components/ModalCoreFooterLF.js

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

package/dist/Modal/components/ModalCoreHeaderApollo.d.ts

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

package/dist/Modal/components/ModalCoreHeaderApollo.js

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

package/dist/Modal/components/ModalCoreHeaderCommon.d.ts

@@ -1,13 +0,0 @@
-import type { ComponentPropsWithoutRef, ComponentType } from "react";
-import type { HeadingProps } from "../../Heading/types";
-import type { IconProps } from "../../Icon/IconCommon";
-export type ModalCoreHeaderContainerProps = ComponentPropsWithoutRef<"header">;
-export type ModalCoreHeaderCommonProps = ModalCoreHeaderContainerProps & {
-    headingComponent: ComponentType<HeadingProps>;
-    headingProps: HeadingProps;
-    iconComponent?: ComponentType<IconProps>;
-    iconProps?: IconProps;
-    onClose?: VoidFunction;
-    closeButtonAriaLabel?: string;
-};
-export declare const ModalCoreHeaderCommon: ({ className, headingComponent: HeadingComponent, headingProps, iconComponent: IconComponent, iconProps, onClose, closeButtonAriaLabel, ...props }: ModalCoreHeaderCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Modal/components/ModalCoreHeaderCommon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import close from "@material-symbols/svg-400/rounded/close.svg";
-import { ClickIcon } from "../../ClickIcon/ClickIconCommon";
-export const ModalCoreHeaderCommon = ({ className, headingComponent: HeadingComponent, headingProps, iconComponent: IconComponent, iconProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...props }) => (_jsxs("header", { className: ["af-modal__header", className].filter(Boolean).join(" "), ...props, children: [_jsx(ClickIcon, { className: "af-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsxs("div", { className: "af-modal__header-title", children: [IconComponent && iconProps ? (_jsx(IconComponent, { size: "M", ...iconProps })) : null, _jsx(HeadingComponent, { level: 2, ...headingProps })] })] }));

package/dist/Modal/components/ModalCoreHeaderLF.d.ts

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

package/dist/Modal/components/ModalCoreHeaderLF.js

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

package/dist/Modal/types.d.ts

@@ -1,12 +0,0 @@
-import type { HeadingProps } from "../Heading/types";
-import type { IconProps } from "../Icon/IconCommon";
-import type { ModalCoreFooterCommonProps } from "./components/ModalCoreFooterCommon";
-import type { ModalCoreHeaderCommonProps } from "./components/ModalCoreHeaderCommon";
-import type { ModalCommonProps } from "./ModalCommon";
-export type ModalCoreHeaderProps = Omit<ModalCoreHeaderCommonProps, "headingComponent" | "iconComponent">;
-export type ModalCoreFooterProps = Omit<ModalCoreFooterCommonProps, "buttonComponent">;
-export type ModalProps = Omit<ModalCommonProps, "headingComponent" | "headingProps" | "iconComponent" | "iconProps" | "buttonComponent"> & {
-    headingProps?: Omit<HeadingProps, "children">;
-    icon?: string;
-    iconProps?: Omit<IconProps, "src">;
-};

package/dist/Modal/types.js

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

package/dist/Pagination/ItemPagination/ItemPaginationApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Pagination/ItemPagination/ItemPaginationApollo.css";
-export { type ItemPaginationCommonProps as ItemPaginationProps } from "./ItemPaginationCommon";
-export declare const ItemPagination: <T extends import("react").ElementType = "a">({ as, page, isCurrentPage, className, ...props }: import("./ItemPaginationCommon").ItemPaginationCommonProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/ItemPagination/ItemPaginationApollo.js

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Pagination/ItemPagination/ItemPaginationApollo.css";
-import { ItemPaginationCommon } from "./ItemPaginationCommon";
-export const ItemPagination = ItemPaginationCommon;

package/dist/Pagination/ItemPagination/ItemPaginationCommon.d.ts

@@ -1,10 +0,0 @@
-import { type ElementType } from "react";
-import { type PolymorphicComponent } from "../../utilities/types/PolymorphicComponent";
-export declare const ELLIPSIS = "...";
-type ItemPaginationCustomProps = {
-    page: number | typeof ELLIPSIS;
-    isCurrentPage: boolean;
-};
-export type ItemPaginationCommonProps<T extends ElementType> = PolymorphicComponent<T, ItemPaginationCustomProps>;
-export declare const ItemPaginationCommon: <T extends ElementType = "a">({ as, page, isCurrentPage, className, ...props }: ItemPaginationCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Pagination/ItemPagination/ItemPaginationCommon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getClassName } from "../../utilities/getClassName";
-export const ELLIPSIS = "...";
-export const ItemPaginationCommon = ({ as, page, isCurrentPage, className, ...props }) => {
-    const Component = page === ELLIPSIS ? "span" : as || "a";
-    return (_jsx(Component, { href: Component === "a" ? `/${page}` : undefined, type: Component === "button" ? "button" : undefined, "aria-current": Component === "a" && isCurrentPage ? "page" : undefined, className: getClassName({
-            baseClassName: "af-item-pagination",
-            className,
-            modifiers: [isCurrentPage ? "current" : undefined],
-        }), ...props, children: page }));
-};

package/dist/Pagination/ItemPagination/ItemPaginationLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Pagination/ItemPagination/ItemPaginationLF.css";
-export { type ItemPaginationCommonProps as ItemPaginationProps } from "./ItemPaginationCommon";
-export declare const ItemPagination: <T extends import("react").ElementType = "a">({ as, page, isCurrentPage, className, ...props }: import("./ItemPaginationCommon").ItemPaginationCommonProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/ItemPagination/ItemPaginationLF.js

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Pagination/ItemPagination/ItemPaginationLF.css";
-import { ItemPaginationCommon } from "./ItemPaginationCommon";
-export const ItemPagination = ItemPaginationCommon;

package/dist/Pagination/Pagination.helper.d.ts

@@ -1,9 +0,0 @@
-import type { ElementType } from "react";
-import type { ItemPaginationCommonProps } from "./ItemPagination/ItemPaginationCommon";
-export type getItemsProps = {
-    numberPages: number;
-    onChangePage: (page: number) => void;
-    currentPage: number;
-    asItem?: ElementType;
-};
-export declare const getItems: ({ numberPages, currentPage, asItem, onChangePage, }: getItemsProps) => ItemPaginationCommonProps<ElementType>[];

package/dist/Pagination/Pagination.helper.js

@@ -1,34 +0,0 @@
-import { ELLIPSIS } from "./ItemPagination/ItemPaginationCommon";
-const MAX_PAGE = 7;
-const ellipsisItem = {
-    page: ELLIPSIS,
-    isCurrentPage: false,
-};
-export const getItems = ({ numberPages, currentPage, asItem, onChangePage, }) => {
-    const items = Array.from({ length: numberPages }, (_, index) => ({
-        page: index + 1,
-        isCurrentPage: index + 1 === currentPage,
-        as: asItem,
-        onClick: () => onChangePage(index + 1),
-    }));
-    if (numberPages <= MAX_PAGE) {
-        return items;
-    }
-    if (currentPage && currentPage < MAX_PAGE - 1) {
-        return items.toSpliced(MAX_PAGE - 1, numberPages - 1, ellipsisItem, items[numberPages - 1]);
-    }
-    if (currentPage && currentPage > numberPages - (MAX_PAGE - 2)) {
-        return [
-            items[0],
-            ellipsisItem,
-            ...items.toSpliced(0, numberPages - (MAX_PAGE - 1)),
-        ];
-    }
-    return [
-        items[0],
-        ellipsisItem,
-        ...items.toSpliced(0, currentPage - 2).toSpliced(3, numberPages - 1),
-        ellipsisItem,
-        items[numberPages - 1],
-    ];
-};

package/dist/Pagination/PaginationApollo.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Pagination/PaginationApollo.css";
-import { type PaginationProps } from "./PaginationCommon";
-export { type PaginationProps } from "./PaginationCommon";
-export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/PaginationApollo.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Pagination/PaginationApollo.css";
-import { ItemPagination } from "./ItemPagination/ItemPaginationApollo";
-import { PaginationCommon } from "./PaginationCommon";
-export const Pagination = (props) => (_jsx(PaginationCommon, { ...props, ItemPaginationComponent: ItemPagination }));

package/dist/Pagination/PaginationCommon.d.ts

@@ -1,14 +0,0 @@
-import { ComponentProps, ComponentType, type ComponentPropsWithoutRef } from "react";
-import { ClickIcon } from "../ClickIcon/ClickIconApollo";
-import { ItemPaginationCommon } from "./ItemPagination/ItemPaginationCommon";
-import { type getItemsProps } from "./Pagination.helper";
-export type PaginationProps = getItemsProps & ComponentPropsWithoutRef<"nav"> & {
-    hidePrevNext?: boolean;
-    prevButtonProps?: ComponentProps<typeof ClickIcon>;
-    nextButtonProps?: ComponentProps<typeof ClickIcon>;
-};
-type PaginationCommonProps = PaginationProps & {
-    ItemPaginationComponent: ComponentType<ComponentProps<typeof ItemPaginationCommon>>;
-};
-export declare const PaginationCommon: ({ numberPages, onChangePage, className, currentPage, asItem, hidePrevNext, "aria-label": ariaLabel, ItemPaginationComponent, prevButtonProps, nextButtonProps, }: PaginationCommonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Pagination/PaginationCommon.js

@@ -1,20 +0,0 @@
-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/ClickIconApollo";
-import { ELLIPSIS, } 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({
-        numberPages,
-        currentPage,
-        asItem,
-        onChangePage,
-    });
-    return (_jsx("nav", { className: getClassName({
-            baseClassName: "af-pagination",
-            className,
-            modifiers: [hidePrevNext ? "hide-prev-next" : undefined],
-        }), "aria-label": ariaLabel, children: _jsxs("ol", { className: "af-pagination-list", children: [_jsx("li", { children: _jsx(ClickIcon, { src: chevronBackward, onClick: () => onChangePage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Page pr\u00E9c\u00E9dente", ...prevButtonProps }) }), _jsx("li", { children: _jsx("span", { className: "af-pagination-counter", children: `Page ${currentPage} sur ${numberPages}` }) }), items.map((item, index) => (_jsx("li", { children: _jsx(ItemPaginationComponent, { ...item }) }, item.page === ELLIPSIS ? `ellipsis-${index}` : item.page))), _jsx("li", { children: _jsx(ClickIcon, { src: chevronForward, onClick: () => onChangePage(currentPage + 1), disabled: currentPage === numberPages, "aria-label": "Page suivante", ...nextButtonProps }) })] }) }));
-};

package/dist/Pagination/PaginationLF.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Pagination/PaginationLF.css";
-import { type PaginationProps } from "./PaginationCommon";
-export { type PaginationProps } from "./PaginationCommon";
-export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/PaginationLF.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Pagination/PaginationLF.css";
-import { ItemPagination } from "./ItemPagination/ItemPaginationLF";
-import { PaginationCommon } from "./PaginationCommon";
-export const Pagination = (props) => (_jsx(PaginationCommon, { ...props, ItemPaginationComponent: ItemPagination }));

package/dist/ProgressBar/ProgressBarApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.css";
-export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.css";
-export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarCommon.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps, type ReactNode } from "react";
-type ProgressBarProps = ComponentProps<"progress"> & {
-    label?: ReactNode;
-};
-export declare const ProgressBar: {
-    ({ id, label, className, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/ProgressBar/ProgressBarCommon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-export const ProgressBar = ({ id, label, className, ...props }) => {
-    let inputId = useId();
-    inputId = id || inputId;
-    return (_jsxs(_Fragment, { children: [Boolean(label) && (_jsx("label", { className: "af-progress-bar__label", htmlFor: inputId, children: label })), _jsx("progress", { id: inputId, className: ["af-progress-bar", className].filter(Boolean).join(" "), ...props })] }));
-};
-ProgressBar.displayName = "ProgressBar";

package/dist/ProgressBar/ProgressBarLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.css";
-export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.css";
-export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBarGroup/ProgressBarGroupApollo.d.ts

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

package/dist/ProgressBarGroup/ProgressBarGroupApollo.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupApollo.css";
-import { ProgressBar } from "../ProgressBar/ProgressBarApollo";
-import { ProgressBarGroupCommon, } from "./ProgressBarGroupCommon";
-export const ProgressBarGroup = (props) => (_jsx(ProgressBarGroupCommon, { ...props, ProgressBarComponent: ProgressBar }));

package/dist/ProgressBarGroup/ProgressBarGroupCommon.d.ts

@@ -1,18 +0,0 @@
-import { type ComponentProps, type ComponentType } from "react";
-import { ProgressBar } from "../ProgressBar/ProgressBarCommon";
-export type ProgressBarGroupProps = {
-    currentStepProgress?: number;
-    currentStep: number;
-    /**
-     * @deprecated Use `stepsCount` instead.
-     */
-    nbSteps?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    stepsCount?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    max?: number;
-    className?: string;
-} & Omit<ComponentProps<"ol">, "children" | "className">;
-type ProgressBarGroupCommonProps = ProgressBarGroupProps & {
-    ProgressBarComponent: ComponentType<ComponentProps<typeof ProgressBar>>;
-};
-export declare const ProgressBarGroupCommon: ({ currentStepProgress, max, nbSteps, stepsCount, currentStep, className, ProgressBarComponent, ...props }: ProgressBarGroupCommonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ProgressBarGroup/ProgressBarGroupCommon.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { useId } from "react";
-import { useSequentialProgress } from "./useSequentialProgress";
-export const ProgressBarGroupCommon = ({ currentStepProgress = 0, max = 100, nbSteps = 4, stepsCount = nbSteps, currentStep, className, ProgressBarComponent, ...props }) => {
-    const stepperId = useId();
-    const progressValues = useSequentialProgress(currentStepProgress / max, currentStep, stepsCount);
-    return (_jsx("ol", { className: classNames("af-progress-bar-group", className), ...props, children: progressValues.map((value, index) => (_jsx("li", { className: "af-progress-bar-group__item", children: _jsx(ProgressBarComponent, { value: value, "aria-hidden": true }) }, `af-progress-bar-group__item--${stepperId}-${index}`))) }));
-};

package/dist/ProgressBarGroup/ProgressBarGroupLF.d.ts

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