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

package/dist/index.js

@@ -1,55 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/common/reboot.css";
-import "@axa-fr/design-system-apollo-css/dist/common/tokens.css";
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.css";
-import "@fontsource/source-sans-pro";
-export { Accordion, accordionVariants, } from "./Accordion/AccordionApollo";
-export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";
-export { BasePicture } from "./BasePicture/BasePicture";
-export { Button, buttonVariants, } from "./Button/ButtonApollo";
-export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
-export { ClickIcon } from "./ClickIcon/ClickIconApollo";
-export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
-export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
-export { DataAgent } from "./DataAgent/DataAgentApollo";
-export { Divider } from "./Divider/DividerApollo";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
-export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
-export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
-export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
-export { Dropdown } from "./Form/Dropdown/DropdownApollo";
-export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadApollo";
-export { InputFile } from "./Form/FileUpload/InputFile/InputFileApollo";
-export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileApollo";
-export { InputDate } from "./Form/InputDate/InputDateApollo";
-export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
-export { InputText } from "./Form/InputText/InputTextApollo";
-export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
-export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
-export { ItemMessage, itemMessageVariants, } from "./Form/ItemMessage/ItemMessageApollo";
-export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
-export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionApollo";
-export { Radio } from "./Form/Radio/Radio/RadioApollo";
-export { TextArea } from "./Form/TextArea/TextAreaApollo";
-export { DebugGrid } from "./Grid/DebugGridApollo";
-export { Heading } from "./Heading/HeadingApollo";
-export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconApollo";
-export { ItemTabBar, } from "./ItemTabBar/ItemTabBarApollo";
-export { Footer } from "./Layout/Footer/FooterApollo";
-export { Link, linkVariants } from "./Link/LinkApollo";
-export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemApollo";
-export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
-export { Message, messageVariants, } from "./Message/MessageApollo";
-export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
-export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
-export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
-export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
-export { Stepper } from "./Stepper/StepperApollo";
-export { Svg } from "./Svg/Svg";
-export { TabBar, tabBarDirection, } from "./TabBar/TabBarApollo";
-export { Tag, tagVariants } from "./Tag/TagApollo";
-export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
-export { Toggle } from "./Toggle/ToggleApollo";
-export { Pagination } from "./Pagination/PaginationApollo";
-export { ItemPagination, } from "./Pagination/ItemPagination/ItemPaginationApollo";

package/dist/indexLF.d.ts

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

package/dist/indexLF.js

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

package/dist/utilities/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const BREAKPOINT: {
-    SM: number;
-    MD: number;
-    LG: number;
-    XL: number;
-};

package/dist/utilities/constants.js

@@ -1,6 +0,0 @@
-export const BREAKPOINT = {
-    SM: 667,
-    MD: 1023,
-    LG: 1279,
-    XL: 1599,
-};

package/dist/utilities/generateId.d.ts

@@ -1 +0,0 @@
-export declare const generateId: (item: object) => string;

package/dist/utilities/generateId.js

@@ -1,10 +0,0 @@
-let counter = 1;
-const map = new WeakMap();
-export const generateId = (item) => {
-    if (!map.has(item)) {
-        map.set(item, counter);
-        counter += 1;
-        return generateId(item);
-    }
-    return `id-${map.get(item)}`;
-};

package/dist/utilities/getClassName.d.ts

@@ -1,20 +0,0 @@
-type getClassNameParams = {
-    baseClassName: string;
-    modifiers?: Array<string | boolean | undefined>;
-    className?: string;
-};
-/**
- * Generates a CSS class string from a base class name, optional modifiers, and an additional class name.
- *
- * @param {string} params.baseClassName - The base class name (required).
- * @param {Array<string|boolean|undefined>} [params.modifiers] - List of modifiers to append as `${baseClassName}--{modifier}`. Falsy values are ignored.
- * @param {string} [params.className] - Additional class name(s) to append to the final string.
- * @returns {string} The concatenated CSS class string, separated by spaces.
- *
- * @example
- * const isLarge = false;
- * getClassName({ baseClassName: 'af-button', modifiers: ['primary', isLarge && 'large'], className: 'custom-class' })
- * // Returns: 'af-button af-button--primary custom-class'
- */
-export declare const getClassName: ({ baseClassName, modifiers, className, }: getClassNameParams) => string;
-export {};

package/dist/utilities/getClassName.js

