@axa-fr/canopee-react 2.0.0-alpha.73 → 2.0.0-alpha.75

package/dist/distributeur.js

@@ -7,24 +7,20 @@ import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
 import "@fontsource/source-sans-pro/400.css";
 import "@fontsource/source-sans-pro/600.css";
 import "@fontsource/source-sans-pro/700.css";
-import { Message } from "./distributeur/Messages/Message";
-import { Tag } from "./distributeur/Tag/Tag";
 export { Action } from "./distributeur/Action/Action";
 export { Button } from "./distributeur/Button/Button";
 export { Card } from "./distributeur/Card/Card";
 export { Divider } from "./distributeur/Divider/Divider";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./distributeur/Form/Checkbox";
 export { Choice, ChoiceInput } from "./distributeur/Form/Choice";
-export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
+export { Field, FieldError, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
 export { Date, DateInput } from "./distributeur/Form/Date";
 export { File, FileInput, FileTable, } from "./distributeur/Form/File";
 export { MultiSelect, MultiSelectInput } from "./distributeur/Form/MultiSelect";
 export { NestedQuestion } from "./distributeur/Form/NestedQuestion/NestedQuestion";
 export { Number, NumberInput } from "./distributeur/Form/Number";
-export { Pass, PassInput } from "./distributeur/Form/Pass";
 export { Radio, RadioInput, RadioItem, RadioModes, } from "./distributeur/Form/Radio";
-export { Select, SelectBase, SelectInput } from "./distributeur/Form/Select";
-export { Slider, SliderInput } from "./distributeur/Form/Slider";
+export { Select, SelectInput } from "./distributeur/Form/Select";
 export { Text, TextInput } from "./distributeur/Form/Text";
 export { Textarea, TextareaInput } from "./distributeur/Form/Textarea";
 export { Footer } from "./distributeur/Layout/Footer";
@@ -40,24 +36,16 @@ export { Summary } from "./distributeur/Summary";
 export { Svg } from "./distributeur/Svg";
 export { Tabs } from "./distributeur/Tabs/Tabs";
 export { Title } from "./distributeur/Title/Title";
-export { getComponentClassName } from "./distributeur/utilities";
-/** @deprecated Use `Tag` instead. */
-const Badge = Tag;
-export { Badge, Tag };
-/**
- * @deprecated `Alert` has been renamed `Message` in order to comply with UX naming of components. Use `Message` instead.
- * @see {@link Message}
- */
-const Alert = Message;
+export { getClassName } from "./distributeur/utilities";
+export { Tag } from "./distributeur/Tag/Tag";
 export * from "./distributeur/Accordion";
 export {} from "./distributeur/Messages/Message";
 export * from "./distributeur/Popover";
 export * from "./distributeur/Table";
-export { Alert, Message };
+export { Message } from "./distributeur/Messages/Message";
 export { HelpButton } from "./distributeur/HelpButton";
 export { Loader } from "./distributeur/Loader/Loader";
 export { ItemLoader, } from "./distributeur/Loader/ItemLoader";
-export { SquareLoader } from "./distributeur/Loader/SquareLoader";
 export { CardData } from "./distributeur/CardData/CardData";
 export { EditorialMessage, } from "./distributeur/EditorialMessage/EditorialMessage";
 export { Timeline, } from "./distributeur/Timeline/Timeline";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.73",
+  "version": "2.0.0-alpha.75",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.73",
+    "@axa-fr/canopee-css": "2.0.0-alpha.75",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"

package/dist/distributeur/Form/Pass/Pass.d.ts

@@ -1,15 +0,0 @@
-import { type ComponentPropsWithRef } from "react";
-import "@axa-fr/canopee-css/distributeur/Form/Pass/Pass.css";
-type Props = Omit<ComponentPropsWithRef<"input">, "type" | "role"> & {
-    type?: "text" | "password";
-    classModifier?: string;
-    onToggleType: () => void;
-};
-/**
- * @deprecated The Pass component is deprecated and will be removed in a future release
- */
-declare const Pass: {
-    ({ onToggleType, type, className, classModifier, ...inputProps }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Pass };

package/dist/distributeur/Form/Pass/Pass.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import {} from "react";
-import { getComponentClassName } from "../../utilities";
-import "@axa-fr/canopee-css/distributeur/Form/Pass/Pass.css";
-/**
- * @deprecated The Pass component is deprecated and will be removed in a future release
- */
-const Pass = ({ onToggleType, type = "password", className, classModifier, ...inputProps }) => {
-    const componentClassName = getComponentClassName(className, classModifier, "af-form__pass");
-    return (_jsxs("div", { className: componentClassName, children: [_jsx("div", { className: "af-form__pass-strength" }), _jsx("input", { ...inputProps, role: type === "password" ? "password" : "textbox", className: "af-form__input-text", type: type, required: classModifier?.includes("required") }), _jsx("button", { className: "af-form__pass-btn", type: "button", "aria-label": "show password", onClick: onToggleType, children: _jsx("i", { className: `glyphicon glyphicon-eye${type === "text" ? "-close" : "-open"}` }) })] }));
-};
-Pass.displayName = "Pass";
-export { Pass };

package/dist/distributeur/Form/Pass/PassInput.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentProps, type ReactNode } from "react";
-import { type ConsumerFieldProps } from "../core";
-import { Pass } from "./Pass";
-type PassProps = ComponentProps<typeof Pass>;
-type Props = Omit<ConsumerFieldProps & PassProps & {
-    helpMessage?: ReactNode;
-    score?: string;
-}, "onToggleType" | "type">;
-/**
- * @deprecated The PassInput component is deprecated and will be removed in a future release
- */
-declare const PassInput: ({ children, score, classModifier, disabled, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export { PassInput };

package/dist/distributeur/Form/Pass/PassInput.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Field } from "../core";
-import { Pass } from "./Pass";
-const strengthList = {
-    0: "bad",
-    1: "okay",
-    2: "good",
-    3: "verygood",
-    4: "excellent",
-};
-const calculateStrength = (score) => {
-    if (score === null || score === undefined) {
-        return null;
-    }
-    const scoreToNumber = Number(score);
-    let strength = Number.isNaN(scoreToNumber) ? 0 : scoreToNumber;
-    if (strength > 4) {
-        strength = 4;
-    }
-    if (strength < 0) {
-        strength = 0;
-    }
-    return strengthList[strength];
-};
-/**
- * @deprecated The PassInput component is deprecated and will be removed in a future release
- */
-const PassInput = ({ children, score, classModifier, disabled, ...props }) => {
-    const strength = calculateStrength(score);
-    const [type, setType] = useState("password");
-    return (_jsx(Field, { ...props, classModifier: classModifier, renderInput: ({ id, classModifier: modifier, ariaInvalid, errorId, ...inputProps }) => (_jsxs(_Fragment, { children: [_jsx(Pass, { ...inputProps, type: type, id: id, disabled: disabled, classModifier: `${modifier} ${strength}`, "aria-describedby": errorId, "aria-invalid": ariaInvalid, onToggleType: () => setType(type === "password" ? "text" : "password") }), children] })) }));
-};
-export { PassInput };

package/dist/distributeur/Form/Pass/index.d.ts

@@ -1,2 +0,0 @@
-export { PassInput } from "./PassInput";
-export { Pass } from "./Pass";

package/dist/distributeur/Form/Pass/index.js

@@ -1,2 +0,0 @@
-export { PassInput } from "./PassInput";
-export { Pass } from "./Pass";

package/dist/distributeur/Form/Select/SelectDefaultWithOptions.d.ts

@@ -1,26 +0,0 @@
-import { type ComponentPropsWithRef, type OptionHTMLAttributes } from "react";
-import { SelectBase } from "./SelectBase";
-type Props = ComponentPropsWithRef<typeof SelectBase> & {
-    options: OptionHTMLAttributes<HTMLOptionElement>[];
-    forceDisplayPlaceholder?: boolean;
-    placeholder?: string;
-};
-/**
- * @deprecated Use `SelectDefault` instead
- * Instead of
- * ```jsx
- * <SelectDefaultWithOptions options={[{ value: "1", label: "Option 1" }]} />
- * ```
- * you can now do something like :
- * ```jsx
- * <SelectDefault>
- *   <option value="1">Option 1</option>
- * </SelectDefault>
- * ```
- * It allows you to use the `optgroup` tag for example.
- */
-export declare const SelectDefaultWithOptions: {
-    ({ onChange, forceDisplayPlaceholder, value, defaultValue, required, placeholder, options, id, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/distributeur/Form/Select/SelectDefaultWithOptions.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useId, useMemo, useState, } from "react";
-import { SelectBase } from "./SelectBase";
-/**
- * @deprecated Use `SelectDefault` instead
- * Instead of
- * ```jsx
- * <SelectDefaultWithOptions options={[{ value: "1", label: "Option 1" }]} />
- * ```
- * you can now do something like :
- * ```jsx
- * <SelectDefault>
- *   <option value="1">Option 1</option>
- * </SelectDefault>
- * ```
- * It allows you to use the `optgroup` tag for example.
- */
-export const SelectDefaultWithOptions = ({ onChange, forceDisplayPlaceholder = false, value, defaultValue, required, placeholder = "- Select -", options, id, ...otherProps }) => {
-    const [hasHandleChangeOnce, setHasHandleChangeOnce] = useState(false);
-    const generatedId = useId();
-    const inputId = id ?? generatedId;
-    const newOptions = useMemo(() => (hasHandleChangeOnce || defaultValue || value) && required
-        ? options
-        : [{ value: "", label: placeholder }, ...options], [hasHandleChangeOnce, options, defaultValue, value, required, placeholder]);
-    return (_jsx(SelectBase, { ...otherProps, id: inputId, value: value, defaultValue: defaultValue, options: newOptions, onChange: (e) => {
-            if (onChange) {
-                onChange(e);
-            }
-            setHasHandleChangeOnce(!forceDisplayPlaceholder);
-        } }));
-};
-SelectDefaultWithOptions.displayName = "SelectDefaultWithOptions";

package/dist/distributeur/Form/Slider/Slider.d.ts

@@ -1,28 +0,0 @@
-import RcSlider from "rc-slider";
-import { type ComponentProps, type ReactNode } from "react";
-type RcSliderProps = ComponentProps<typeof RcSlider>;
-type Props = Omit<RcSliderProps, "marks" | "onChange" | "onChangeComplete"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-    options: {
-        value: number;
-        label?: string | ReactNode;
-    }[];
-    id: string;
-    name: string;
-    onChange?: (selectedValue: {
-        id: string;
-        name: string;
-        value: number;
-    }) => void;
-    onChangeComplete?: (selectedValue: {
-        id: string;
-        name: string;
-        value: number;
-    }) => void;
-};
-/**
- * @deprecated Slider is deprecated and will be removed in a future major release.
- */
-declare const Slider: ({ options, value, defaultValue, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
-export { Slider };

package/dist/distributeur/Form/Slider/Slider.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import RcSlider from "rc-slider";
-import { useCallback, useMemo, } from "react";
-import { getClassName } from "../../utilities/helpers/getClassName";
-/**
- * @deprecated Slider is deprecated and will be removed in a future major release.
- */
-const Slider = ({ options, value, defaultValue, className, classModifier, ...otherProps }) => {
-    const defaultValueIndex = useMemo(() => {
-        const newDefaultValueIndex = options.findIndex((opt) => opt.value === (defaultValue || value));
-        return newDefaultValueIndex !== -1 ? newDefaultValueIndex : undefined;
-    }, [defaultValue, options, value]);
-    const valueIndex = useMemo(() => {
-        const newValueIndex = options.findIndex((opt) => opt.value === value);
-        return newValueIndex !== -1 ? newValueIndex : undefined;
-    }, [value, options]);
-    const marks = useMemo(() => [...options]
-        .sort((optA, optB) => optA.value - optB.value)
-        .reduce((prevMarks, { value: optValue, label: optLabel }, index) => {
-        const newMarks = { ...prevMarks };
-        newMarks[index] = optLabel || optValue;
-        return newMarks;
-    }, {}), [options]);
-    const componentClassName = useMemo(() => getClassName({
-        baseClassName: "af-slider",
-        modifiers: classModifier?.split(" "),
-        className,
-    }), [className, classModifier]);
-    const formatOnChange = useCallback((newValueIndex, onChange) => {
-        if (onChange && !Array.isArray(newValueIndex)) {
-            onChange({
-                id: otherProps.id,
-                name: otherProps.name,
-                value: options[newValueIndex].value,
-            });
-        }
-    }, [options, otherProps.id, otherProps.name]);
-    return (_jsx(RcSlider, { ...otherProps, min: 0, max: options.length - 1, onChange: (newValueIndex) => formatOnChange(newValueIndex, otherProps.onChange), onChangeComplete: (newValueIndex) => formatOnChange(newValueIndex, otherProps.onChangeComplete), marks: marks, step: null, className: componentClassName, defaultValue: defaultValueIndex, value: valueIndex, disabled: otherProps.disabled || classModifier?.includes("disabled"), "aria-required": classModifier?.includes("required") }));
-};
-export { Slider };

package/dist/distributeur/Form/Slider/SliderInput.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import { type ConsumerFieldProps } from "../core";
-import { Slider } from "./Slider";
-type Props = ConsumerFieldProps & ComponentProps<typeof Slider>;
-/**
- * @deprecated This component is deprecated and will be removed in a future major release.
- */
-declare const SliderInput: ({ children, name, options, label, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export { SliderInput };

package/dist/distributeur/Form/Slider/SliderInput.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import {} from "react";
-import { Field } from "../core";
-import { Slider } from "./Slider";
-/**
- * @deprecated This component is deprecated and will be removed in a future major release.
- */
-const SliderInput = ({ children, name, options, label, ...props }) => {
-    return (_jsx(Field, { label: label, ...props, renderInput: ({ id, classModifier, ...sliderProps }) => (_jsxs(_Fragment, { children: [_jsx(Slider, { id: id, classModifier: classModifier, name: name, options: options, ...sliderProps }), children] })) }));
-};
-export { SliderInput };

package/dist/distributeur/Form/Slider/index.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/canopee-css/distributeur/Form/Slider/Slider.css";
-export { Slider } from "./Slider";
-export { SliderInput } from "./SliderInput";

package/dist/distributeur/Form/Slider/index.js

@@ -1,3 +0,0 @@
-import "@axa-fr/canopee-css/distributeur/Form/Slider/Slider.css";
-export { Slider } from "./Slider";
-export { SliderInput } from "./SliderInput";

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