@axa-fr/design-system-apollo-react 1.0.5-alpha.342 → 1.0.5-alpha.343

package/dist/List/ClickItem/ClickItemApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.scss";
+import type { ClickItemProps } from "./types";
+export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
+export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.scss";
+import { ClickItemCommon } from "./ClickItemCommon";
+import { ClickItemContent } from "./components/ClickItemContentApollo";
+import { ClickItemSuffix } from "./components/ClickItemSuffixAppollo";
+import { ClickItemPrefix } from "./components/ClickItemPrefixApollo";
+export const ClickItem = (props) => (_jsx(ClickItemCommon, { ClickItemContentComponent: ClickItemContent, ClickItemSuffixComponent: ClickItemSuffix, ClickItemPrefixComponent: ClickItemPrefix, ...props }));
+export { clickItemStates, clickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemCommon.d.ts

@@ -0,0 +1,15 @@
+import type { ClickItemPropsCommon } from "./types";
+export declare const clickItemVariants: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly agent: "agent";
+};
+export type ClickItemVariants = keyof typeof clickItemVariants;
+export declare const clickItemStates: {
+    readonly default: "default";
+    readonly disabled: "disabled";
+    readonly loading: "loading";
+};
+export type ClickItemStates = keyof typeof clickItemStates;
+export declare const ClickItemCommon: ({ className, state, variant, icon, title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, basePictureProps, onClick, ariaLabelForActionIcon, ClickItemContentComponent, ClickItemSuffixComponent, ClickItemPrefixComponent, }: ClickItemPropsCommon) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/ClickItemCommon.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const clickItemVariants = {
+    small: "small",
+    medium: "medium",
+    large: "large",
+    agent: "agent",
+};
+export const clickItemStates = {
+    default: "default",
+    disabled: "disabled",
+    loading: "loading",
+};
+export const ClickItemCommon = ({ className = "", state = "default", variant = "large", icon, title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, basePictureProps, onClick, ariaLabelForActionIcon, ClickItemContentComponent, ClickItemSuffixComponent, ClickItemPrefixComponent, }) => {
+    return (_jsxs("div", { className: [
+            "af-apollo-click-item",
+            `af-apollo-click-item--${variant}`,
+            `af-apollo-click-item--${state}`,
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: [_jsx("div", { className: "af-apollo-click-item__leading", children: _jsx(ClickItemPrefixComponent, { variant: variant, state: state, basePictureProps: basePictureProps, icon: icon }) }), _jsx("div", { className: "af-apollo-click-item__content", children: _jsx(ClickItemContentComponent, { title: title, subtitle: subtitle, textSecondary: textSecondary, textTertiary: textTertiary, tagLabel: tagLabel, tagProps: {
+                        ...(tagProps ?? {}),
+                        variant: state === "disabled" ? "neutral" : tagProps?.variant,
+                    } }) }), _jsx("div", { className: "af-apollo-click-item__trailing", children: _jsx(ClickItemSuffixComponent, { variant: variant, state: state, onClick: onClick, ariaLabelForActionIcon: ariaLabelForActionIcon }) })] }));
+};

package/dist/List/ClickItem/ClickItemLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.scss";
+import type { ClickItemProps } from "./types";
+export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
+export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.scss";
+import { ClickItemCommon } from "./ClickItemCommon";
+import { ClickItemContent } from "./components/ClickItemContentLF";
+import { ClickItemSuffix } from "./components/ClickItemSuffixLF";
+import { ClickItemPrefix } from "./components/ClickItemPrefixLF";
+export const ClickItem = (props) => (_jsx(ClickItemCommon, { ClickItemContentComponent: ClickItemContent, ClickItemSuffixComponent: ClickItemSuffix, ClickItemPrefixComponent: ClickItemPrefix, ...props }));
+export { clickItemStates, clickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/components/ClickItemContentApollo.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemContentProps } from "./ClickItemContentCommon";
+export declare const ClickItemContent: (props: ClickItemContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemContentApollo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../../../Tag/TagApollo";
+import { ClickItemContentCommon, } from "./ClickItemContentCommon";
+export const ClickItemContent = (props) => (_jsx(ClickItemContentCommon, { ...props, TagComponent: Tag }));

package/dist/List/ClickItem/components/ClickItemContentCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from "react";
+import type { TagProps } from "../../../Tag/TagCommon";
+export type ClickItemContentProps = {
+    title: string;
+    subtitle?: string;
+    textSecondary?: string;
+    textTertiary?: string;
+    tagLabel?: string;
+    tagProps?: TagProps;
+};
+export type ClickItemContentCommonProps = ClickItemContentProps & {
+    TagComponent: ComponentType<TagProps>;
+};
+export declare const ClickItemContentCommon: ({ title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, TagComponent, }: ClickItemContentCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemContentCommon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const ClickItemContentCommon = ({ title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, TagComponent, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "af-apollo-click-item__title", children: _jsx("span", { children: title }) }), subtitle && _jsx("p", { className: "af-apollo-click-item__subtitle", children: subtitle }), textSecondary && (_jsx("p", { className: "af-apollo-click-item__secondary", children: textSecondary })), textTertiary && (_jsx("p", { className: "af-apollo-click-item__tertiary", children: textTertiary })), tagLabel && (_jsx("div", { className: "af-apollo-click-item__tag-container", children: _jsx(TagComponent, { ...tagProps, children: tagLabel }) }))] }));
+};

