@trilogy-ds/react 0.0.1-beta-143 → 0.0.1-beta-sc-1

package/lib/components/text/Text.js

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { TextLevels, TextMarkup } from './TextEnum';
-import { is } from '../../services/classify';
+import React from 'react';
+import { TextLevels, TextMarkup } from '../../components/text/TextEnum';
 import { hashClass } from '../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../context/index';
+import { is } from '../../services/classify';
 /**
  * Text component
  * @param children {string} Text child
@@ -14,16 +13,21 @@ import { useTrilogyContext } from '../../context/index';
  * @param onClick {Function} onClick Event
  * @param skeleton {Boolean} Text Skeleton
  * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
  * @param marginless {boolean} Removes margin after Text
+ * @param link {boolean} Add link variant for inline link into Text
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * - --------------- WEB PROPERTIES ----------------------------------
+ * @param title {string} title attribute
  * @param className {string} Additionnal css classes
+ * @param href {string} If Text Markup is A
  * @param markup {TextMarkup} Text markup
+ * @param htmlContent {string} Content Html In Text Component
  * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param style {Object} Additional style
  */
-var Text = function (_a) {
-    var level = _a.level, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, inverted = _a.inverted, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, marginless = _a.marginless, numberOfLines = _a.numberOfLines, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "inverted", "skeleton", "accessibilityLabel", "marginless", "numberOfLines"]);
-    var styled = useTrilogyContext().styled;
+var Text = function (_a, ref) {
+    var level = _a.level, markup = _a.markup, children = _a.children, className = _a.className, href = _a.href, title = _a.title, onClick = _a.onClick, typo = _a.typo, inverted = _a.inverted, skeleton = _a.skeleton, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, htmlContent = _a.htmlContent, marginless = _a.marginless, link = _a.link, numberOfLines = _a.numberOfLines, others = __rest(_a, ["level", "markup", "children", "className", "href", "title", "onClick", "typo", "inverted", "skeleton", "testId", "accessibilityLabel", "htmlContent", "marginless", "link", "numberOfLines"]);
     var levelText = function () {
         if (level) {
             switch (level) {
@@ -40,7 +44,7 @@ var Text = function (_a) {
             }
         }
     };
-    var classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
+    var classes = hashClass(clsx(!link ? 'text' : 'link', level && levelText(), inverted && is('inverted'), typo, skeleton ? is('loading') : is('loaded'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
     /**
      * If no markup return p with default level 1
      */
@@ -49,7 +53,7 @@ var Text = function (_a) {
             return true;
     };
     var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
-    return (React.createElement(Tag, __assign({ id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
+    return (React.createElement(Tag, __assign({ ref: ref, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick, title: title, className: classes }, (htmlContent && { dangerouslySetInnerHTML: { __html: htmlContent } }), (Tag === TextMarkup.A && { href: href }), others), children));
 };
-export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFvQixNQUFNLFlBQVksQ0FBQTtBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhRjtJQVpWLElBQUEsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQVpHLHVJQWFiLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFNBQVMsR0FBRztRQUNoQixJQUFJLEtBQUssRUFBRTtZQUNULFFBQVEsS0FBSyxFQUFFO2dCQUNiLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsS0FBSztvQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLElBQUk7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QjtvQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO2FBQzlCO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLEtBQUssSUFBSSxTQUFTLEVBQUUsRUFDcEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ3BDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRDs7T0FFRztJQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtJQUMvRyxDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQTtJQUU1RCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsZ0JBQ2xELGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
+export default React.forwardRef(Text);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBb0IsTUFBTSw0QkFBNEIsQ0FBQTtBQUVyRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUNYLEVBa0JZLEVBQ1osR0FBbUI7SUFsQmpCLElBQUEsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FqQlgsOExBa0JDLENBRFU7SUFJWCxJQUFNLFNBQVMsR0FBRztRQUNoQixJQUFJLEtBQUssRUFBRTtZQUNULFFBQVEsS0FBSyxFQUFFO2dCQUNiLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsS0FBSztvQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLElBQUk7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QjtvQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO2FBQzlCO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FDRixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQ3ZCLEtBQUssSUFBSSxTQUFTLEVBQUUsRUFDcEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsSUFBSSxFQUNKLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3ZDLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ3BDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRDs7T0FFRztJQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtJQUMvRyxDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQTtJQUU1RCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsaUJBQ2pELE1BQU0sZ0JBQ1Asa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEVBQ1osU0FBUyxFQUFFLE9BQU8sSUFDZCxDQUFDLFdBQVcsSUFBSSxFQUFFLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFDckUsQ0FBQyxHQUFHLEtBQUssVUFBVSxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUN4QyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQSJ9

package/lib/components/text/Text.native.d.ts

@@ -1,21 +1,5 @@
-/// <reference types="react" />
-import { TextProps } from './TextProps';
-import { ComponentName } from '../../components/enumsComponentsName';
-/**
- * Text Native Component
- * @param children {string} Text child
- * @param level {TextLevels|number} Title size : 1-4
- * @param inverted {Boolean} Text white color
- * @param onClick {Function} onClick Event
- * @param style {Object} Additional style
- * @param typo {string} Text typo
- * @param skeleton {Boolean} Text Skeleton
- * @param accessibilityLabel {string}
- * @param numberOfLines {number} Ellipsis after limit number of lines
- * @param others
- */
-declare const Text: {
-    ({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines, ...others }: TextProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Text;
+import React from 'react';
+import { Text as TextNative } from 'react-native';
+import { TextProps } from '../../components/text/TextProps';
+declare const _default: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextNative>>;
+export default _default;

package/lib/components/text/Text.native.js

@@ -1,12 +1,14 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { Platform, StyleSheet, Text as TextNative, View } from 'react-native';
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { TextLevels } from './TextEnum';
+import React from 'react';
 import ContentLoader, { Rect } from 'react-content-loader/native';
+import { Platform, StyleSheet, Text as TextNative, View } from 'react-native';
 import { ComponentName } from '../../components/enumsComponentsName';
+import { TextLevels } from '../../components/text/TextEnum';
 import { StatesContext } from '../../context/providerStates';
+import { setTypographyAlign } from '../../objects/Typography/TypographyAlign';
+import { getTypographyBoldStyle } from '../../objects/Typography/TypographyBold';
+import { setTypographyColor } from '../../objects/Typography/TypographyColor';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Text Native Component
  * @param children {string} Text child
@@ -16,13 +18,15 @@ import { StatesContext } from '../../context/providerStates';
  * @param style {Object} Additional style
  * @param typo {string} Text typo
  * @param skeleton {Boolean} Text Skeleton
+ * @param testId {string} id for test
  * @param accessibilityLabel {string}
+ * @param link {boolean} Add link variant for inline link into Text
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * @param others
  */
-var Text = function (_a) {
-    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? 0 : _b, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "skeleton", "accessibilityLabel", "numberOfLines"]);
-    var statesContext = useContext(StatesContext);
+var Text = function (_a, ref) {
+    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, link = _a.link, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? 0 : _b, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "testId", "accessibilityLabel", "link", "numberOfLines"]);
+    var statesContext = React.useContext(StatesContext);
     var textLevels = function (level) {
         return ((level && level == TextLevels.ONE && 16) ||
             (level && level == TextLevels.TWO && 14) ||
@@ -34,10 +38,12 @@ var Text = function (_a) {
         text: {
             fontFamily: getTypographyBoldStyle(typo),
             fontSize: textLevels(level),
-            color: (!skeleton && setTypographyColor(typo, inverted || statesContext.inverted)) || 'transparent',
+            color: (!skeleton && setTypographyColor(typo, inverted || statesContext.inverted)) ||
+                (link && getColorStyle(TrilogyColor.FONT)) ||
+                'transparent',
             textAlign: setTypographyAlign(typo),
             lineHeight: textLevels(level) * 1.2,
-            textDecorationLine: 'none',
+            textDecorationLine: link ? 'underline' : 'none',
             alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
                 (setTypographyAlign(typo) === 'center' && 'center') ||
                 (setTypographyAlign(typo) === 'right' && 'flex-end') ||
@@ -59,20 +65,21 @@ var Text = function (_a) {
             height: textLevels(level),
         },
     });
+    var textTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
     var textAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
         : typeof children === 'string'
             ? children
             : undefined;
-    var textView = (React.createElement(TextNative, __assign({ numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
+    var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, testID: textTestId, style: [styles.text, style] }, others), children));
     if (skeleton) {
         textView = (React.createElement(ContentLoader, { style: styles.skeleton },
             textView,
             Platform.OS === 'android' && (React.createElement(View, null,
                 React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
     }
-    return textView;
+    return onClick ? (React.createElement(TextNative, { onPress: onClick, style: styles.text, ref: ref }, textView)) : (textView);
 };
 Text.displayName = ComponentName.Text;
-export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUU3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQW1CLE1BQU0sWUFBWSxDQUFBO0FBQ3hELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixxQkFBaUIsRUFBakIsYUFBYSxtQkFBRyxDQUFDLEtBQUEsRUFDZCxNQUFNLGNBVEcscUdBVWIsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxVQUFDLEtBQW1DO1FBQ3JELE9BQU8sQ0FDTCxDQUFDLEtBQUss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
+export default React.forwardRef(Text);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUU3RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBbUIsTUFBTSw0QkFBNEIsQ0FBQTtBQUV4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQ1gsRUFhWSxFQUNaLEdBQTBCO0lBYnhCLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLElBQUksVUFBQSxFQUNKLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNkLE1BQU0sY0FaWCxrSUFhQyxD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

package/lib/components/text/TextEnum.d.ts

@@ -16,7 +16,9 @@ export type TextLevelValues = TextLevels;
  */
 export declare enum TextMarkup {
     P = "p",
-    SPAN = "span"
+    SPAN = "span",
+    DIV = "div",
+    A = "a"
 }
 /**
  * List of available Markup values for Text

package/lib/components/text/TextEnum.js

@@ -15,5 +15,7 @@ export var TextMarkup;
 (function (TextMarkup) {
     TextMarkup["P"] = "p";
     TextMarkup["SPAN"] = "span";
+    TextMarkup["DIV"] = "div";
+    TextMarkup["A"] = "a";
 })(TextMarkup || (TextMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLHlDQUFPLENBQUE7SUFDUCx5Q0FBTyxDQUFBO0lBQ1AsNkNBQVMsQ0FBQTtJQUNULDJDQUFRLENBQUE7QUFDVixDQUFDLEVBTFcsVUFBVSxLQUFWLFVBQVUsUUFLckI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBR1g7QUFIRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLHlDQUFPLENBQUE7SUFDUCx5Q0FBTyxDQUFBO0lBQ1AsNkNBQVMsQ0FBQTtJQUNULDJDQUFRLENBQUE7QUFDVixDQUFDLEVBTFcsVUFBVSxLQUFWLFVBQVUsUUFLckI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7SUFDYix5QkFBVyxDQUFBO0lBQ1gscUJBQU8sQ0FBQTtBQUNULENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQiJ9

package/lib/components/text/TextProps.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
+import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from '../../components/text/TextEnum';
 import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
 import { TypographyBold, TypographyBoldValues } from '../../objects/Typography/TypographyBold';
 import { TypographyColor, TypographyColorValues } from '../../objects/Typography/TypographyColor';
 import { TypographyTransform, TypographyTransformValues } from '../../objects/Typography/TypographyTransform';
 import { Accessibility, Dev, Invertable } from '../../objects/facets';
-import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from './TextEnum';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import { Clickable } from '../../objects/facets/Clickable';
 type Styles = {
     [key: string]: any;
 };
@@ -13,14 +13,19 @@ type Typo = TypographyColor | TypographyColorValues | TypographyTransform | Typo
 /**
  * Text Interface
  */
-export interface TextProps extends Invertable, Accessibility, Dev, CommonProps {
+export interface TextProps extends Invertable, Accessibility, Clickable, Dev {
     level?: TextLevels | TextLevelValues;
     children?: React.ReactNode;
     typo?: Typo | Array<string>;
     markup?: TextMarkup | TextMarkupValues;
+    className?: string;
+    href?: string;
+    title?: string;
     style?: Styles;
     skeleton?: boolean;
+    htmlContent?: string;
     marginless?: boolean;
+    link?: boolean;
     numberOfLines?: number;
 }
 export {};

package/lib/components/text/TextPropsDefaults.js

@@ -28,6 +28,14 @@ export default {
     "values": [
       "undefined",
       "string[]",
+      "has-text-centered",
+      "has-text-justified",
+      "has-text-left",
+      "has-text-right",
+      "has-text-centered",
+      "has-text-justified",
+      "has-text-left",
+      "has-text-right",
       "has-text-main",
       "has-text-accent",
       "has-text-info",
@@ -61,25 +69,42 @@ export default {
       "has-text-weight-normal",
       "has-text-weight-medium",
       "has-text-weight-semibold",
-      "has-text-weight-bold",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right"
+      "has-text-weight-bold"
     ]
   },
   "markup": {
     "type": "enum",
     "values": [
       "undefined",
+      "a",
+      "div",
       "p",
       "span",
       "p",
-      "span"
+      "span",
+      "div",
+      "a"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "href": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   },
   "style": {
@@ -97,6 +122,13 @@ export default {
       "true"
     ]
   },
+  "htmlContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "marginless": {
     "type": "boolean",
     "values": [
@@ -105,6 +137,14 @@ export default {
       "true"
     ]
   },
+  "link": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "numberOfLines": {
     "type": "string",
     "values": [
@@ -127,21 +167,14 @@ export default {
       "string"
     ]
   },
-  "testId": {
-    "type": "string",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "string"
+      "ClickEvent"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/text/index.d.ts

@@ -1,3 +1,2 @@
-import Text from './Text';
-export * from './TextEnum';
-export { Text };
+export { default as Text } from '../../components/text/Text';
+export * from '../../components/text/TextEnum';

package/lib/components/text/index.js

@@ -1,4 +1,3 @@
-import Text from './Text';
-export * from './TextEnum';
-export { Text };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLFlBQVksQ0FBQTtBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==
+export { default as Text } from '../../components/text/Text';
+export * from '../../components/text/TextEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxjQUFjLDRCQUE0QixDQUFBIn0=

package/lib/components/textarea/Textarea.d.ts

@@ -1,28 +1,31 @@
-/// <reference types="react" />
-import { TextareaProps } from './TextareaProps';
-/**
- * Textarea Component
- * @param disabled {boolean} Disabled textarea
- * @param label {string} Label for textarea
- * @param sample {string} Sample for textarea (below label)
- * @param name {string} Textarea name
- * @param onChange {Function} OnChange textarea Event
- * @param placeholder {string} Placeholder textarea
- * @param defaultValue {string} Default Value for textarea
- * @param help {string} Help for textarea
- * @param ref Pass a ref for textarea
- * @param maxLength {number} Textarea max length
- * @param rows {number} Textarea rows
- * @param iconName {IconName | IconNameValues} display Icon
- * @param statusIconName {IconName | IconNameValues} display status Icon
- * @param dynamicPlaceholder {boolean}
- * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
- * @param required {boolean} Required
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param minLength {number} Textarea min length
- * @param typo {TypographyColor | TypographyColorValues} change help typo
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- */
-declare const Textarea: ({ className, id, sample, required, disabled, onChange, placeholder, defaultValue, help, status, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconNameLeft, iconNameRight, ...others }: TextareaProps) => JSX.Element;
-export default Textarea;
+import React from 'react';
+import { TypographyColor } from '../../objects/Typography/TypographyColor';
+declare const _default: React.ForwardRefExoticComponent<import("../..").Accessibility & import("../..").Dev & {
+    placeholder?: string | undefined;
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    disabled?: boolean | undefined;
+    onChange?: import("../../components/textarea/TextareaProps").TextareaChangeEventHandler | undefined;
+    status?: "success" | "warning" | "error" | "default" | import("../../components/icon").IconStatus | import("..").InputStatus | "danger" | undefined;
+    help?: string | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+    keyboardStyle?: "default" | "dark" | "light" | import("..").InputKeyboardAppearance | undefined;
+    autoCapitalize?: "none" | "sentences" | "words" | "characters" | import("..").InputAutoCapitalize | undefined;
+    autoCorrect?: any;
+    autoCompleteType?: "name" | "off" | "tel" | "url" | "email" | "password" | import("..").InputAutoCompleteType | "additional-name" | "address-line1" | "address-line2" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "country" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "postal-code" | "street-address" | "username" | "cc-family-name" | "cc-given-name" | "cc-middle-name" | "cc-name" | "cc-type" | "nickname" | "organization" | "organization-title" | "gender" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "sms-otp" | "tel-country-code" | "tel-device" | "tel-national" | "username-new" | undefined;
+    textContentType?: "none" | "name" | "password" | "username" | "nickname" | import("..").InputTextContentType | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
+    keyboardType?: "default" | "url" | "numeric" | import("..").InputKeyboardType | "email-address" | "phone-pad" | "number-pad" | "decimal-pad" | "visible-password" | "ascii-capable" | "numbers-and-punctuation" | "name-phone-pad" | "twitter" | "web-search" | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+    dynamicPlaceholder?: boolean | undefined;
+    rows?: number | undefined;
+    label?: string | undefined;
+    iconName?: import("../../components/icon").IconName | "tri-alert" | "tri-arrow-down" | "tri-arrow-left" | "tri-arrow-right" | "tri-arrow-up" | "tri-bell" | "tri-check-circle" | "tri-check" | "tri-exclamation-circle" | "tri-eye-slash" | "tri-eye" | "tri-infos-circle" | "tri-search" | "tri-times" | "tri-trash" | "tri-picto-faciliti" | "tri-picto-handicapzero" | "tri-picto-la-fibre" | "tri-picto-payment-americanexpress" | "tri-picto-payment-cb" | "tri-picto-payment-mastercard" | "tri-picto-payment-paypal" | "tri-picto-payment-visa" | undefined;
+    statusIconName?: import("../../components/icon").IconName | "tri-alert" | "tri-arrow-down" | "tri-arrow-left" | "tri-arrow-right" | "tri-arrow-up" | "tri-bell" | "tri-check-circle" | "tri-check" | "tri-exclamation-circle" | "tri-eye-slash" | "tri-eye" | "tri-infos-circle" | "tri-search" | "tri-times" | "tri-trash" | "tri-picto-faciliti" | "tri-picto-handicapzero" | "tri-picto-la-fibre" | "tri-picto-payment-americanexpress" | "tri-picto-payment-cb" | "tri-picto-payment-mastercard" | "tri-picto-payment-paypal" | "tri-picto-payment-visa" | undefined;
+    typo?: TypographyColor | "has-text-main" | "has-text-accent" | "has-text-info" | "has-text-success" | "has-text-warning" | "has-text-error" | "has-text-grey" | "has-text-white" | "has-text-disabled" | undefined;
+    customHeight?: number | undefined;
+    required?: boolean | undefined;
+    sample?: string | undefined;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/lib/components/textarea/Textarea.js

@@ -1,13 +1,12 @@
-import { __assign, __read, __rest } from "tslib";
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useEffect, useState } from 'react';
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import { Text, TextLevels, TextMarkup } from '../../components/text';
-import { has, is } from '../../services';
+import React from 'react';
 import { Icon } from '../../components/icon';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { TypographyColor } from '../../objects';
+import { Text, TextLevels, TextMarkup } from '../../components/text';
+import { useTextarea } from '../../components/textarea/hook/useTextarea';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { TypographyColor } from '../../objects/Typography/TypographyColor';
+import { has, is } from '../../services/classify';
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
@@ -23,6 +22,7 @@ import { TypographyColor } from '../../objects';
  * @param rows {number} Textarea rows
  * @param iconName {IconName | IconNameValues} display Icon
  * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param testId {string} Test Id for Test Integration
  * @param dynamicPlaceholder {boolean}
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
@@ -31,38 +31,34 @@ import { TypographyColor } from '../../objects';
  * @param minLength {number} Textarea min length
  * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ * @param value {string} Value for textarea
+ * @param customHeight {number} custom textarea height
  */
-var Textarea = function (_a) {
-    var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, ref = _a.ref, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "dynamicPlaceholder", "rows", "ref", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
-    var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
-    var styled = useTrilogyContext().styled;
-    useEffect(function () {
-        setValue(defaultValue || '');
-    }, [defaultValue]);
-    var wrapperClasses = hashClass(styled, clsx('textarea-wrapper', className, status && is(status)));
-    var classes = hashClass(styled, clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconNameLeft && has('icon')));
-    var helpClasses = clsx('help', status && is(status));
-    var counterClasses = hashClass(styled, clsx('counter', maxLength));
-    return (React.createElement("div", { id: id, className: wrapperClasses },
+var Textarea = function (_a, ref) {
+    var className = _a.className, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, statusIconName = _a.statusIconName, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconName = _a.iconName, typo = _a.typo, testId = _a.testId, value = _a.value, others = __rest(_a, ["className", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "statusIconName", "dynamicPlaceholder", "rows", "label", "maxLength", "minLength", "iconName", "typo", "testId", "value"]);
+    var _c = useTextarea({ inputValue: value, onChange: onChange }), inputValue = _c.inputValue, handleChange = _c.handleChange;
+    var wrapperClasses = hashClass(clsx('textarea-wrapper', className, status && is(status)));
+    var classes = hashClass(clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconName && has('icon')));
+    var helpClasses = clsx('help');
+    var counterClasses = hashClass(clsx('counter', maxLength));
+    return (React.createElement("div", { className: wrapperClasses },
         !dynamicPlaceholder && (React.createElement("label", { className: 'textarea-label' },
             label,
             ' ',
             label && required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
         !dynamicPlaceholder && label && sample && (React.createElement(Text, { className: 'textarea-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
-        React.createElement("textarea", __assign({ minLength: minLength, disabled: disabled, ref: ref }, others, { className: classes, value: value, onChange: function (e) {
-                setValue(e.target.value);
-                if (onChange) {
-                    onChange({
-                        textareaName: e.target.name,
-                        textareaValue: e.target.value,
-                    });
-                }
-            }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required })),
+        React.createElement("textarea", __assign({ "data-testid": testId, minLength: minLength, disabled: disabled, ref: ref, className: classes, value: inputValue, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required, onChange: handleChange, defaultValue: defaultValue }, others)),
         dynamicPlaceholder && React.createElement("label", null, label),
-        iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small' }),
-        iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small' }),
-        help && (React.createElement(Text, { className: helpClasses }, help)),
-        maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
+        iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
+        statusIconName && React.createElement(Icon, { name: statusIconName, size: 'small' }),
+        help && (React.createElement(Text, { typo: typo, className: helpClasses }, help)),
+        maxLength && React.createElement("div", { className: counterClasses }, "".concat(inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
 };
-export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFaEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQW9CRjtJQW5CZCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sMEJBQXlCLEVBQXpCLGtCQUFrQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsSUFBSSxVQUFBLEVBQ0osR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBbkJPLDJOQW9CakIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQS9DLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZ0MsQ0FBQTtJQUM5QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxTQUFTLENBQUM7UUFDUixRQUFRLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFbEIsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ25HLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsa0JBQWtCLElBQUksR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUFFLFlBQVksSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FDMUYsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBQ3RELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBFLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxjQUFjO1FBQ25DLENBQUMsa0JBQWtCLElBQUksQ0FDdEIsK0JBQU8sU0FBUyxFQUFDLGdCQUFnQjtZQUM5QixLQUFLO1lBQUUsR0FBRztZQUNWLEtBQUssSUFBSSxRQUFRLElBQUksQ0FDcEIsb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsVUFBVSxRQUV4RCxDQUNSLENBQ0ssQ0FDVDtRQUNBLENBQUMsa0JBQWtCLElBQUksS0FBSyxJQUFJLE1BQU0sSUFBSSxDQUN6QyxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGlCQUFpQixFQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsYUFBYSxJQUN6RixNQUFNLENBQ0YsQ0FDUjtRQUVELDJDQUNFLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEdBQUcsRUFBRSxHQUFHLElBQ0osTUFBTSxJQUNWLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQTtnQkFDeEIsSUFBSSxRQUFRLEVBQUU7b0JBQ1osUUFBUSxDQUFDO3dCQUNQLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQzNCLGFBQWEsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7cUJBQzlCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxXQUFXLEVBQUUsV0FBVyxFQUN4QixJQUFJLEVBQUUsSUFBSSxFQUNWLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLElBQ2xCO1FBQ0Qsa0JBQWtCLElBQUksbUNBQVEsS0FBSyxDQUFTO1FBQzVDLFlBQVksSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUMsT0FBTyxHQUFHO1FBQ3pELGFBQWEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUMsT0FBTyxHQUFHO1FBQzNELElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsV0FBVyxJQUN6QixJQUFJLENBQ0EsQ0FDUjtRQUNBLFNBQVMsSUFBSSw2QkFBSyxTQUFTLEVBQUUsY0FBYyxJQUFHLFVBQUcsS0FBSyxDQUFDLE1BQU0sY0FBSSxTQUFTLGFBQVQsU0FBUyx1QkFBVCxTQUFTLENBQUUsUUFBUSxFQUFFLENBQUUsQ0FBTyxDQUM1RixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
+export default React.forwardRef(Textarea);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDdEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUNmLEVBcUJnQixFQUNoQixHQUFtQztJQXJCakMsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLGNBQWMsb0JBQUEsRUFDZCwwQkFBeUIsRUFBekIsa0JBQWtCLG1CQUFHLElBQUksS0FBQSxFQUN6QixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNB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

package/lib/components/textarea/Textarea.native.d.ts

@@ -1,4 +1,33 @@
 import React from 'react';
-import { TextareaNativeProps } from './TextareaProps';
-declare const _default: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<unknown>>;
+import { TextInput } from 'react-native';
+import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType } from '../../components/input/InputEnum';
+import { TypographyColor } from '../../objects';
+declare const _default: React.ForwardRefExoticComponent<import("../../objects").Accessibility & import("../../objects").Dev & {
+    placeholder?: string | undefined;
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    disabled?: boolean | undefined;
+    onChange?: import("../../components/textarea/TextareaProps").TextareaChangeEventHandler | undefined;
+    status?: "success" | "warning" | "error" | "default" | import("../../components/icon").IconStatus | import("../../components/input/InputEnum").InputStatus | "danger" | undefined;
+    help?: string | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+    keyboardStyle?: "default" | "dark" | "light" | InputKeyboardAppearance | undefined;
+    autoCapitalize?: "none" | "sentences" | "words" | "characters" | InputAutoCapitalize | undefined;
+    autoCorrect?: any;
+    autoCompleteType?: "name" | "off" | "tel" | "url" | "email" | "password" | import("../../components/input/InputEnum").InputAutoCompleteType | "additional-name" | "address-line1" | "address-line2" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "country" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "postal-code" | "street-address" | "username" | "cc-family-name" | "cc-given-name" | "cc-middle-name" | "cc-name" | "cc-type" | "nickname" | "organization" | "organization-title" | "gender" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "sms-otp" | "tel-country-code" | "tel-device" | "tel-national" | "username-new" | undefined;
+    textContentType?: "none" | "name" | "password" | "username" | "nickname" | InputTextContentType | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
+    keyboardType?: "default" | "url" | "numeric" | InputKeyboardType | "email-address" | "phone-pad" | "number-pad" | "decimal-pad" | "visible-password" | "ascii-capable" | "numbers-and-punctuation" | "name-phone-pad" | "twitter" | "web-search" | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+    dynamicPlaceholder?: boolean | undefined;
+    rows?: number | undefined;
+    label?: string | undefined;
+    iconName?: import("../../components/icon").IconName | "tri-alert" | "tri-arrow-down" | "tri-arrow-left" | "tri-arrow-right" | "tri-arrow-up" | "tri-bell" | "tri-check-circle" | "tri-check" | "tri-exclamation-circle" | "tri-eye-slash" | "tri-eye" | "tri-infos-circle" | "tri-search" | "tri-times" | "tri-trash" | "tri-picto-faciliti" | "tri-picto-handicapzero" | "tri-picto-la-fibre" | "tri-picto-payment-americanexpress" | "tri-picto-payment-cb" | "tri-picto-payment-mastercard" | "tri-picto-payment-paypal" | "tri-picto-payment-visa" | undefined;
+    statusIconName?: import("../../components/icon").IconName | "tri-alert" | "tri-arrow-down" | "tri-arrow-left" | "tri-arrow-right" | "tri-arrow-up" | "tri-bell" | "tri-check-circle" | "tri-check" | "tri-exclamation-circle" | "tri-eye-slash" | "tri-eye" | "tri-infos-circle" | "tri-search" | "tri-times" | "tri-trash" | "tri-picto-faciliti" | "tri-picto-handicapzero" | "tri-picto-la-fibre" | "tri-picto-payment-americanexpress" | "tri-picto-payment-cb" | "tri-picto-payment-mastercard" | "tri-picto-payment-paypal" | "tri-picto-payment-visa" | undefined;
+    typo?: TypographyColor | "has-text-main" | "has-text-accent" | "has-text-info" | "has-text-success" | "has-text-warning" | "has-text-error" | "has-text-grey" | "has-text-white" | "has-text-disabled" | undefined;
+    customHeight?: number | undefined;
+    required?: boolean | undefined;
+    sample?: string | undefined;
+} & React.RefAttributes<TextInput>>;
 export default _default;