@axa-fr/design-system-apollo-react 1.0.3-alpha.217 → 1.0.3-alpha.218

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

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

package/dist/Form/TextArea/TextAreaApollo.js

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

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

@@ -0,0 +1,18 @@
+import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+type Props = ComponentPropsWithRef<"textarea"> & {
+    classModifier?: string;
+    sideButtonLabel: string;
+    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    helper?: string;
+    error?: string;
+    description?: string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    buttonLabel?: string;
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+} & Partial<ComponentPropsWithRef<typeof ItemMessage>>;
+declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };

package/dist/Form/TextArea/TextAreaCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+const TextArea = forwardRef(({ className, classModifier = "", label, description, helper, error, buttonLabel, onButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-textarea", className, classModifier);
+    let inputId = useId();
+    inputId = otherProps.id || inputId;
+    const idError = useId();
+    const idLabel = useId();
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("textarea", { id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": idError, "aria-invalid": Boolean(error), ...otherProps }), helper && _jsx("span", { className: "af-form__input-helper", children: helper }), _jsx(ItemMessageComponent, { id: idError, message: error })] }));
+});
+TextArea.displayName = "TextArea";
+export { TextArea };

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

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

package/dist/Form/TextArea/TextAreaLF.js

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

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { Tag, type TagVariants, tagVariants } from "./Tag/TagApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
+export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";

package/dist/index.js

@@ -10,6 +10,7 @@ export { Tag, tagVariants } from "./Tag/TagApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
+export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";

package/dist/indexLF.d.ts

@@ -9,6 +9,7 @@ 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 { 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";

package/dist/indexLF.js

@@ -9,6 +9,7 @@ export { Tag, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { TextInput } from "./Form/TextInput/TextInputLF";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";

package/package.json

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