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

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

@@ -1,15 +1,17 @@
-import { __assign, __read, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon } from '../../components/icon';
-import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from '../../components/input/InputEnum';
-import { grayscale, TypographyColor } from '../../objects';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { StatusState } from '../../objects/facets/Status';
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, StyleSheet, Text, TextInput, View } from 'react-native';
-import { Spacer, SpacerSize } from '../spacer';
-import { Text as TrilogyText } from '../text';
-import { TextLevels } from '../text/TextEnum';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var icon_1 = require("../../components/icon");
+var InputEnum_1 = require("../../components/input/InputEnum");
+var objects_1 = require("../../objects");
+var Color_1 = require("../../objects/facets/Color");
+var Status_1 = require("../../objects/facets/Status");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var spacer_1 = require("../spacer");
+var text_1 = require("../text");
+var TextEnum_1 = require("../text/TextEnum");
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
@@ -38,29 +40,29 @@ import { TextLevels } from '../text/TextEnum';
  * @param customHeight {number} custom textarea height
  * @param required {boolean} Required
  */
-var Textarea = React.forwardRef(function (_a, ref) {
-    var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _c = _a.customHeight, customHeight = _c === void 0 ? 120 : _c, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "dynamicPlaceholder", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
-    var _d = __read(useState(value || ''), 2), _value = _d[0], setValue = _d[1];
-    var _e = __read(useState(false), 2), isFocus = _e[0], setIsFocus = _e[1];
-    var _f = __read(useState(false), 2), displayDynamicLabel = _f[0], setDisplayDynamicLabel = _f[1];
-    var textareaColor = isFocus ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL);
-    var animation = useRef(new Animated.Value(0)).current;
-    useEffect(function () {
+var Textarea = react_1.default.forwardRef(function (_a, ref) {
+    var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _c = _a.customHeight, customHeight = _c === void 0 ? 120 : _c, value = _a.value, required = _a.required, others = tslib_1.__rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "dynamicPlaceholder", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
+    var _d = tslib_1.__read((0, react_1.useState)(value || ''), 2), _value = _d[0], setValue = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(false), 2), isFocus = _e[0], setIsFocus = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)(false), 2), displayDynamicLabel = _f[0], setDisplayDynamicLabel = _f[1];
+    var textareaColor = isFocus ? (0, Color_1.getColorStyle)(Color_1.TrilogyColor.MAIN) : (0, Color_1.getColorStyle)(Color_1.TrilogyColor.NEUTRAL);
+    var animation = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    (0, react_1.useEffect)(function () {
         if (displayDynamicLabel) {
-            Animated.timing(animation, {
+            react_native_1.Animated.timing(animation, {
                 toValue: 1,
                 duration: 5000,
                 useNativeDriver: false,
             }).start();
         }
     }, [displayDynamicLabel, animation]);
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         textarea: {
             borderWidth: isFocus ? 2 : 1,
             borderRadius: 3,
-            borderColor: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
+            borderColor: (status && status === 'success' && (0, Color_1.getColorStyle)(Status_1.StatusState.SUCCESS)) ||
+                (status && status === 'warning' && (0, Color_1.getColorStyle)(Status_1.StatusState.WARNING)) ||
+                (status && status === 'error' && (0, Color_1.getColorStyle)(Status_1.StatusState.ERROR)) ||
                 (status && status === 'default' && textareaColor) ||
                 textareaColor,
             height: customHeight,
@@ -69,15 +71,15 @@ var Textarea = React.forwardRef(function (_a, ref) {
             paddingRight: maxLength ? 48 : 16,
             paddingTop: dynamicPlaceholder && displayDynamicLabel ? 24 : 8,
             textAlignVertical: 'top',
-            color: getColorStyle(TrilogyColor.MAIN),
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
+            color: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.MAIN),
+            backgroundColor: disabled ? (0, Color_1.getColorStyle)(Color_1.TrilogyColor.DISABLED_FADE) : (0, Color_1.getColorStyle)(Color_1.TrilogyColor.BACKGROUND),
             /*  width: '',*/
         },
         help: {
             fontSize: 12,
-            color: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
+            color: (status && status === 'success' && (0, Color_1.getColorStyle)(Status_1.StatusState.SUCCESS)) ||
+                (status && status === 'warning' && (0, Color_1.getColorStyle)(Status_1.StatusState.WARNING)) ||
+                (status && status === 'error' && (0, Color_1.getColorStyle)(Status_1.StatusState.ERROR)) ||
                 (status && status === 'default' && textareaColor) ||
                 textareaColor,
             paddingLeft: 4,
@@ -85,11 +87,11 @@ var Textarea = React.forwardRef(function (_a, ref) {
         },
         counter: {
             fontSize: 10,
-            color: getColorStyle(TrilogyColor.MAIN),
+            color: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.MAIN),
             position: 'absolute',
             bottom: help ? 24 : 8,
             right: 8,
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : 'white',
+            backgroundColor: disabled ? (0, Color_1.getColorStyle)(Color_1.TrilogyColor.DISABLED) : 'white',
             padding: 3,
         },
         dynamicLabel: {
@@ -97,7 +99,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
             top: 2,
             left: iconNameLeft ? 40 : 8,
             fontSize: 12,
-            color: grayscale(getColorStyle(TrilogyColor.FONT)),
+            color: (0, objects_1.grayscale)((0, Color_1.getColorStyle)(Color_1.TrilogyColor.FONT)),
             backgroundColor: 'transparent',
             padding: 8,
             paddingBottom: 4,
@@ -121,19 +123,19 @@ var Textarea = React.forwardRef(function (_a, ref) {
             zIndex: 10,
         },
     });
-    return (React.createElement(View, null,
-        !dynamicPlaceholder && label && (React.createElement(React.Fragment, null,
-            React.createElement(TrilogyText, { typo: TypographyColor.TEXT_DISABLED },
+    return (react_1.default.createElement(react_native_1.View, null,
+        !dynamicPlaceholder && label && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(text_1.Text, { typo: objects_1.TypographyColor.TEXT_DISABLED },
                 label,
                 " ",
-                label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*")),
-            React.createElement(Spacer, { size: SpacerSize.THREE }))),
-        !dynamicPlaceholder && label && sample && (React.createElement(React.Fragment, null,
-            React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_DISABLED }, sample),
-            React.createElement(Spacer, { size: SpacerSize.THREE }))),
-        iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
-            React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
-        React.createElement(TextInput, __assign({ ref: ref, maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: function (text) {
+                label && required && react_1.default.createElement(text_1.Text, { typo: objects_1.TypographyColor.TEXT_ERROR }, "*")),
+            react_1.default.createElement(spacer_1.Spacer, { size: spacer_1.SpacerSize.THREE }))),
+        !dynamicPlaceholder && label && sample && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(text_1.Text, { level: TextEnum_1.TextLevels.THREE, typo: objects_1.TypographyColor.TEXT_DISABLED }, sample),
+            react_1.default.createElement(spacer_1.Spacer, { size: spacer_1.SpacerSize.THREE }))),
+        iconNameLeft && (react_1.default.createElement(react_native_1.Text, { style: styles.leftIcon },
+            react_1.default.createElement(icon_1.Icon, { name: iconNameLeft, size: 'small' }))),
+        react_1.default.createElement(react_native_1.TextInput, tslib_1.__assign({ ref: ref, maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputEnum_1.InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputEnum_1.InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputEnum_1.InputTextContentType.NONE, keyboardType: keyboardType || InputEnum_1.InputKeyboardType.DEFAULT, onChangeText: function (text) {
                 setDisplayDynamicLabel(text.length > 0);
                 setValue(text);
                 if (onChange) {
@@ -142,13 +144,13 @@ var Textarea = React.forwardRef(function (_a, ref) {
                         textareaValue: text,
                     });
                 }
-            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, { placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER) })),
-        iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
-            React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
-        displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
-        maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
-        help && React.createElement(Text, { style: styles.help }, help)));
+            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, { placeholderTextColor: disabled ? (0, Color_1.getColorStyle)(Color_1.TrilogyColor.DISABLED) : (0, Color_1.getColorStyle)(Color_1.TrilogyColor.FONT_PLACEHOLDER) })),
+        iconNameRight && (react_1.default.createElement(react_native_1.Text, { style: styles.rightIcon },
+            react_1.default.createElement(icon_1.Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
+        displayDynamicLabel && dynamicPlaceholder && react_1.default.createElement(react_native_1.Text, { style: styles.dynamicLabel }, label),
+        maxLength && (react_1.default.createElement(react_native_1.Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
+        help && react_1.default.createElement(react_native_1.Text, { style: styles.help }, help)));
 });
-Textarea.displayName = ComponentName.Textarea;
-export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLElBQUksV0FBVyxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQXVCQyxFQUNELEdBQUc7SUF2QkQsSUFBQSxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLGFBQWEsbUJBQUEsRUFDYixjQUFjLG9CQUFBLEVBQ2QsV0FBVyxpQkFBQSxFQUNYLGVBQWUscUJBQUEsRUFDZixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsMEJBQXlCLEVBQXpCLGtCQUFrQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsS0FBSyxXQUFBLEVBQ0wsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDYixvQkFBa0IsRUFBbEIsWUFBWSxtQkFBRyxHQUFHLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQXRCWCxrU0F1QkMsQ0FEVTtJQUlMLElBQUEsS0FBQSxPQUFxQixRQUFRLENBQVMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQWpELE1BQU0sUUFBQSxFQUFFLFFBQVEsUUFBaUMsQ0FBQTtJQUVsRCxJQUFBLEtBQUEsT0FBd0IsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQS9DLE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBNEIsQ0FBQTtJQUVoRCxJQUFBLEtBQUEsT0FBZ0QsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZFLG1CQUFtQixRQUFBLEVBQUUsc0JBQXNCLFFBQTRCLENBQUE7SUFDOUUsSUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBRXRHLElBQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkQsU0FBUyxDQUFDO1FBQ1IsSUFBSSxtQkFBbUIsRUFBRTtZQUN2QixRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLENBQUM7Z0JBQ1YsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsZUFBZSxFQUFFLEtBQUs7YUFDdkIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO1NBQ1g7SUFDSCxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVCLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLE1BQU0sS0FBSyxTQUFTLElBQUksYUFBYSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDdEUsQ0FBQyxNQUFNLElBQUksTUFBTSxLQUFLLFNBQVMsSUFBSSxhQUFhLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUN0RSxDQUFDLE1BQU0sSUFBSSxNQUFNLEtBQUssT0FBTyxJQUFJLGFBQWEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2xFLENBQUMsTUFBTSxJQUFJLE1BQU0sS0FBSyxTQUFTLElBQUksYUFBYSxDQUFDO2dCQUNqRCxhQUFhO1lBQ2YsTUFBTSxFQUFFLFlBQVk7WUFDcEIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsV0FBVyxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ25DLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqQyxVQUFVLEVBQUUsa0JBQWtCLElBQUksbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM5RCxpQkFBaUIsRUFBRSxLQUFLO1lBQ3hCLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUN2QyxlQUFlLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUM5RyxnQkFBZ0I7U0FDakI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxNQUFNLEtBQUssU0FBUyxJQUFJLGFBQWEsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ3RFLENBQUMsTUFBTSxJQUFJLE1BQU0sS0FBSyxTQUFTLElBQUksYUFBYSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDdEUsQ0FBQyxNQUFNLElBQUksTUFBTSxLQUFLLE9BQU8sSUFBSSxhQUFhLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNsRSxDQUFDLE1BQU0sSUFBSSxNQUFNLEtBQUssU0FBUyxJQUFJLGFBQWEsQ0FBQztnQkFDakQsYUFBYTtZQUNmLFdBQVcsRUFBRSxDQUFDO1lBQ2QsVUFBVSxFQUFFLENBQUM7U0FDZDtRQUNELE9BQU8sRUFBRTtZQUNQLFFBQVEsRUFBRSxFQUFFO1lBQ1osS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNyQixLQUFLLEVBQUUsQ0FBQztZQUNSLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDMUUsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELFlBQVksRUFBRTtZQUNaLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLEdBQUcsRUFBRSxDQUFDO1lBQ04sSUFBSSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzNCLFFBQVEsRUFBRSxFQUFFO1lBQ1osS0FBSyxFQUFFLFNBQVMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xELGVBQWUsRUFBRSxhQUFhO1lBQzlCLE9BQU8sRUFBRSxDQUFDO1lBQ1YsYUFBYSxFQUFFLENBQUM7U0FDakI7UUFDRCxRQUFRLEVBQUU7WUFDUixRQUFRLEVBQUUsVUFBVTtZQUNwQixHQUFHLEVBQ0QsQ0FBQyxrQkFBa0IsSUFBSSxFQUFFLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxrQkFBa0IsSUFBSSxLQUFLLElBQUksTUFBTSxJQUFJLEVBQUUsQ0FBQztnQkFDOUMsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLEtBQUssSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7Z0JBQy9DLEVBQUU7WUFDSixJQUFJLEVBQUUsRUFBRTtZQUNSLE1BQU0sRUFBRSxFQUFFO1NBQ1g7UUFDRCxTQUFTLEVBQUU7WUFDVCxRQUFRLEVBQUUsVUFBVTtZQUNwQixHQUFHLEVBQ0QsQ0FBQyxrQkFBa0IsSUFBSSxFQUFFLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxrQkFBa0IsSUFBSSxLQUFLLElBQUksTUFBTSxJQUFJLEVBQUUsQ0FBQztnQkFDOUMsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLEtBQUssSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7Z0JBQy9DLEVBQUU7WUFDSixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1NBQ1g7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSTtRQUNGLENBQUMsa0JBQWtCLElBQUksS0FBSyxJQUFJLENBQy9CO1lBQ0Usb0JBQUMsV0FBVyxJQUFDLElBQUksRUFBRSxlQUFlLENBQUMsYUFBYTtnQkFDN0MsS0FBSzs7Z0JBQUcsS0FBSyxJQUFJLFFBQVEsSUFBSSxvQkFBQyxXQUFXLElBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVLFFBQWlCLENBQ2hGO1lBQ2Qsb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxVQUFVLENBQUMsS0FBSyxHQUFJLENBQ2pDLENBQ0o7UUFFQSxDQUFDLGtCQUFrQixJQUFJLEtBQUssSUFBSSxNQUFNLElBQUksQ0FDekM7WUFDRSxvQkFBQyxXQUFXLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxhQUFhLElBQ3RFLE1BQU0sQ0FDSztZQUNkLG9CQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLEtBQUssR0FBSSxDQUNqQyxDQUNKO1FBRUEsWUFBWSxJQUFJLENBQ2Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUTtZQUMxQixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUMsT0FBTyxHQUFHLENBQ3BDLENBQ1I7UUFFRCxvQkFBQyxTQUFTLGFBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxFQUNwQixLQUFLLEVBQUUsTUFBTSxFQUNiLFlBQVksRUFBRSxZQUFZLEVBQzFCLFFBQVEsRUFBRSxDQUFDLFFBQVEsRUFDbkIsU0FBUyxFQUFFLElBQUksRUFDZixrQkFBa0IsRUFBRSxhQUFhLElBQUksdUJBQXVCLENBQUMsT0FBTyxFQUNwRSxjQUFjLEVBQUUsY0FBYyxJQUFJLG1CQUFtQixDQUFDLElBQUksRUFDMUQsV0FBVyxFQUFFLFdBQVcsSUFBSSxLQUFLLEVBQ2pDLGVBQWUsRUFBRSxlQUFlLElBQUksb0JBQW9CLENBQUMsSUFBSSxFQUM3RCxZQUFZLEVBQUUsWUFBWSxJQUFJLGlCQUFpQixDQUFDLE9BQU8sRUFDdkQsWUFBWSxFQUFFLFVBQUMsSUFBSTtnQkFDakIsc0JBQXNCLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDdkMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUNkLElBQUksUUFBUSxFQUFFO29CQUNaLFFBQVEsQ0FBQzt3QkFDUCxZQUFZLEVBQUUsQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTt3QkFDbEMsYUFBYSxFQUFFLElBQUk7cUJBQ3BCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxXQUFXLEVBQUUsV0FBVyxFQUN4QixLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDdEIsT0FBTyxFQUFFLGNBQU0sT0FBQSxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQWhCLENBQWdCLEVBQy9CLE1BQU0sRUFBRSxjQUFNLE9BQUEsVUFBVSxDQUFDLEtBQUssQ0FBQyxFQUFqQixDQUFpQixJQUMzQixNQUFNLElBQ1Ysb0JBQW9CLEVBQ2xCLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUVoRztRQUVELGFBQWEsSUFBSSxDQUNoQixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTO1lBQzNCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFFLE1BQU0sSUFBSyxNQUFNLENBQUMsV0FBVyxFQUFnQixHQUFJLENBQzNGLENBQ1I7UUFFQSxtQkFBbUIsSUFBSSxrQkFBa0IsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZLElBQUcsS0FBSyxDQUFRO1FBQzdGLFNBQVMsSUFBSSxDQUNaLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLFVBQUcsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLE1BQU0sZ0JBQU0sU0FBUyxDQUFFLENBQUMsQ0FBQyxDQUFDLGNBQU8sU0FBUyxDQUFFLENBQVEsQ0FDdkc7UUFDQSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUMzQyxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUU3QyxlQUFlLFFBQVEsQ0FBQSJ9
+Textarea.displayName = enumsComponentsName_1.ComponentName.Textarea;
+exports.default = Textarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSwwQ0FBbUQ7QUFDbkQsMERBS3FDO0FBQ3JDLHFDQUFzRDtBQUN0RCxnREFBb0U7QUFDcEUsa0RBQXFEO0FBQ3JELHFEQUEwRDtBQUMxRCw2Q0FBMEU7QUFDMUUsb0NBQThDO0FBQzlDLGdDQUE2QztBQUM3Qyw2Q0FBNkM7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRztBQUNILElBQU0sUUFBUSxHQUFHLGVBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUF1QkMsRUFDRCxHQUFHO0lBdkJELElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxlQUFlLHFCQUFBLEVBQ2YsWUFBWSxrQkFBQSxFQUNaLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQSxFQUNULDBCQUF5QixFQUF6QixrQkFBa0IsbUJBQUcsSUFBSSxLQUFBLEVBQ3pCLEtBQUssV0FBQSxFQUNMLFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ2Isb0JBQWtCLEVBQWxCLFlBQVksbUJBQUcsR0FBRyxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sc0JBdEJYLGtTQXVCQyxDQURVO0lBSUwsSUFBQSxLQUFBLGVBQXFCLElBQUEsZ0JBQVEsRUFBUyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUEsRUFBakQsTUFBTSxRQUFBLEVBQUUsUUFBUSxRQUFpQyxDQUFBO0lB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

package/lib/components/textarea/Textarea.native.mjs

@@ -0,0 +1,154 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon } from '../../components/icon';
+import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from '../../components/input/InputEnum';
+import { grayscale, TypographyColor } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { StatusState } from '../../objects/facets/Status';
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, Text, TextInput, View } from 'react-native';
+import { Spacer, SpacerSize } from '../spacer';
+import { Text as TrilogyText } from '../text';
+import { TextLevels } from '../text/TextEnum';
+/**
+ * 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
+ */
+var Textarea = React.forwardRef(function (_a, ref) {
+    var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _c = _a.customHeight, customHeight = _c === void 0 ? 120 : _c, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "dynamicPlaceholder", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
+    var _d = __read(useState(value || ''), 2), _value = _d[0], setValue = _d[1];
+    var _e = __read(useState(false), 2), isFocus = _e[0], setIsFocus = _e[1];
+    var _f = __read(useState(false), 2), displayDynamicLabel = _f[0], setDisplayDynamicLabel = _f[1];
+    var textareaColor = isFocus ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL);
+    var animation = useRef(new Animated.Value(0)).current;
+    useEffect(function () {
+        if (displayDynamicLabel) {
+            Animated.timing(animation, {
+                toValue: 1,
+                duration: 5000,
+                useNativeDriver: false,
+            }).start();
+        }
+    }, [displayDynamicLabel, animation]);
+    var styles = StyleSheet.create({
+        textarea: {
+            borderWidth: isFocus ? 2 : 1,
+            borderRadius: 3,
+            borderColor: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
+                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
+                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
+                (status && status === 'default' && textareaColor) ||
+                textareaColor,
+            height: customHeight,
+            justifyContent: 'flex-start',
+            paddingLeft: iconNameLeft ? 48 : 16,
+            paddingRight: maxLength ? 48 : 16,
+            paddingTop: dynamicPlaceholder && displayDynamicLabel ? 24 : 8,
+            textAlignVertical: 'top',
+            color: getColorStyle(TrilogyColor.MAIN),
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
+            /*  width: '',*/
+        },
+        help: {
+            fontSize: 12,
+            color: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
+                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
+                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
+                (status && status === 'default' && textareaColor) ||
+                textareaColor,
+            paddingLeft: 4,
+            paddingTop: 2,
+        },
+        counter: {
+            fontSize: 10,
+            color: getColorStyle(TrilogyColor.MAIN),
+            position: 'absolute',
+            bottom: help ? 24 : 8,
+            right: 8,
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : 'white',
+            padding: 3,
+        },
+        dynamicLabel: {
+            position: 'absolute',
+            top: 2,
+            left: iconNameLeft ? 40 : 8,
+            fontSize: 12,
+            color: grayscale(getColorStyle(TrilogyColor.FONT)),
+            backgroundColor: 'transparent',
+            padding: 8,
+            paddingBottom: 4,
+        },
+        leftIcon: {
+            position: 'absolute',
+            top: (dynamicPlaceholder && 11) ||
+                (!dynamicPlaceholder && label && sample && 67) ||
+                (!dynamicPlaceholder && label && !sample && 42) ||
+                45,
+            left: 16,
+            zIndex: 10,
+        },
+        rightIcon: {
+            position: 'absolute',
+            top: (dynamicPlaceholder && 11) ||
+                (!dynamicPlaceholder && label && sample && 67) ||
+                (!dynamicPlaceholder && label && !sample && 42) ||
+                45,
+            right: 16,
+            zIndex: 10,
+        },
+    });
+    return (React.createElement(View, null,
+        !dynamicPlaceholder && label && (React.createElement(React.Fragment, null,
+            React.createElement(TrilogyText, { typo: TypographyColor.TEXT_DISABLED },
+                label,
+                " ",
+                label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*")),
+            React.createElement(Spacer, { size: SpacerSize.THREE }))),
+        !dynamicPlaceholder && label && sample && (React.createElement(React.Fragment, null,
+            React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_DISABLED }, sample),
+            React.createElement(Spacer, { size: SpacerSize.THREE }))),
+        iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
+            React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
+        React.createElement(TextInput, __assign({ ref: ref, maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: function (text) {
+                setDisplayDynamicLabel(text.length > 0);
+                setValue(text);
+                if (onChange) {
+                    onChange({
+                        textareaName: (name && name) || '',
+                        textareaValue: text,
+                    });
+                }
+            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, { placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER) })),
+        iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
+            React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
+        displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
+        maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
+        help && React.createElement(Text, { style: styles.help }, help)));
+});
+Textarea.displayName = ComponentName.Textarea;
+export default Textarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLElBQUksV0FBVyxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQXVCQyxFQUNELEdBQUc7SUF2QkQsSUFBQSxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0os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

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

@@ -0,0 +1,47 @@
+import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
+import { Referenceable, ReferenceableNative } from '../../objects/facets/Referenceable';
+import { IconStatus } from '../../components/icon';
+import { InputAutoCapitalize, InputAutoCapitalizeValues, InputAutoCompleteType, InputAutoCompleteTypeValues, InputKeyboardAppearance, InputKeyboardAppearanceValues, InputKeyboardType, InputKeyboardTypeValues, InputStatus, InputStatusValues, InputTextContentType, InputTextContentTypeValues } from '../../components/input/InputEnum';
+import { Accessibility, Dev } from '../../objects';
+import { TextInput } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface TextareaChangeEvent {
+    textareaName: string;
+    textareaValue: string;
+}
+type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
+type TextareaPropsWeb = Accessibility & Dev & {
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    disabled?: boolean;
+    onChange?: TextareaChangeEventHandler;
+    status?: InputStatus | InputStatusValues | IconStatus;
+    help?: string;
+    /** @deprecated */
+    name?: string;
+    keyboardStyle?: InputKeyboardAppearance | InputKeyboardAppearanceValues;
+    autoCapitalize?: InputAutoCapitalize | InputAutoCapitalizeValues;
+    autoCorrect?: any;
+    autoCompleteType?: InputAutoCompleteType | InputAutoCompleteTypeValues;
+    textContentType?: InputTextContentType | InputTextContentTypeValues;
+    keyboardType?: InputKeyboardType | InputKeyboardTypeValues;
+    minLength?: number;
+    maxLength?: number;
+    dynamicPlaceholder?: boolean;
+    rows?: number;
+    label?: string;
+    iconNameLeft?: IconName | IconNameValues;
+    iconNameRight?: IconName | IconNameValues;
+    customHeight?: number;
+    required?: boolean;
+    sample?: string;
+};
+export type TextareaNativeProps = TextareaPropsWeb & ReferenceableNative<TextInput>;
+/**
+ * Textarea Interface
+ */
+export type TextareaProps = TextareaPropsWeb & Referenceable<HTMLTextAreaElement> & CommonProps;
+export type TextareaRef = HTMLTextAreaElement;
+export type TextareaNativeRef = TextInput;
+export {};

package/lib/components/textarea/TextareaProps.js

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

package/lib/components/textarea/TextareaProps.mjs

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

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

@@ -0,0 +1,2 @@
+import Textarea from './Textarea';
+export { Textarea };

package/lib/components/textarea/index.js

@@ -1,3 +1,7 @@
-import Textarea from './Textarea';
-export { Textarea };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+var tslib_1 = require("tslib");
+var Textarea_1 = tslib_1.__importDefault(require("./Textarea"));
+exports.Textarea = Textarea_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxnRUFBaUM7QUFFeEIsbUJBRkYsa0JBQVEsQ0FFRSJ9

package/lib/components/textarea/index.mjs

@@ -0,0 +1,3 @@
+import Textarea from './Textarea';
+export { Textarea };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

package/lib/components/timeline/Timeline.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TimelineProps } from './TimelineProps';
+/**
+ * Timeline Component
+ * @param notifications {boolean} Timeline notification rendering
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param horizontal {boolean} timeline horizontal
+ * @param className {string} Additional CSS Classes
+ */
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+export default Timeline;

package/lib/components/timeline/Timeline.js

@@ -1,10 +1,12 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { is } from '../../services';
-import { ComponentName } from '../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var helpers_1 = require("../../helpers");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var context_1 = require("../../context");
+var services_1 = require("../../services");
+var enumsComponentsName_1 = require("../enumsComponentsName");
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
@@ -13,11 +15,11 @@ import { ComponentName } from '../enumsComponentsName';
  * @param className {string} Additional CSS Classes
  */
 var Timeline = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
-    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
+    var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = tslib_1.__rest(_a, ["className", "id", "horizontal"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('timeline', horizontal && (0, services_1.is)('horizontal'), className));
+    return React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: classes }, others));
 });
