@axa-fr/design-system-apollo-react 1.0.5-alpha.293 → 1.0.5-alpha.297

package/dist/Button/ButtonApollo.d.ts

@@ -1,2 +1,4 @@
 import "@axa-fr/design-system-apollo-css/dist/Button/ButtonApollo.scss";
-export { Button, buttonVariants, type ButtonVariants } from "./ButtonCommon";
+import { type ButtonProps } from "./ButtonCommon";
+export { buttonVariants, type ButtonVariants, type ButtonProps, } from "./ButtonCommon";
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/ButtonApollo.js

@@ -1,2 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Button/ButtonApollo.scss";
-export { Button, buttonVariants } from "./ButtonCommon";
+import { Spinner } from "../Spinner/SpinnerApollo";
+import { ButtonCommon } from "./ButtonCommon";
+export { buttonVariants, } from "./ButtonCommon";
+export const Button = (props) => (_jsx(ButtonCommon, { ...props, SpinnerComponent: Spinner }));

package/dist/Button/ButtonCommon.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from "react";
+import type { ComponentProps, ComponentPropsWithoutRef, ComponentType, PropsWithChildren, ReactNode } from "react";
+import { Spinner } from "../Spinner/SpinnerCommon";
 export declare const buttonVariants: {
     readonly primary: "primary";
     readonly "primary-business": "primary-business";
@@ -9,11 +10,14 @@ export declare const buttonVariants: {
     readonly ghost: "ghost";
 };
 export type ButtonVariants = keyof typeof buttonVariants;
-type ButtonProps = {
+export type ButtonProps = {
     variant?: ButtonVariants;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
     loading?: boolean;
 } & ComponentPropsWithoutRef<"button">;
-export declare const Button: ({ children, className, variant, iconLeft, iconRight, disabled, loading, ...args }: PropsWithChildren<ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+type ButtonPropsWithSpinner = ButtonProps & {
+    SpinnerComponent: ComponentType<ComponentProps<typeof Spinner>>;
+};
+export declare const ButtonCommon: ({ children, className, variant, iconLeft, iconRight, disabled, loading, SpinnerComponent, ...args }: PropsWithChildren<ButtonPropsWithSpinner>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Button/ButtonCommon.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner } from "../Spinner/SpinnerCommon";
 export const buttonVariants = {
     primary: "primary",
     "primary-business": "primary-business",
@@ -9,6 +8,6 @@ export const buttonVariants = {
     tertiary: "tertiary",
     ghost: "ghost",
 };
-export const Button = ({ children, className, variant = "primary", iconLeft, iconRight, disabled, loading, ...args }) => (_jsxs("button", { className: ["af-btn-client", `af-btn-client--${variant}`, className]
+export const ButtonCommon = ({ children, className, variant = "primary", iconLeft, iconRight, disabled, loading, SpinnerComponent, ...args }) => (_jsxs("button", { className: ["af-btn-client", `af-btn-client--${variant}`, className]
         .filter(Boolean)
-        .join(" "), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, loading && _jsx(Spinner, { size: 24, variant: "gray" })] }));
+        .join(" "), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, (disabled || loading) && _jsx(SpinnerComponent, { size: 24, variant: "gray" })] }));

package/dist/Button/ButtonLF.d.ts

@@ -1,2 +1,4 @@
 import "@axa-fr/design-system-apollo-css/dist/Button/ButtonLF.scss";
-export { Button, buttonVariants, type ButtonVariants } from "./ButtonCommon";
+import { type ButtonProps } from "./ButtonCommon";
+export { buttonVariants, type ButtonVariants, type ButtonProps, } from "./ButtonCommon";
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/ButtonLF.js

@@ -1,2 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Button/ButtonLF.scss";
-export { Button, buttonVariants } from "./ButtonCommon";
+import { Spinner } from "../Spinner/SpinnerLF";
+import { ButtonCommon } from "./ButtonCommon";
+export { buttonVariants, } from "./ButtonCommon";
+export const Button = (props) => (_jsx(ButtonCommon, { ...props, SpinnerComponent: Spinner }));

package/dist/Form/InputDate/InputDateApollo.d.ts

@@ -21,5 +21,5 @@ export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<O
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputDate/InputDateLF.d.ts

@@ -21,5 +21,5 @@ export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<O
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextApollo.d.ts

@@ -20,5 +20,5 @@ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<O
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextLF.d.ts

@@ -20,5 +20,5 @@ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<O
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentProps, type ComponentType, type MouseEventHandler } from "react";
-import { Button } from "../../Button/ButtonCommon";
+import { type ComponentType, type MouseEventHandler } from "react";
+import type { ButtonProps } from "../../Button/ButtonCommon";
 type ItemLabelProps = {
     label?: string;
     description?: string;
@@ -10,7 +10,7 @@ type ItemLabelProps = {
     onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: ComponentType<ComponentProps<typeof Button>>;
+    ButtonComponent: ComponentType<ButtonProps>;
 };
 export declare const ItemLabel: ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }: ItemLabelProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Form/ItemLabel/ItemLabelCommon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, } from "react";
