@axa-fr/canopee-react 2.0.0-alpha.6 → 2.0.0-alpha.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/dist/client.d.ts +17 -16
  2. package/dist/client.js +17 -16
  3. package/dist/distributeur/Title/Title.js +1 -1
  4. package/dist/prospect-client/AccordionCore/AccordionCoreCommon.d.ts +3 -5
  5. package/dist/prospect-client/AccordionCore/AccordionCoreCommon.js +10 -4
  6. package/dist/prospect-client/AppName/AppName.d.ts +44 -0
  7. package/dist/prospect-client/AppName/AppName.js +23 -0
  8. package/dist/prospect-client/Card/CardApollo.d.ts +1 -1
  9. package/dist/prospect-client/Card/CardApollo.js +1 -1
  10. package/dist/prospect-client/Card/CardCommon.d.ts +30 -2
  11. package/dist/prospect-client/Card/CardCommon.js +18 -1
  12. package/dist/prospect-client/Card/CardLF.d.ts +1 -1
  13. package/dist/prospect-client/Card/CardLF.js +1 -1
  14. package/dist/prospect-client/CardMessage/CardMessageCommon.js +6 -4
  15. package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionCommon.d.ts +2 -2
  16. package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionCommon.js +5 -2
  17. package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.d.ts +0 -4
  18. package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.js +2 -3
  19. package/dist/prospect-client/DataAgent/DataAgentCommon.js +2 -2
  20. package/dist/prospect-client/Divider/DividerCommon.js +6 -2
  21. package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo.d.ts +1 -0
  22. package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.d.ts +1 -17
  23. package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.js +4 -4
  24. package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF.d.ts +1 -0
  25. package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.d.ts +2 -7
  26. package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.js +1 -1
  27. package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextCommon.d.ts +1 -5
  28. package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextCommon.js +3 -3
  29. package/dist/prospect-client/Form/Dropdown/DropdownCommon.d.ts +2 -10
  30. package/dist/prospect-client/Form/Dropdown/DropdownCommon.js +3 -3
  31. package/dist/prospect-client/Form/InputDate/InputDateCommon.d.ts +2 -10
  32. package/dist/prospect-client/Form/InputDate/InputDateCommon.js +4 -5
  33. package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.d.ts +2 -10
  34. package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.js +9 -5
  35. package/dist/prospect-client/Form/InputText/InputTextCommon.d.ts +3 -11
  36. package/dist/prospect-client/Form/InputText/InputTextCommon.js +6 -5
  37. package/dist/prospect-client/Form/ItemLabel/ItemLabelCommon.d.ts +2 -22
  38. package/dist/prospect-client/Form/ItemLabel/ItemLabelCommon.js +4 -5
  39. package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.d.ts +7 -0
  40. package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.js +6 -0
  41. package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.d.ts +8 -0
  42. package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.js +9 -0
  43. package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.d.ts +7 -0
  44. package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.js +6 -0
  45. package/dist/prospect-client/Form/MultiSelectList/MultiSelectListApollo.d.ts +4 -0
  46. package/dist/prospect-client/Form/MultiSelectList/MultiSelectListApollo.js +5 -0
  47. package/dist/prospect-client/Form/MultiSelectList/MultiSelectListCommon.d.ts +11 -0
  48. package/dist/prospect-client/Form/MultiSelectList/MultiSelectListCommon.js +2 -0
  49. package/dist/prospect-client/Form/MultiSelectList/MultiSelectListLF.d.ts +4 -0
  50. package/dist/prospect-client/Form/MultiSelectList/MultiSelectListLF.js +5 -0
  51. package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.d.ts +1 -5
  52. package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.js +4 -4
  53. package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.d.ts +3 -27
  54. package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.js +4 -6
  55. package/dist/prospect-client/Form/Radio/Radio/RadioCommon.d.ts +2 -5
  56. package/dist/prospect-client/Form/Radio/Radio/RadioCommon.js +6 -4
  57. package/dist/prospect-client/Form/TextArea/TextAreaCommon.d.ts +2 -6
  58. package/dist/prospect-client/Form/TextArea/TextAreaCommon.js +3 -3
  59. package/dist/prospect-client/Header/HeaderApollo.d.ts +4 -0
  60. package/dist/prospect-client/Header/HeaderApollo.js +8 -0
  61. package/dist/prospect-client/Header/HeaderCommon.d.ts +22 -0
  62. package/dist/prospect-client/Header/HeaderCommon.js +37 -0
  63. package/dist/prospect-client/Header/HeaderLF.d.ts +4 -0
  64. package/dist/prospect-client/Header/HeaderLF.js +8 -0
  65. package/dist/prospect-client/Icon/IconCommon.d.ts +1 -1
  66. package/dist/prospect-client/Icon/IconCommon.js +8 -9
  67. package/dist/prospect-client/ItemTabBar/ItemTabBarCommon.js +5 -2
  68. package/dist/prospect-client/Layout/ExitLayout/ExitLayoutApollo.d.ts +12 -0
  69. package/dist/prospect-client/Layout/ExitLayout/ExitLayoutApollo.js +12 -0
  70. package/dist/prospect-client/Layout/ExitLayout/ExitLayoutLF.d.ts +12 -0
  71. package/dist/prospect-client/Layout/ExitLayout/ExitLayoutLF.js +12 -0
  72. package/dist/prospect-client/Layout/ExitLayout/ExitLayoutSkeleton.d.ts +23 -0
  73. package/dist/prospect-client/Layout/ExitLayout/ExitLayoutSkeleton.js +17 -0
  74. package/dist/prospect-client/Link/LinkCommon.d.ts +1 -5
  75. package/dist/prospect-client/Link/LinkCommon.js +2 -2
  76. package/dist/prospect-client/List/ClickItem/ClickItemCommon.d.ts +1 -0
  77. package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.d.ts +1 -5
  78. package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.js +3 -7
  79. package/dist/prospect-client/List/List/ListCommon.d.ts +27 -2
  80. package/dist/prospect-client/List/List/ListCommon.js +12 -0
  81. package/dist/prospect-client/MenuBurger/MenuBurgerApollo.d.ts +4 -0
  82. package/dist/prospect-client/MenuBurger/MenuBurgerApollo.js +8 -0
  83. package/dist/prospect-client/MenuBurger/MenuBurgerCommon.d.ts +60 -0
  84. package/dist/prospect-client/MenuBurger/MenuBurgerCommon.js +34 -0
  85. package/dist/prospect-client/MenuBurger/MenuBurgerLF.d.ts +4 -0
  86. package/dist/prospect-client/MenuBurger/MenuBurgerLF.js +8 -0
  87. package/dist/prospect-client/MessageBar/MessageBarAction.d.ts +8 -0
  88. package/dist/prospect-client/MessageBar/MessageBarAction.js +11 -0
  89. package/dist/prospect-client/MessageBar/MessageBarApollo.d.ts +5 -0
  90. package/dist/prospect-client/MessageBar/MessageBarApollo.js +7 -0
  91. package/dist/prospect-client/MessageBar/MessageBarCommon.d.ts +26 -0
  92. package/dist/prospect-client/MessageBar/MessageBarCommon.js +33 -0
  93. package/dist/prospect-client/MessageBar/MessageBarDescription.d.ts +6 -0
  94. package/dist/prospect-client/MessageBar/MessageBarDescription.js +8 -0
  95. package/dist/prospect-client/MessageBar/MessageBarLF.d.ts +5 -0
  96. package/dist/prospect-client/MessageBar/MessageBarLF.js +7 -0
  97. package/dist/prospect-client/MessageBar/MessageBarSummary.d.ts +11 -0
  98. package/dist/prospect-client/MessageBar/MessageBarSummary.js +2 -0
  99. package/dist/prospect-client/MessageBar/types.d.ts +1 -0
  100. package/dist/prospect-client/MessageBar/types.js +1 -0
  101. package/dist/prospect-client/Modal/ModalApollo.d.ts +1 -1
  102. package/dist/prospect-client/Modal/ModalApollo.js +1 -3
  103. package/dist/prospect-client/Modal/ModalCommon.d.ts +1 -1
  104. package/dist/prospect-client/Modal/ModalCommon.js +1 -1
  105. package/dist/prospect-client/Modal/ModalLF.d.ts +1 -1
  106. package/dist/prospect-client/Modal/ModalLF.js +1 -3
  107. package/dist/prospect-client/Modal/components/ModalCoreHeaderCommon.d.ts +0 -7
  108. package/dist/prospect-client/Modal/components/ModalCoreHeaderCommon.js +2 -12
  109. package/dist/prospect-client/Modal/types.d.ts +0 -15
  110. package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupCommon.d.ts +1 -5
  111. package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupCommon.js +1 -1
  112. package/dist/prospect-client/Skeleton/Skeleton.d.ts +61 -0
  113. package/dist/prospect-client/Skeleton/Skeleton.js +41 -0
  114. package/dist/prospect-client/SkeletonGrid/SkeletonGrid.d.ts +51 -0
  115. package/dist/prospect-client/SkeletonGrid/SkeletonGrid.js +37 -0
  116. package/dist/prospect-client/SkeletonList/SkeletonListApollo.d.ts +7 -0
  117. package/dist/prospect-client/SkeletonList/SkeletonListApollo.js +8 -2
  118. package/dist/prospect-client/SkeletonList/SkeletonListCommon.d.ts +21 -4
  119. package/dist/prospect-client/SkeletonList/SkeletonListCommon.js +18 -2
  120. package/dist/prospect-client/SkeletonList/SkeletonListLF.d.ts +7 -0
  121. package/dist/prospect-client/SkeletonList/SkeletonListLF.js +8 -2
  122. package/dist/prospect-client/Stepper/StepperApollo.js +2 -1
  123. package/dist/prospect-client/Stepper/StepperCommon.d.ts +11 -6
  124. package/dist/prospect-client/Stepper/StepperCommon.js +2 -3
  125. package/dist/prospect-client/Stepper/StepperLF.js +2 -1
  126. package/dist/prospect-client/TabMenu/TabMenu.js +1 -1
  127. package/dist/prospect-client/Tag/TagCommon.js +6 -2
  128. package/dist/prospect-client/Toggle/ToggleCommon.js +2 -2
  129. package/dist/prospect.d.ts +11 -6
  130. package/dist/prospect.js +11 -6
  131. package/package.json +2 -2
  132. package/dist/prospect-client/Skeleton/SkeletonApollo.d.ts +0 -2
  133. package/dist/prospect-client/Skeleton/SkeletonApollo.js +0 -2
  134. package/dist/prospect-client/Skeleton/SkeletonCommon.d.ts +0 -19
  135. package/dist/prospect-client/Skeleton/SkeletonCommon.js +0 -11
  136. package/dist/prospect-client/Skeleton/SkeletonLF.d.ts +0 -2
  137. package/dist/prospect-client/Skeleton/SkeletonLF.js +0 -2
  138. package/dist/prospect-client/utilities/getComponentClassName.d.ts +0 -4
  139. package/dist/prospect-client/utilities/getComponentClassName.js +0 -30
