@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-sc-2

package/lib/components/input/gauge/hook/useGauge.js

@@ -1,80 +1,94 @@
 import { __read } from "tslib";
-import React, { useEffect, useMemo } from 'react';
-import { TrilogyColor, getColorStyle } from '../../../../objects';
+import React from 'react';
 import { IconColor } from '../../../../components/icon';
+import { TrilogyColor, getColorStyle } from '../../../../objects';
 export var useGauge = function (_a) {
-    var _b, _c;
     var validationRules = _a.validationRules, inputValue = _a.inputValue;
-    var _d = __read(React.useState(0), 2), points = _d[0], setPoints = _d[1];
-    var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
-    var _e = __read(React.useState(initStateVerifies), 2), isLengthVerify = _e[0], setIsLengthVerify = _e[1];
-    var _f = __read(React.useState(initStateVerifies), 2), isSpecialCharsVerify = _f[0], setIsSpecialCharsVerify = _f[1];
-    var _g = __read(React.useState(initStateVerifies), 2), isNumberVerify = _g[0], setIsNumberVerify = _g[1];
-    var _h = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _h[0], setIsUppercaseVerify = _h[1];
-    var _j = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _j[0], setisLowerercaseVerify = _j[1];
-    var nbAllVerifies = React.useMemo(function () { return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) || 0; }, [validationRules]);
-    var widthGauge = React.useMemo(function () {
-        var calc = Number(((points / nbAllVerifies) * 100).toFixed(0));
-        if (calc <= 50 && calc > 0)
-            return '50%';
-        if (calc <= 99 && calc > 50)
-            return '75%';
-        if (calc === 100)
-            return '100%';
-        return '0%';
-    }, [points, nbAllVerifies]);
-    var colorGauge = React.useMemo(function () {
-        var calc = Number(((points / nbAllVerifies) * 100).toFixed(0));
-        if (calc <= 50 && calc > 0)
-            return getColorStyle(TrilogyColor.ERROR);
-        if (calc <= 99 && calc > 50)
-            return getColorStyle(TrilogyColor.WARNING);
-        if (calc === 100)
-            return getColorStyle(TrilogyColor.SUCCESS);
-        return getColorStyle(TrilogyColor.NEUTRAL_FADE);
-    }, [points, nbAllVerifies]);
-    var LengthvalidationRulesText = useMemo(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        switch (true) {
-            case ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) !== undefined && ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) !== undefined:
-                return "Entre ".concat((_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.min, " et ").concat((_d = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _d === void 0 ? void 0 : _d.max, " caract\u00E8res");
-            case ((_e = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _e === void 0 ? void 0 : _e.min) && !((_f = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _f === void 0 ? void 0 : _f.max):
-                return "Minimum ".concat((_g = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _g === void 0 ? void 0 : _g.min, " caract\u00E8res");
-            case ((_h = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _h === void 0 ? void 0 : _h.max) && !((_j = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _j === void 0 ? void 0 : _j.min):
-                return "Maximum ".concat((_k = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _k === void 0 ? void 0 : _k.max, " caract\u00E8res");
-            default:
-                return '';
-        }
-    }, [(_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.min, (_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.max]);
-    useEffect(function () {
-        var _a, _b;
-        var min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
-        var max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
-        var regex = new RegExp("^.{".concat(min, ",").concat(max, "}$"));
-        var validations = [];
-        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
-            validations.push({ test: /[^\w]/.test(inputValue), setState: setIsSpecialCharsVerify });
-        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue), setState: setIsNumberVerify });
-        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) && validations.push({ test: /[A-Z]/.test(inputValue), setState: setIsUppercaseVerify });
-        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) && validations.push({ test: /[a-z]/.test(inputValue), setState: setisLowerercaseVerify });
-        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue), setState: setIsLengthVerify });
-        validations.forEach(function (_a) {
-            var test = _a.test, setState = _a.setState;
-            if (test)
-                return setState({ isVerify: true, color: IconColor.SUCCESS });
-            return setState(initStateVerifies);
-        });
-        setPoints(validations.filter(function (item) { return item.test; }).length);
-    }, [inputValue, validationRules]);
-    return {
-        LengthvalidationRulesText: LengthvalidationRulesText,
-        colorGauge: colorGauge,
-        widthGauge: widthGauge,
-        isLengthVerify: isLengthVerify,
-        isLowerercaseVerify: isLowerercaseVerify,
-        isNumberVerify: isNumberVerify,
-        isSpecialCharsVerify: isSpecialCharsVerify,
-        isUppercaseVerify: isUppercaseVerify,
-    };
+    try {
+        var _b = __read(React.useState(0), 2), points_1 = _b[0], setPoints_1 = _b[1];
+        var _c = __read(React.useState(initStateVerifies), 2), isLengthVerify = _c[0], setIsLengthVerify_1 = _c[1];
+        var _d = __read(React.useState(initStateVerifies), 2), isSpecialCharsVerify = _d[0], setIsSpecialCharsVerify_1 = _d[1];
+        var _e = __read(React.useState(initStateVerifies), 2), isNumberVerify = _e[0], setIsNumberVerify_1 = _e[1];
+        var _f = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _f[0], setIsUppercaseVerify_1 = _f[1];
+        var _g = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _g[0], setisLowerercaseVerify_1 = _g[1];
+        var nbAllVerifies_1 = React.useMemo(function () { return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) || 0; }, [validationRules]);
+        var widthGauge = React.useMemo(function () {
+            var calc = Number(((points_1 / nbAllVerifies_1) * 100).toFixed(0));
+            if (calc <= 50 && calc > 0)
+                return '50%';
+            if (calc <= 99 && calc > 50)
+                return '75%';
+            if (calc === 100)
+                return '100%';
+            return '0%';
+        }, [points_1, nbAllVerifies_1]);
+        var colorGauge = React.useMemo(function () {
+            var calc = Number(((points_1 / nbAllVerifies_1) * 100).toFixed(0));
+            if (calc <= 50 && calc > 0)
+                return getColorStyle(TrilogyColor.ERROR);
+            if (calc <= 99 && calc > 50)
+                return getColorStyle(TrilogyColor.WARNING);
+            if (calc === 100)
+                return getColorStyle(TrilogyColor.SUCCESS);
+            return getColorStyle(TrilogyColor.NEUTRAL_FADE);
+        }, [points_1, nbAllVerifies_1]);
+        React.useEffect(function () {
+            var _a, _b;
+            var min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
+            var max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
+            var regex = new RegExp("^.{".concat(min, ",").concat(max, "}$"));
+            var validations = [];
+            (validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
+                validations.push({ test: /[^\w]/.test(inputValue), setState: setIsSpecialCharsVerify_1 });
+            (validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue), setState: setIsNumberVerify_1 });
+            (validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) && validations.push({ test: /[A-Z]/.test(inputValue), setState: setIsUppercaseVerify_1 });
+            (validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) &&
+                validations.push({ test: /[a-z]/.test(inputValue), setState: setisLowerercaseVerify_1 });
+            (validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue), setState: setIsLengthVerify_1 });
+            validations.forEach(function (_a) {
+                var test = _a.test, setState = _a.setState;
+                if (test)
+                    return setState({ isVerify: true, color: IconColor.SUCCESS });
+                return setState(initStateVerifies);
+            });
+            setPoints_1(validations.filter(function (item) { return item.test; }).length);
+        }, [inputValue, validationRules]);
+        return {
+            LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
+            colorGauge: colorGauge,
+            widthGauge: widthGauge,
+            isLengthVerify: isLengthVerify,
+            isLowerercaseVerify: isLowerercaseVerify,
+            isNumberVerify: isNumberVerify,
+            isSpecialCharsVerify: isSpecialCharsVerify,
+            isUppercaseVerify: isUppercaseVerify,
+        };
+    }
+    catch (_h) {
+        return {
+            LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
+            colorGauge: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            widthGauge: '0%',
+            isLengthVerify: initStateVerifies,
+            isLowerercaseVerify: initStateVerifies,
+            isNumberVerify: initStateVerifies,
+            isSpecialCharsVerify: initStateVerifies,
+            isUppercaseVerify: initStateVerifies,
+        };
+    }
+};
+var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
+var LengthvalidationRulesText = function (validationRules) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    switch (true) {
+        case ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) !== undefined && ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) !== undefined:
+            return "Entre ".concat((_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.min, " et ").concat((_d = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _d === void 0 ? void 0 : _d.max, " caract\u00E8res");
+        case ((_e = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _e === void 0 ? void 0 : _e.min) && !((_f = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _f === void 0 ? void 0 : _f.max):
+            return "Minimum ".concat((_g = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _g === void 0 ? void 0 : _g.min, " caract\u00E8res");
+        case ((_h = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _h === void 0 ? void 0 : _h.max) && !((_j = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _j === void 0 ? void 0 : _j.min):
+            return "Maximum ".concat((_k = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _k === void 0 ? void 0 : _k.max, " caract\u00E8res");
+        default:
+            return '';
+    }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFHakQsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBTzdDLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdDOztRQUF0QyxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUM5QyxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUE5QyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQTZCLENBQUE7SUFDckQsSUFBTSxpQkFBaUIsR0FBRyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQTtJQUNqRSxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQXRFLGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQyxDQUFBO0lBQ3ZFLElBQUEsS0FBQSxPQUFrRCxLQUFLLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUEsRUFBbEYsb0JBQW9CLFFBQUEsRUFBRSx1QkFBdUIsUUFBcUMsQ0FBQTtJQUNuRixJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQXRFLGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQyxDQUFBO0lBQ3ZFLElBQUEsS0FBQSxPQUE0QyxLQUFLLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBT3ZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLGVBQWUscUJBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUE5QyxRQUFNLFFBQUEsRUFBRSxXQUFTLFFBQTZCLENBQUE7UUFDL0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBcUMsQ0FBQTtRQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUseUJBQXVCLFFBQXFDLENBQUE7UUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBcUMsQ0FBQTtRQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQTVFLGlCQUFpQixRQUFBLEVBQUUsc0JBQW9CLFFBQXFDLENBQUE7UUFDN0UsSUFBQSxLQUFBLE9BQWdELEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFB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

package/lib/components/input/hook/useInput.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import { IconName } from '../../../components/icon';
+import { IconColor } from '../../../components/icon/IconEnum';
+import { IconNameValues } from '../../../components/icon/IconNameEnum';
+import { InputStatus, InputStatusValues, InputType, InputTypeValues } from '../../../components/input/InputEnum';
+import { InputChangeEventHandlerWeb, InputClickEventHandler, InputKeyboardEventHandler } from '../../../components/input/InputProps';
+interface IconWrapper {
+    className?: string;
+    name: IconName | IconNameValues;
+    color?: IconColor;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    closeIconSearch?: boolean;
+    type?: InputType | InputTypeValues;
+    _value?: string;
+    onClickCloseIconSearch?: () => void;
+    onPress?: () => void;
+}
+interface IParams {
+    defaultValue?: string;
+    focused?: boolean;
+    status?: InputStatus | InputStatusValues;
+    type: InputType | InputTypeValues;
+    value?: string;
+    validator?: ((value: string) => InputStatus | InputStatusValues) | undefined;
+    onStatusChange?: (status: InputStatus | InputStatusValues) => void;
+    onChange?: InputChangeEventHandlerWeb;
+    onKeyUp?: InputKeyboardEventHandler;
+    onKeyPress?: InputKeyboardEventHandler;
+    onIconClick?: InputClickEventHandler;
+    onClick?: InputClickEventHandler;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onMouseEnter?: (event: React.MouseEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent) => void;
+    forceControl?: boolean;
+}
+export declare const useInput: ({ defaultValue, focused, status, type, value, validator, onStatusChange, onKeyUp, onKeyPress, onMouseEnter, onMouseLeave, onClick, forceControl, onChange, onFocus, onBlur, onIconClick, }: IParams) => {
+    localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
+    inputType: "number" | "search" | "text" | "email" | InputType | "password" | "date" | "datetime-local";
+    _value: string;
+    isShowPwd: boolean;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClick: (e: React.MouseEvent<Element>) => void;
+    handleFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    handleKeyPress: (e: React.KeyboardEvent) => void | undefined;
+    handleKeyUp: (e: React.KeyboardEvent) => void | undefined;
+    handleMouseEnter: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
+    handleMouseLeave: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
+    IconWrapper: ({ className, name, color, closeIconSearch, onPress }: IconWrapper) => React.JSX.Element;
+    handlePressIconPwd: () => void;
+} | {
+    localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
+    inputType: "number" | "search" | "text" | "email" | InputType | "password" | "date" | "datetime-local";
+    _value: string;
+    isShowPwd: boolean;
+    IconWrapper: ({ className, name, color, closeIconSearch, onClick, type, _value, onClickCloseIconSearch, }: IconWrapper) => React.JSX.Element;
+    handleBlur?: undefined;
+    handleChange?: undefined;
+    handleClick?: undefined;
+    handleFocus?: undefined;
+    handleKeyPress?: undefined;
+    handleKeyUp?: undefined;
+    handleMouseEnter?: undefined;
+    handleMouseLeave?: undefined;
+    handlePressIconPwd?: undefined;
+};
+export {};

package/lib/components/input/hook/useInput.js

@@ -0,0 +1,151 @@
+import { __assign, __read } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import { Icon, IconName, IconSize } from '../../../components/icon';
+import { InputStatus, InputType } from '../../../components/input/InputEnum';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+export var useInput = function (_a) {
+    var defaultValue = _a.defaultValue, focused = _a.focused, status = _a.status, type = _a.type, value = _a.value, validator = _a.validator, onStatusChange = _a.onStatusChange, onKeyUp = _a.onKeyUp, onKeyPress = _a.onKeyPress, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClick = _a.onClick, forceControl = _a.forceControl, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onIconClick = _a.onIconClick;
+    try {
+        var _b = __read(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value_1 = _b[0], setValue_1 = _b[1];
+        var _c = __read(React.useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused_1 = _c[0], setIsFocused_1 = _c[1];
+        var _d = __read(React.useState(false), 2), isDirty_1 = _d[0], setIsDirty_1 = _d[1];
+        var _e = __read(React.useState(false), 2), isTouched_1 = _e[0], setIsTouched_1 = _e[1];
+        var _f = __read(React.useState(status || InputStatus.DEFAULT), 2), localStatus_1 = _f[0], setLocalStatus_1 = _f[1];
+        var _g = __read(React.useState(type), 2), inputType_1 = _g[0], setInputType_1 = _g[1];
+        var _h = __read(React.useState(false), 2), isShowPwd = _h[0], setIsShowPwd_1 = _h[1];
+        var onPressKey_1 = React.useCallback(function (e) {
+            var target = e.target;
+            return {
+                inputName: target.name,
+                inputValue: target.value,
+                inputKeyCode: e.keyCode,
+                target: target,
+                preventDefault: function () { return e.preventDefault(); },
+            };
+        }, []);
+        var IconWrapper = React.useCallback(function (_a) {
+            var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onPress = _a.onPress;
+            return (React.createElement(CreateIconWrapper, { className: className, name: name, color: color, closeIconSearch: closeIconSearch, onClick: function (e) {
+                    onPress && onPress();
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value_1, target: e.target });
+                    }
+                }, type: type, _value: _value_1, onClickCloseIconSearch: function () { return setValue_1(''); } }));
+        }, [_value_1, onIconClick, type]);
+        var handleKeyUp = React.useCallback(function (e) { return onKeyUp && onKeyUp(onPressKey_1(e)); }, [onKeyUp]);
+        var handleMouseEnter = React.useCallback(function (e) { return onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e); }, [onMouseEnter]);
+        var handleMouseLeave = React.useCallback(function (e) { return onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e); }, [onMouseLeave]);
+        var handleKeyPress = React.useCallback(function (e) { return onKeyPress && onKeyPress(onPressKey_1(e)); }, [onKeyPress]);
+        var handleClick = React.useCallback(function (e) {
+            var target = e.target;
+            if (onClick) {
+                onClick({
+                    inputName: target.name,
+                    inputValue: target.value,
+                    target: target,
+                });
+            }
+        }, [onClick]);
+        var handleChange = React.useCallback(function (e) {
+            // --- solution to prevent cursor jump ---
+            if (inputType_1 !== InputType.DATE &&
+                inputType_1 !== InputType.DATETIME_LOCAL &&
+                inputType_1 !== InputType.NUMBER &&
+                inputType_1 !== InputType.EMAIL) {
+                var caret_1 = e.target.selectionStart;
+                var element_1 = e.target;
+                window.requestAnimationFrame(function () {
+                    element_1.selectionStart = caret_1;
+                    element_1.selectionEnd = caret_1;
+                });
+            }
+            if (!forceControl)
+                setValue_1(e.target.value);
+            if (onChange) {
+                onChange({
+                    inputName: e.target.name,
+                    inputValue: e.target.value,
+                    inputSelectionStart: e.target.selectionStart,
+                    target: e.target,
+                });
+            }
+        }, [forceControl, onChange, inputType_1]);
+        var handleFocus = React.useCallback(function (e) {
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+            setIsFocused_1(true);
+        }, [onFocus]);
+        var handleBlur = React.useCallback(function (e) {
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+            setIsFocused_1(false);
+        }, [onBlur]);
+        var handlePressIconPwd = React.useCallback(function () {
+            if (inputType_1 === 'password') {
+                setInputType_1('text');
+                setIsShowPwd_1(true);
+            }
+            else {
+                setInputType_1('password');
+                setIsShowPwd_1(false);
+            }
+        }, [inputType_1]);
+        React.useEffect(function () {
+            var _a;
+            setValue_1((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
+        }, [value, defaultValue]);
+        React.useEffect(function () {
+            setIsFocused_1(focused !== null && focused !== void 0 ? focused : false);
+        }, [focused]);
+        React.useEffect(function () {
+            if (isFocused_1)
+                setIsDirty_1(true);
+            else if (isDirty_1)
+                setIsTouched_1(true);
+        }, [isFocused_1, isDirty_1]);
+        React.useEffect(function () {
+            if (!validator || !isTouched_1)
+                return;
+            setLocalStatus_1(validator(_value_1));
+        }, [isFocused_1, isTouched_1, validator]);
+        React.useEffect(function () {
+            setLocalStatus_1(status || InputStatus.DEFAULT);
+        }, [status]);
+        React.useEffect(function () {
+            if (onStatusChange)
+                onStatusChange(localStatus_1);
+        }, [localStatus_1, onStatusChange]);
+        return {
+            localStatus: localStatus_1,
+            inputType: inputType_1,
+            _value: _value_1,
+            isShowPwd: isShowPwd,
+            handleBlur: handleBlur,
+            handleChange: handleChange,
+            handleClick: handleClick,
+            handleFocus: handleFocus,
+            handleKeyPress: handleKeyPress,
+            handleKeyUp: handleKeyUp,
+            handleMouseEnter: handleMouseEnter,
+            handleMouseLeave: handleMouseLeave,
+            IconWrapper: IconWrapper,
+            handlePressIconPwd: handlePressIconPwd,
+        };
+    }
+    catch (_j) {
+        return {
+            localStatus: status || InputStatus.DEFAULT,
+            inputType: type,
+            _value: defaultValue !== null && defaultValue !== void 0 ? defaultValue : '',
+            isShowPwd: false,
+            IconWrapper: CreateIconWrapper,
+        };
+    }
+};
+var CreateIconWrapper = function (_a) {
+    var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onClick = _a.onClick, type = _a.type, _value = _a._value, onClickCloseIconSearch = _a.onClickCloseIconSearch;
+    return (React.createElement("div", __assign({}, (type === 'password' && { 'data-show-pwd': true }), { onClick: onClick }),
+        React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
+        _value && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: onClickCloseIconSearch, className: hashClass(clsx(is('justified-self'))), name: IconName.TIMES_CIRCLE, size: IconSize.SMALL }))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2hvb2svdXNlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVELE9BQU8sRUFBRSxXQUFXLEVBQXFCLFNBQVMsRUFBbUIsTUFBTSw4QkFBOEIsQ0FBQTtBQU16RyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBa0N4QyxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWtCZjtRQWpCUixZQUFZLGtCQUFBLEVBQ1osT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsY0FBYyxvQkFBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLE9BQU8sYUFBQSxFQUNQLFlBQVksa0JBQUEsRUFDWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBO0lBRVgsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFxQixLQUFLLENBQUMsUUFBUSxDQUFTLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQTlELFFBQU0sUUFBQSxFQUFFLFVBQVEsUUFBOEMsQ0FBQTtRQUMvRCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLGFBQVAsT0FBTyxjQUFQ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

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

@@ -1,4 +1,3 @@
-import Input from './Input';
-export * from './InputEnum';
-export * from './InputProps';
-export { Input };
+export { default as Input } from '../../components/input/Input';
+export * from '../../components/input/InputEnum';
+export * from '../../components/input/InputProps';

package/lib/components/input/index.js

@@ -1,5 +1,4 @@
-import Input from './Input';
-export * from './InputEnum';
-export * from './InputProps';
-export { Input };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
+export { default as Input } from '../../components/input/Input';
+export * from '../../components/input/InputEnum';
+export * from '../../components/input/InputProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksS0FBSyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDM0QsY0FBYyw4QkFBOEIsQ0FBQTtBQUM1QyxjQUFjLCtCQUErQixDQUFBIn0=

package/lib/components/link/Link.d.ts

@@ -1,23 +1,28 @@
-/// <reference types="react" />
-import { LinkProps } from './LinkProps';
+import React from 'react';
+import { LinkProps } from '../../components/link/LinkProps';
 /**
  * Link Component
  * @param children {React.ReactNode} Content children for Link
- * @param id
  * @param href {string} Link to open
  * @param to {string} use for router
  * @param title {string} Title attribute
  * @param onClick {Function} onClick Event
+ * @param typo {TypographyAlign} Typos align link
  * @param accessibilityLabel {string} Accessibility label
  * @param iconName {IconName} Adding Icon Link
+ * @param testId {string} Test Id for Test Integration
  * @param inverted {boolean} Inverted link
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param href {string} Href link
+ * @param removeLinkClass {boolean}
  * @param routerLink Custom Router Link as props
  * @param blank Link Target Blank
  * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
+ * @param style {Object} Additional styles
  */
-declare const Link: ({ children, className, id, to, href, onClick, accessibilityLabel, routerLink, iconName, inverted, blank, title, ...others }: LinkProps) => JSX.Element;
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
 export default Link;

package/lib/components/link/Link.js

@@ -1,50 +1,64 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { has, is } from '../../services/classify';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../components/icon';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import { Text, TextMarkup } from '../../components/text';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
 /**
  * Link Component
  * @param children {React.ReactNode} Content children for Link
- * @param id
  * @param href {string} Link to open
  * @param to {string} use for router
  * @param title {string} Title attribute
  * @param onClick {Function} onClick Event
+ * @param typo {TypographyAlign} Typos align link
  * @param accessibilityLabel {string} Accessibility label
  * @param iconName {IconName} Adding Icon Link
+ * @param testId {string} Test Id for Test Integration
  * @param inverted {boolean} Inverted link
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param href {string} Href link
+ * @param removeLinkClass {boolean}
  * @param routerLink Custom Router Link as props
  * @param blank Link Target Blank
  * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
+ * @param style {Object} Additional styles
  */
-var Link = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, to = _a.to, href = _a.href, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, title = _a.title, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank", "title"]);
-    var styled = useTrilogyContext().styled;
-    var classes = clsx('link', iconName && has('icon'), inverted && is('inverted'), className);
+var Link = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, removeLinkClass = _a.removeLinkClass, to = _a.to, href = _a.href, title = _a.title, onClick = _a.onClick, typo = _a.typo, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, others = __rest(_a, ["children", "className", "removeLinkClass", "to", "href", "title", "onClick", "typo", "testId", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank"]);
+    var classes = clsx(iconName && has('icon'), typo, inverted && is('inverted'), className);
     if (routerLink && to) {
         var RouterLink_1 = (routerLink ? routerLink : 'a');
         var RouterLinkTrilogy = function () {
-            return (React.createElement(RouterLink_1, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
+            return (React.createElement(RouterLink_1, __assign({ "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(clsx(classes)), to: to || '' }, (blank && {
                 target: '_blank',
-            }), others), children));
+            }), { ref: ref }, others), title || children));
         };
+        if (typo) {
+            return (React.createElement("div", { className: hashClass(clsx(typo)), ref: ref },
+                React.createElement(RouterLinkTrilogy, null)));
+        }
         return React.createElement(RouterLinkTrilogy, null);
     }
     var LinkTrilogy = function () {
-        return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, title: title, href: href }, (blank && {
+        return (React.createElement(Text, __assign({ link: true, "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick && onClick, title: title, markup: TextMarkup.A, className: classes, href: href }, (blank && {
             target: '_blank',
-        }), others), iconName ? (React.createElement(React.Fragment, null,
-            React.createElement("span", null, children),
+        }), { ref: ref }, others), iconName ? (React.createElement(React.Fragment, null,
+            React.createElement(Text, { markup: 'span' }, children),
             React.createElement(Icon, { name: iconName, size: IconSize.SMALL }))) : (children)));
     };
+    if (typo) {
+        return (React.createElement("div", { className: hashClass(clsx(typo)), ref: ref },
+            React.createElement(LinkTrilogy, null)));
+    }
     return React.createElement(LinkTrilogy, null);
-};
+});
+Link.displayName = ComponentName.Link;
 export default Link;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBRUgsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWNGO0lBYlYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiRyxzSUFjYixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFFNUYsSUFBSSxVQUFVLElBQUksRUFBRSxFQUFFO1FBQ3BCLElBQU0sWUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUV2RSxJQUFNLGlCQUFpQixHQUFHO1lBQ3hCLE9BQU8sQ0FDTCxvQkFBQyxZQUFVLGFBQ1QsRUFBRSxFQUFFLEVBQUUsZ0JBQ00sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQ1IsQ0FBQyxLQUFLLElBQUk7Z0JBQ1osTUFBTSxFQUFFLFFBQVE7YUFDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0UsQ0FDZCxDQUFBO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsT0FBTyxvQkFBQyxpQkFBaUIsT0FBRyxDQUFBO0tBQzdCO0lBRUQsSUFBTSxXQUFXLEdBQUc7UUFDbEIsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLENBQUMsS0FBSyxJQUFJO1lBQ1osTUFBTSxFQUFFLFFBQVE7U0FDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7WUFDRSxrQ0FBTyxRQUFRLENBQVE7WUFDdkIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUNDLENBQ0wsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sb0JBQUMsV0FBVyxPQUFHLENBQUE7QUFDeEIsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUVILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFnQlksRUFDWixHQUE0QztJQWhCMUMsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxlQUFlLHFCQUFBLEVBQ2YsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDRixNQUFNLGNBZlgscUtBZ0JDLENBRFU7SUFJWCxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQTtJQUUxRixJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxZQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBRXZFLElBQU0saUJBQWlCLEdBQUc7WUFDeEIsT0FBTyxDQUNMLG9CQUFDLFlBQVUsNEJBQ0ksTUFBTSxnQkFDUCxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQ25DLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUNSLENBQUMsS0FBSyxJQUFJO2dCQUNaLE1BQU0sRUFBRSxRQUFRO2FBQ2pCLENBQUMsSUFDRixHQUFHLEVBQUUsR0FBRyxJQUNKLE1BQU0sR0FFVCxLQUFLLElBQUksUUFBUSxDQUNQLENBQ2QsQ0FBQTtRQUNILENBQUMsQ0FBQTtRQUVELElBQUksSUFBSSxFQUFFO1lBQ1IsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQWdDO2dCQUMxRSxvQkFBQyxpQkFBaUIsT0FBRyxDQUNqQixDQUNQLENBQUE7U0FDRjtRQUVELE9BQU8sb0JBQUMsaUJBQWlCLE9BQUcsQ0FBQTtLQUM3QjtJQUVELElBQU0sV0FBVyxHQUFHO1FBQ2xCLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsSUFBSSx1QkFDUyxNQUFNLGdCQUNQLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsS0FBSyxFQUFFLEtBQUssRUFDWixNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsRUFDcEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFFLElBQUksSUFDTixDQUFDLEtBQUssSUFBSTtZQUNaLE1BQU0sRUFBRSxRQUFRO1NBQ2pCLENBQUMsSUFDRixHQUFHLEVBQUUsR0FBRyxJQUNKLE1BQU0sR0FFVCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7WUFDRSxvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFDLE1BQU0sSUFBRSxRQUFRLENBQVE7WUFDckMsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUNJLENBQ1IsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQWdDO1lBQzFFLG9CQUFDLFdBQVcsT0FBRyxDQUNYLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxvQkFBQyxXQUFXLE9BQUcsQ0FBQTtBQUN4QixDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/link/Link.native.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { LinkProps } from './LinkProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import React from 'react';
+import { View } from 'react-native';
+import { LinkProps } from '../../components/link/LinkProps';
 /**
  * Link Component
  * @param to {string} Url to open
  * @param title {string} Title attribute
+ * @param typo {TypographyAlign} Typos align link
  * @param onClick {Function} onClick Event
  * @param children {React.ReactNode}
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
  * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
  * @param iconName {IconName} Adding Icon Link
  * @param inverted {boolean} Inverted link
+ * @param style {Object} Additional styles
  */
-declare const Link: {
-    ({ children, to, onClick, testId, accessibilityLabel, inline, iconName, inverted, ...others }: LinkProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<View>>;
 export default Link;