@trilogy-ds/react 0.0.1-beta-110 → 0.0.1-beta-112

package/lib/components/tag/Tag.native.js

@@ -1,39 +1,46 @@
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { getStatusStyle } from '../../objects/facets/Status';
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { Icon, IconName, IconSize } from "../../components/icon";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Tag Component
  * @param children {ReactNode} Add childrens for tag
  * @param variant {TagVariant} Available tag variants
- * @param inverted {boolean} Inverted tag
- * @param small {boolean} display small tag
- * @param iconName {IconName} display icon
- * @param testId {string} Test Id for Test Integration
- **/
-const Tag = ({ children, variant, inverted, iconName, small, testId, ...others }) => {
-    const textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
-    const backgroundColor = variant && getStatusStyle(variant).backgroundColor;
+ * @param deletable {boolean} Adding delete icon
+ * @param onClick {Function} OnClick Event
+ * @param inverted
+ * @param iconName
+ * @param small
+ * @param others
+ */
+const Tag = ({ children, variant, deletable, onClick, inverted, iconName, small, testId, ...others }) => {
+    const [display, setDisplay] = useState(deletable || false);
+    useEffect(() => {
+        setDisplay(deletable || false);
+    }, [deletable]);
+    const textColor = inverted
+        ? getColorStyle(variant)
+        : getColorStyle(TrilogyColor.MAIN);
+    const backgroundColor = variant && getColorStyle(variant, 1);
     const styles = StyleSheet.create({
         tag: {
-            flexDirection: 'row',
-            justifyContent: 'center',
-            alignItems: 'center',
-            alignSelf: 'baseline',
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            alignSelf: "baseline",
             borderRadius: 15,
             paddingHorizontal: 8,
             paddingVertical: 4,
             backgroundColor: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
                 (variant && backgroundColor) ||
-                getColorStyle(TrilogyColor.NEUTRAL_FADE),
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
-            alignSelf: 'center',
-            alignItems: 'center',
-            fontWeight: '500',
-            justifyContent: 'center',
+            alignSelf: "center",
+            alignItems: "center",
+            fontWeight: "500",
+            justifyContent: "center",
             color: textColor,
             fontSize: small ? 12 : 16,
         },
@@ -44,12 +51,35 @@ const Tag = ({ children, variant, inverted, iconName, small, testId, ...others }
             marginRight: small ? 4 : 8,
         },
         button: {
-            flexDirection: 'row',
+            flexDirection: "row",
         },
     });
-    return (React.createElement(View, { style: styles.tag, ...others },
-        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: `${testId}-icon` })),
-        React.createElement(Text, { style: styles.text }, children)));
+    const onClickHandle = (e) => {
+        setDisplay(!display);
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    // Deletable tag
+    if (deletable && display) {
+        return (React.createElement(View, { style: styles.tag, ...others },
+            React.createElement(Text, { style: styles.text }, children),
+            React.createElement(Icon, { style: styles.icon, size: IconSize.SMALL, color: textColor, name: IconName.TIMES, 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                onClick: (e) => onClickHandle(e) })));
+    }
+    if (!deletable && !display) {
+        if (onClick) {
+            return (React.createElement(View, { style: styles.tag, ...others },
+                React.createElement(TouchableOpacity, { style: styles.button, onPress: (e) => onClick(e) },
+                    iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName })),
+                    React.createElement(Text, { style: styles.text }, children))));
+        }
+        return (React.createElement(View, { style: styles.tag, ...others },
+            iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: `${testId}-icon` })),
+            React.createElement(Text, { style: styles.text }, children)));
+    }
+    return React.createElement(View, null);
 };
 Tag.displayName = ComponentName.Tag;
 export default Tag;