@@ -1,11 +1,6 @@
1
1
  import { type ComponentProps } from "react";
2
- export type CheckboxProps = {
3
- /** @deprecated Use `aria-errormessage` instead */
4
- errorId?: string;
5
- /** @deprecated Use `aria-invalid` instead */
6
- hasError?: boolean;
7
- } & Omit<ComponentProps<"input">, "disabled" | "type">;
2
+ export type CheckboxProps = Omit<ComponentProps<"input">, "disabled" | "type">;
8
3
  export declare const Checkbox: {
9
- ({ errorId, hasError, className, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
4
+ ({ className, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
10
5
  displayName: string;
11
6
  };
@@ -1,4 +1,4 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import {} from "react";
3
- export const Checkbox = ({ errorId, hasError, className, ...inputProps }) => (_jsx("input", { "aria-errormessage": errorId, "aria-invalid": hasError, ...inputProps, className: ["af-checkbox", className].filter(Boolean).join(" "), type: "checkbox" }));
3
+ export const Checkbox = ({ className, ...inputProps }) => (_jsx("input", { ...inputProps, className: ["af-checkbox", className].filter(Boolean).join(" "), type: "checkbox" }));
4
4
  Checkbox.displayName = "Checkbox";
@@ -4,10 +4,6 @@ import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
4
4
  import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
5
5
  export type CheckboxTextProps = {
6
6
  label: string | ReactNode;
7
- /**
8
- * @deprecated Use `message` and messageType instead.
9
- */
10
- errorMessage?: string;
11
7
  containerProps?: GridContainerProps;
12
8
  } & Omit<CheckboxProps, "aria-errormessage" | "aria-invalid"> & Partial<ItemMessageProps>;
13
9
  export type CheckboxTextCommonProps = CheckboxTextProps & {
@@ -15,7 +11,7 @@ export type CheckboxTextCommonProps = CheckboxTextProps & {
15
11
  ItemMessageComponent: ComponentType<ItemMessageProps>;
16
12
  };
17
13
  declare const CheckboxTextCommon: {
18
- ({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }: CheckboxTextCommonProps): import("react/jsx-runtime").JSX.Element;
14
+ ({ label, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }: CheckboxTextCommonProps): import("react/jsx-runtime").JSX.Element;
19
15
  displayName: string;
20
16
  };
21
17
  export { CheckboxTextCommon };
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useId } from "react";
3
- const CheckboxTextCommon = ({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
3
+ const CheckboxTextCommon = ({ label, id, message, messageType = "error", CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
4
4
  const generatedId = useId();
5
5
  const inputId = id ?? generatedId;
6
6
  const messageId = `${inputId}-error`;
7
- const hasError = (Boolean(message) && messageType === "error") || Boolean(errorMessage);
8
- return (_jsxs("div", { className: "af-checkbox-text", ...containerProps, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message || errorMessage, id: messageId, messageType: messageType })] }));
7
+ const hasError = Boolean(message) && messageType === "error";
8
+ return (_jsxs("div", { className: "af-checkbox-text", ...containerProps, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message, id: messageId, messageType: messageType })] }));
9
9
  };
10
10
  CheckboxTextCommon.displayName = "CheckboxTextCommon";
11
11
  export { CheckboxTextCommon };
@@ -6,25 +6,17 @@ export type DropdownProps = ComponentPropsWithRef<"select"> & {
6
6
  id?: string;
7
7
  classModifier?: string;
8
8
  label?: ItemLabelProps["children"];
9
- /**
10
- * @deprecated Use `message` and messageType instead.
11
- */
12
- error?: string;
13
- /**
14
- * @deprecated Use `message` and messageType instead.
15
- */
16
- success?: string;
17
9
  placeholder?: string;
18
10
  description?: string;
19
11
  helper?: string;
20
12
  containerProps?: GridContainerProps;
21
- } & Pick<ItemLabelProps, "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
13
+ } & Pick<ItemLabelProps, "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
22
14
  type DropdownCommonProps = DropdownProps & {
23
15
  ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
24
16
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
25
17
  };