@@ -1,24 +0,0 @@
-/**
- * Generates a CSS class string from a base class name, optional modifiers, and an additional class name.
- *
- * @param {string} params.baseClassName - The base class name (required).
- * @param {Array<string|boolean|undefined>} [params.modifiers] - List of modifiers to append as `${baseClassName}--{modifier}`. Falsy values are ignored.
- * @param {string} [params.className] - Additional class name(s) to append to the final string.
- * @returns {string} The concatenated CSS class string, separated by spaces.
- *
- * @example
- * const isLarge = false;
- * getClassName({ baseClassName: 'af-button', modifiers: ['primary', isLarge && 'large'], className: 'custom-class' })
- * // Returns: 'af-button af-button--primary custom-class'
- */
-export const getClassName = ({ baseClassName, modifiers = [], className = "", }) => {
-    const parsedModifiers = modifiers
-        .filter(Boolean)
-        .map((modifier) => `${baseClassName}--${modifier}`);
-    const classList = [
-        baseClassName,
-        ...parsedModifiers,
-        ...className.split(" "),
-    ].filter(Boolean);
-    return Array.from(new Set(classList)).join(" ");
-};

package/dist/utilities/getComponentClassName.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- */
-export declare const getComponentClassName: (defaultClassName: string, className?: string, classModifier?: string) => string;

package/dist/utilities/getComponentClassName.js

@@ -1,30 +0,0 @@
-import classNames from "classnames";
-const getLastClassName = (defaultClassName) => {
-    if (!defaultClassName) {
-        return null;
-    }
-    return defaultClassName.split(" ").filter(Boolean).at(-1);
-};
-const listClassModifier = (classModifier) => {
-    if (!classModifier) {
-        return [];
-    }
-    return classModifier.split(" ");
-};
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- */
-export const getComponentClassName = (defaultClassName, className, classModifier) => {
-    // Fail fast, when no defaultClassName we don't want to loop on modifier
-    if (!defaultClassName) {
-        return "";
-    }
-    const classWithoutModifier = getLastClassName(defaultClassName);
-    const modifiers = listClassModifier(classModifier);
-    const modifiersObject = modifiers
-        .filter((it) => /\S/.test(it))
-        .map((it) => {
-        return `${classWithoutModifier}--${it}`;
-    });
-    return classNames(defaultClassName, className, modifiersObject);
-};

package/dist/utilities/hook/useHasScroll.d.ts

@@ -1,6 +0,0 @@
-import { type RefObject } from "react";
-export type HasScrollState = {
-    horizontal: boolean;
-    vertical: boolean;
-};
-export declare const useHasScroll: (ref: RefObject<HTMLElement | null>) => HasScrollState;

package/dist/utilities/hook/useHasScroll.js

@@ -1,30 +0,0 @@
-import { useState, useLayoutEffect } from "react";
-const defaultHasScrollState = {
-    horizontal: false,
-    vertical: false,
-};
-export const useHasScroll = (ref) => {
-    const [hasScroll, setHasScroll] = useState(defaultHasScrollState);
-    useLayoutEffect(() => {
-        const htmlElement = ref.current;
-        const updateHasScrollState = () => {
-            if (htmlElement === null) {
-                setHasScroll(defaultHasScrollState);
-                return;
-            }
-            setHasScroll({
-                horizontal: htmlElement.scrollWidth > htmlElement.clientWidth,
-                vertical: htmlElement.scrollHeight > htmlElement.clientHeight,
-            });
-        };
-        updateHasScrollState();
-        const observer = new ResizeObserver(updateHasScrollState);
-        if (htmlElement) {
-            observer.observe(htmlElement, {
-                box: "content-box",
-            });
-        }
-        return () => observer.disconnect();
-    }, [ref]);
-    return hasScroll;
-};

package/dist/utilities/hook/useIsSmallScreen.d.ts

@@ -1 +0,0 @@
-export declare const useIsSmallScreen: (breakPointToCheck: number) => boolean;

package/dist/utilities/hook/useIsSmallScreen.js

@@ -1,14 +0,0 @@
-import { useCallback, useSyncExternalStore } from "react";
-export const useIsSmallScreen = (breakPointToCheck) => {
-    const subscribe = useCallback((listener) => {
-        window.addEventListener("resize", listener);
-        return () => {
-            window.removeEventListener("resize", listener);
-        };
-    }, []);
-    const getSnapshot = useCallback(() => {
-        return window.innerWidth <= breakPointToCheck;
-    }, [breakPointToCheck]);
-    const getServerSnapshot = useCallback(() => false, []);
-    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-};

package/dist/utilities/types/PolymorphicComponent.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentPropsWithRef, ElementType } from "react";
-type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
-export type PolymorphicComponent<C extends ElementType, Props = object> = Props & Omit<ComponentPropsWithRef<C>, keyof Props | "as"> & {
-    as?: C;
-} & {
-    ref?: PolymorphicRef<C>;
-};
-export {};

package/dist/utilities/types/PolymorphicComponent.js

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