package/dist/List/ClickItem/components/ClickItemContentLF.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemContentProps } from "./ClickItemContentCommon";
+export declare const ClickItemContent: (props: ClickItemContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemContentLF.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../../../Tag/TagLF";
+import { ClickItemContentCommon, } from "./ClickItemContentCommon";
+export const ClickItemContent = (props) => (_jsx(ClickItemContentCommon, { ...props, TagComponent: Tag }));

package/dist/List/ClickItem/components/ClickItemPrefixApollo.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemPrefixProps } from "./ClickItemPrefixCommon";
+export declare const ClickItemPrefix: (props: ClickItemPrefixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemPrefixApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconApollo";
+import { BasePicture } from "../../../BasePicture/BasePictureApollo";
+import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
+export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { BasePictureComponent: BasePicture, ...props, IconComponent: Icon }));

package/dist/List/ClickItem/components/ClickItemPrefixCommon.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, ComponentType } from "react";
+import { BasePicture } from "../../../BasePicture/BasePictureCommon";
+import type { IconProps } from "../../../Icon/IconCommon";
+import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
+export type ClickItemPrefixProps = {
+    state: ClickItemStates;
+    variant: ClickItemVariants;
+    icon?: string;
+    basePictureProps?: ComponentProps<typeof BasePicture>;
+};
+export type ClickItemPrefixCommonProps = ClickItemPrefixProps & {
+    IconComponent: ComponentType<IconProps>;
+    BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
+};
+export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent, BasePictureComponent, }: ClickItemPrefixCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/List/ClickItem/components/ClickItemPrefixCommon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ClickItemPrefixCommon = ({ state, variant, icon, basePictureProps, IconComponent, BasePictureComponent, }) => {
+    if (Boolean(basePictureProps) && variant === "agent") {
+        return _jsx(BasePictureComponent, { ...basePictureProps });
+    }
+    if (icon) {
+        return (_jsx(IconComponent, { role: "presentation", src: icon, variant: state === "disabled" && variant !== "small" ? "disabled" : "primary" }));
+    }
+    return null;
+};

package/dist/List/ClickItem/components/ClickItemPrefixLF.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemPrefixProps } from "./ClickItemPrefixCommon";
+export declare const ClickItemPrefix: (props: ClickItemPrefixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemPrefixLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../../../Icon/IconLF";
+import { BasePicture } from "../../../BasePicture/BasePictureLF";
+import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
+export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { BasePictureComponent: BasePicture, ...props, IconComponent: Icon }));