26
18
  declare const DropdownCommon: {
27
- ({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }: DropdownCommonProps): import("react/jsx-runtime").JSX.Element;
19
+ ({ id, required, label, placeholder, children, helper, message, messageType, description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }: DropdownCommonProps): import("react/jsx-runtime").JSX.Element;
28
20
  displayName: string;
29
21
  };
30
22
  export { DropdownCommon };
@@ -3,14 +3,14 @@ import classNames from "classnames";
3
3
  import { useId, } from "react";
4
4
  import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
5
5
  import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
6
- const DropdownCommon = ({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }) => {
6
+ const DropdownCommon = ({ id, required, label, placeholder, children, helper, message, messageType = "error", description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }) => {
7
7
  const idMessage = useId();
8
8
  let inputId = useId();
9
9
  inputId = id || inputId;
10
- const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
10
+ const hasError = Boolean(message) && messageType === "error";
11
11
  const hasWarning = !hasError && Boolean(message) && messageType === "warning";
12
12
  const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error", hasWarning && "af-form__dropdown-input--warning");
13
- return (_jsxs("div", { className: "af-form__dropdown-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("select", { className: classname, ...otherProps, 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") })] }));
13
+ return (_jsxs("div", { className: "af-form__dropdown-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("select", { className: classname, ...otherProps, 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, messageType: messageType })] }));
14
14
  };
15
15
  DropdownCommon.displayName = "Dropdown";
16
16
  export { DropdownCommon };
@@ -10,24 +10,16 @@ export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min
10
10
  min?: InputDateAtomProps["min"];
11
11
  max?: InputDateAtomProps["max"];
12
12
  helper?: string;
13
- /**
14
- * @deprecated Use `message` and messageType instead.
15
- */
16
- error?: string;
17
- /**
18
- * @deprecated Use `message` and messageType instead.
19
- */
20
- success?: string;
21
13
  hidePicker?: boolean;
22
14
  label: ItemLabelProps["children"];
23
15
  containerProps?: GridContainerProps;
24
- } & Partial<Pick<ItemLabelProps, "description" | "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick"> & ItemMessageProps>;
16
+ } & Partial<Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick"> & ItemMessageProps>;
25
17
  type InputDateCommonProps = InputDateProps & {
26
18
  ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
27
19
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
28
20
  };