-Timeline.displayName = ComponentName.Timeline;
-export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFBd0MsRUFBRSxHQUFHO0lBQTNDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBdEMsaUNBQXdDLENBQUY7SUFDM0YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUU5RixPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=
+Timeline.displayName = enumsComponentsName_1.ComponentName.Timeline;
+exports.default = Timeline;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxtREFBOEI7QUFFOUIscUNBQXFDO0FBQ3JDLHNEQUF1QjtBQUN2QixxQ0FBNkM7QUFDN0MsdUNBQStCO0FBQy9CLDhEQUFzRDtBQUV0RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQXdDLEVBQUUsR0FBRztJQUEzQyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLHNCQUF0QyxpQ0FBd0MsQ0FBRjtJQUMzRixJQUFBLE1BQU0sR0FBSyxJQUFBLDJCQUFpQixHQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUEsbUJBQVMsRUFBQyxNQUFNLEVBQUUsSUFBQSxjQUFJLEVBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxJQUFBLGFBQUUsRUFBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTlGLE9BQU8sOENBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGtCQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/timeline/Timeline.mjs

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+import { is } from '../../services';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Timeline Component
+ * @param notifications {boolean} Timeline notification rendering
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param horizontal {boolean} timeline horizontal
+ * @param className {string} Additional CSS Classes
+ */
+var Timeline = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
+});
+Timeline.displayName = ComponentName.Timeline;
+export default Timeline;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFBd0MsRUFBRSxHQUFHO0lBQTNDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBdEMsaUNBQXdDLENBQUY7SUFDM0YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUU5RixPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/timeline/Timeline.native.d.mts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { View } from "react-native";
+import { TimelineProps } from "./TimelineProps";
+interface IContext {
+    height: number;
+    setHeight: React.Dispatch<React.SetStateAction<number>>;
+}
+export declare const TimelineHeightContext: React.Context<IContext>;
+/**
+ * Timeline Native Component
+ * @param children {ReactNode} Text child
+
+ */
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<View>>;
+export default Timeline;

