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

package/dist/DataAgent/DataAgentCommon.d.ts

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

package/dist/DataAgent/DataAgentCommon.js

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

package/dist/DataAgent/DataAgentLF.d.ts

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

package/dist/DataAgent/DataAgentLF.js

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

package/dist/Divider/DividerApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Divider/DividerApollo.css";
-export { Divider } from "./DividerCommon";

package/dist/Divider/DividerApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Divider/DividerApollo.css";
-export { Divider } from "./DividerCommon";

package/dist/Divider/DividerCommon.d.ts

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

package/dist/Divider/DividerCommon.js

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

package/dist/Divider/DividerLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Divider/DividerLF.css";
-export { Divider } from "./DividerCommon";

package/dist/Divider/DividerLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Divider/DividerLF.css";
-export { Divider } from "./DividerCommon";

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxApollo.d.ts

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

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxApollo.js

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

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.d.ts

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

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.js

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

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxLF.d.ts

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

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxLF.js

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

package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.d.ts

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

package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.js

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

package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.d.ts

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

package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.js

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

package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.d.ts

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

package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.js

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

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

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxApollo.css";
-export { Checkbox } from "./CheckboxCommon";

package/dist/Form/Checkbox/Checkbox/CheckboxApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxApollo.css";
-export { Checkbox } from "./CheckboxCommon";

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

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

package/dist/Form/Checkbox/Checkbox/CheckboxCommon.js

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

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

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxLF.css";
-export { Checkbox } from "./CheckboxCommon";

package/dist/Form/Checkbox/Checkbox/CheckboxLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxLF.css";
-export { Checkbox } from "./CheckboxCommon";

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.d.ts

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

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.js

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

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.d.ts

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

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.js

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

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.d.ts

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

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.css";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-import { Checkbox } from "../Checkbox/CheckboxLF";
-import { CheckboxTextCommon, } from "./CheckboxTextCommon";
-export const CheckboxText = forwardRef((props, ref) => (_jsx(CheckboxTextCommon, { ...props, ref: ref, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage })));
-CheckboxText.displayName = "CheckboxText";

package/dist/Form/Dropdown/DropdownApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownApollo.css";
-import { type DropdownProps } from "./DropdownCommon";
-export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Dropdown/DropdownApollo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownApollo.css";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { DropdownCommon } from "./DropdownCommon";
-export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

package/dist/Form/Dropdown/DropdownCommon.d.ts

@@ -1,26 +0,0 @@
-import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
-import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-export type DropdownProps = ComponentPropsWithRef<"select"> & {
-    id?: string;
-    classModifier?: string;
-    label?: ItemLabelProps["label"];
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
-    placeholder?: string;
-    buttonLabel?: string;
-    description?: string;
-    helper?: string;
-} & Partial<ItemLabelProps & ItemMessageProps>;
-type DropdownCommonProps = DropdownProps & {
-    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-};
-declare const DropdownCommon: import("react").ForwardRefExoticComponent<Omit<DropdownCommonProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-export { DropdownCommon };

