@axa-fr/canopee-react 2.0.0-alpha.74 → 2.0.0-alpha.76

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);
-};