@trilogy-ds/react 0.0.1-beta.8 → 0.0.3-beta-v4

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { TrilogyColor, getColorStyle } from '../../../objects';
+import { Icon, IconName, IconSize } from '../../../components/icon';
+import { Text } from '../../../components/text';
+import { useGauge } from './hook/useGauge';
+var InputGauge = function (_a) {
+    var validationRules = _a.validationRules, inputValue = _a.inputValue;
+    var _b = useGauge({ validationRules: validationRules, inputValue: inputValue }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify;
+    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 },
+            React.createElement(View, 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 }),
+                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' }),
+                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' })),
+            React.createElement(View, null,
+                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' }),
+                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' })))));
+};
+var DataVerify = function (_a) {
+    var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type;
+    if (!display)
+        return null;
+    return (React.createElement(View, { style: styles.verify },
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement(Text, { style: styles.textVerify }, type)));
+};
+export default InputGauge;
+var styles = StyleSheet.create({
+    verify: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 4,
+    },
+    textVerify: {
+        marginLeft: 8,
+    },
+    verifies: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    containerGauge: {
+        height: 4,
+        width: '100%',
+        borderRadius: 4,
+        marginVertical: 8,
+    },
+    gauge: {
+        height: 4,
+        borderRadius: 4,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL0lucHV0R2F1Z2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFrQixVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFjMUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFnRDtRQUE5QyxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUN6QyxJQUFBLEtBU0YsUUFBUSxDQUFDLEVBQUUsZUFBZSxpQkFBQSxFQUFFLFVBQVUsWUFBQSxFQUFFLENBQUMsRUFSM0MsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVix5QkFBeUIsK0JBQUEsRUFDekIsY0FBYyxvQkFBQSxFQUNkLG1CQUFtQix5QkFBQSxFQUNuQixjQUFjLG9CQUFBLEVBQ2Qsb0JBQW9CLDBCQUFBLEVBQ3BCLGlCQUFpQix1QkFDMEIsQ0FBQTtJQUU3QyxPQUFPLENBQ0wsb0JBQUMsSUFBSTtRQUNILG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLEVBQUUsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUM5RixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLEtB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

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

@@ -0,0 +1,32 @@
+import { IValidationRules } from '../../../../components/input/InputProps';
+import { IconColor } from '../../../../components/icon';
+interface IParams {
+    validationRules?: IValidationRules;
+    inputValue: string;
+}
+export declare const useGauge: ({ validationRules, inputValue }: 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;
+    };
+};
+export {};

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

@@ -0,0 +1,80 @@
+import { __read } from "tslib";
+import React, { useEffect, useMemo } from 'react';
+import { TrilogyColor, getColorStyle } from '../../../../objects';
+import { IconColor } from '../../../../components/icon';
+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,
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFHakQsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBTzdDLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdDOztRQUF0QyxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUM5QyxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUE5QyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQTZCLENBQUE7SUFDckQsSUFBTSxpQkFBaUIsR0FBRyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQTtJQUNqRSxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQXRFLGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQyxDQUFBO0lBQ3ZFLElBQUEsS0FBQSxPQUFrRCxLQUFLLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUEsRUFBbEYsb0JBQW9CLFFBQUEsRUFBRSx1QkFBdUIsUUFBcUMsQ0FBQTtJQUNuRixJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQXRFLGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQyxDQUFBO0lBQ3ZFLElBQUEsS0FBQSxPQUE0QyxLQUFLLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFD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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

@@ -3,26 +3,21 @@ import { LinkProps } 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 inverted {boolean} Inverted link
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param fixed {boolean} Static link with no animation
  * @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
  */
-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: ({ children, className, id, to, href, onClick, accessibilityLabel, routerLink, iconName, inverted, blank, title, ...others }: LinkProps) => JSX.Element;
 export default Link;

package/lib/components/link/Link.js

@@ -1,62 +1,50 @@
-import React from 'react';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import { Text, TextMarkup } from '../text';
 import { has, is } from '../../services/classify';
-import { Icon, IconSize } from '../icon';
+import { Icon, IconSize } from '../../components/icon';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
 /**
  * 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 inverted {boolean} Inverted link
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param fixed {boolean} Static link with no animation
  * @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
  */
-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 = 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);
     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({ 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({ 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);
 };
 export default Link;
-//# sourceMappingURL=Link.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBRUgsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWNGO0lBYlYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiRyxzSUFjYixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFFNUYsSUFBSSxVQUFVLElBQUksRUFBRSxFQUFFO1FBQ3BCLElBQU0sWUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUV2RSxJQUFNLGlCQUFpQixHQUFHO1lBQ3hCLE9BQU8sQ0FDTCxvQkFBQyxZQUFVLGFBQ1QsRUFBRSxFQUFFLEVBQUUsZ0JBQ00sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQ1IsQ0FBQyxLQUFLLElBQUk7Z0JBQ1osTUFBTSxFQUFFLFFBQVE7YUFDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0UsQ0FDZCxDQUFBO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsT0FBTyxvQkFBQyxpQkFBaUIsT0FBRyxDQUFBO0tBQzdCO0lBRUQsSUFBTSxXQUFXLEdBQUc7UUFDbEIsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLENBQUMsS0FBSyxJQUFJO1lBQ1osTUFBTSxFQUFFLFFBQVE7U0FDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7WUFDRSxrQ0FBTyxRQUFRLENBQVE7WUFDdkIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUNDLENBQ0wsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sb0JBQUMsV0FBVyxPQUFHLENBQUE7QUFDeEIsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==

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

@@ -1,23 +1,20 @@
 /// <reference types="react" />
 import { LinkProps } from './LinkProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * 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;
+    ({ children, to, onClick, testId, accessibilityLabel, inline, iconName, inverted, ...others }: LinkProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Link;

package/lib/components/link/Link.native.js

@@ -1,56 +1,47 @@
-import React from 'react';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { TypographyAlign } from '../../objects';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { Icon } from '../icon';
-import { Spacer, SpacerSize } from '../spacer';
-import { ComponentName } from '../enumsComponentsName';
+import { TextLevels } from '../../components/text';
+import { Icon } from '../../components/icon';
+import { Spacer, SpacerSize } from '../../components/spacer';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * 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
  */
-const Link = ({ children, to, tertiary, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, ...others }) => {
-    const linkLevels = (level) => {
-        return ((level && level == 'ONE' && 16) ||
-            (level && level == 'TWO' && 14) ||
-            (level && level == 'THREE' && 12) ||
-            (level && level == 'FOUR' && 10) ||
+var Link = function (_a) {
+    var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, inline = _a.inline, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["children", "to", "onClick", "testId", "accessibilityLabel", "inline", "iconName", "inverted"]);
+    var linkLevels = function (level) {
+        return ((level && level == TextLevels.ONE && 16) ||
+            (level && level == TextLevels.TWO && 14) ||
+            (level && level == TextLevels.THREE && 12) ||
+            (level && level == TextLevels.FOUR && 10) ||
             10);
     };
-    const getHeightLinkAndroid = (level) => {
-        return ((level && level == 'ONE' && 20) ||
-            (level && level == 'TWO' && 18) ||
-            (level && level == 'THREE' && 15) ||
-            (level && level == 'FOUR' && 13) ||
+    var getHeightLinkAndroid = function (level) {
+        return ((level && level == TextLevels.ONE && 20) ||
+            (level && level == TextLevels.TWO && 18) ||
+            (level && level == TextLevels.THREE && 15) ||
+            (level && level == TextLevels.FOUR && 13) ||
             14);
     };
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         linkAlignement: {
-            alignSelf: (typo && !Array.isArray(typo) && typo === TypographyAlign.TEXT_CENTERED && 'center') ||
-                (typo && Array.isArray(typo) && typo.includes(TypographyAlign.TEXT_CENTERED) && 'center') ||
-                (typo && !Array.isArray(typo) && typo === TypographyAlign.TEXT_LEFT && 'flex-start') ||
-                (typo && Array.isArray(typo) && typo.includes(TypographyAlign.TEXT_LEFT) && 'flex-start') ||
-                (typo && !Array.isArray(typo) && typo === TypographyAlign.TEXT_RIGHT && 'flex-end') ||
-                (typo && Array.isArray(typo) && typo.includes(TypographyAlign.TEXT_RIGHT) && 'flex-end') ||
-                (typo && !Array.isArray(typo) && typo === TypographyAlign.TEXT_JUSTIFIED && 'auto') ||
-                (typo && Array.isArray(typo) && typo.includes(TypographyAlign.TEXT_JUSTIFIED) && 'auto') ||
-                'baseline',
+            alignSelf: 'baseline',
         },
         container: {
             padding: inline ? 4 : 8,
-            marginTop: inline ? -4 : -8,
-            marginBottom: inline ? -3 : -8,
+            marginTop: inline ? -4 : 0,
+            marginBottom: inline ? -3 : -10,
             paddingLeft: inline ? 4 : 0,
             paddingRight: inline ? 4 : 0,
         },
@@ -59,21 +50,17 @@ const Link = ({ children, to, tertiary, title, typo, onClick, testId, accessibil
             paddingRight: inline ? 2 : 0,
         },
         link: {
-            color: (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (tertiary && getColorStyle(TrilogyColor.TERTIARY)) ||
-                getColorStyle(TrilogyColor.SECONDARY),
-            fontSize: inline && level ? linkLevels(level) : 14,
-            lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
+            color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
+            fontSize: 14,
+            lineHeight: 14,
             textDecorationStyle: 'solid',
             textDecorationLine: 'underline',
         },
         androidLink: {
-            color: (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (tertiary && getColorStyle(TrilogyColor.TERTIARY)) ||
-                getColorStyle(TrilogyColor.SECONDARY),
-            fontSize: inline && level ? linkLevels(level) : 14,
-            lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
-            height: inline && level ? getHeightLinkAndroid(level) : 'auto',
+            color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
+            fontSize: 14,
+            lineHeight: 14,
+            height: 'auto',
             textDecorationStyle: 'solid',
             textDecorationLine: 'underline',
         },
@@ -87,15 +74,15 @@ const Link = ({ children, to, tertiary, title, typo, onClick, testId, accessibil
             paddingRight: 4,
         },
     });
-    const linkTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
-    const linkAccessibilityLabel = accessibilityLabel
+    var linkTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    var linkAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
         : typeof children === 'string'
             ? children
             : 'NotSpecified';
     return (React.createElement(View, { style: Platform.OS === 'android'
             ? [styles.linkAlignement, styles.androidContainer]
-            : [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { onPress: (e) => {
+            : [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
             if (to) {
                 Linking.openURL(to || '');
             }
@@ -103,9 +90,9 @@ const Link = ({ children, to, tertiary, title, typo, onClick, testId, accessibil
                 onClick(e);
             }
         } }, iconName ? (React.createElement(View, { style: styles.iconView },
-        React.createElement(Text, { accessibilityLabel: title || '', style: styles.link, ...others }, children),
-        React.createElement(Spacer, { size: SpacerSize.SMALLER, horizontal: true }),
-        React.createElement(Icon, { color: 'INFO', name: iconName, style: styles.icon, size: 'small' }))) : (React.createElement(Text, { accessibilityLabel: title || '', style: Platform.OS === 'android' ? styles.androidLink : styles.link, ...others }, children)))) : (React.createElement(TouchableOpacity, { onPress: (e) => {
+        React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
+        React.createElement(Spacer, { size: SpacerSize.ONE, horizontal: true }),
+        React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' }))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: Platform.OS === 'android' ? [styles.androidLink] : [styles.link] }, others), children)))) : (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
             if (to) {
                 Linking.openURL(to || '');
             }
@@ -116,4 +103,4 @@ const Link = ({ children, to, tertiary, title, typo, onClick, testId, accessibil
 };
 Link.displayName = ComponentName.Link;
 export default Link;
-//# sourceMappingURL=Link.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcxRixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVEcsK0ZBVWIsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBaUI7UUFDbkMsT0FBTyxDQUNMLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxVQUFVLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztZQUN4QyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFDeEMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVBQVUs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

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

@@ -1,29 +1,18 @@
 /// <reference types="react" />
-import { Accessibility, Clickable } from '../../objects/facets';
-import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
-import { IconName, IconNameValues } from '../icon';
-import { TextLevels } from '../text';
+import { IconName, IconNameValues } from '../../components/icon';
+import { Accessibility, Clickable, Dev } from '../../objects/facets';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Link Interface
  */
-export interface LinkProps extends Accessibility, Clickable {
+export interface LinkProps extends Accessibility, Clickable, Dev, CommonProps {
     children?: React.ReactNode;
     to?: string;
-    /**
-     * @deprecated
-     */
-    fixed?: boolean;
-    tertiary?: boolean;
-    className?: string;
-    removeLinkClass?: boolean;
-    title?: string;
     href?: string;
-    typo?: TypographyAlign | TypographyAlignValues | string;
     routerLink?: React.ElementType;
     iconName?: IconName | IconNameValues;
     inline?: boolean;
-    level?: TextLevels;
     inverted?: boolean;
-    plain?: boolean;
     blank?: boolean;
+    title?: string;
 }

package/lib/components/link/LinkProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=LinkProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlua1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9saW5rL0xpbmtQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=