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

package/dist/ContentItemMono/ContentItemMonoCommon.js

@@ -7,7 +7,7 @@ export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, t
             title,
             primarySubtitle: subtitle1,
             subtitle: subtitle2,
-            leftComponent: _jsx(IconComponent, { "data-testid": "icon", src: icon }),
+            leftComponent: icon && _jsx(IconComponent, { "data-testid": "icon", src: icon }),
         };
     }
     if (type === "picture") {
@@ -16,7 +16,10 @@ export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, t
             leftComponent: (_jsx(BasePictureComponent, { src: props.picture, alt: props.title })),
         };
     }
-    return props;
+    return {
+        ...props,
+        leftComponent: _jsx("div", { className: "stick" }),
+    };
 };
 export const ContentItemMonoCommon = (props) => {
     return _jsx(ContentItemMonoCore, { ...getContentItemCoreProps(props) });

package/dist/ContentItemMono/ContentItemMonoCore.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ContentItemMonoCore = ({ size = "medium", leftComponent, title, primarySubtitle, subtitle, }) => {
-    return (_jsxs("div", { "data-testid": "container", className: `af-content-item-mono ${size}`, children: [leftComponent ?? _jsx("div", { className: "stick" }), _jsxs("div", { className: "text-content", children: [_jsx("span", { className: "title", children: title }), primarySubtitle && (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] })] }));
+    return (_jsxs("div", { "data-testid": "container", className: `af-content-item-mono ${size}`, children: [leftComponent, _jsxs("div", { className: "text-content", children: [_jsx("span", { className: "title", children: title }), primarySubtitle && (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] })] }));
 };

package/dist/Form/Dropdown/DropdownApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownApollo.scss";
+import type { ComponentProps } from "react";
+import { Dropdown as DropdownCommon } from "./DropdownCommon";
+export declare const Dropdown: (props: Omit<ComponentProps<typeof DropdownCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Dropdown/DropdownApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownApollo.scss";
+import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { Dropdown as DropdownCommon } from "./DropdownCommon";
+export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

package/dist/Form/{Select/SelectCommon.d.ts → Dropdown/DropdownCommon.d.ts}

@@ -1,7 +1,7 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
-type SelectProps = ComponentPropsWithRef<"select"> & {
+type DropdownProps = ComponentPropsWithRef<"select"> & {
     id?: string;
     classModifier?: string;
     label?: ComponentProps<typeof ItemLabel>["label"];
@@ -14,5 +14,5 @@ type SelectProps = ComponentPropsWithRef<"select"> & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
-declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-export { Select };
+declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<DropdownProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+export { Dropdown };

package/dist/Form/{Select/SelectCommon.js → Dropdown/DropdownCommon.js}

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
 import classNames from "classnames";
-const Select = forwardRef(({ id, required, label, error, placeholder, children, helper, success, description, buttonLabel, onButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, ...otherProps }, inputRef) => {
+const Dropdown = forwardRef(({ id, required, label, error, placeholder, children, helper, success, description, buttonLabel, onButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, ...otherProps }, inputRef) => {
     const idLabel = useId();
     const idMessage = useId();
     let inputId = useId();
     inputId = id || inputId;
-    const classname = classNames("af-form__select-input", error && "af-form__select-input--error");
+    const classname = classNames("af-form__dropdown-input", error && "af-form__dropdown-input--error");
     return (_jsxs("div", { children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && (_jsx("option", { disabled: true, value: "", children: placeholder })), children] }), helper && _jsx("span", { className: "af-form__input-helper", children: helper }), _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
 });
-Select.displayName = "Select";
-export { Select };
+Dropdown.displayName = "Dropdown";
+export { Dropdown };

package/dist/Form/Dropdown/DropdownLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownLF.scss";
+import type { ComponentProps } from "react";
+import { Dropdown as DropdownCommon } from "./DropdownCommon";
+export declare const Dropdown: (props: Omit<ComponentProps<typeof DropdownCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Dropdown/DropdownLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/Dropdown/DropdownLF.scss";
+import { ItemLabel } from "../ItemLabel/ItemLabelLF";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { Dropdown as DropdownCommon } from "./DropdownCommon";
+export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

package/dist/index.d.ts

@@ -14,7 +14,6 @@ export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
-export { Select } from "./Form/Select/SelectApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { Radio } from "./Form/Radio/Radio/RadioApollo";
 export { RadioCard } from "./Form/Radio/RadioCard/RadioCardApollo";
@@ -34,3 +33,4 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
+export { Dropdown } from "./Form/Dropdown/DropdownApollo";

package/dist/index.js

@@ -14,7 +14,6 @@ export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
-export { Select } from "./Form/Select/SelectApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { Radio } from "./Form/Radio/Radio/RadioApollo";
 export { RadioCard } from "./Form/Radio/RadioCard/RadioCardApollo";
@@ -34,3 +33,4 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
+export { Dropdown } from "./Form/Dropdown/DropdownApollo";

package/dist/indexLF.d.ts

@@ -13,7 +13,6 @@ export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { InputDate, InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
-export { Select } from "./Form/Select/SelectLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { Radio } from "./Form/Radio/Radio/RadioLF";
 export { RadioCard } from "./Form/Radio/RadioCard/RadioCardLF";
@@ -33,3 +32,4 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
+export { Dropdown } from "./Form/Dropdown/DropdownLF";

package/dist/indexLF.js

@@ -13,7 +13,6 @@ export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { InputDate, InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
-export { Select } from "./Form/Select/SelectLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { Radio } from "./Form/Radio/Radio/RadioLF";
 export { RadioCard } from "./Form/Radio/RadioCard/RadioCardLF";
@@ -33,3 +32,4 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
+export { Dropdown } from "./Form/Dropdown/DropdownLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.297",
+  "version": "1.0.5-alpha.299",
   "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.297",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.297",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.299",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.299",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },

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

@@ -1,27 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectApollo.scss";
-import { type ComponentProps } from "react";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
-    id?: string;
-    classModifier?: string;
-    label?: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
-    error?: string;
-    success?: string;
-    placeholder?: string;
-    buttonLabel?: string;
-    description?: string;
-    helper?: string;
-    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
-    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
-} & Partial<{
-    label?: string;
-    description?: string;
-    required?: boolean;
-    inputId: string;
-    idLabel: string;
-    sideButtonLabel?: string;
-    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    buttonLabel?: string;
-    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
-}>, "ref"> & import("react").RefAttributes<HTMLSelectElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/Form/Select/SelectApollo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectApollo.scss";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { Select as SelectCommon } from "./SelectCommon";
-export const Select = forwardRef((props, ref) => (_jsx(SelectCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-Select.displayName = "Select";

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

@@ -1,27 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectLF.scss";
-import { type ComponentProps } from "react";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
-    id?: string;
-    classModifier?: string;
-    label?: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
-    error?: string;
-    success?: string;
-    placeholder?: string;
-    buttonLabel?: string;
-    description?: string;
-    helper?: string;
-    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
-    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
-} & Partial<{
-    label?: string;
-    description?: string;
-    required?: boolean;
-    inputId: string;
-    idLabel: string;
-    sideButtonLabel?: string;
-    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    buttonLabel?: string;
-    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
-    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.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectLF.scss";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { Select as SelectCommon } from "./SelectCommon";
-export const Select = forwardRef((props, ref) => (_jsx(SelectCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-Select.displayName = "Select";