package/dist/Form/Dropdown/DropdownCommon.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-import classNames from "classnames";
-const DropdownCommon = forwardRef(({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, onButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, ...otherProps }, inputRef) => {
-    const idMessage = useId();
-    let inputId = useId();
-    inputId = id || inputId;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error");
-    return (_jsxs("div", { className: "af-form__dropdown-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && _jsx("option", { value: "", children: placeholder }), children] }), helper ? (_jsx("span", { className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
-});
-DropdownCommon.displayName = "Dropdown";
-export { DropdownCommon };

package/dist/Form/Dropdown/DropdownLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownLF.css";
-import { type DropdownProps } from "./DropdownCommon";
-export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Dropdown/DropdownLF.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownLF.css";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { DropdownCommon } from "./DropdownCommon";
-export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

package/dist/Form/FileUpload/FileUpload/FileUploadApollo.d.ts

@@ -1,3 +0,0 @@
-import { type FileUploadProps } from "./FileUploadCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/FileUpload/FileUploadAll.css";
-export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/FileUpload/FileUpload/FileUploadApollo.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { InputFile } from "../InputFile/InputFileApollo";
-import { FileUploadCommon } from "./FileUploadCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/FileUpload/FileUploadAll.css";
-export const FileUpload = forwardRef((props, ref) => (_jsx(FileUploadCommon, { ...props, ref: ref, InputFileComponent: InputFile })));
-FileUpload.displayName = "FileUpload";

package/dist/Form/FileUpload/FileUpload/FileUploadCommon.d.ts

@@ -1,18 +0,0 @@
-import { type ComponentType, type ReactElement, type ReactNode } from "react";
-import type { InputFileProps } from "../InputFile/InputFileCommon";
-import type { ItemFileProps } from "../ItemFile/ItemFileCommon";
-export type FileUploadProps = Omit<InputFileProps, "children"> & {
-    /**
-     * List of ItemFile components representing uploaded files.
-     */
-    children?: ReactElement<ItemFileProps> | ReactElement<ItemFileProps>[];
-    /**
-     * Custom label for the uploaded files list. Defaults to "Vos fichiers importés :".
-     */
-    fileListLabel?: ReactNode;
-};
-type FileUploadCommonProps = FileUploadProps & {
-    InputFileComponent: ComponentType<InputFileProps>;
-};
-export declare const FileUploadCommon: import("react").ForwardRefExoticComponent<Omit<FileUploadCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/Form/FileUpload/FileUpload/FileUploadCommon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, forwardRef, } from "react";
-import { generateId } from "../../../utilities/generateId";
-import { getClassName } from "../../../utilities/getClassName";
-export const FileUploadCommon = forwardRef(({ InputFileComponent, className, children, fileListLabel = "Vos fichiers importés :", ...props }, ref) => {
-    return (_jsx(InputFileComponent, { ...props, className: getClassName({
-            baseClassName: "af-file-upload",
-            className,
-        }), ref: ref, children: children ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "af-file-list__title", children: fileListLabel }), _jsx("ul", { className: "af-file-list", children: Children.map(children, (child) => (_jsx("li", { className: "af-file-list__item", children: child }, generateId(child)))) })] })) : null }));
-});
-FileUploadCommon.displayName = "FileUploadCommon";

package/dist/Form/FileUpload/FileUpload/FileUploadLF.d.ts

@@ -1,3 +0,0 @@
-import { type FileUploadProps } from "./FileUploadCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/FileUpload/FileUploadAll.css";
-export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/FileUpload/FileUpload/FileUploadLF.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { InputFile } from "../InputFile/InputFileLF";
-import { FileUploadCommon } from "./FileUploadCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/FileUpload/FileUploadAll.css";
-export const FileUpload = forwardRef((props, ref) => (_jsx(FileUploadCommon, { ...props, ref: ref, InputFileComponent: InputFile })));
-FileUpload.displayName = "FileUpload";

package/dist/Form/FileUpload/InputFile/InputFileApollo.d.ts

@@ -1,4 +0,0 @@
-import { type InputFileProps } from "./InputFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/InputFile/InputFileApollo.css";
-declare const InputFile: import("react").ForwardRefExoticComponent<Omit<InputFileProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputFile };

