@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-prompt-fix-disabled

package/lib/components/input/gauge/InputGauge.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ISecurityRules, IValidationRules } from '../../../components/input/InputProps';
+interface InputGaugeProps {
+    /** @deprecated use securityRules instead */
+    validationRules?: IValidationRules;
+    styled: boolean;
+    inputValue: string;
+    securityRules?: ISecurityRules[];
+}
+declare const InputGauge: ({ validationRules, styled, inputValue, securityRules }: InputGaugeProps) => JSX.Element;
+export default InputGauge;

package/lib/components/input/gauge/InputGauge.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import clsx from 'clsx';
+import React, { useId } from 'react';
+import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
+import { hashClass } from '../../../helpers';
+import { useGauge } from './hook/useGauge';
+var InputGauge = function (_a) {
+    var validationRules = _a.validationRules, styled = _a.styled, inputValue = _a.inputValue, securityRules = _a.securityRules;
+    var id = useId();
+    var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
+    return (React.createElement("div", { "data-testid": 'security-gauge', className: hashClass(styled, clsx('security-gauge-container')) },
+        React.createElement("div", { className: hashClass(styled, clsx('security-gauge')) },
+            React.createElement("div", { "data-gauge": true, style: { width: widthGauge, backgroundColor: colorGauge() }, className: hashClass(styled, clsx('gauge')) })),
+        React.createElement("div", { className: hashClass(styled, clsx('security-gauge-verifies')) },
+            validationRules && (React.createElement(React.Fragment, null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-length': true }, type: LengthvalidationRulesText, classes: 'security-length', color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), dataAttribute: { 'data-security-uppercase': true }, classes: 'security-uppercase', type: 'Majuscule', color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), dataAttribute: { 'data-security-lowercase': true }, classes: 'security-lowercase', type: 'Minuscule', color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }))),
+            securityRules &&
+                rules &&
+                rules.map(function (rule) { return (React.createElement(DataVerify, { key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled, dataAttribute: rule.dataAttribute })); }))));
+};
+var DataVerify = function (_a) {
+    var dataAttribute = _a.dataAttribute, type = _a.type, display = _a.display, color = _a.color, iconName = _a.iconName, classes = _a.classes, styled = _a.styled;
+    if (!display)
+        return null;
+    return (React.createElement("div", __assign({}, dataAttribute, { className: hashClass(styled, clsx('security', classes)) }),
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement("span", null, type)));
+};
+export default InputGauge;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaW5wdXQvZ2F1Z2UvSW5wdXRHYXVnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFvQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBdUU7UUFBckUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQ3RFLElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCw0Q0FBaUIsZ0JBQWdCLEVBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDOUYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDdkQsaURBRUUsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFDM0QsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQzNDLENBQ0U7UUFDTiw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMseUJBQXlCLENBQUMsQ0FBQztZQUMvRCxlQUFlLElBQUksQ0FDbEI7Z0JBQ0Usb0JBQUMsVUFBVSxJQUNULE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQSxlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUUsTUFBTSxDQUFBLEVBQ2xDLGFBQWEsRUFBRSxFQUFFLHNCQUFzQixFQUFFLElBQUksRUFBRSxFQUMvQyxJQUFJLEVBQUUseUJBQXlCLEVBQy9CLE9BQU8sRUFBQyxpQkFBaUIsRUFDekIsS0FBSyxFQUFFLGNBQWMsQ0FBQyxLQUFLLEVBQzNCLFFBQVEsRUFBRSxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUMxRSxNQUFNLEVBQUUsTUFBTSxHQUNkO2dCQUNGLG9CQUFDLFVBQVUsSUFDVCxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUEsZUFBZSxhQUFmLGVBQWUsdUJBQWYsZUFBZSxDQUFFLFNBQVMsQ0FBQSxFQUNyQyxhQUFhLEVBQUUsRUFBRSx5QkFBeUIsRUFBRSxJQUFJLEVBQUUsRUFDbEQsT0FBTyxFQUFDLG9CQUFvQixFQUM1QixJQUFJLEVBQUMsV0FBVyxFQUNoQixLQUFLLEVBQUUsaUJBQWlCLENBQUMsS0FBSyxFQUM5QixRQUFRLEVBQUUsaUJBQWlCLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUM3RSxNQUFNLEVBQUUsTUFBTSxHQUNkO2dCQUNGLG9CQUFDLFVBQVUsSUFDVCxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUEsZUFBZSxhQUFmLGVBQWUsdUJBQWYsZUFBZSxDQUFFLFlBQVksQ0FBQSxFQUN4QyxhQUFhLEVBQUUsRUFBRSw2QkFBNkIsRUFBRSxJQUFJLEVBQUUsRUFDdEQsT0FBTyxFQUFDLHdCQUF3QixFQUNoQyxJQUFJLEVBQUMsK0JBQXFCLEVBQzFCLEtBQUssRUFBRSxvQkFBb0IsQ0FBQyxLQUFLLEVBQ2pDLFFBQVEsRUFBRSxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQ2hGLE1BQU0sRUFBRSxNQUFNLEdBQ2Q7Z0JBQ0Ysb0JBQUMsVUFBVSxJQUNULE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQSxlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUUsU0FBUyxDQUFBLEVBQ3JDLGFBQWEsRUFBRSxFQUFFLHlCQUF5QixFQUFFLElBQUksRUFBRSxFQUNsRCxPQUFPLEVBQUMsb0JBQW9CLEVBQzVCLElBQUksRUFBQyxXQUFXLEVBQ2hCLEtBQUssRUFBRSxtQkFBbUIsQ0FBQyxLQUFLLEVBQ2hDLFFBQVEsRUFBRSxtQkFBbUIsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQy9FLE1BQU0sRUFBRSxNQUFNLEdBQ2Q7Z0JBQ0Ysb0JBQUMsVUFBVSxJQUNULE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQSxlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUUsTUFBTSxDQUFBLEVBQ2xDLGFBQWEsRUFBRSxFQUFFLHNCQUFzQixFQUFFLElBQUksRUFBRSxFQUMvQyxPQUFPLEVBQUMsaUJBQWlCLEVBQ3pCLElBQUksRUFBQyxTQUFTLEVBQ2QsS0FBSyxFQUFFLGNBQWMsQ0FBQyxLQUFLLEVBQzNCLFFBQVEsRUFBRSxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUMxRSxNQUFNLEVBQUUsTUFBTSxHQUNkLENBQ0QsQ0FDSjtZQUNBLGFBQWE7Z0JBQ1osS0FBSztnQkFDTCxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FDbEIsb0JBQUMsVUFBVSxJQUNULEdBQUcsRUFBRSxVQUFHLEVBQUUsY0FBSSxJQUFJLENBQUMsS0FBSyxDQUFFLEVBQzFCLE9BQU8sRUFBRSxJQUFJLEVBQ2IsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2hCLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUM1RCxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFDaEUsTUFBTSxFQUFFLE1BQU0sRUFDZCxhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWEsR0FDakMsQ0FDSCxFQVZtQixDQVVuQixDQUFDLENBQ0EsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBUUY7UUFQaEIsYUFBYSxtQkFBQSxFQUNiLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQTtJQUVOLElBQUksQ0FBQyxPQUFPO1FBQUUsT0FBTyxJQUFJLENBQUE7SUFFekIsT0FBTyxDQUNMLHdDQUFTLGFBQWEsSUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzdFLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEdBQUk7UUFDOUQsa0NBQU8sSUFBSSxDQUFRLENBQ2YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/input/gauge/InputGauge.native.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ISecurityRules, IValidationRules } from '../../../components/input/InputProps';
+interface InputGaugeProps {
+    validationRules?: IValidationRules;
+    inputValue: string;
+    securityRules?: ISecurityRules[];
+}
+declare const InputGauge: ({ validationRules, inputValue, securityRules }: InputGaugeProps) => JSX.Element;
+export default InputGauge;

package/lib/components/input/gauge/InputGauge.native.js

@@ -0,0 +1,65 @@
+import React, { useId } from 'react';
+import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
+import { Text } from '../../../components/text';
+import { TrilogyColor, getColorStyle } from '../../../objects';
+import { StyleSheet, View } from 'react-native';
+import { useGauge } from './hook/useGauge';
+var InputGauge = function (_a) {
+    var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
+    var id = useId();
+    var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
+    return (React.createElement(View, null,
+        React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE) }] },
+            React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })),
+        React.createElement(View, { style: styles.verifies },
+            validationRules && (React.createElement(React.Fragment, null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText, index: 1 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Majuscule', index: 2 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Caract\u00E8res sp\u00E9ciaux', index: 3 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Minuscule', index: 4 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Chiffre', index: 5 }))),
+            securityRules &&
+                rules &&
+                rules.map(function (rule, index) { return (React.createElement(DataVerify, { index: index + 1, key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES })); }))));
+};
+var DataVerify = function (_a) {
+    var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type, index = _a.index;
+    if (!display)
+        return null;
+    return (React.createElement(View, { style: [styles.verify, index % 2 === 0 ? styles.even : undefined] },
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement(Text, { style: styles.textVerify }, type)));
+};
+export default InputGauge;
+var styles = StyleSheet.create({
+    even: {
+        justifyContent: 'flex-end',
+    },
+    verify: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 4,
+        flexBasis: '50%',
+        flexGrow: 0,
+        flexShrink: 1,
+    },
+    textVerify: {
+        marginLeft: 8,
+    },
+    verifies: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        flexWrap: 'wrap',
+    },
+    containerGauge: {
+        height: 4,
+        width: '100%',
+        borderRadius: 4,
+        marginVertical: 8,
+    },
+    gauge: {
+        height: 4,
+        borderRadius: 4,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL0lucHV0R2F1Z2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFnQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBK0Q7UUFBN0QsZUFBZSxxQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQzlELElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxj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

package/lib/components/input/gauge/hook/useGauge.d.ts

@@ -0,0 +1,40 @@
+import { IconColor } from '../../../../components/icon';
+import { ISecurityRules, IValidationRules } from '../../../../components/input/InputProps';
+interface IParams {
+    validationRules?: IValidationRules;
+    inputValue: string;
+    securityRules?: ISecurityRules[];
+}
+export declare const useGauge: ({ validationRules, inputValue, securityRules }: IParams) => {
+    LengthvalidationRulesText: string;
+    colorGauge: () => string;
+    widthGauge: string;
+    isLengthVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isLowerercaseVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isNumberVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isSpecialCharsVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isUppercaseVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    rules: {
+        label: string | undefined;
+        validate: boolean;
+        dataAttribute: {
+            [key: string]: string | number | boolean;
+        } | undefined;
+    }[] | undefined;
+};
+export {};

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

@@ -0,0 +1,104 @@
+import { __read } from "tslib";
+import React, { useEffect, useMemo } 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, securityRules = _a.securityRules;
+    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) ||
+            (securityRules && securityRules.length) ||
+            0;
+    }, [validationRules, securityRules]);
+    var rules = React.useMemo(function () {
+        return securityRules &&
+            securityRules.map(function (_a) {
+                var label = _a.label, patternValidator = _a.patternValidator, dataAttribute = _a.dataAttribute;
+                return ({
+                    label: label,
+                    validate: !!(patternValidator === null || patternValidator === void 0 ? void 0 : patternValidator.test(inputValue)),
+                    dataAttribute: dataAttribute,
+                });
+            });
+    }, [inputValue, securityRules]);
+    var calcPoints = React.useMemo(function () {
+        if (validationRules) {
+            return Number(((points / nbAllVerifies) * 100).toFixed(0));
+        }
+        if (securityRules) {
+            var pts = (rules === null || rules === void 0 ? void 0 : rules.filter(function (rule) { return rule.validate; }).length) || 0;
+            return Number(((pts / nbAllVerifies) * 100).toFixed(0));
+        }
+        return 0;
+    }, [points, nbAllVerifies, rules, validationRules, securityRules]);
+    var widthGauge = React.useMemo(function () {
+        if (calcPoints <= 50 && calcPoints > 0)
+            return '50%';
+        if (calcPoints <= 99 && calcPoints > 50)
+            return '75%';
+        if (calcPoints === 100)
+            return '100%';
+        return '0%';
+    }, [calcPoints, nbAllVerifies]);
+    var colorGauge = function () {
+        if (calcPoints <= 50 && calcPoints > 0)
+            return getColorStyle(TrilogyColor.ERROR);
+        if (calcPoints <= 99 && calcPoints > 50)
+            return getColorStyle(TrilogyColor.WARNING);
+        if (calcPoints === 100)
+            return getColorStyle(TrilogyColor.SUCCESS);
+        return getColorStyle(TrilogyColor.NEUTRAL_FADE);
+    };
+    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,
+        rules: rules,
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBUXZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXVEOztRQUFyRCxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDN0QsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBOUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUE2QixDQUFBO0lBQ3JELElBQU0saUJBQWlCLEdBQUcsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUsdUJBQXVCLFFBQXFDLENBQUE7SUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEs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