package/lib/components/tag/Tag.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.native.js","sourceRoot":"","sources":["../../../components/tag/Tag.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAY,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGrD;;;;;;;;IAQI;AACJ,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,EAAY,EAAe,EAAE;IACzG,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAuB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAEtG,MAAM,eAAe,GAAG,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,eAAe,CAAA;IAE1E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,UAAU;YACrB,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;YAClB,eAAe,EACb,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,OAAO,IAAK,eAAgC,CAAC;gBAC9C,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;SAC3C;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,KAAK;YACjB,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;SAC1B;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,CAAC;SACb;QAED,QAAQ,EAAE;YACR,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B;QAED,MAAM,EAAE;YACN,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,KAAM,MAAM;QAChC,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAC/C,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,GAAG,MAAM,OAAO,GACxB,CACH;QACD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAQ,CACtC,CACR,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,CAAA;AAEnC,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Tag.native.js","sourceRoot":"","sources":["../../../components/tag/Tag.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/tag/TagProps.d.ts

@@ -12,6 +12,10 @@ export interface TagClickEvent {
 export interface TagProps extends Accessibility {
     children?: React.ReactNode;
     variant?: TagVariant | TagVariantValues;
+    /** @deprecated */
+    deletable?: boolean;
+    /** @deprecated */
+    onClick?: TagClickEvent;
     inverted?: boolean;
     className?: string;
     iconName?: IconName;

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

@@ -1,4 +1,5 @@
 import Tag from './Tag';
 import TagList from './list';
+import TagExample from './Tag.example';
 export * from './TagEnum';
-export { Tag, TagList };
+export { Tag, TagList, TagExample };

package/lib/components/tag/index.js

@@ -1,5 +1,6 @@
 import Tag from './Tag';
 import TagList from './list';
+import TagExample from './Tag.example';
 export * from './TagEnum';
-export { Tag, TagList };
+export { Tag, TagList, TagExample };
 //# sourceMappingURL=index.js.map

package/lib/components/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAO,MAAM,QAAQ,CAAA;AAE5B,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAO,MAAM,QAAQ,CAAA;AAC5B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/lib/components/tag/list/TagList.d.ts

@@ -1,13 +1,13 @@
-import * as React from "react";
+/// <reference types="react" />
 import { TagListProps } from "./TagListProps";
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
  * @param centered {boolean} Center tags
  * @param gapless {boolean} Delete margins between tags
- * @param marginless {boolean} delete margin
+ * @param marginless {boolean}
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<HTMLElement>>;
+declare const TagList: ({ className, gapless, centered, marginless, ...others }: TagListProps) => JSX.Element;
 export default TagList;

package/lib/components/tag/list/TagList.js

@@ -8,14 +8,13 @@ import { is } from "../../../services";
  * @param children {ReactNode} Children Tag List
  * @param centered {boolean} Center tags
  * @param gapless {boolean} Delete margins between tags
- * @param marginless {boolean} delete margin
+ * @param marginless {boolean}
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const TagList = React.forwardRef((props, ref) => {
-    const { className, gapless, centered, marginless, ...others } = props;
+const TagList = ({ className, gapless, centered, marginless, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("span", { ref: ref, className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)), ...others }));
-});
+    return (React.createElement("span", { className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)), ...others }));
+};
 export default TagList;
 //# sourceMappingURL=TagList.js.map

package/lib/components/tag/list/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sourceRoot":"","sources":["../../../../components/tag/list/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAiC,EAAE,EAAE;IAC1F,MAAM,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,MAAM,EACN,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,KACG,MAAM,GACV,CACH,CAAA;AAEH,CAAC,CAAC,CAAA;AACF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TagList.js","sourceRoot":"","sources":["../../../../components/tag/list/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,MAAM,EACN,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AACD,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TextExample: React.ReactNode;
+export default TextExample;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Text } from './index';
+const TextExample = React.createElement(Text, { accessibilityLabel: 'ceci est un paragraphe', level: 'ONE', markup: 'p', typo: 'has-text-weight-semibold' }, "Ceci est mon paragraphe");
+export default TextExample;
+//# sourceMappingURL=Text.example.js.map

package/lib/components/text/Text.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.example.js","sourceRoot":"","sources":["../../../components/text/Text.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,WAAW,GACf,oBAAC,IAAI,IACH,kBAAkB,EAAC,wBAAwB,EAC3C,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,0BAA0B,8BAG1B,CAAA;AAET,eAAe,WAAW,CAAA"}

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

@@ -2,7 +2,6 @@ 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 ContentLoader, { Rect } from "react-content-loader/native";
 import { ComponentName } from "../../components/enumsComponentsName";
 import { StatesContext } from "../../context/providerStates";
@@ -24,10 +23,10 @@ import { StatesContext } from "../../context/providerStates";
 const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, link, numberOfLines = 0, ...others }) => {
     const statesContext = useContext(StatesContext);
     const textLevels = (level) => {
-        return ((level && level == TextLevels.ONE && 16) ||
-            (level && level == TextLevels.TWO && 14) ||
-            (level && level == TextLevels.THREE && 12) ||
-            (level && level == TextLevels.FOUR && 10) ||
+        return ((level && level == "ONE" && 16) ||
+            (level && level == "TWO" && 14) ||
+            (level && level == "THREE" && 12) ||
+            (level && level == "FOUR" && 10) ||
             14);
     };
     const styles = StyleSheet.create({
@@ -52,12 +51,12 @@ const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testI
                 (setTypographyAlign(typo) === "center" && "center") ||
                 (setTypographyAlign(typo) === "right" && "flex-end") ||
                 "flex-start",
-            borderRadius: (level && level == TextLevels.ONE && 7) ||
-                (level && level == TextLevels.TWO && 7) ||
-                (level && level == TextLevels.THREE && 5) ||
+            borderRadius: (level && level == "ONE" && 7) ||
+                (level && level == "TWO" && 7) ||
+                (level && level == "THREE" && 5) ||
                 3,
             borderWidth: 0.1,
-            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            borderColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
             overflow: "hidden",
             height: textLevels(level),
         },

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

@@ -1 +1 @@
-{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"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"}

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

@@ -2,15 +2,15 @@
  * New Text Levels
  */
 export declare enum TextLevels {
-    ONE = 1,
-    TWO = 2,
-    THREE = 3,
-    FOUR = 4
+    ONE = "ONE",
+    TWO = "TWO",
+    THREE = "THREE",
+    FOUR = "FOUR"
 }
 /**
  * Text size values
  */
-export type TextLevelValues = TextLevels;
+export type TextLevelValues = `${TextLevels}`;
 /**
  * List of available Markup for Text
  */

package/lib/components/text/TextEnum.js

@@ -3,10 +3,10 @@
  */
 export var TextLevels;
 (function (TextLevels) {
-    TextLevels[TextLevels["ONE"] = 1] = "ONE";
-    TextLevels[TextLevels["TWO"] = 2] = "TWO";
-    TextLevels[TextLevels["THREE"] = 3] = "THREE";
-    TextLevels[TextLevels["FOUR"] = 4] = "FOUR";
+    TextLevels["ONE"] = "ONE";
+    TextLevels["TWO"] = "TWO";
+    TextLevels["THREE"] = "THREE";
+    TextLevels["FOUR"] = "FOUR";
 })(TextLevels || (TextLevels = {}));
 /**
  * List of available Markup for Text

package/lib/components/text/TextEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEnum.js","sourceRoot":"","sources":["../../../components/text/TextEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,yCAAO,CAAA;IACP,yCAAO,CAAA;IACP,6CAAS,CAAA;IACT,2CAAQ,CAAA;AACV,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;AACT,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}
+{"version":3,"file":"TextEnum.js","sourceRoot":"","sources":["../../../components/text/TextEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,yBAAW,CAAA;IACX,yBAAW,CAAA;IACX,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;AACT,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}

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

@@ -1,3 +1,4 @@
 import Text from './Text';
+import TextExample from './Text.example';
 export * from './TextEnum';
-export { Text };
+export { Text, TextExample };

package/lib/components/text/index.js

@@ -1,4 +1,5 @@
 import Text from './Text';
+import TextExample from './Text.example';
 export * from './TextEnum';
-export { Text };
+export { Text, TextExample };
 //# sourceMappingURL=index.js.map

package/lib/components/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}

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

@@ -3,8 +3,6 @@ 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
@@ -13,16 +11,12 @@ import { TextareaProps } from './TextareaProps';
  * @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 testId {string} Test Id for Test Integration
- * @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 hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
  * @param minLength {number} Textarea min length
- * @param typo {TypographyColor | TypographyColorValues} change help typo
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
  * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
@@ -30,8 +24,6 @@ import { TextareaProps } from './TextareaProps';
  * @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
  */
-declare const Textarea: ({ className, sample, required, disabled, onChange, placeholder, defaultValue, help, status, statusIconName, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ className, disabled, onChange, focused, placeholder, defaultValue, hovered, help, status, statusIconName, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }: TextareaProps) => JSX.Element;
 export default Textarea;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TextareaExample: React.ReactNode;
+export default TextareaExample;

package/lib/components/textarea/Textarea.example.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Textarea } from './index';
+import { Columns, ColumnsItem } from '../columns';
+const TextareaExample = React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(Textarea, { label: 'Label dynamique', maxLength: 150, placeholder: 'placeholder' })),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Textarea, { disabled: true, label: 'Label dynamique', placeholder: 'placeholder' })),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Textarea, { iconName: 'tri-alert', label: 'Label dynamique', placeholder: 'placeholder' })));
+export default TextareaExample;
+//# sourceMappingURL=Textarea.example.js.map

