@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/tag/Tag.js

@@ -0,0 +1,41 @@
+import clsx from 'clsx';
+import React, { useState } from 'react';
+import { getColorClassName } from '../../objects/facets/Color';
+import { has, is } from '../../services/classify';
+import { Icon } from '../icon';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Tag Component
+ * @param children {ReactNode} Add childrens for tag
+ * @param variant {TagVariant} Available tag variants
+ * @param deletable {boolean} Adding delete icon
+ * @param inverted {boolean} Inverted tag
+ * @param onClick {Function} OnClick Event
+ * @param className {string} Additionnal CSS Classes
+ **/
+const Tag = ({ children, className, variant, deletable, onClick, inverted, small, iconName, testId, ...others }) => {
+    const [display, setDisplay] = useState(deletable || false);
+    const { styled } = useTrilogyContext();
+    const tagClassNames = hashClass(styled, clsx('tag', !deletable && variant && is(getColorClassName(variant)), !deletable && inverted && is('inverted'), small && is('small'), !deletable && className, deletable && !display && is('hidden')));
+    const tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
+    const onClickHandle = (e) => {
+        setDisplay(false);
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    const deleteClasses = hashClass(styled, clsx('tags', variant && is(getColorClassName(variant)), deletable && [has('addons'), is('delete')], inverted && is('inverted'), small && is('small'), className));
+    // Deletable tag
+    if (deletable && display) {
+        return (React.createElement("div", { "data-testid": testId, className: deleteClasses },
+            React.createElement("span", { className: tagClassNames }, children),
+            React.createElement("a", { "data-testid": `${testId}_close_button`, onClick: onClickHandle, className: tagClassNames })));
+    }
+    // Default tag
+    return (React.createElement("span", { "data-testid": testId, onClick: onClick && onClick, className: tagClassNames, ...others },
+        iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
+        children));
+};
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/lib/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;IAQI;AACJ,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,SAAS,IAAI,KAAK,CAAC,CAAA;IACnE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CACF,KAAK,EACL,CAAC,SAAS,IAAI,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,EACvD,CAAC,SAAS,IAAI,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EACxC,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,CAAC,SAAS,IAAI,SAAS,EACvB,SAAS,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,CACtC,CACF,CAAA;IAED,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5F,MAAM,aAAa,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC5C,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CACF,MAAM,EACN,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,EACzC,SAAS,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAC1C,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,gBAAgB;IAChB,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,aAAa;YAChD,8BAAM,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAQ;YACjD,0CAAgB,GAAG,MAAM,eAAe,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,GAAI,CAC1F,CACP,CAAA;KACF;IAED,cAAc;IACd,OAAO,CACL,6CAAmB,MAAM,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,SAAS,EAAE,aAAa,KAAM,MAAM;QACzF,QAAQ,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,GAAI;QAClE,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/lib/components/tag/Tag.native.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { TagProps } from './TagProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tag Component
+ * @param children {ReactNode} Add childrens for tag
+ * @param variant {TagVariant} Available tag variants
+ * @param deletable {boolean} Adding delete icon
+ * @param onClick {Function} OnClick Event
+ * @param inverted
+ * @param iconName
+ * @param small
+ * @param others
+ */
+declare const Tag: {
+    ({ children, variant, deletable, onClick, inverted, iconName, small, ...others }: TagProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Tag;

package/lib/components/tag/Tag.native.js

@@ -0,0 +1,82 @@
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Icon, IconName, IconSize } from '../icon';
+import { getBackgroundOfVariant, getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tag Component
+ * @param children {ReactNode} Add childrens for tag
+ * @param variant {TagVariant} Available tag variants
+ * @param deletable {boolean} Adding delete icon
+ * @param onClick {Function} OnClick Event
+ * @param inverted
+ * @param iconName
+ * @param small
+ * @param others
+ */
+const Tag = ({ children, variant, deletable, onClick, inverted, iconName, small, ...others }) => {
+    const [display, setDisplay] = useState(deletable || false);
+    useEffect(() => {
+        setDisplay(deletable || false);
+    }, [deletable]);
+    const textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.TERTIARY);
+    const backgroundColor = getBackgroundOfVariant(variant) || getColorStyle(TrilogyColor.BG_INFO);
+    const styles = StyleSheet.create({
+        tag: {
+            flexDirection: 'row',
+            justifyContent: 'center',
+            alignItems: 'center',
+            alignSelf: 'baseline',
+            borderRadius: 15,
+            paddingHorizontal: 8,
+            paddingVertical: 4,
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.WHITE) : backgroundColor,
+        },
+        text: {
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: '500',
+            justifyContent: 'center',
+            color: textColor,
+            fontSize: small ? 12 : 16,
+        },
+        icon: {
+            marginTop: 1,
+        },
+        iconLeft: {
+            marginRight: small ? 4 : 8,
+        },
+        button: {
+            flexDirection: 'row',
+        },
+    });
+    const onClickHandle = (e) => {
+        setDisplay(!display);
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    // Deletable tag
+    if (deletable && display) {
+        return (React.createElement(View, { style: styles.tag, ...others },
+            React.createElement(Text, { style: styles.text }, children),
+            React.createElement(Icon, { style: styles.icon, size: IconSize.SMALL, color: textColor, name: IconName.TIMES, 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                onClick: (e) => onClickHandle(e) })));
+    }
+    if (!deletable && !display) {
+        if (onClick) {
+            return (React.createElement(View, { style: styles.tag, ...others },
+                React.createElement(TouchableOpacity, { style: styles.button, onPress: (e) => onClick(e) },
+                    iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName })),
+                    React.createElement(Text, { style: styles.text }, children))));
+        }
+        return (React.createElement(View, { style: styles.tag, ...others },
+            iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName }),
+            React.createElement(Text, { style: styles.text }, children)));
+    }
+    return React.createElement(View, null);
+};
+Tag.displayName = ComponentName.Tag;
+export default Tag;
+//# sourceMappingURL=Tag.native.js.map