package/lib/components/input/index.js

@@ -2,4 +2,4 @@ import Input from './Input';
 export * from './InputEnum';
 export * from './InputProps';
 export { Input };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

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

@@ -1,28 +1,24 @@
-/// <reference types="react" />
-import { LinkProps } from './LinkProps';
+import * as React from 'react';
+import { LinkProps, LinkRef } from './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 tertiary {boolean} Tertiary variant
  * @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 others
+ * @param inverted {boolean} Inverted link
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param fixed {boolean} Static link with no animation
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param href {string} Href link
- * @param removeLinkClass {boolean}
  * @param routerLink Custom Router Link as props
  * @param blank Link Target Blank
+ * @param rel {string} Relationship between the current document and the linked document
+ * @param small {boolean} small link
  * -------------------------- NATIVE PROPERTIES -------------------------------
- * @param inline {boolean} If link is inside paragraphe
- * @param level {TextLevels} if inline, size to match with Text
  */
-declare const Link: ({ children, className, removeLinkClass, fixed, to, href, tertiary, title, onClick, typo, testId, accessibilityLabel, routerLink, iconName, inverted, blank, ...others }: LinkProps) => JSX.Element;
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<LinkRef>>;
 export default Link;

package/lib/components/link/Link.js

@@ -1,62 +1,53 @@
-import React from 'react';
-import clsx from 'clsx';
-import { Text, TextMarkup } from '../text';
-import { has, is } from '../../services/classify';
-import { Icon, IconSize } from '../icon';
-import { hashClass } from '../../helpers';
+import { __assign, __rest } from "tslib";
+import { Icon, IconSize } from '../../components/icon';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * 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 tertiary {boolean} Tertiary variant
  * @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 others