+import { useId } from "react";
 import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
 import { Svg } from "../../Svg/Svg";
 export const ItemLabel = ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }) => {

package/dist/Form/Select/SelectApollo.d.ts

@@ -23,5 +23,5 @@ export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }>, "ref"> & import("react").RefAttributes<HTMLSelectElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/Form/Select/SelectLF.d.ts

@@ -23,5 +23,5 @@ export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }>, "ref"> & import("react").RefAttributes<HTMLSelectElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/Form/TextArea/TextAreaApollo.d.ts

@@ -11,7 +11,7 @@ export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Om
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
     classModifier?: string;
     helper?: string;

package/dist/Form/TextArea/TextAreaLF.d.ts

@@ -11,7 +11,7 @@ export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Om
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
 }, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
     classModifier?: string;
     helper?: string;

package/dist/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentProps, type ComponentType, type ReactNode } from "react";
-import { Button } from "../../Button/ButtonCommon";
+import { type ComponentType, type ReactNode } from "react";
+import type { ButtonProps } from "../../Button/ButtonCommon";
 type ContentItemDuoProps = {
     label: string;
     value: ReactNode;
@@ -8,7 +8,7 @@ type ContentItemDuoProps = {
     classModifier?: string;
     buttonText?: string;
     onButtonClick?: () => void;
-    ButtonComponent: ComponentType<ComponentProps<typeof Button>>;
+    ButtonComponent: ComponentType<ButtonProps>;
 };
 export declare const ContentItemDuo: ({ label, value, isVertical, className, classModifier, buttonText, onButtonClick, ButtonComponent, }: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, } from "react";
+import { useMemo } from "react";
 import { getComponentClassName } from "../../utilities/getComponentClassName";
 export const ContentItemDuo = ({ label, value, isVertical = false, className, classModifier, buttonText, onButtonClick, ButtonComponent, }) => {
     const componentClassName = useMemo(() => {

package/dist/Message/MessageCommon.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentPropsWithoutRef, type PropsWithChildren, type ReactElement } from "react";
-import { Button } from "../Button/ButtonCommon";
+import { type ComponentPropsWithoutRef, ComponentType, type PropsWithChildren, type ReactElement } from "react";
+import type { ButtonProps } from "../Button/ButtonCommon";
 import { Link } from "../Link/LinkCommon";
 type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
 export declare const messageVariants: {
@@ -13,7 +13,7 @@ export type MessageVariants = keyof typeof messageVariants;
 export type MessageProps = {
     variant: MessageVariants;
     title?: string;
-    action?: ReactElement<typeof Link | typeof Button>;
+    action?: ReactElement<typeof Link | ComponentType<ButtonProps>>;
     iconSize?: number;
     heading?: Headings;
 } & ComponentPropsWithoutRef<"div">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.293",
+  "version": "1.0.5-alpha.297",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.293",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.293",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.297",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.297",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },