@trilogy-ds/react 4.8.2 → 4.9.0-beta-build-1

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

@@ -1,13 +1,15 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { StatesContext } from '../../context/providerStates';
-import { isAndroid } from '../../helpers/device.native';
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import React, { useContext } from 'react';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { StyleSheet, Text as TextNative, View } from 'react-native';
-import { TextLevels } from './TextEnum';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var providerStates_1 = require("../../context/providerStates");
+var device_native_1 = require("../../helpers/device.native");
+var Typography_1 = require("../../objects/Typography");
+var Color_1 = require("../../objects/facets/Color");
+var react_1 = tslib_1.__importStar(require("react"));
+var native_1 = tslib_1.__importStar(require("react-content-loader/native"));
+var react_native_1 = require("react-native");
+var TextEnum_1 = require("./TextEnum");
 /**
  * Text Native Component
  * @param children {string} Text child
@@ -20,41 +22,41 @@ import { TextLevels } from './TextEnum';
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * @param others
  */
-var Text = React.forwardRef(function (_a, ref) {
-    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 = react_1.default.forwardRef(function (_a, ref) {
+    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 = tslib_1.__rest(_a, ["children", "level", "style", "inverted", "typo", "skeleton", "accessibilityLabel", "numberOfLines"]);
+    var statesContext = (0, react_1.useContext)(providerStates_1.StatesContext);
     var textLevels = function (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 == TextEnum_1.TextLevels.ONE && 16) ||
+            (level && level == TextEnum_1.TextLevels.TWO && 14) ||
+            (level && level == TextEnum_1.TextLevels.THREE && 12) ||
+            (level && level == TextEnum_1.TextLevels.FOUR && 10) ||
             14);
     };
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         text: {
-            fontFamily: getTypographyBoldStyle(typo),
+            fontFamily: (0, Typography_1.getTypographyBoldStyle)(typo),
             fontSize: textLevels(level),
-            color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
-            textAlign: setTypographyAlign(typo),
+            color: (0, Typography_1.setTypographyColor)(typo, inverted || statesContext.inverted, skeleton),
+            textAlign: (0, Typography_1.setTypographyAlign)(typo),
             lineHeight: textLevels(level) * 1.2,
             textDecorationLine: 'none',
-            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
-                (setTypographyAlign(typo) === 'center' && 'center') ||
-                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
+            alignSelf: ((0, Typography_1.setTypographyAlign)(typo) === 'left' && 'flex-start') ||
+                ((0, Typography_1.setTypographyAlign)(typo) === 'center' && 'center') ||
+                ((0, Typography_1.setTypographyAlign)(typo) === 'right' && 'flex-end') ||
                 'flex-start',
         },
         skeleton: {
             minWidth: 10,
-            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
-                (setTypographyAlign(typo) === 'center' && 'center') ||
-                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
+            alignSelf: ((0, Typography_1.setTypographyAlign)(typo) === 'left' && 'flex-start') ||
+                ((0, Typography_1.setTypographyAlign)(typo) === 'center' && 'center') ||
+                ((0, Typography_1.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 == TextEnum_1.TextLevels.ONE && 7) ||
+                (level && level == TextEnum_1.TextLevels.TWO && 7) ||
+                (level && level == TextEnum_1.TextLevels.THREE && 5) ||
                 3,
             borderWidth: 0.1,
-            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            borderColor: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.NEUTRAL_FADE),
             overflow: 'hidden',
             height: textLevels(level),
         },
@@ -64,15 +66,15 @@ var Text = React.forwardRef(function (_a, ref) {
         : typeof children === 'string'
             ? children
             : undefined;
-    var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
+    var textView = (react_1.default.createElement(react_native_1.Text, tslib_1.__assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
-        textView = (React.createElement(ContentLoader, { style: styles.skeleton },
+        textView = (react_1.default.createElement(native_1.default, { style: styles.skeleton },
             textView,
-            isAndroid && (React.createElement(View, null,
-                React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
+            device_native_1.isAndroid && (react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(native_1.Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
     }
     return textView;
 });
-Text.displayName = ComponentName.Text;
-export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLFlBQVksQ0FBQTtBQUd4RDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFVeEQsRUFBRSxHQUFHO0lBVEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIscUJBQWlCLEVBQWpCLGFBQWEsbUJBQUcsQ0FBQyxLQUFBLEVBQ2QsTUFBTSxjQVQ4QyxxR0FVeEQsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENB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
+Text.displayName = enumsComponentsName_1.ComponentName.Text;
+exports.default = Text;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSwyREFBd0Q7QUFDeEQseURBQW1EO0FBQ25ELG1EQUFxRztBQUNyRyxnREFBb0U7QUFDcEUscURBQXlDO0FBQ3pDLDRFQUFpRTtBQUNqRSw2Q0FBbUU7QUFDbkUsdUNBQXdEO0FBR3hEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQVV4RCxFQUFFLEdBQUc7SUFUSixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixxQkFBaUIsRUFBakIsYUFBYSxtQkFBRyxDQUFDLEtBQUEsRUFDZCxNQUFNLHNCQVQ4QyxxR0FVeEQsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLElBQUEsa0JBQVUsRUFBQyw4QkFBYSxDQUFDLENBQUE7SUFDL0MsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFtQztRQUNyRCxPQUFPLENBQ0wsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLHFCQUFVLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztZQUN4QyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUkscUJBQVUsQ0FBQyxHQUFHLElBQUksRUFBRSxDQUFDO1lBQ3hDLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxxQkFBVSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDMUMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLHFCQUFVLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN6QyxFQUFFLENBQ0gsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELElB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

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

@@ -0,0 +1,78 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+import { isAndroid } from '../../helpers/device.native';
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, Text as TextNative, View } from 'react-native';
+import { TextLevels } from './TextEnum';
+/**
+ * Text Native Component
+ * @param children {string} Text child
+ * @param level {TextLevels|number} Title size : 1-4
+ * @param inverted {Boolean} Text white color
+ * @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
+ */
+var Text = React.forwardRef(function (_a, ref) {
+    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 textLevels = function (level) {
+        return ((level && level == TextLevels.ONE && 16) ||
+            (level && level == TextLevels.TWO && 14) ||
+            (level && level == TextLevels.THREE && 12) ||
+            (level && level == TextLevels.FOUR && 10) ||
+            14);
+    };
+    var styles = StyleSheet.create({
+        text: {
+            fontFamily: getTypographyBoldStyle(typo),
+            fontSize: textLevels(level),
+            color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
+            textAlign: setTypographyAlign(typo),
+            lineHeight: textLevels(level) * 1.2,
+            textDecorationLine: 'none',
+            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
+                (setTypographyAlign(typo) === 'center' && 'center') ||
+                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
+                'flex-start',
+        },
+        skeleton: {
+            minWidth: 10,
+            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
+                (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) ||
+                3,
+            borderWidth: 0.1,
+            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            overflow: 'hidden',
+            height: textLevels(level),
+        },
+    });
+    var textAccessibilityLabel = accessibilityLabel
+        ? accessibilityLabel
+        : typeof children === 'string'
+            ? children
+            : undefined;
+    var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
+    if (skeleton) {
+        textView = (React.createElement(ContentLoader, { style: styles.skeleton },
+            textView,
+            isAndroid && (React.createElement(View, null,
+                React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
+    }
+    return textView;
+});
+Text.displayName = ComponentName.Text;
+export default Text;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLFlBQVksQ0FBQTtBQUd4RDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFVeEQsRUFBRSxHQUFHO0lBVEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIscUJBQWlCLEVBQWpCLGFBQWEsbUJBQUcsQ0FBQyxLQUFBLEVBQ2QsTUFBTSxjQVQ4QyxxR0FVeEQsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxVQUFDLEtBQW1DO1FBQ3JELE9BQU8sQ0FDTCxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFDeEMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVBQVUsQ0FBQyxHQUFHLElBQUksRUFBRSxDQUFDO1lBQ3hDLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxVQUFVLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUMxQyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7WUFDekMsRUFBRSxDQUNILENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxzQkFBc0IsQ0FBQyxJQUFJLENBQUM7WUFDeEMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxLQUFxQyxDQUFDO1lBQzNELEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxJQUFJLGFBQWEsQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDO1lBQzdFLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7WUFDbkMsVUFBVSxFQUFFLFVBQVUsQ0FBQyxLQUFxQyxDQUFDLEdBQUcsR0FBRztZQUNuRSxrQkFBa0IsRUFBRSxNQUFNO1lBQzFCLFNBQVMsRUFDUCxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLE1BQU0sSUFBSSxZQUFZLENBQUM7Z0JBQ3JELENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssUUFBUSxJQUFJLFFBQVEsQ0FBQztnQkFDbkQsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxPQUFPLElBQUksVUFBVSxDQUFDO2dCQUNwRCxZQUFZO1NBQ2Y7UUFDRCxRQUFRLEVBQUU7WUFDUixRQUFRLEVBQUUsRUFBRTtZQUNaLFNBQVMsRUFDUCxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLE1BQU0sSUFBSSxZQUFZLENBQUM7Z0JBQ3JELENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssUUFBUSxJQUFJLFFBQVEsQ0FBQztnQkFDbkQsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxPQUFPLElBQUksVUFBVSxDQUFDO2dCQUNwRCxZQUFZO1lBRWQsWUFBWSxFQUNWLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxVQUFVLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztnQkFDdkMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO2dCQUN2QyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7Z0JBQ3pDLENBQUM7WUFDSCxXQUFXLEVBQUUsR0FBRztZQUNoQixXQUFXLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDckQsUUFBUSxFQUFFLFFBQVE7WUFDbEIsTUFBTSxFQUFFLFVBQVUsQ0FBQyxLQUFxQyxDQUFDO1NBQzFEO0tBQ0YsQ0FBQyxDQUFBO0lBQ0YsSUFBTSxzQkFBc0IsR0FBRyxrQkFBa0I7UUFDL0MsQ0FBQyxDQUFDLGtCQUFrQjtRQUNwQixDQUFDLENBQUMsT0FBTyxRQUFRLEtBQUssUUFBUTtZQUM5QixDQUFDLENBQUMsUUFBUTtZQUNWLENBQUMsQ0FBQyxTQUFTLENBQUE7SUFFYixJQUFJLFFBQVEsR0FBZ0IsQ0FDMUIsb0JBQUMsVUFBVSxhQUNULEdBQUcsRUFBRSxHQUFHLEVBQ1IsYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFDLE1BQU0sRUFDcEIscUJBQXFCLEVBQUUsR0FBRyxFQUMxQixVQUFVLEVBQUUsQ0FBQyxDQUFDLHNCQUFzQixFQUNwQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFDMUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFDdkIsTUFBTSxHQUVULFFBQVEsQ0FDRSxDQUNkLENBQUE7SUFFRCxJQUFJLFFBQVEsRUFBRTtRQUNaLFFBQVEsR0FBRyxDQUNULG9CQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVE7WUFDbEMsUUFBUTtZQUNSLFNBQVMsSUFBSSxDQUNaLG9CQUFDLElBQUk7Z0JBQ0gsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBQyxHQUFHLEVBQUMsRUFBRSxFQUFDLEdBQUcsRUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUcsQ0FDNUMsQ0FDUixDQUNhLENBQ2pCLENBQUE7S0FDRjtJQUNELE9BQU8sUUFBUSxDQUFBO0FBQ2pCLENBQUMsQ0FBQyxDQUFBO0FBRUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=

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

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

package/lib/components/text/TextEnum.js

@@ -1,19 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextMarkup = exports.TextLevels = void 0;
 /**
  * New Text Levels
  */
-export var TextLevels;
+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 || (TextLevels = {}));
+})(TextLevels = exports.TextLevels || (exports.TextLevels = {}));
 /**
  * List of available Markup for Text
  */
-export var TextMarkup;
+var TextMarkup;
 (function (TextMarkup) {
     TextMarkup["P"] = "p";
     TextMarkup["SPAN"] = "span";
-})(TextMarkup || (TextMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLHlDQUFPLENBQUE7SUFDUCx5Q0FBTyxDQUFBO0lBQ1AsNkNBQVMsQ0FBQTtJQUNULDJDQUFRLENBQUE7QUFDVixDQUFDLEVBTFcsVUFBVSxLQUFWLFVBQVUsUUFLckI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBR1g7QUFIRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIifQ==
+})(TextMarkup = exports.TextMarkup || (exports.TextMarkup = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7O0dBRUc7QUFDSCxJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIseUNBQU8sQ0FBQTtJQUNQLHlDQUFPLENBQUE7SUFDUCw2Q0FBUyxDQUFBO0lBQ1QsMkNBQVEsQ0FBQTtBQUNWLENBQUMsRUFMVyxVQUFVLEdBQVYsa0JBQVUsS0FBVixrQkFBVSxRQUtyQjtBQU9EOztHQUVHO0FBQ0gsSUFBWSxVQUdYO0FBSEQsV0FBWSxVQUFVO0lBQ3BCLHFCQUFPLENBQUE7SUFDUCwyQkFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLFVBQVUsR0FBVixrQkFBVSxLQUFWLGtCQUFVLFFBR3JCIn0=

package/lib/components/text/TextEnum.mjs

@@ -0,0 +1,19 @@
+/**
+ * New Text Levels
+ */
+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 || (TextLevels = {}));
+/**
+ * List of available Markup for Text
+ */
+export var TextMarkup;
+(function (TextMarkup) {
+    TextMarkup["P"] = "p";
+    TextMarkup["SPAN"] = "span";
+})(TextMarkup || (TextMarkup = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLHlDQUFPLENBQUE7SUFDUCx5Q0FBTyxDQUFBO0lBQ1AsNkNBQVMsQ0FBQTtJQUNULDJDQUFRLENBQUE7QUFDVixDQUFDLEVBTFcsVUFBVSxLQUFWLFVBQVUsUUFLckI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBR1g7QUFIRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIifQ==

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+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 { Text } from 'react-native';
+type Styles = {
+    [key: string]: any;
+};
+type Typo = TypographyColor | TypographyColorValues | TypographyTransform | TypographyTransformValues | TypographyBold | TypographyBoldValues | TypographyAlign | TypographyAlignValues;
+/**
+ * Text Interface
+ */
+export interface TextProps extends Invertable, Accessibility, Dev, CommonProps {
+    level?: TextLevels | TextLevelValues;
+    children?: React.ReactNode;
+    typo?: Typo | Array<string>;
+    markup?: TextMarkup | TextMarkupValues;
+    style?: Styles;
+    skeleton?: boolean;
+    marginless?: boolean;
+    numberOfLines?: number;
+}
+export type TextRef = HTMLParagraphElement;
+export type TextNativeRef = Text;
+export {};

package/lib/components/text/TextProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0L1RleHRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/text/TextProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0L1RleHRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

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

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

package/lib/components/text/index.js

@@ -1,4 +1,8 @@
-import Text from './Text';
-export * from './TextEnum';
-export { Text };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLFlBQVksQ0FBQTtBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var tslib_1 = require("tslib");
+var Text_1 = tslib_1.__importDefault(require("./Text"));
+exports.Text = Text_1.default;
+tslib_1.__exportStar(require("./TextEnum"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSx3REFBeUI7QUFJaEIsZUFKRixjQUFJLENBSUU7QUFGYixxREFBMEIifQ==

package/lib/components/text/index.mjs

@@ -0,0 +1,4 @@
+import Text from './Text';
+export * from './TextEnum';
+export { Text };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLFlBQVksQ0FBQTtBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==

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

@@ -0,0 +1,28 @@
+import React from '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} Additional CSS Classes
+ * @param minLength {number} Textarea min length
+ * @param typo {TypographyColor | TypographyColorValues} change help typo
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/lib/components/textarea/Textarea.js

@@ -1,14 +1,16 @@
-import { __assign, __read, __rest } from "tslib";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { Icon } from '../../components/icon';
-import { Text, TextLevels, TextMarkup } from '../../components/text';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { TypographyColor } from '../../objects';
-import { has, is } from '../../services';
-import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
-import { ComponentName } from '../enumsComponentsName';
+var icon_1 = require("../../components/icon");
+var text_1 = require("../../components/text");
+var context_1 = require("../../context");
+var helpers_1 = require("../../helpers");
+var objects_1 = require("../../objects");
+var services_1 = require("../../services");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importStar(require("react"));
+var enumsComponentsName_1 = require("../enumsComponentsName");
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
@@ -33,26 +35,26 @@ import { ComponentName } from '../enumsComponentsName';
  * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
-var Textarea = React.forwardRef(function (_a, ref) {
-    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, 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", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
-    var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
-    var styled = useTrilogyContext().styled;
-    useEffect(function () {
+var Textarea = react_1.default.forwardRef(function (_a, ref) {
+    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, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = tslib_1.__rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "dynamicPlaceholder", "rows", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
+    var _c = tslib_1.__read((0, react_1.useState)(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    (0, react_1.useEffect)(function () {
         setValue(defaultValue || '');
     }, [defaultValue]);
-    var wrapperClasses = hashClass(styled, clsx('field textarea-wrapper', className, status && is(status)));
-    var classes = hashClass(styled, clsx('textarea'));
-    var helpClasses = clsx('help', status && is(status));
-    var counterClasses = hashClass(styled, clsx('counter', maxLength));
-    var controlClasses = hashClass(styled, clsx('control', iconNameLeft && has('icons-left'), iconNameRight && has('icons-right')));
-    return (React.createElement("div", { id: id, className: wrapperClasses },
-        label && (React.createElement("label", { className: hashClass(styled, 'textarea-label'), htmlFor: id },
+    var wrapperClasses = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('field textarea-wrapper', className, status && (0, services_1.is)(status)));
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('textarea'));
+    var helpClasses = (0, clsx_1.default)('help', status && (0, services_1.is)(status));
+    var counterClasses = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('counter', maxLength));
+    var controlClasses = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('control', iconNameLeft && (0, services_1.has)('icons-left'), iconNameRight && (0, services_1.has)('icons-right')));
+    return (react_1.default.createElement("div", { id: id, className: wrapperClasses },
+        label && (react_1.default.createElement("label", { className: (0, helpers_1.hashClass)(styled, 'textarea-label'), htmlFor: id },
             label,
             ' ',
-            required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
-        sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: id }, sample)),
-        React.createElement("div", { className: controlClasses },
-            React.createElement("textarea", __assign({ ref: ref, minLength: minLength, disabled: disabled, className: classes, value: value, onChange: function (e) {
+            required && (react_1.default.createElement(text_1.Text, { markup: text_1.TextMarkup.SPAN, typo: objects_1.TypographyColor.TEXT_ERROR }, "*")))),
+        sample && (react_1.default.createElement(text_1.Text, { className: 'input-sample', level: text_1.TextLevels.TWO, id: id }, sample)),
+        react_1.default.createElement("div", { className: controlClasses },
+            react_1.default.createElement("textarea", tslib_1.__assign({ ref: ref, minLength: minLength, disabled: disabled, className: classes, value: value, onChange: function (e) {
                     setValue(e.target.value);
                     if (onChange) {
                         onChange({
@@ -61,11 +63,11 @@ var Textarea = React.forwardRef(function (_a, ref) {
                         });
                     }
                 }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required }, others)),
-            iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small', className: 'icon-left' }),
-            iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small', className: 'icon-right' }),
-            maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))),
-        help && React.createElement(Text, { className: helpClasses }, help)));
+            iconNameLeft && react_1.default.createElement(icon_1.Icon, { name: iconNameLeft, size: 'small', className: 'icon-left' }),
+            iconNameRight && react_1.default.createElement(icon_1.Icon, { name: iconNameRight, size: 'small', className: 'icon-right' }),
+            maxLength && react_1.default.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))),
+        help && react_1.default.createElement(text_1.Text, { className: helpClasses }, help)));
 });
-Textarea.displayName = ComponentName.Textarea;
-export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFtQkMsRUFDRCxHQUFHO0lBbkJELElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTiwwQkFBeUIsRUFBekIsa0JBQWtCLG1CQUFHLElBQUksS0FBQSxFQUN6QixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEs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
+Textarea.displayName = enumsComponentsName_1.ComponentName.Textarea;
+exports.default = Textarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxzREFBc0Q7QUFDdEQsMENBQXdDO0FBQ3hDLDBDQUFnRTtBQUNoRSxxQ0FBNkM7QUFDN0MscUNBQXFDO0FBQ3JDLHFDQUEyQztBQUMzQyx1Q0FBb0M7QUFDcEMsc0RBQXVCO0FBQ3ZCLHFEQUFrRDtBQUNsRCw4REFBc0Q7QUFHdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQW1CQyxFQUNELEdBQUc7SUFuQkQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLDBCQUF5QixFQUF6QixrQkFBa0IsbUJBQUcsSUFBSSxLQUFBLEVBQ3pCLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxzQkFsQlgsb05BbUJDLENBRFU7SUFJTCxJQUFBLEtBQUEsZUFBb0IsSUFBQSxnQkFBUSxFQUFDLFlBQVksSUFBSSxFQUFFLENBQUMsSUFBQSxFQUEvQyxLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWdDLENBQUE7SUFDOUMsSUFBQSxNQUFNLEdBQUssSUFBQSwyQkFBaUIsR0FBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFBLGlCQUFTLEVBQUM7UUFDUixRQUFRLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQzlCLENBQUMs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

package/lib/components/textarea/Textarea.mjs

@@ -0,0 +1,71 @@
+import { __assign, __read, __rest } from "tslib";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { Icon } from '../../components/icon';
+import { Text, TextLevels, TextMarkup } from '../../components/text';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { TypographyColor } from '../../objects';
+import { has, is } from '../../services';
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * 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} Additional CSS Classes
+ * @param minLength {number} Textarea min length
+ * @param typo {TypographyColor | TypographyColorValues} change help typo
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+var Textarea = React.forwardRef(function (_a, ref) {
+    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, 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", "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('field textarea-wrapper', className, status && is(status)));
+    var classes = hashClass(styled, clsx('textarea'));
+    var helpClasses = clsx('help', status && is(status));
+    var counterClasses = hashClass(styled, clsx('counter', maxLength));
+    var controlClasses = hashClass(styled, clsx('control', iconNameLeft && has('icons-left'), iconNameRight && has('icons-right')));
+    return (React.createElement("div", { id: id, className: wrapperClasses },
+        label && (React.createElement("label", { className: hashClass(styled, 'textarea-label'), htmlFor: id },
+            label,
+            ' ',
+            required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
+        sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: id }, sample)),
+        React.createElement("div", { className: controlClasses },
+            React.createElement("textarea", __assign({ ref: ref, minLength: minLength, disabled: disabled, 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 }, others)),
+            iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small', className: 'icon-left' }),
+            iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small', className: 'icon-right' }),
+            maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))),
+        help && React.createElement(Text, { className: helpClasses }, help)));
+});
+Textarea.displayName = ComponentName.Textarea;
+export default Textarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFtQkMsRUFDRCxHQUFHO0lBbkJELElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTiwwQkFBeUIsRUFBekIsa0JBQWtCLG1CQUFHLElBQUksS0FBQSxFQUN6QixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FsQlgsb05BbUJDLENBRFU7SUFJTCxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLFlBQVksSUFBSSxFQUFFLENBQUMsSUFBQSxFQUEvQyxLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWdDLENBQUE7SUFDOUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxDQUFDLFlBQVksSUFBSSxFQUFFLENBQUMsQ0FBQTtJQUM5QixDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFBO0lBRWxCLElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFNBQVMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUN6RyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBQ25ELElBQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBQ3RELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBFLElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FDOUIsTUFBTSxFQUNOLElBQUksQ0FBQyxTQUFTLEVBQUUsWUFBWSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFBRSxhQUFhLElBQUksR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQ3hGLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsY0FBYztRQUNuQyxLQUFLLElBQUksQ0FDUiwrQkFBTyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxnQkFBZ0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFO1lBQy9ELEtBQUs7WUFBRSxHQUFHO1lBQ1YsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsVUFBVSxRQUV4RCxDQUNSLENBQ0ssQ0FDVDtRQUNBLE1BQU0sSUFBSSxDQUNULG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUMsY0FBYyxFQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQ3pELE1BQU0sQ0FDRixDQUNSO1FBRUQsNkJBQUssU0FBUyxFQUFFLGNBQWM7WUFDNUIsMkNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxVQUFDLENBQUM7b0JBQ1YsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7b0JBQ3hCLElBQUksUUFBUSxFQUFFO3dCQUNaLFFBQVEsQ0FBQzs0QkFDUCxZQUFZLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJOzRCQUMzQixhQUFhLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO3lCQUM5QixDQUFDLENBQUE7cUJBQ0g7Z0JBQ0gsQ0FBQyxFQUNELFdBQVcsRUFBRSxXQUFXLEVBQ3hCLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLFNBQVMsRUFDcEIsUUFBUSxFQUFFLFFBQVEsSUFDZCxNQUFNLEVBQ1Y7WUFDRCxZQUFZLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsV0FBVyxHQUFHO1lBQy9FLGFBQWEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyxZQUFZLEdBQUc7WUFDbEYsU0FBUyxJQUFJLDZCQUFLLFNBQVMsRUFBRSxjQUFjLElBQUcsVUFBRyxLQUFLLENBQUMsTUFBTSxjQUFJLFNBQVMsYUFBVCxTQUFTLHVCQUFULFNBQVMsQ0FBRSxRQUFRLEVBQUUsQ0FBRSxDQUFPLENBQzVGO1FBRUwsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsV0FBVyxJQUFHLElBQUksQ0FBUSxDQUNoRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import { TextareaNativeProps } 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 testId {string} Test Id for Test Integration
+ * @param dynamicPlaceholder {boolean}
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @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
+ * @param required {boolean} Required
+ */
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<TextInput>>;
+export default Textarea;