@axa-fr/design-system-apollo-react 1.0.3-alpha.146 → 1.0.3-alpha.147

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

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

package/dist/Form/ItemLabel/ItemLabelApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.scss";
+import { Button } from "../../Button/ButtonApollo";
+import { ItemLabel as ItemLabelCommon } from "./ItemLabelCommon";
+export const ItemLabel = (props) => _jsx(ItemLabelCommon, { ...props, ButtonComponent: Button });

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

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

package/dist/Form/ItemLabel/ItemLabelCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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, }) => {
+    const idDescription = useId();
+    return (_jsxs("div", { className: "af-item-label", children: [_jsxs("label", { htmlFor: inputId, id: idLabel, "aria-describedby": description ? idDescription : undefined, children: [label, " ", required && _jsx("span", { "aria-hidden": "true", children: " *" })] }), sideButtonLabel && (_jsx(ButtonComponent, { variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })), description && (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })), buttonLabel && (_jsx(ButtonComponent, { className: "af-item-label__more", variant: "ghost", iconLeft: _jsx(Svg, { src: infoIcon, "aria-hidden": "true" }), onClick: onButtonClick, children: buttonLabel }))] }));
+};

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

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

package/dist/Form/ItemLabel/ItemLabelLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.scss";
+import { Button } from "../../Button/ButtonLF";
+import { ItemLabel as ItemLabelCommon } from "./ItemLabelCommon";
+export const ItemLabel = (props) => _jsx(ItemLabelCommon, { ...props, ButtonComponent: Button });

package/dist/Form/ItemMessage/ItemMessageCommon.d.ts

@@ -1,7 +1,7 @@
 type ItemMessageProps = {
-    message: string;
+    message?: string;
     id?: string;
-    type?: "error" | "success";
+    messageType?: "error" | "success";
 };
-export declare const ItemMessage: ({ message, id, type, }: ItemMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemMessage: ({ message, id, messageType, }: ItemMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Form/ItemMessage/ItemMessageCommon.js

@@ -2,4 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
 import successIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
 import { Svg } from "../../Svg/Svg";
-export const ItemMessage = ({ message, id, type = "error", }) => (_jsxs("div", { className: `af-item-message af-item-message--${type}`, children: [_jsx(Svg, { src: type === "error" ? errorIcon : successIcon, className: "af-item-message__icon" }), _jsx("span", { id: id, "aria-live": "assertive", className: "af-item-message__message", children: message })] }));
+export const ItemMessage = ({ message, id, messageType = "error", }) => {
+    if (!message) {
+        return null;
+    }
+    return (_jsxs("small", { className: `af-item-message af-item-message--${messageType}`, role: messageType === "error" ? "alert" : undefined, "aria-live": "assertive", children: [_jsx(Svg, { src: messageType === "error" ? errorIcon : successIcon, className: "af-item-message__icon", "aria-hidden": "true" }), _jsx("span", { id: id, className: "af-item-message__message", children: message })] }));
+};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
+import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
@@ -6,3 +7,4 @@ export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";

package/dist/index.js

@@ -1,4 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
+import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, } from "./Button/ButtonApollo";
@@ -6,3 +7,4 @@ export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";

package/dist/indexLF.d.ts

@@ -6,3 +6,4 @@ export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";

package/dist/indexLF.js

@@ -6,3 +6,4 @@ export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";

package/package.json

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