@axa-fr/design-system-apollo-react 1.0.3-alpha.219 → 1.0.3-alpha.221

package/dist/ClickIcon/ClickIconApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconApollo.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/ClickIcon/ClickIconApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconApollo.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/ClickIcon/ClickIconCommon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+import { IconVariants } from "../Icon/IconCommon";
+export type ClickIconProps = ComponentPropsWithRef<"button"> & {
+    src: string;
+    className?: string;
+    iconVariant?: IconVariants;
+    iconClassName?: string;
+};
+export declare const ClickIcon: ({ src, className, iconVariant, iconClassName, ...props }: ClickIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ClickIcon/ClickIconCommon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../Icon/IconCommon";
+export const ClickIcon = ({ src, className, iconVariant = "primary", iconClassName, ...props }) => (_jsx("button", { type: "button", className: ["af-click-icon", className].filter(Boolean).join(" "), ...props, children: _jsx(Icon, { src: src, variant: iconVariant, className: iconClassName }) }));

package/dist/ClickIcon/ClickIconLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconLF.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/ClickIcon/ClickIconLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconLF.scss";
+export { ClickIcon } from "./ClickIconCommon";

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

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

package/dist/Form/Select/SelectApollo.js

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

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

@@ -0,0 +1,19 @@
+import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+type SelectProps = ComponentPropsWithRef<"select"> & {
+    id?: string;
+    classModifier?: string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+    errorLabel?: string;
+    error?: string;
+    success?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    description?: string;
+    helper?: string;
+    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 };

package/dist/Form/Select/SelectCommon.js

@@ -0,0 +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 idLabel = useId();
+    const idMessage = useId();
+    let inputId = useId();
+    inputId = id || inputId;
+    const classname = classNames("af-form__select-input", error && "af-form__select-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 };

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

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

package/dist/Form/Select/SelectLF.js

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

package/dist/Icon/IconCommon.d.ts

@@ -3,7 +3,7 @@ import { Svg } from "../Svg/Svg";
 export declare const iconVariants: {
     readonly primary: "primary";
     readonly secondary: "secondary";
-    readonly tertiary: "tertiary";
+    readonly disabled: "disabled";
 };
 export type IconVariants = keyof typeof iconVariants;
 export declare const iconSizeVariants: {

package/dist/Icon/IconCommon.js

@@ -5,7 +5,7 @@ import { Svg } from "../Svg/Svg";
 export const iconVariants = {
     primary: "primary",
     secondary: "secondary",
-    tertiary: "tertiary",
+    disabled: "disabled",
 };
 export const iconSizeVariants = {
     L: "large",

package/dist/index.d.ts

@@ -11,9 +11,11 @@ export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";
+export { Select } from "./Form/Select/SelectApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";
+export { ClickIcon } from "./ClickIcon/ClickIconApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
 export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";

package/dist/index.js

@@ -11,9 +11,11 @@ export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";
+export { Select } from "./Form/Select/SelectApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";
+export { ClickIcon } from "./ClickIcon/ClickIconApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
 export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Message, messageVariants, } from "./Message/MessageApollo";

package/dist/indexLF.d.ts

@@ -9,10 +9,12 @@ export { Tag, type TagVariants, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { Select } from "./Form/Select/SelectLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { TextInput } from "./Form/TextInput/TextInputLF";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";
+export { ClickIcon } from "./ClickIcon/ClickIconLF";
 export { Toggle } from "./Toggle/ToggleLF";
 export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";

package/dist/indexLF.js

@@ -9,10 +9,12 @@ export { Tag, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { Select } from "./Form/Select/SelectLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { TextInput } from "./Form/TextInput/TextInputLF";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";
+export { ClickIcon } from "./ClickIcon/ClickIconLF";
 export { Toggle } from "./Toggle/ToggleLF";
 export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Message, messageVariants, } from "./Message/MessageLF";

package/package.json

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