package/lib/components/timeline/Timeline.native.js

@@ -1,8 +1,11 @@
-import { __read } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
-export var TimelineHeightContext = React.createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimelineHeightContext = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+exports.TimelineHeightContext = React.createContext({
     height: 0,
     setHeight: function () { return undefined; },
 });
@@ -13,18 +16,18 @@ export var TimelineHeightContext = React.createContext({
  */
 var Timeline = React.forwardRef(function (_a, ref) {
     var children = _a.children;
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         container: {
             flexDirection: "column",
         },
     });
-    var _b = __read(React.useState(0), 2), height = _b[0], setHeight = _b[1];
-    return (React.createElement(TimelineHeightContext.Provider, { value: {
+    var _b = tslib_1.__read(React.useState(0), 2), height = _b[0], setHeight = _b[1];
+    return (React.createElement(exports.TimelineHeightContext.Provider, { value: {
             height: height,
             setHeight: setHeight,
         } },
-        React.createElement(View, { ref: ref, style: styles.container }, children)));
+        React.createElement(react_native_1.View, { ref: ref, style: styles.container }, children)));
 });
-Timeline.displayName = ComponentName.Timeline;
-export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFPaEUsTUFBTSxDQUFDLElBQU0scUJBQXFCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBVztJQUNqRSxNQUFNLEVBQUUsQ0FBQztJQUNULFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUY7Ozs7R0FJRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1DLFVBQUMsRUFBWSxFQUFFLEdBQUc7UUFBZixRQUFRLGNBQUE7SUFDN0UsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsUUFBUTtTQUN4QjtLQUNGLENBQUMsQ0FBQTtJQUVJLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBcUIsQ0FBQTtJQUU3QyxPQUFPLENBQ0wsb0JBQUMscUJBQXFCLENBQUMsUUFBUSxJQUM3QixLQUFLLEVBQUU7WUFDTCxNQUFNLFFBQUE7WUFDTixTQUFTLFdBQUE7U0FDVjtRQUVELG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFHLFFBQVEsQ0FBUSxDQUMzQixDQUNsQyxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFFN0MsZUFBZSxRQUFRLENBQUEifQ==
+Timeline.displayName = enumsComponentsName_1.ComponentName.Timeline;
+exports.default = Timeline;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxtREFBOEI7QUFDOUIsNkNBQStDO0FBRS9DLHdFQUFnRTtBQU9uRCxRQUFBLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVc7SUFDakUsTUFBTSxFQUFFLENBQUM7SUFDVCxTQUFTLEVBQUUsY0FBTSxPQUFBLFNBQVMsRUFBVCxDQUFTO0NBQzNCLENBQUMsQ0FBQTtBQUVGOzs7O0dBSUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQzdFLElBQU0sTUFBTSxHQUFHLHlCQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxRQUFRO1NBQ3hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUksSUFBQSxLQUFBLGVBQXNCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFxQixDQUFBO0lBRTdDLE9BQU8sQ0FDTCxvQkFBQyw2QkFBcUIsQ0FBQyxRQUFRLElBQzdCLEtBQUssRUFBRTtZQUNMLE1BQU0sUUFBQTtZQUNOLFNBQVMsV0FBQTtTQUNWO1FBRUQsb0JBQUMsbUJBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFHLFFBQVEsQ0FBUSxDQUMzQixDQUNsQyxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGtCQUFlLFFBQVEsQ0FBQSJ9