package/lib/components/tag/Tag.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.native.js","sourceRoot":"","sources":["../../../components/tag/Tag.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/tag/TagEnum.d.ts

@@ -0,0 +1,17 @@
+/**
+ * List of variants for Tag
+ */
+export declare enum TagVariant {
+    DEFAULT = "DEFAULT",
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    ERROR = "ERROR",
+    WARNING = "WARNING"
+}
+/**
+ * List of variants values for Tag
+ */
+export type TagVariantValues = `${TagVariant}`;
+/**
+ * List of variants background styles for Tag
+ */

package/lib/components/tag/TagEnum.js

@@ -0,0 +1,15 @@
+/**
+ * List of variants for Tag
+ */
+export var TagVariant;
+(function (TagVariant) {
+    TagVariant["DEFAULT"] = "DEFAULT";
+    TagVariant["SUCCESS"] = "SUCCESS";
+    TagVariant["INFO"] = "INFO";
+    TagVariant["ERROR"] = "ERROR";
+    TagVariant["WARNING"] = "WARNING";
+})(TagVariant || (TagVariant = {}));
+/**
+ * List of variants background styles for Tag
+ */
+//# sourceMappingURL=TagEnum.js.map

package/lib/components/tag/TagEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagEnum.js","sourceRoot":"","sources":["../../../components/tag/TagEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACrB,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAOD;;GAEG"}

package/lib/components/tag/TagProps.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IconName } from '../icon';
+import { TagVariant, TagVariantValues } from './TagEnum';
+import { Accessibility } from '../../objects';
+type TagClickEventHandler = React.MouseEvent<Element> | unknown;
+export interface TagClickEvent {
+    (e: TagClickEventHandler): void;
+}
+/**
+ * Tag Interface
+ */
+export interface TagProps extends Accessibility {
+    children?: React.ReactNode;
+    variant?: TagVariant | TagVariantValues;
+    /** @deprecated */
+    deletable?: boolean;
+    /** @deprecated */
+    onClick?: TagClickEvent;
+    inverted?: boolean;
+    className?: string;
+    iconName?: IconName;
+    small?: boolean;
+}
+export {};

package/lib/components/tag/TagProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TagProps.js.map

package/lib/components/tag/TagProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagProps.js","sourceRoot":"","sources":["../../../components/tag/TagProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import Tag from './Tag';
+import TagList from './list';
+export * from './TagEnum';
+export { Tag, TagList };

