@axa-fr/canopee-react 2.0.0-alpha.8 → 2.0.0-alpha.80

package/dist/distributeur/Form/core/Deprecated/Field.d.ts

@@ -1,21 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from "react";
-import { FieldForm } from "./FieldForm";
-type FieldProps = Omit<ComponentPropsWithoutRef<typeof FieldForm>, "children"> & {
-    label: ReactNode;
-    children?: ReactNode;
-    id?: string;
-    classModifier?: string;
-    classNameContainerLabel?: string;
-    classNameContainerInput?: string;
-    isVisible?: boolean;
-    roleContainer?: string;
-    ariaLabelContainer?: string;
-    isLabelContainerLinkedToInput?: boolean;
-    errorId?: string;
-};
-/**
- * @deprecated This component is deprecated and will be removed in future versions. Use components with labels instead, such as `TextInput`
- * or `SelectInput`.
- */
-export declare const LegacyField: ({ id, message, messageType, label, children, forceDisplayMessage, classModifier, className, classNameContainerLabel, classNameContainerInput, isVisible, roleContainer, ariaLabelContainer, isLabelContainerLinkedToInput, errorId, }: FieldProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/distributeur/Form/core/Deprecated/Field.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-import {} from "react";
-import { getComponentClassName } from "../../../utilities";
-import { FieldError } from "../FieldError";
-import { MessageTypes } from "../MessageTypes";
-import { FieldForm } from "./FieldForm";
-/**
- * @deprecated This component is deprecated and will be removed in future versions. Use components with labels instead, such as `TextInput`
- * or `SelectInput`.
- */
-export const LegacyField = ({ id = "", message = "", messageType = MessageTypes.error, label, children, forceDisplayMessage, classModifier = "", className, classNameContainerLabel = "col-md-2", classNameContainerInput = "col-md-10", isVisible = true, roleContainer, ariaLabelContainer, isLabelContainerLinkedToInput = true, errorId, }) => {
-    if (!isVisible) {
-        return null;
-    }
-    const componentClassName = getComponentClassName(className, classModifier, "row af-form__group");
-    return (_jsxs("div", { className: componentClassName, role: roleContainer, "aria-label": ariaLabelContainer, children: [_jsx("div", { className: classNameContainerLabel, children: _jsx("label", { className: classNames({
-                        "af-form__group-label--required": classModifier.includes("required"),
-                    }, "af-form__group-label"), htmlFor: isLabelContainerLinkedToInput ? id : undefined, children: label }) }), _jsxs(FieldForm, { className: classNameContainerInput, message: message, messageType: messageType, forceDisplayMessage: forceDisplayMessage, children: [children, _jsx(FieldError, { message: message, messageType: messageType, errorId: errorId })] })] }));
-};

package/dist/distributeur/Form/core/Deprecated/FieldForm.d.ts

@@ -1,103 +0,0 @@
-import { type BaseSyntheticEvent, type Dispatch, type ReactElement, type ReactNode, type SetStateAction } from "react";
-import { FormClassManager } from "../FormClassManager";
-import { MessageTypes } from "../MessageTypes";
-type TMessage = {
-    message?: string;
-    messageType?: MessageTypes;
-};
-declare const INITIAL_STATE: {
-    hasLostFocusOnce: boolean;
-    hasFocus: boolean;
-    hasChange: boolean;
-    memory: TMessage;
-};
-type EventFunction = {
-    onChange?: (event: BaseSyntheticEvent) => void;
-    onBlur?: (event: BaseSyntheticEvent) => void;
-    onFocus?: (event: BaseSyntheticEvent) => void;
-};
-type FieldFormProps = TMessage & {
-    className?: string;
-    classModifier?: string;
-    forceDisplayMessage?: boolean;
-    children: ReactNode;
-    setStateMemoryFn?: typeof setStateMemory;
-    onChangeByStateFn?: typeof onChangeByState;
-    setStateOnBlurFn?: typeof setStateOnBlur;
-    setStateOnFocusFn?: typeof setStateOnFocus;
-    initialState?: typeof INITIAL_STATE;
-};
-type SetState = (prevState: typeof INITIAL_STATE) => typeof INITIAL_STATE;
-export declare const setStateMemory: ({ message, messageType }: TMessage) => SetState;
-export declare const setStateHasChange: () => SetState;
-export declare const onChangeByState: (setState: Dispatch<SetStateAction<{
-    hasLostFocusOnce: boolean;
-    hasFocus: boolean;
-    hasChange: boolean;
-    memory: TMessage;
-}>>, stateHasChange: boolean, setStateHasChangeFn?: () => SetState) => false | void;
-export declare const setStateOnBlur: () => SetState;
-export declare const setStateOnFocus: ({ message, messageType }: TMessage) => SetState;
-type GetMessageInfoProps = typeof INITIAL_STATE & Required<Pick<FieldFormProps, "message" | "messageType" | "forceDisplayMessage">>;
-export declare const getMessageInfo: ({ forceDisplayMessage, hasLostFocusOnce, hasFocus, memory, hasChange, message, messageType, }: GetMessageInfoProps) => Pick<FieldFormProps, "message" | "messageType">;
-type EventWrapperProps = {
-    props: EventFunction;
-} & Pick<AddPropsClone, "wrapper">;
-export declare const eventWrapper: ({ wrapper, props }: EventWrapperProps) => {
-    onChange: (ev: BaseSyntheticEvent) => void;
-    onBlur: (ev: BaseSyntheticEvent) => void;
-    onFocus: (ev: BaseSyntheticEvent) => void;
-};
-type AddPropsClone = Omit<RenderChildrenProps, "children"> & {
-    child: ReactElement<Record<string, unknown>>;
-    classModifier: string;
-    name: string;
-    getMessageClassModifierFn?: typeof FormClassManager.getMessageClassModifier;
-    eventWrapperFn?: ({ wrapper, props }: EventWrapperProps) => {
-        onChange: (ev: BaseSyntheticEvent) => void;
-        onBlur: (ev: BaseSyntheticEvent) => void;
-        onFocus: (ev: BaseSyntheticEvent) => void;
-    };
-};
-export declare const addPropsClone: ({ message, messageType, classModifier, wrapper, child, name, getMessageClassModifierFn, eventWrapperFn, }: AddPropsClone) => {
-    isVisible: boolean;
-    message?: undefined;
-    classModifier?: undefined;
-} | {
-    message: string | undefined;
-    isVisible?: undefined;
-    classModifier?: undefined;
-} | {
-    classModifier: string;
-    isVisible?: undefined;
-    message?: undefined;
-} | {
-    classModifier: string;
-    onChange: (ev: BaseSyntheticEvent) => void;
-    onBlur: (ev: BaseSyntheticEvent) => void;
-    onFocus: (ev: BaseSyntheticEvent) => void;
-    isVisible?: undefined;
-    message?: undefined;
-} | {
-    onChange: (ev: BaseSyntheticEvent) => void;
-    onBlur: (ev: BaseSyntheticEvent) => void;
-    onFocus: (ev: BaseSyntheticEvent) => void;
-    isVisible?: undefined;
-    message?: undefined;
-    classModifier?: undefined;
-} | {
-    isVisible?: undefined;
-    message?: undefined;
-    classModifier?: undefined;
-};
-type RenderChildrenProps = {
-    wrapper: EventFunction;
-} & Partial<Pick<FieldFormProps, "children">> & ReturnType<typeof getMessageInfo>;
-export declare const renderedChildren: ({ children, wrapper, message, messageType, }: RenderChildrenProps) => ReactNode;
-/**
- * @deprecated This component is deprecated and will be removed in future versions.
- * This was an internal component used to manage the state of the form fields.
- * It is not recommended to use it directly in your code as it is not a public API.
- */
-export declare const FieldForm: ({ children, message, messageType, className, classModifier, forceDisplayMessage, setStateMemoryFn, onChangeByStateFn, setStateOnBlurFn, setStateOnFocusFn, initialState, }: FieldFormProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/distributeur/Form/core/Deprecated/FieldForm.js

@@ -1,162 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement, isValidElement, useEffect, useRef, useState, } from "react";
-import { getComponentClassName } from "../../../utilities";
-import { FormClassManager } from "../FormClassManager";
-import { MessageTypes } from "../MessageTypes";
-const defaultClassName = "md-10";
-const INITIAL_STATE = {
-    hasLostFocusOnce: false,
-    hasFocus: false,
-    hasChange: false,
-    memory: { message: "", messageType: MessageTypes.error },
-};
-export const setStateMemory = ({ message, messageType = MessageTypes.error }) => (prevState) => ({
-    ...prevState,
-    memory: {
-        message,
-        messageType,
-    },
-});
-export const setStateHasChange = () => (prevState) => ({
-    ...prevState,
-    hasChange: true,
-});
-export const onChangeByState = (setState, stateHasChange, setStateHasChangeFn = setStateHasChange) => !stateHasChange && setState(setStateHasChangeFn());
-export const setStateOnBlur = () => (prevState) => ({
-    ...prevState,
-    hasLostFocusOnce: true,
-    hasFocus: false,
-});
-export const setStateOnFocus = ({ message, messageType = MessageTypes.error }) => (prevState) => ({
-    ...prevState,
-    hasFocus: true,
-    memory: { message, messageType },
-});
-export const getMessageInfo = ({ forceDisplayMessage, hasLostFocusOnce, hasFocus, memory, hasChange, message, messageType, }) => {
-    const isDisplayMessage = hasLostFocusOnce || forceDisplayMessage || (hasChange && !hasFocus);
-    if (!isDisplayMessage) {
-        return {
-            message: "",
-            messageType: "",
-        };
-    }
-    return hasFocus
-        ? memory
-        : {
-            message,
-            messageType,
-        };
-};
-export const eventWrapper = ({ wrapper, props }) => ({
-    onChange: (ev) => {
-        wrapper?.onChange?.(ev);
-        if (props.onChange) {
-            props.onChange(ev);
-        }
-    },
-    onBlur: (ev) => {
-        wrapper?.onBlur?.(ev);
-        if (props.onBlur) {
-            props.onBlur(ev);
-        }
-    },
-    onFocus: (ev) => {
-        wrapper?.onFocus?.(ev);
-        if (props.onFocus) {
-            props.onFocus(ev);
-        }
-    },
-});
-export const addPropsClone = ({ message, messageType, classModifier, wrapper, child, name, getMessageClassModifierFn = FormClassManager.getMessageClassModifier, eventWrapperFn = eventWrapper, }) => {
-    const messageClassModifier = getMessageClassModifierFn(messageType, message, classModifier);
-    const displayName = child.type.displayName ?? name;
-    switch (displayName) {
-        case "HelpMessage":
-            return { isVisible: !message };
-        case "FieldError":
-            return { message };
-        case "FieldInput":
-            return { classModifier: messageClassModifier };
-        case "EnhancedInputRadio":
-        case "EnhancedInputCheckbox":
-            return {
-                ...eventWrapperFn({ wrapper, props: child.props }),
-                classModifier: messageClassModifier,
-            };
-        case "EnhancedInput":
-            return {
-                ...eventWrapperFn({ wrapper, props: child.props }),
-            };
-        default:
-            return {};
-    }
-};
-export const renderedChildren = ({ children, wrapper, message, messageType, }) => Children.map(children, (child) => {
-    if (!isValidElement(child) || typeof child.type === "string") {
-        return child;
-    }
-    const props = {
-        ...child.props,
-    };
-    if (child.props.children) {
-        const subChildren = renderedChildren({
-            children: child.props
-                .children,
-            wrapper,
-            message,
-            messageType,
-        });
-        if (subChildren !== null) {
-            props.children = subChildren;
-        }
-    }
-    return cloneElement(child, {
-        ...props,
-        ...addPropsClone({
-            ...child.type,
-            name: child.type.name,
-            message,
-            messageType,
-            classModifier: props.classModifier,
-            wrapper,
-            child: child,
-        }),
-    });
-});
-/**
- * @deprecated This component is deprecated and will be removed in future versions.
- * This was an internal component used to manage the state of the form fields.
- * It is not recommended to use it directly in your code as it is not a public API.
- */
-export const FieldForm = ({ children, message = "", messageType = MessageTypes.error, className = defaultClassName, classModifier = "", forceDisplayMessage = false, setStateMemoryFn = setStateMemory, onChangeByStateFn = onChangeByState, setStateOnBlurFn = setStateOnBlur, setStateOnFocusFn = setStateOnFocus, initialState = INITIAL_STATE, }) => {
-    const [state, setState] = useState(initialState);
-    const previousForceDisplayMessage = useRef(forceDisplayMessage);
-    useEffect(() => {
-        if (previousForceDisplayMessage.current !== forceDisplayMessage) {
-            setState(setStateMemoryFn({ message, messageType }));
-        }
-    }, [
-        forceDisplayMessage,
-        message,
-        messageType,
-        previousForceDisplayMessage,
-        setState,
-        setStateMemoryFn,
-    ]);
-    // for particular case on particular browers which does not throw onFocus or onBlur event
-    const onChange = () => onChangeByStateFn(setState, state?.hasChange);
-    const onBlur = () => setState(setStateOnBlurFn());
-    const onFocus = () => setState(setStateOnFocusFn({ message, messageType }));
-    const childrenCloned = renderedChildren({
-        children,
-        wrapper: { onFocus, onChange, onBlur },
-        ...getMessageInfo({
-            ...state,
-            forceDisplayMessage,
-            message,
-            messageType,
-        }),
-    });
-    const subComponentClassName = getComponentClassName(className, classModifier, defaultClassName);
-    return _jsx("div", { className: subComponentClassName, children: childrenCloned });
-};

package/dist/distributeur/Form/core/Deprecated/FieldInput.d.ts

@@ -1,16 +0,0 @@
-import type { ReactNode } from "react";
-type FieldProps = {
-    isVisible?: boolean;
-    className?: string;
-    classModifier?: string;
-    children?: ReactNode;
-};
-/**
- * @deprecated This component is deprecated and will be removed in future versions.
- * This was an internal component and it is not recommended to use it directly in your code as it is not a public API.
- */
-export declare const FieldInput: {
-    ({ children, className, classModifier, isVisible, }: FieldProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export {};

package/dist/distributeur/Form/core/Deprecated/FieldInput.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../../../utilities";
-/**
- * @deprecated This component is deprecated and will be removed in future versions.
- * This was an internal component and it is not recommended to use it directly in your code as it is not a public API.
- */
-export const FieldInput = ({ children, className = "", classModifier = "", isVisible = true, }) => {
-    if (!isVisible) {
-        return null;
-    }
-    const newClassName = getComponentClassName(className, classModifier, "");
-    return _jsx("div", { className: newClassName, children: children });
-};
-FieldInput.displayName = "FieldInput";

package/dist/distributeur/Form/core/useInputClassModifier.d.ts

@@ -1,4 +0,0 @@
-export declare function useInputClassModifier(classModifier: string, disabled: boolean, hasChildren: boolean, required?: boolean): {
-    inputClassModifier: string;
-    inputFieldClassModifier: string;
-};

package/dist/distributeur/Form/core/useInputClassModifier.js

@@ -1,13 +0,0 @@
-export function useInputClassModifier(classModifier, disabled, hasChildren, required = false) {
-    return {
-        inputClassModifier: [
-            classModifier ?? "",
-            hasChildren ? "hasinfobulle" : "",
-        ].join(" "),
-        inputFieldClassModifier: [
-            classModifier ?? "",
-            disabled ? "disabled" : "",
-            required ? "required" : "",
-        ].join(" "),
-    };
-}

package/dist/distributeur/Layout/Header/HeaderTitle/HeaderTitle.helpers.d.ts

@@ -1 +0,0 @@
-export declare const getClassModifier: (classModifier?: string, isSticky?: boolean) => string | undefined;

package/dist/distributeur/Layout/Header/HeaderTitle/HeaderTitle.helpers.js

@@ -1,6 +0,0 @@
-export const getClassModifier = (classModifier, isSticky) => {
-    if (isSticky) {
-        return !classModifier ? "sticky" : `${classModifier} sticky`.trim();
-    }
-    return classModifier;
-};

package/dist/distributeur/utilities/helpers/getComponentClassName.d.ts

@@ -1,20 +0,0 @@
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- * Generates a component class name string based on provided class names and modifiers.
- *
- * @param {string} [className] - The base class name.
- * @param {string} [classModifier] - A space-separated string of class modifiers.
- * @param {string} [defaultClassName] - The default class name to use if className is not provided.
- * @returns {string} The generated class name string.
- */
-export declare const getComponentClassName: (className?: string, classModifier?: string, defaultClassName?: string) => string;
-type getComponentClassNameWithUserClassnameParams = {
-    userClassName?: string;
-    classModifier?: string;
-    componentClassName: string;
-};
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- */
-export declare const getComponentClassNameWithUserClassname: ({ componentClassName, userClassName, classModifier, }: getComponentClassNameWithUserClassnameParams) => string;
-export {};

package/dist/distributeur/utilities/helpers/getComponentClassName.js

@@ -1,54 +0,0 @@
-import classNames from "classnames";
-const getLastClassName = (classNameToUse) => {
-    if (!classNameToUse) {
-        return null;
-    }
-    return classNameToUse.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.
- * Generates a component class name string based on provided class names and modifiers.
- *
- * @param {string} [className] - The base class name.
- * @param {string} [classModifier] - A space-separated string of class modifiers.
- * @param {string} [defaultClassName] - The default class name to use if className is not provided.
- * @returns {string} The generated class name string.
- */
-export const getComponentClassName = (className, classModifier, defaultClassName) => {
-    const classNameToUse = className || defaultClassName;
-    // Fail fast, when no className or defaultClassName we don't want to loop on modifier
-    if (!classNameToUse) {
-        return "";
-    }
-    const classWithoutModifier = getLastClassName(classNameToUse);
-    const modifiers = listClassModifier(classModifier);
-    const modifiersObject = modifiers
-        .filter((it) => /\S/.test(it))
-        .map((it) => {
-        return `${classWithoutModifier}--${it}`;
-    });
-    return classNames(classNameToUse, modifiersObject);
-};
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- */
-export const getComponentClassNameWithUserClassname = ({ componentClassName, userClassName, classModifier, }) => {
-    // Fail fast, when no className or componentClassName we don't want to loop on modifier
-    if (!componentClassName) {
-        return "";
-    }
-    const classWithoutModifier = getLastClassName(componentClassName);
-    const modifiers = listClassModifier(classModifier);
-    const modifiersObject = modifiers
-        .filter((it) => /\S/.test(it))
-        .map((it) => {
-        return `${classWithoutModifier}--${it}`;
-    });
-    return classNames(componentClassName, modifiersObject, userClassName);
-};

package/dist/prospect-client/Form/ItemMessage/ItemMessageApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageApollo.css";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Form/ItemMessage/ItemMessageApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageApollo.css";
-export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Form/ItemMessage/ItemMessageLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Form/ItemMessage/ItemMessageLF.css";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Form/ItemMessage/ItemMessageLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Form/ItemMessage/ItemMessageLF.css";
-export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Skeleton/SkeletonApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Skeleton/SkeletonApollo.css";
-export { Skeleton, type SkeletonProps } from "./SkeletonCommon";

package/dist/prospect-client/Skeleton/SkeletonApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Skeleton/SkeletonApollo.css";
-export { Skeleton } from "./SkeletonCommon";

package/dist/prospect-client/Skeleton/SkeletonCommon.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from "react";
-type isLoadingAndChildrenProps = {
-    children: ReactNode;
-    isLoading: boolean;
-} | {
-    children?: undefined;
-    isLoading?: boolean;
-};
-export type SkeletonProps = {
-    className?: string;
-    grid: number[][];
-    "aria-busy"?: boolean;
-    "aria-label"?: string;
-    maxCols?: number;
-    colGap?: number;
-    rowGap?: number;
-} & isLoadingAndChildrenProps;
-export declare const Skeleton: ({ className, grid, "aria-busy": ariaBusy, "aria-label": ariaLabel, maxCols, colGap, rowGap, isLoading, children, }: SkeletonProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
-export {};

package/dist/prospect-client/Skeleton/SkeletonCommon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getClassName } from "../utilities/getClassName";
-const CLASS_NAME = "af-skeleton";
-export const Skeleton = ({ className, grid = [], "aria-busy": ariaBusy = true, "aria-label": ariaLabel = "Chargement", maxCols = 12, colGap = 16, rowGap = 8, isLoading = true, children, }) => isLoading ? (_jsx("div", { className: getClassName({
-        baseClassName: `${CLASS_NAME}-container`,
-        className,
-    }), "aria-label": ariaLabel, role: "status", "aria-busy": ariaBusy, style: {
-        "--max-cols": maxCols,
-        "--col-gap": `calc(${colGap} / var(--font-size-base) * 1rem)`,
-        "--row-gap": `calc(${rowGap} / var(--font-size-base) * 1rem)`,
-    }, children: grid.map((cols, indexRow) => cols.map((colSize, indexCol) => (_jsx("div", { style: { "--col-size": colSize }, className: CLASS_NAME }, `${indexRow}-${indexCol}`)))) })) : (children);

package/dist/prospect-client/Skeleton/SkeletonLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Skeleton/SkeletonLF.css";
-export { Skeleton, type SkeletonProps } from "./SkeletonCommon";

package/dist/prospect-client/Skeleton/SkeletonLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Skeleton/SkeletonLF.css";
-export { Skeleton } from "./SkeletonCommon";

package/dist/prospect-client/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/prospect-client/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);
-};