29
21
  declare const InputDateCommon: {
30
- ({ className, classModifier, helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }: InputDateCommonProps): import("react/jsx-runtime").JSX.Element;
22
+ ({ className, classModifier, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }: InputDateCommonProps): import("react/jsx-runtime").JSX.Element;
31
23
  displayName: string;
32
24
  };
33
25
  export { InputDateCommon };
@@ -5,20 +5,19 @@ import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
5
5
  import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
6
6
  import { InputDateAtom } from "./InputDateAtom";
7
7
  import { InputDateTextAtom } from "./InputDateTextAtom";
8
- const InputDateCommon = ({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }) => {
8
+ const InputDateCommon = ({ className, classModifier = "", helper, message, messageType = "error", label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }) => {
9
9
  let inputId = useId();
10
10
  inputId = otherProps.id ?? inputId;
11
11
  const idMessage = useId();
12
12
  const idHelp = useId();
13
13
  const ariaDescribedbyIds = [
14
14
  helper && idHelp,
15
- ((Boolean(message) && messageType === "success") || Boolean(success)) &&
16
- idMessage,
15
+ Boolean(message) && messageType === "success" && idMessage,
17
16
  ].filter(Boolean);
18
17
  const ariaDescribedby = ariaDescribedbyIds.length
19
18
  ? ariaDescribedbyIds.join(" ")
20
19
  : undefined;
21
- const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
20
+ const hasError = Boolean(message) && messageType === "error";
22
21
  const ariaErrormessage = hasError ? idMessage : undefined;
23
22
  const ariaInvalid = hasError || undefined;
24
23
  const hasWarning = Boolean(message) && messageType === "warning" && !hasError;
@@ -27,7 +26,7 @@ const InputDateCommon = ({ className, classModifier = "", helper, error, success
27
26
  modifiers: [...classModifier.split(" "), hasWarning && "warning"],
28
27
  className,
29
28
  });
30
- return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
29
+ return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message, messageType: messageType })] }));
31
30
  };
32
31
  InputDateCommon.displayName = "InputDate";
33
32
  export { InputDateCommon };
@@ -9,14 +9,6 @@ import { type OptionType } from "./InputPhone.types";
9
9
  export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
10
10
  classModifier?: string;
11
11
  helper?: string;
12
- /**
13
- * @deprecated Use `message` and messageType instead.
14
- */
15
- error?: string;
16
- /**
17
- * @deprecated Use `message` and messageType instead.
18
- */
19
- success?: string;
20
12
  defaultCountry?: string;