package/lib/components/tag/index.js

@@ -0,0 +1,5 @@
+import Tag from './Tag';
+import TagList from './list';
+export * from './TagEnum';
+export { Tag, TagList };
+//# sourceMappingURL=index.js.map

package/lib/components/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAO,MAAM,QAAQ,CAAA;AAE5B,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAA"}

package/lib/components/tag/list/TagList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TagListProps } from './TagListProps';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param centered {boolean} Center tags
+ * @param gapless {boolean} Delete margins between tags
+ * @param marginless {boolean}
+ *  - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const TagList: ({ className, gapless, centered, marginless, ...others }: TagListProps) => JSX.Element;
+export default TagList;

package/lib/components/tag/list/TagList.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { is } from '../../../services';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param centered {boolean} Center tags
+ * @param gapless {boolean} Delete margins between tags
+ * @param marginless {boolean}
+ *  - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+const TagList = ({ className, gapless, centered, marginless, ...others }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("span", { className: hashClass(styled, clsx('tags', centered && is('centered'), gapless && is('gapless'), marginless && is('marginless'), className)), ...others }));
+};
+export default TagList;
+//# sourceMappingURL=TagList.js.map

package/lib/components/tag/list/TagList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.js","sourceRoot":"","sources":["../../../../components/tag/list/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAC9G,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AACD,eAAe,OAAO,CAAA"}