package/lib/components/textarea/Textarea.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.example.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,eAAe,GAEnB,oBAAC,OAAO;IACJ,oBAAC,WAAW;QACV,oBAAC,QAAQ,IACP,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,GAAG,EACd,WAAW,EAAC,aAAa,GACzB,CACU;IACd,oBAAC,WAAW;QACV,oBAAC,QAAQ,IACP,QAAQ,QACR,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,aAAa,GACzB,CACU;IACd,oBAAC,WAAW;QACV,oBAAC,QAAQ,IACP,QAAQ,EAAC,WAAW,EACpB,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,aAAa,GACzB,CACU,CACN,CAAA;AAEd,eAAe,eAAe,CAAA"}

package/lib/components/textarea/Textarea.js

@@ -1,17 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
-import { Text, TextLevels, TextMarkup } from '../../components/text';
+import { Text } from '../../components/text';
 import { has, is } from '../../services';
 import { Icon } from '../../components/icon';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
-import { TypographyColor } from '../../objects';
 /**
  * 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
@@ -20,16 +17,12 @@ import { TypographyColor } from '../../objects';
  * @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 testId {string} Test Id for Test Integration
- * @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 hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
  * @param minLength {number} Textarea min length
- * @param typo {TypographyColor | TypographyColorValues} change help typo
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
  * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
@@ -37,10 +30,8 @@ import { TypographyColor } from '../../objects';
  * @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
  */
-const Textarea = ({ className, sample, required, disabled, onChange, placeholder, defaultValue, help, status, statusIconName, dynamicPlaceholder = true, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }) => {
+const Textarea = ({ className, disabled, onChange, focused = true, placeholder, defaultValue, hovered = true, help, status, statusIconName, dynamicPlaceholder = true, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }) => {
     const [value, setValue] = useState(defaultValue || '');
     const { styled } = useTrilogyContext();
     useEffect(() => {
@@ -51,11 +42,7 @@ const Textarea = ({ className, sample, required, disabled, onChange, placeholder
     const helpClasses = clsx('help');
     const counterClasses = hashClass(styled, 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),
+        !dynamicPlaceholder && React.createElement("label", null, label),
         React.createElement("textarea", { "data-testid": testId, minLength: minLength, disabled: disabled, ref: ref, ...others, className: classes, value: value, onChange: (e) => {
                 setValue(e.target.value);
                 if (onChange) {
@@ -64,7 +51,7 @@ const Textarea = ({ className, sample, required, disabled, onChange, placeholder
                         textareaValue: e.target.value,
                     });
                 }
-            }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required }),
+            }, placeholder: placeholder, rows: rows, maxLength: maxLength }),
         dynamicPlaceholder && React.createElement("label", null, label),
         iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
         statusIconName && React.createElement(Icon, { name: statusIconName, size: 'small' }),

package/lib/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { TextareaNativeProps } from './TextareaProps';
+import React from "react";
+import { TextareaNativeProps } from "./TextareaProps";
 declare const _default: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<unknown>>;
 export default _default;