package/dist/List/ClickItem/components/ClickItemSuffixAppollo.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemSuffixProps } from "./ClickItemSuffixCommon";
+export declare const ClickItemSuffix: (props: ClickItemSuffixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemSuffixAppollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import arrowForward from "@material-symbols/svg-400/rounded/arrow_forward-fill.svg";
+import { Icon } from "../../../Icon/IconApollo";
+import { Spinner } from "../../../Spinner/SpinnerApollo";
+import { ClickIcon } from "../../../ClickIcon/ClickIconApollo";
+import { ClickItemSuffixCommon, } from "./ClickItemSuffixCommon";
+export const ClickItemSuffix = (props) => (_jsx(ClickItemSuffixCommon, { trailingClickIcon: arrowForward, IconComponent: Icon, SpinnerComponent: Spinner, ClickIconComponent: ClickIcon, ...props }));

package/dist/List/ClickItem/components/ClickItemSuffixCommon.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, ComponentType, type MouseEvent } from "react";
+import type { IconProps } from "../../../Icon/IconCommon";
+import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
+import { Spinner } from "../../../Spinner/SpinnerCommon";
+import type { ClickIconProps } from "../../../ClickIcon/ClickIconCommon";
+export type ClickItemSuffixProps = {
+    state: ClickItemStates;
+    variant: ClickItemVariants;
+    ariaLabelForActionIcon?: string;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export type ClickItemSuffixCommonProps = ClickItemSuffixProps & {
+    trailingClickIcon: string;
+    IconComponent: ComponentType<IconProps>;
+    SpinnerComponent: ComponentType<ComponentProps<typeof Spinner>>;
+    ClickIconComponent: ComponentType<ClickIconProps>;
+};
+export declare const ClickItemSuffixCommon: ({ state, variant, trailingClickIcon, ariaLabelForActionIcon, onClick, IconComponent, SpinnerComponent, ClickIconComponent, }: ClickItemSuffixCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/List/ClickItem/components/ClickItemSuffixCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
+export const ClickItemSuffixCommon = ({ state, variant, trailingClickIcon, ariaLabelForActionIcon, onClick, IconComponent, SpinnerComponent, ClickIconComponent, }) => {
+    if (variant === "large") {
+        return state === "loading" ? (_jsx(SpinnerComponent, { size: 32 })) : (_jsx(ClickIconComponent, { src: trailingClickIcon, "aria-label": ariaLabelForActionIcon, disabled: state === "disabled", onClick: onClick }));
+    }
+    if (variant === "small") {
+        return (_jsx(IconComponent, { src: keyboardArrowRight, "aria-label": ariaLabelForActionIcon }));
+    }
+    if (variant === "agent") {
+        return (_jsx(ClickIconComponent, { src: trailingClickIcon, "aria-label": ariaLabelForActionIcon, onClick: onClick }));
+    }
+    return null;
+};

package/dist/List/ClickItem/components/ClickItemSuffixLF.d.ts

@@ -0,0 +1,2 @@
+import { type ClickItemSuffixProps } from "./ClickItemSuffixCommon";
+export declare const ClickItemSuffix: (props: ClickItemSuffixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemSuffixLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
+import { Icon } from "../../../Icon/IconLF";
+import { Spinner } from "../../../Spinner/SpinnerLF";
+import { ClickIcon } from "../../../ClickIcon/ClickIconLF";
+import { ClickItemSuffixCommon, } from "./ClickItemSuffixCommon";
+export const ClickItemSuffix = (props) => (_jsx(ClickItemSuffixCommon, { trailingClickIcon: keyboardArrowRight, IconComponent: Icon, SpinnerComponent: Spinner, ClickIconComponent: ClickIcon, ...props }));

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ClickIcon } from "./ClickIcon/ClickIconApollo";
+export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { Divider } from "./Divider/DividerApollo";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";

package/dist/index.js

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Button, buttonVariants, } from "./Button/ButtonApollo";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ClickIcon } from "./ClickIcon/ClickIconApollo";
+export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { Divider } from "./Divider/DividerApollo";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";

package/dist/indexLF.d.ts

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ClickIcon } from "./ClickIcon/ClickIconLF";
+export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { Divider } from "./Divider/DividerLF";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";

package/dist/indexLF.js

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Button, buttonVariants } from "./Button/ButtonLF";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ClickIcon } from "./ClickIcon/ClickIconLF";
+export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { Divider } from "./Divider/DividerLF";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";

package/package.json

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