package/lib/components/tag/list/TagList.native.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TagListProps } from './TagListProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param centered {boolean} Center tags
+ * @param gapless {boolean} Delete margins between tags
+ */
+declare const TagList: {
+    ({ children, centered, gapless, ...others }: TagListProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default TagList;

package/lib/components/tag/list/TagList.native.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param centered {boolean} Center tags
+ * @param gapless {boolean} Delete margins between tags
+ */
+const TagList = ({ children, centered, gapless, ...others }) => {
+    const styles = StyleSheet.create({
+        tagList: {
+            width: '100%',
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+        },
+        centered: {
+            alignSelf: 'center',
+        },
+        gapless: {
+            margin: 0,
+            padding: 0,
+        },
+    });
+    return (React.createElement(View, { style: [styles.tagList, centered && styles.centered, gapless && styles.gapless], ...others }, children));
+};
+TagList.displayName = ComponentName.TagList;
+export default TagList;
+//# sourceMappingURL=TagList.native.js.map

package/lib/components/tag/list/TagList.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.native.js","sourceRoot":"","sources":["../../../../components/tag/list/TagList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACxF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;SACjB;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,QAAQ;SACpB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,CAAC;SACX;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,KAAM,MAAM,IAC9F,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/tag/list/TagListProps.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Marginless } from '../../../objects';
+/**
+ * Tag list Interface
+ */
+export interface TagListProps extends Marginless {
+    centered?: boolean;
+    gapless?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}

package/lib/components/tag/list/TagListProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TagListProps.js.map

package/lib/components/tag/list/TagListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagListProps.js","sourceRoot":"","sources":["../../../../components/tag/list/TagListProps.ts"],"names":[],"mappings":""}

package/lib/components/tag/list/index.d.ts

@@ -0,0 +1,2 @@
+import TagList from './TagList';
+export default TagList;

package/lib/components/tag/list/index.js

@@ -0,0 +1,3 @@
+import TagList from './TagList';
+export default TagList;
+//# sourceMappingURL=index.js.map

package/lib/components/tag/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/tag/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe,OAAO,CAAA"}

package/lib/components/text/Text.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { TextProps } from './TextProps';
+/**
+ * Text component
+ * @param children {string} Text child
+ * @param inverted {Boolean} Text white color
+ * @param level {TextLevels | number} Text size : 1-4
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param onClick {Function} onClick Event
+ * @param skeleton {Boolean} Text Skeleton
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param marginless {boolean} Removes margin after Text
+ * @param link {boolean} Add link variant for inline link into Text
+ * @param numberOfLines {number} Ellipsis after limit number of lines
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param title {string} title attribute
+ * @param className {string} Additionnal css classes
+ * @param href {string} If Text Markup is A
+ * @param markup {TextMarkup} Text markup
+ * @param htmlContent {string} Content Html In Text Component
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param style {Object} Additional style
+ */
+declare const Text: ({ level, markup, children, className, href, title, onClick, typo, inverted, skeleton, testId, accessibilityLabel, htmlContent, marginless, link, numberOfLines, ...others }: TextProps) => JSX.Element;
+export default Text;

package/lib/components/text/Text.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import clsx from 'clsx';
+import { TextLevels, TextMarkup } from './TextEnum';
+import { is } from '../../services';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+/**
+ * Text component
+ * @param children {string} Text child
+ * @param inverted {Boolean} Text white color
+ * @param level {TextLevels | number} Text size : 1-4
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param onClick {Function} onClick Event
+ * @param skeleton {Boolean} Text Skeleton
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param marginless {boolean} Removes margin after Text
+ * @param link {boolean} Add link variant for inline link into Text
+ * @param numberOfLines {number} Ellipsis after limit number of lines
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param title {string} title attribute
+ * @param className {string} Additionnal css classes
+ * @param href {string} If Text Markup is A
+ * @param markup {TextMarkup} Text markup
+ * @param htmlContent {string} Content Html In Text Component
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param style {Object} Additional style
+ */
+const Text = ({ level, markup, children, className, href, title, onClick, typo, inverted, skeleton, testId, accessibilityLabel, htmlContent, marginless, link, numberOfLines, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const levelText = () => {
+        if (level) {
+            switch (level) {
+                case TextLevels.ONE:
+                    return is('level-1');
+                case TextLevels.TWO:
+                    return is('level-2');
+                case TextLevels.THREE:
+                    return is('level-3');
+                case TextLevels.FOUR:
+                    return is('level-4');
+                default:
+                    return is(`level-${level}`);
+            }
+        }
+    };
+    const classes = hashClass(styled, clsx(!link ? 'text' : 'link is-inline', level && levelText(), inverted && is('inverted'), typo, skeleton ? is('loading') : is('loaded'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
+    /**
+     * If no markup return p with default level 1
+     */
+    const isCorrectMarkup = (stringMarkup) => {
+        if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup))
+            return true;
+    };
+    const Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
+    return (React.createElement(Tag, { style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick, title: title, className: classes, ...(htmlContent && { dangerouslySetInnerHTML: { __html: htmlContent } }), ...(Tag === TextMarkup.A && { href: href }), ...others }, children));
+};
+export default Text;
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAoB,MAAM,YAAY,CAAA;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,IAAI,EACJ,aAAa,EACb,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK,EAAE;YACT,QAAQ,KAAK,EAAE;gBACb,KAAK,UAAU,CAAC,GAAG;oBACjB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;gBACtB,KAAK,UAAU,CAAC,GAAG;oBACjB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;gBACtB,KAAK,UAAU,CAAC,KAAK;oBACnB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;gBACtB,KAAK,UAAU,CAAC,IAAI;oBAClB,OAAO,EAAE,CAAC,SAAS,CAAC,CAAA;gBACtB;oBACE,OAAO,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,CAAA;aAC9B;SACF;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EACjC,KAAK,IAAI,SAAS,EAAE,EACpB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,IAAI,EACJ,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACvC,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,aAAa,IAAI,EAAE,CAAC,eAAe,CAAC,EACpC,SAAS,CACV,CACF,CAAA;IAED;;OAEG;IACH,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IAAI,YAAY,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAAE,OAAO,IAAI,CAAA;IAC/G,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAA;IAE5D,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,iBACjD,MAAM,gBACP,kBAAkB,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,WAAW,IAAI,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,KACrE,CAAC,GAAG,KAAK,UAAU,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,KACxC,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/text/Text.native.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { TextProps } from './TextProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Text Native Component
+ * @param children {string} Text child
+ * @param level {TextLevels|number} Title size : 1-4
+ * @param inverted {Boolean} Text white color
+ * @param onClick {Function} onClick Event
+ * @param style {Object} Additional style
+ * @param typo {string} Text typo
+ * @param skeleton {Boolean} Text Skeleton
+ * @param testId {string} id for test
+ * @param accessibilityLabel {string}
+ * @param link {boolean} Add link variant for inline link into Text
+ * @param numberOfLines {number} Ellipsis after limit number of lines
+ * @param others
+ */
+declare const Text: {
+    ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, link, numberOfLines, ...others }: TextProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Text;

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { StyleSheet, Text as TextNative, View, Platform } from 'react-native';
+import { setTypographyAlign, setTypographyColor, getTypographyBoldStyle } from '../../objects/Typography';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Text Native Component
+ * @param children {string} Text child
+ * @param level {TextLevels|number} Title size : 1-4
+ * @param inverted {Boolean} Text white color
+ * @param onClick {Function} onClick Event
+ * @param style {Object} Additional style
+ * @param typo {string} Text typo
+ * @param skeleton {Boolean} Text Skeleton
+ * @param testId {string} id for test
+ * @param accessibilityLabel {string}
+ * @param link {boolean} Add link variant for inline link into Text
+ * @param numberOfLines {number} Ellipsis after limit number of lines
+ * @param others
+ */
+const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, link, numberOfLines = 0, ...others }) => {
+    const textLevels = (level) => {
+        return ((level && level == 'ONE' && 16) ||
+            (level && level == 'TWO' && 14) ||
+            (level && level == 'THREE' && 12) ||
+            (level && level == 'FOUR' && 10) ||
+            14);
+    };
+    const styles = StyleSheet.create({
+        text: {
+            fontFamily: getTypographyBoldStyle(typo, level),
+            fontSize: textLevels(level),
+            color: (!skeleton && setTypographyColor(typo, inverted)) ||
+                (link && getColorStyle(TrilogyColor.SECONDARY)) ||
+                'transparent',
+            textAlign: setTypographyAlign(typo),
+            lineHeight: textLevels(level) * 1.5,
+            textDecorationLine: link ? 'underline' : 'none',
+            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
+                (setTypographyAlign(typo) === 'center' && 'center') ||
+                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
+                'flex-start',
+        },
+        skeleton: {
+            minWidth: 10,
+            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
+                (setTypographyAlign(typo) === 'center' && 'center') ||
+                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
+                'flex-start',
+            borderRadius: (level && level == 'ONE' && 7) || (level && level == 'TWO' && 7) || (level && level == 'THREE' && 5) || 3,
+            borderWidth: 0.1,
+            borderColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
+            overflow: 'hidden',
+            height: textLevels(level),
+        },
+    });
+    const textTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    const textAccessibilityLabel = accessibilityLabel
+        ? accessibilityLabel
+        : typeof children === 'string'
+            ? children
+            : undefined;
+    let textView = (React.createElement(TextNative, { numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, testID: textTestId, style: [styles.text, style], ...others }, children));
+    if (skeleton) {
+        textView = (React.createElement(ContentLoader, { style: styles.skeleton },
+            textView,
+            Platform.OS === 'android' && (React.createElement(View, null,
+                React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
+    }
+    return onClick ? (React.createElement(TextNative, { onPress: onClick, style: styles.text }, textView)) : (textView);
+};
+Text.displayName = ComponentName.Text;
+export default Text;
+//# sourceMappingURL=Text.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"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"}

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

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

package/lib/components/text/TextEnum.js

@@ -0,0 +1,21 @@
+/**
+ * New Text Levels
+ */
+export var TextLevels;
+(function (TextLevels) {
+    TextLevels["ONE"] = "ONE";
+    TextLevels["TWO"] = "TWO";
+    TextLevels["THREE"] = "THREE";
+    TextLevels["FOUR"] = "FOUR";
+})(TextLevels || (TextLevels = {}));
+/**
+ * List of available Markup for Text
+ */
+export var TextMarkup;
+(function (TextMarkup) {
+    TextMarkup["P"] = "p";
+    TextMarkup["SPAN"] = "span";
+    TextMarkup["DIV"] = "div";
+    TextMarkup["A"] = "a";
+})(TextMarkup || (TextMarkup = {}));
+//# sourceMappingURL=TextEnum.js.map

package/lib/components/text/TextEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEnum.js","sourceRoot":"","sources":["../../../components/text/TextEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,yBAAW,CAAA;IACX,yBAAW,CAAA;IACX,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;AACT,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}