21
13
  showSelect?: boolean;
22
14
  disabled?: boolean;
@@ -26,7 +18,7 @@ export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
26
18
  mask?: (value: string) => string;
27
19
  label: ItemLabelProps["children"];
28
20
  containerProps?: GridContainerProps;
29
- } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
21
+ } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
30
22
  type InputPhoneCommonProps = InputPhoneProps & {
31
23
  ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
32
24
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
@@ -34,7 +26,7 @@ type InputPhoneCommonProps = InputPhoneProps & {
34
26
  IconComponent: ComponentType<ComponentProps<typeof Icon>>;
35
27
  };
36
28
  declare const InputPhoneCommon: {
37
- ({ className, classModifier, helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions, onChangeSelect, onChangeInput, mask, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }: InputPhoneCommonProps): import("react/jsx-runtime").JSX.Element;
29
+ ({ className, classModifier, helper, message, messageType, defaultCountry, showSelect, disabled, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions, onChangeSelect, onChangeInput, mask, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }: InputPhoneCommonProps): import("react/jsx-runtime").JSX.Element;
38
30
  displayName: string;
39
31
  };
40
32
  export { InputPhoneCommon };
@@ -7,13 +7,17 @@ import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
7
7
  import { CountryCodeSelect } from "./CountryCodeSelect";
8
8
  import {} from "./InputPhone.types";
9
9
  import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";
10
- const InputPhoneCommon = ({ className, classModifier = "", helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }) => {
10
+ const InputPhoneCommon = ({ className, classModifier = "", helper, message, messageType = "error", defaultCountry, showSelect, disabled, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }) => {
11
11
  let inputId = useId();
12
12
  inputId = otherProps.id || inputId;
13
13
  const idMessage = useId();
14
14
  const idHelp = useId();
15
- const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
16
- const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
15
+ const ariaDescribedby = [
16
+ helper && idHelp,
17
+ message && messageType === "success" && idMessage,
18
+ ].filter(Boolean);
19
+ const hasError = Boolean(message) && messageType === "error";
20
+ const hasWarning = Boolean(message) && messageType === "warning" && !hasError;
17
21
  /**
18
22
  * Gère le changement de valeur du champ numéro de téléphone.
19
23
  * - Récupère une fonction de masquage (mask) depuis les props ou utilise une version par défaut.
@@ -29,9 +33,9 @@ const InputPhoneCommon = ({ className, classModifier = "", helper, error, succes
29
33
  const maskedValue = mask(rawValue);
30
34
  onChangeInput?.(maskedValue);
31
35
  };
32
- return (_jsxs("div", { className: "af-form__input-phone-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("div", { className: "af-form__input-phone-fields", children: [showSelect ? (_jsx("div", { className: "af-form__country-code-wrapper", children: _jsx(CountryCodeSelect, { options: countryCodeOptions, defaultCountry: defaultCountry, onChangeSelect: onChangeSelect, IconComponent: IconComponent, disabled: disabled }) })) : null, _jsx(InputTextComponent, { ...otherProps, className: ["af-form__input-phone", className]
36
+ return (_jsxs("div", { className: "af-form__input-phone-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("div", { className: "af-form__input-phone-fields", children: [showSelect ? (_jsx("div", { className: "af-form__country-code-wrapper", children: _jsx(CountryCodeSelect, { options: countryCodeOptions, defaultCountry: defaultCountry, onChangeSelect: onChangeSelect, IconComponent: IconComponent, disabled: disabled }) })) : null, _jsx(InputTextComponent, { ...otherProps, className: ["af-form__input-phone", className]
33
37
  .filter(Boolean)
34
- .join(" "), classModifier: classModifier, error: hasError ? messageType || error : undefined, type: "tel", required: required, placeholder: otherProps.placeholder, "aria-errormessage": ariaErrormessage, value: otherProps.value, onChange: handleChangeNumber, disabled: disabled, idMessage: hasError ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, id: inputId })] }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-phone-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
38
+ .join(" "), classModifier: classModifier, error: hasError ? messageType : undefined, warning: hasWarning ? "warning" : undefined, type: "tel", required: required, placeholder: otherProps.placeholder, "aria-errormessage": ariaErrormessage, value: otherProps.value, onChange: handleChangeNumber, disabled: disabled, idMessage: hasError ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, id: inputId })] }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-phone-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message, messageType: messageType })] }));
35
39
  };
36
40
  InputPhoneCommon.displayName = "InputPhone";
37
41
  export { InputPhoneCommon };
@@ -1,30 +1,22 @@
1
1
  import { type ComponentProps, type ComponentType, type ReactNode } from "react";
2
+ import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
2
3
  import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
3
4
  import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
4
5
  import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
5
- import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
6
6
  export type InputTextProps = ComponentProps<"input"> & {
7
7
  unit?: ReactNode;
8
8
  classModifier?: string;
9
9
  label?: ItemLabelProps["children"];
10
10
  helper?: string;
11
- /**
12
- * @deprecated Use `message` and messageType instead.
13
- */
14
- error?: string;
15
- /**
16
- * @deprecated Use `message` and messageType instead.
17
- */
18
- success?: string;
19
11
  containerProps?: GridContainerProps;
20
- } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
12
+ } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
21
13
  type InputTextCommonProps = InputTextProps & {
22
14
  ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
23
15
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
24
16
  InputTextAtomComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
25
17
  };
26
18
  declare const InputTextCommon: {
27
- ({ unit, className, classModifier, helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }: InputTextCommonProps): import("react/jsx-runtime").JSX.Element;
19
+ ({ unit, className, classModifier, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }: InputTextCommonProps): import("react/jsx-runtime").JSX.Element;
28
20
  displayName: string;
29
21
  };
30
22
  export { InputTextCommon };
@@ -3,15 +3,16 @@ import { useId, } from "react";
3
3
  import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
4
4
  import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
5
5
  import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
6
- const InputTextCommon = ({ unit, className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }) => {
6
+ const InputTextCommon = ({ unit, className, classModifier = "", helper, message, messageType = "error", label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }) => {
7
7
  let inputId = useId();
8
8
  inputId = otherProps.id || inputId;
9
9
  const idMessage = useId();
10
10
  const idHelp = useId();
11
- const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
12
- return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
13
- ? messageType || error
14
- : undefined, warning: message && messageType === "warning" ? messageType : undefined, required: required, idMessage: message || error ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
11
+ const ariaDescribedby = [
12
+ helper && idHelp,
13
+ message && messageType === "success" && idMessage,
14
+ ].filter(Boolean);
15
+ return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, unit: unit, className: className, classModifier: classModifier, error: message && messageType === "error" ? messageType : undefined, warning: message && messageType === "warning" ? messageType : undefined, required: required, idMessage: message ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message, messageType: messageType })] }));
15
16
  };