package/dist/Form/FileUpload/InputFile/InputFileApollo.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { ItemLabel } from "../../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
-import { InputFileCommon } from "./InputFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/InputFile/InputFileApollo.css";
-const InputFile = forwardRef((props, ref) => {
-    return (_jsx(InputFileCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
-});
-InputFile.displayName = "InputFile";
-export { InputFile };

package/dist/Form/FileUpload/InputFile/InputFileCommon.d.ts

@@ -1,60 +0,0 @@
-import { type ComponentPropsWithRef, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
-import { type ItemLabelProps } from "../../ItemLabel/ItemLabelCommon";
-import { type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
-type LabelProps = Partial<Omit<ItemLabelProps, "children" | "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "moreButtonLabel" | "onMoreButtonClick">>;
-export type InputFileProps = Omit<ComponentPropsWithRef<"input">, "type"> & {
-    /**
-     * Label text content
-     */
-    label?: ReactNode;
-    /**
-     * Additional description text that enriches the label.
-     * @example "Phone bill, EDF receipt, etc."
-     */
-    description?: ReactNode;
-    /**
-     * Label content for the side action button.
-     * When provided, renders a secondary button next to the main label.
-     */
-    sideButtonLabel?: ReactNode;
-    /**
-     * Click handler for the side button
-     */
-    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Label content for the more button
-     * When provided, renders an more button with an info icon.
-     */
-    moreButtonLabel?: ReactNode;
-    /**
-     * Click handler for the more button
-     */
-    onMoreButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Props forwarded to the label component to customize its appearance and behavior.
-     * Accepts a subset of ItemLabelProps (see LabelProps type). Use this to override
-     * visual or behavioral options for the label (e.g., size, tone, visibility of helpers).
-     */
-    labelProps?: LabelProps;
-    /**
-     * Help text displayed below the control. This text is associated with the input via
-     * `aria-describedby` when provided. Keep the content concise and actionable; avoid
-     * using color alone to convey meaning.
-     */
-    helper?: ReactNode;
-    /**
-     * Labels for the dropzone UI. Each field is optional and will fall back to defaults.
-     * Example: { dropzone: 'Glisser...', or: 'ou', button: 'Importer fichier' }
-     */
-    dropzoneLabels?: {
-        dropzone?: ReactNode;
-        or?: ReactNode;
-        button?: ReactNode;
-    };
-} & Omit<ItemMessageProps, "id">;
-type InputFileCommonProps = InputFileProps & {
-    ItemLabelComponent: ComponentType<ItemLabelProps>;
-    ItemMessageComponent: ComponentType<ItemMessageProps>;
-};
-export declare const InputFileCommon: import("react").ForwardRefExoticComponent<Omit<InputFileCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/Form/FileUpload/InputFile/InputFileCommon.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-import addCircleIcon from "@material-symbols/svg-400/rounded/add_circle-fill.svg";
-import { Svg } from "../../../Svg/Svg";
-import { getClassName } from "../../../utilities/getClassName";
-const DEFAULT_DROPZONE_LABELS = {
-    dropzone: "Glisser et déposer un fichier",
-    or: "ou",
-    button: "Importer fichier",
-};
-export const InputFileCommon = forwardRef(({ ItemLabelComponent, ItemMessageComponent, id, label, description, sideButtonLabel, onSideButtonClick, moreButtonLabel, onMoreButtonClick, labelProps, helper, required, message, messageType = "error", className, style, dropzoneLabels = {}, children, ...props }, ref) => {
-    const generatedId = useId();
-    const inputId = id || generatedId;
-    const messageId = `${inputId}-message`;
-    const helpId = `${inputId}-help`;
-    const ariaDescribedby = [
-        helper && helpId,
-        message && messageType === "success" && messageId,
-    ].filter(Boolean);
-    const hasError = Boolean(message && messageType === "error");
-    const resolvedDropzoneLabels = {
-        dropzone: dropzoneLabels.dropzone || DEFAULT_DROPZONE_LABELS.dropzone,
-        or: dropzoneLabels.or || DEFAULT_DROPZONE_LABELS.or,
-        button: dropzoneLabels.button || DEFAULT_DROPZONE_LABELS.button,
-    };
-    return (_jsxs("div", { className: getClassName({
-            baseClassName: "af-input-file",
-            className,
-        }), style: style, children: [_jsx(ItemLabelComponent, { htmlFor: inputId, description: description, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, required: required, ...labelProps, children: label }), _jsxs("div", { className: "af-input-file__container", children: [_jsxs("span", { className: getClassName({
-                            baseClassName: "af-input-file__dropzone",
-                            modifiers: [hasError && "error"],
-                        }), children: [_jsx("input", { ref: ref, type: "file", id: inputId, required: required, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": ariaDescribedby.length > 0
-                                    ? ariaDescribedby.join(" ")
-                                    : undefined, ...props }), _jsx("span", { children: resolvedDropzoneLabels.dropzone }), _jsx("span", { children: resolvedDropzoneLabels.or }), _jsxs("span", { className: getClassName({
-                                    baseClassName: "af-btn-client",
-                                    modifiers: ["tertiary"],
-                                }), children: [_jsx(Svg, { src: addCircleIcon, role: "presentation" }), resolvedDropzoneLabels.button] })] }), helper ? (_jsx("span", { id: helpId, className: "af-input-file__help", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message, messageType: messageType })] }), children] }));
-});
-InputFileCommon.displayName = "InputFileCommon";