+ * @param inverted {boolean} Inverted link
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param fixed {boolean} Static link with no animation
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param href {string} Href link
- * @param removeLinkClass {boolean}
  * @param routerLink Custom Router Link as props
  * @param blank Link Target Blank
+ * @param rel {string} Relationship between the current document and the linked document
+ * @param small {boolean} small link
  * -------------------------- NATIVE PROPERTIES -------------------------------
- * @param inline {boolean} If link is inside paragraphe
- * @param level {TextLevels} if inline, size to match with Text
  */
-const Link = ({ children, className, removeLinkClass, fixed, to, href, tertiary, title, onClick, typo, testId, accessibilityLabel, routerLink, iconName, inverted, blank, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = clsx(!removeLinkClass && 'link', fixed && is('static'), tertiary && has('text-tertiary'), iconName && has('icon'), typo, inverted && is('inverted'), className);
+var Link = React.forwardRef(function (_a, ref) {
+    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, testId = _a.testId, small = _a.small, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank", "title", "testId", "small"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('link', iconName && has('icon'), inverted && is('inverted'), small && is('small'), className));
     if (routerLink && to) {
-        const RouterLink = (routerLink ? routerLink : 'a');
-        const RouterLinkTrilogy = () => {
-            return (React.createElement(RouterLink, { "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '', ...(blank && {
-                    target: '_blank',
-                }), ...others }, title || children));
+        var RouterLink_1 = (routerLink ? routerLink : 'a');
+        var RouterLinkTrilogy = function () {
+            return (React.createElement(RouterLink_1, __assign({ "data-testid": testId, ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
+                target: '_blank',
+            }), others), children));
         };
-        if (typo) {
-            return (React.createElement("div", { className: hashClass(styled, clsx(typo)) },
-                React.createElement(RouterLinkTrilogy, null)));
-        }
         return React.createElement(RouterLinkTrilogy, null);
     }
-    const LinkTrilogy = () => {
-        return (React.createElement(Text, { "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(Text, { markup: 'span' }, children),
+    var LinkTrilogy = function () {
+        return (React.createElement("a", __assign({ "data-testid": testId, ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, title: title, href: href }, (blank && {
+            target: '_blank',
+        }), others), iconName ? (React.createElement(React.Fragment, null,
+            React.createElement("span", null, children),
             React.createElement(Icon, { name: iconName, size: IconSize.SMALL }))) : (children)));
     };
-    if (typo) {
-        return (React.createElement("div", { className: hashClass(styled, clsx(typo)) },
-            React.createElement(LinkTrilogy, null)));
-    }
     return React.createElement(LinkTrilogy, null);
-};
+});
+Link.displayName = ComponentName.Link;
 export default Link;
-//# sourceMappingURL=Link.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUVILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFnQkMsRUFDRCxHQUFHO0lBaEJELElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNBZlgseUpBZ0JDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVySSxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxZQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBRXZFLElBQU0saUJBQWlCLEdBQUc7WUFDeEIsT0FBTyxDQUNMLG9CQUFDLFlBQVUsNEJBQ0ksTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQzNDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUNSLENBQUMsS0FBSyxJQUFJO2dCQUNaLE1BQU0sRUFBRSxRQUFRO2FBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtRQUNILENBQUMsQ0FBQTtRQUVELE9BQU8sb0JBQUMsaUJBQWlCLE9BQUcsQ0FBQTtLQUM3QjtJQUVELElBQU0sV0FBVyxHQUFHO1FBQ2xCLE9BQU8sQ0FDTCxtREFDZSxNQUFNLEVBQ25CLEdBQUcsRUFBRSxHQUFtQyxFQUN4QyxFQUFFLEVBQUUsRUFBRSxnQkFDTSxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osSUFBSSxFQUFFLElBQUksSUFDTixDQUFDLEtBQUssSUFBSTtZQUNaLE1BQU0sRUFBRSxRQUFRO1NBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNWO1lBQ0Usa0NBQU8sUUFBUSxDQUFRO1lBQ3ZCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQzdDLENBQ0osQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDQyxDQUNMLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLG9CQUFDLFdBQVcsT0FBRyxDQUFBO0FBQ3hCLENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=

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

@@ -1,23 +1,16 @@
-/// <reference types="react" />
-import { LinkProps } from './LinkProps';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from 'react';
+import { Text } from 'react-native';
+import { LinkPropsNative } from './LinkProps';
 /**
  * Link Component
- * @param plain {boolean} Link without underline
  * @param to {string} Url to open
- * @param tertiary {boolean} Tertiary variant
  * @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
  */
-declare const Link: {
-    ({ children, to, tertiary, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, ...others }: LinkProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Link: React.ForwardRefExoticComponent<LinkPropsNative & React.RefAttributes<Text>>;
 export default Link;