16
17
  InputTextCommon.displayName = "InputText";
17
18
  export { InputTextCommon };
@@ -1,11 +1,6 @@
1
1
  import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
2
2
  import type { ButtonProps } from "../../Button/ButtonCommon";
3
3
  export type ItemLabelProps = ComponentProps<"label"> & {
4
- /**
5
- * Label text content
6
- * @deprecated use `children` instead.
7
- */
8
- label?: ReactNode;
9
4
  /**
10
5
  * Additional description text that enriches the label.
11
6
  * @example "Phone bill, EDF receipt, etc."
@@ -15,11 +10,6 @@ export type ItemLabelProps = ComponentProps<"label"> & {
15
10
  * Shows a visual asterisk (*) indicator next to the label.
16
11
  */
17
12
  required?: boolean;
18
- /**
19
- * ID of the associated input element
20
- * @deprecated use `htmlFor` instead.
21
- */
22
- inputId?: string;
23
13
  /**
24
14
  * Label content for the side action button.
25
15
  * When provided, renders a secondary button next to the main label.
@@ -33,16 +23,6 @@ export type ItemLabelProps = ComponentProps<"label"> & {
33
23
  * Additional props to pass to the side button component.
34
24
  */
35
25
  sideButtonProps?: Omit<Partial<ButtonProps>, "children" | "onClick" | "variant" | "className">;
36
- /**
37
- * Label content for the more button
38
- * @deprecated use `moreButtonLabel` instead.
39
- */
40
- buttonLabel?: ReactNode;
41
- /**
42
- * Click handler for the info button
43
- * @deprecated use `onMoreButtonClick` instead.
44
- */
45
- onButtonClick?: MouseEventHandler<HTMLButtonElement>;
46
26
  /**
47
27
  * Label content for the more button
48
28
  * When provided, renders an more button with an info icon.
@@ -92,7 +72,7 @@ export type ItemLabelCommonProps = ItemLabelProps & {
92
72
  * description="Accepted: PDF, JPG, PNG (max 5MB)"
93
73
  * sideButtonLabel="Browse"
94
74
  * onSideButtonClick={handleBrowse}
95
- * moreButton="Help"
75
+ * moreButtonLabel="Help"
96
76
  * onMoreButtonClick={handleShowHelp}
97
77
  * ButtonComponent={Button}
98
78
  * >
@@ -100,4 +80,4 @@ export type ItemLabelCommonProps = ItemLabelProps & {
100
80
  * </ItemLabelCommon>
101
81
  * ```
102
82
  */
103
- export declare const ItemLabelCommon: ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;
83
+ export declare const ItemLabelCommon: ({ children, description, required, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -34,7 +34,7 @@ import { Svg } from "../../Svg/Svg";
34
34
  * description="Accepted: PDF, JPG, PNG (max 5MB)"
35
35
  * sideButtonLabel="Browse"
36
36
  * onSideButtonClick={handleBrowse}
37
- * moreButton="Help"
37
+ * moreButtonLabel="Help"
38
38
  * onMoreButtonClick={handleShowHelp}
39
39
  * ButtonComponent={Button}
40
40
  * >
@@ -42,14 +42,13 @@ import { Svg } from "../../Svg/Svg";
42
42
  * </ItemLabelCommon>
43
43
  * ```
44
44
  */
45
- export const ItemLabelCommon = ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
45
+ export const ItemLabelCommon = ({ children, description, required, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
46
46
  const idDescription = useId();
47
- const contentLabel = children ?? label;
48
47
  const describedByIds = [description ? idDescription : null, ariaDescribedby]
49
48
  .filter(Boolean)
50
49
  .join(" ");
51
- if (!contentLabel) {
50
+ if (!children) {
52
51
  return null;
53
52
  }
54
- return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { htmlFor: htmlFor || inputId, className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [contentLabel, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel || buttonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick || onButtonClick, children: moreButtonLabel || buttonLabel })) : null] }));
53
+ return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [children, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick, children: moreButtonLabel })) : null] }));
55
54
  };
@@ -0,0 +1,7 @@
1
+ import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
2
+ import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
3
+ export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
4
+ export declare const ItemMultiSelect: {
5
+ (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
6
+ displayName: string;
7
+ };
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
3
+ import { Checkbox } from "../Checkbox/Checkbox/CheckboxApollo";
4
+ import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
5
+ export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
6
+ ItemMultiSelect.displayName = "ItemMultiSelect";
@@ -0,0 +1,8 @@
1
+ import { type ComponentProps, type ComponentType, type FC, type ReactNode } from "react";
2
+ export type ItemMultiSelectVariant = "primary" | "secondary";
3
+ export type ItemMultiSelectCommonProps = Omit<ComponentProps<"input">, "type"> & {
4
+ label: ReactNode;
5
+ variant?: ItemMultiSelectVariant;
6
+ Checkbox: ComponentType<ComponentProps<"input">>;
7
+ };
8
+ export declare const ItemMultiSelectCommon: FC<ItemMultiSelectCommonProps>;
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import {} from "react";
3
+ import { getClassName } from "../../utilities/getClassName";
4
+ export const ItemMultiSelectCommon = ({ label, variant = "primary", className = "", id, Checkbox, ...inputProps }) => (_jsxs("label", { className: getClassName({
5
+ baseClassName: "af-item-multi-select",
6
+ modifiers: [variant],
7
+ className: className ?? "",
8
+ }), htmlFor: id, children: [_jsx("span", { className: "af-item-multi-select__checkbox", children: _jsx(Checkbox, { id: id, ...inputProps }) }), _jsx("span", { className: "af-item-multi-select__label", children: label })] }));
9
+ ItemMultiSelectCommon.displayName = "ItemMultiSelectCommon";
@@ -0,0 +1,7 @@
1
+ import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
2
+ import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
3
+ export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
4
+ export declare const ItemMultiSelect: {
5
+ (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
6
+ displayName: string;
7
+ };
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
3
+ import { Checkbox } from "../Checkbox/Checkbox/CheckboxLF";
4
+ import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
5
+ export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
6
+ ItemMultiSelect.displayName = "ItemMultiSelect";
@@ -0,0 +1,4 @@
1
+ import "@axa-fr/canopee-css/prospect/Form/MultiSelectList/MultiSelectListAll.css";
2
+ import { type MultiSelectListProps } from "./MultiSelectListCommon";
3
+ export type { MultiSelectListProps } from "./MultiSelectListCommon";
4
+ export declare const MultiSelectList: (props: MultiSelectListProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/canopee-css/prospect/Form/MultiSelectList/MultiSelectListAll.css";
3
+ import { ItemMultiSelect } from "../ItemMultiSelect/ItemMultiSelectApollo";
4
+ import { MultiSelectListCommon, } from "./MultiSelectListCommon";
5
+ export const MultiSelectList = (props) => (_jsx(MultiSelectListCommon, { ...props, ItemMultiSelectComponent: ItemMultiSelect }));
@@ -0,0 +1,11 @@
1
+ import type { ComponentType } from "react";
2
+ import type { ListProps } from "../../List/List/ListCommon";
3
+ import type { ItemMultiSelectCommonProps } from "../ItemMultiSelect/ItemMultiSelectCommon";
4
+ export type MultiSelectListProps = Omit<ListProps, "children" | "separator" | "onChange"> & {
5
+ items: Omit<ItemMultiSelectCommonProps, "Checkbox">[];
6
+ };
7
+ type MultiSelectListCommonProps = MultiSelectListProps & {
8
+ ItemMultiSelectComponent: ComponentType<Omit<ItemMultiSelectCommonProps, "Checkbox">>;
9
+ };
10
+ export declare const MultiSelectListCommon: ({ items, ItemMultiSelectComponent, }: MultiSelectListCommonProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,2 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const MultiSelectListCommon = ({ items, ItemMultiSelectComponent, }) => (_jsx("ul", { className: "af-multi-select-list", children: items.map((item, index) => (_jsx("li", { children: _jsx(ItemMultiSelectComponent, { ...item, variant: index % 2 === 0 ? "primary" : "secondary" }) }, item.id))) }));
@@ -0,0 +1,4 @@
1
+ import "@axa-fr/canopee-css/client/Form/MultiSelectList/MultiSelectListAll.css";
2
+ import { type MultiSelectListProps } from "./MultiSelectListCommon";
3
+ export type { MultiSelectListProps } from "./MultiSelectListCommon";
4
+ export declare const MultiSelectList: (props: MultiSelectListProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/canopee-css/client/Form/MultiSelectList/MultiSelectListAll.css";
3
+ import { ItemMultiSelect } from "../ItemMultiSelect/ItemMultiSelectLF";
4
+ import { MultiSelectListCommon, } from "./MultiSelectListCommon";
5
+ export const MultiSelectList = (props) => (_jsx(MultiSelectListCommon, { ...props, ItemMultiSelectComponent: ItemMultiSelect }));
@@ -8,10 +8,6 @@ type BaseCardRadioProps = Omit<ComponentProps<typeof Radio>, "size"> & {
8
8
  subtitle?: ReactNode;
9
9
  };
10
10
  export type CardRadioProps = BaseCardRadioProps & {
11
- /**
12
- * @deprecated Use `position` instead.
13
- */
14
- type?: "vertical" | "horizontal";
15
11
  position?: "vertical" | "horizontal";
16
12
  icon?: ComponentProps<typeof IconCommon>["src"];
17
13
  src?: ComponentProps<typeof BasePicture>["src"];
@@ -22,7 +18,7 @@ export type CardRadioCommonProps = CardRadioProps & {
22
18
  IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
23
19
  };
24
20
  export declare const CardRadioCommon: {
25
- ({ label, position, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
21
+ ({ label, position, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
26
22
  displayName: string;
27
23
  };
28
24
  export {};
@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import {} from "react";
3
3
  import { BasePicture } from "../../../BasePicture/BasePicture";
4
4
  import { getClassName } from "../../../utilities/getClassName";
5
- export const CardRadioCommon = ({ label, position, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }) => {
6
- const isCardRadioHorizontal = [position, type].includes("horizontal");
5
+ export const CardRadioCommon = ({ label, position, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }) => {
6
+ const isCardRadioHorizontal = position === "horizontal";
7
7
  return (_jsxs("label", { className: getClassName({
8
8
  baseClassName: "af-card-radio",
9
9
  modifiers: [
10
- isInvalid && "invalid",
10
+ variant === "error" && "invalid",
11
11
  isCardRadioHorizontal && "horizontal",
12
12
  ],
13
13
  className,
14
- }), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, isCardRadioHorizontal && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio__content", children: [_jsx("p", { className: "af-card-radio__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid })] }));
14
+ }), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, isCardRadioHorizontal && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio__content", children: [_jsx("p", { className: "af-card-radio__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, variant: variant })] }));
15
15
  };
16
16
  CardRadioCommon.displayName = "CardRadioCommon";
@@ -2,37 +2,13 @@ import { type ComponentProps, type ComponentType, type PropsWithChildren, type R
2
2
  import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
3
3
  import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
4
4
  import { type CardRadioProps } from "../CardRadio/CardRadioCommon";
5
- type RadioOption = Omit<CardRadioProps, "name" | "type" | "isInvalid">;
6
- export type CardRadioGroupProps = Omit<CardRadioProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
7
- /**
8
- * @deprecated Use `position` and `cardStyle` instead.
9
- */
10
- type?: "vertical" | "horizontal";
5
+ type RadioOption = Omit<CardRadioProps, "name" | "type" | "variant">;
6
+ export type CardRadioGroupProps = Omit<CardRadioProps, "value" | "label" | "type" | "variant" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
11
7
  cardStyle?: CardRadioProps["position"];
12
8
  position?: "line" | "column";
13
- /**
14
- * @deprecated Use `label` instead.
15
- */
16
- labelGroup?: string;
17
- /**
18
- * @deprecated Use `description` instead.
19
- */
20
- descriptionGroup?: string;
21
9
  label: ReactNode;
22
10
  description?: ReactNode;
23
- /**
24
- * @deprecated Use `required` instead.
25
- */
26
- isRequired?: boolean;
27
- /**
28
- * @deprecated This prop is deprecated. To check an option, use the `checked` property in each item of the `options` array.
29
- */
30
- value?: number | string;
31
11
  options: RadioOption[];
32
- /**
33
- * @deprecated Use `message` and messageType instead.
34
- */
35
- error?: ReactNode;
36
12
  containerProps?: GridContainerProps<"fieldset">;
37
13
  } & PropsWithChildren & Partial<ItemMessageProps>;
38
14
  export type CardRadioCommonProps = CardRadioGroupProps & {
@@ -40,7 +16,7 @@ export type CardRadioCommonProps = CardRadioGroupProps & {
40
16
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
41
17
  };
42
18
  declare const CardRadioGroupCommon: {
43
- ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type, position, error, message, messageType, name, value, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
19
+ ({ className, label, description, required, options, cardStyle, position, message, messageType, name, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
44
20
  displayName: string;
45
21
  };
46
22
  export { CardRadioGroupCommon };