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

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

@@ -1,25 +1,29 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import React from 'react';
 import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { TextLevels } from '../../components/text';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon } from '../../components/icon';
 import { Spacer, SpacerSize } from '../../components/spacer';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { TextLevels } from '../../components/text/TextEnum';
+import { TypographyAlign } from '../../objects/Typography/TypographyAlign';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Link Component
  * @param to {string} Url to open
  * @param title {string} Title attribute
+ * @param typo {TypographyAlign} Typos align link
  * @param onClick {Function} onClick Event
  * @param children {React.ReactNode}
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
  * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
  * @param iconName {IconName} Adding Icon Link
  * @param inverted {boolean} Inverted link
+ * @param style {Object} Additional styles
  */
-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 Link = React.forwardRef(function (_a, ref) {
+    var children = _a.children, to = _a.to, title = _a.title, typo = _a.typo, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, inline = _a.inline, level = _a.level, iconName = _a.iconName, inverted = _a.inverted, style = _a.style, others = __rest(_a, ["children", "to", "title", "typo", "onClick", "testId", "accessibilityLabel", "inline", "level", "iconName", "inverted", "style"]);
     var linkLevels = function (level) {
         return ((level && level == TextLevels.ONE && 16) ||
             (level && level == TextLevels.TWO && 14) ||
@@ -36,7 +40,15 @@ var Link = function (_a) {
     };
     var styles = StyleSheet.create({
         linkAlignement: {
-            alignSelf: 'baseline',
+            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',
         },
         container: {
             padding: inline ? 4 : 8,
@@ -51,16 +63,16 @@ var Link = function (_a) {
         },
         link: {
             color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
-            fontSize: 14,
-            lineHeight: 14,
+            fontSize: inline && level ? linkLevels(level) : 14,
+            lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
             textDecorationStyle: 'solid',
             textDecorationLine: 'underline',
         },
         androidLink: {
             color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
-            fontSize: 14,
-            lineHeight: 14,
-            height: 'auto',
+            fontSize: inline && level ? linkLevels(level) : 14,
+            lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
+            height: inline && level ? getHeightLinkAndroid(level) : 'auto',
             textDecorationStyle: 'solid',
             textDecorationLine: 'underline',
         },
@@ -82,7 +94,7 @@ var Link = function (_a) {
             : '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, { activeOpacity: 0.8, onPress: function (e) {
+            : [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId, ref: ref }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
             if (to) {
                 Linking.openURL(to || '');
             }
@@ -90,9 +102,9 @@ var Link = function (_a) {
                 onClick(e);
             }
         } }, iconName ? (React.createElement(View, { style: styles.iconView },
-        React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
+        React.createElement(Text, __assign({ accessibilityLabel: title || '', style: [styles.link, style] }, 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) {
+        React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, style: styles.icon, size: 'small' }))) : (React.createElement(Text, __assign({ accessibilityLabel: title || '', style: Platform.OS === 'android' ? [styles.androidLink, style] : [styles.link, style] }, others), children)))) : (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
             if (to) {
                 Linking.openURL(to || '');
             }
@@ -100,7 +112,7 @@ var Link = function (_a) {
                 onClick(e);
             }
         } }, children))));
-};
+});
 Link.displayName = ComponentName.Link;
 export default Link;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcxRixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVEcsK0ZBVWIsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBaUI7UUFDbkMsT0FBTyxDQUNMLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxVQUFVLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztZQUN4QyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFDeEMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVBQVUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFMUYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFjWSxFQUNaLEdBQW9CO0lBZGxCLElBQUEsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiWCxrSUFjQyxDQURVO0lBSVgsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFpQjtRQUNuQyxPQUFPLENBQ0wsQ0FBQyxLQUFLLElBQUksS0FB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

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

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

package/lib/components/link/LinkPropsDefaults.js

@@ -20,6 +20,28 @@ export default {
       "string"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "removeLinkClass": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "href": {
     "type": "string",
     "values": [
@@ -27,6 +49,13 @@ export default {
       "string"
     ]
   },
+  "typo": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "routerLink": {
     "type": "function",
     "values": [
@@ -273,6 +302,16 @@ export default {
       "true"
     ]
   },
+  "level": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4
+    ]
+  },
   "inverted": {
     "type": "boolean",
     "values": [
@@ -289,11 +328,11 @@ export default {
       "true"
     ]
   },
-  "title": {
+  "style": {
     "type": "string",
     "values": [
       "undefined",
-      "string"
+      "Styles"
     ]
   },
   "accessibilityLabel": {
@@ -316,19 +355,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

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

@@ -1,2 +1 @@
-import Link from './Link';
-export { Link };
+export { default as Link } from '../../components/link/Link';

package/lib/components/link/index.js

@@ -1,3 +1,2 @@
-import Link from './Link';
-export { Link };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9
+export { default as Link } from '../../components/link/Link';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQSJ9

package/lib/components/list/List.d.ts

@@ -1,10 +1,12 @@
-import * as React from 'react';
-import { ListProps } from './ListProps';
+import React from 'react';
+import { ListProps } from '../../components/list/ListProps';
 /**
- * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * List Component
  * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
  * @param hasIcon {boolean} If Have icon
+ * @param testId {string} Test Id for Test Integration
  */
-declare const List: ({ className, id, children, testId, divider, ...others }: ListProps) => React.JSX.Element;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
 export default List;

package/lib/components/list/List.js

@@ -1,20 +1,21 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { has } from '../../services';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { hashClass } from '../../helpers/hashClassesHelpers';
 /**
- * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * List Component
  * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
  * @param hasIcon {boolean} If Have icon
+ * @param testId {string} Test Id for Test Integration
  */
-var List = function (_a) {
-    var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, others = __rest(_a, ["className", "id", "children", "testId", "divider"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
-    return (React.createElement("ul", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
-};
+var List = React.forwardRef(function (_a, ref) {
+    var className = _a.className, hasIcon = _a.hasIcon, children = _a.children, testId = _a.testId, others = __rest(_a, ["className", "hasIcon", "children", "testId"]);
+    var classes = hashClass(clsx(hasIcon ? 'icon-list' : 'list', className));
+    return (React.createElement("ul", __assign({ ref: ref, "data-testid": testId, className: classes }, others), children));
+});
+List.displayName = ComponentName.List;
 export default List;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7O0dBS0c7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQWtFO0lBQWhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFyRCxvREFBdUQsQ0FBRjtJQUN6RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJGLE9BQU8sQ0FDTCxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzVELFFBQVEsQ0FDTixDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUFDLEVBQThELEVBQUUsR0FBZ0M7SUFBOUYsSUFBQSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWpELDhDQUFtRCxDQUFGO0lBQ2hELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQzFFLE9BQU8sQ0FDTCxxQ0FBSSxHQUFHLEVBQUUsR0FBRyxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzlELFFBQVEsQ0FDTixDQUNOLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/list/List.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { ListProps } from "./ListProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import type { View as ViewType } from 'react-native';
+import { ListProps } from '../../components/list/ListProps';
 /**
  * List Component
  * @param children {React.ReactNode}
  */
-declare const List: {
-    ({ children, ...others }: ListProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<ViewType>>;
 export default List;

package/lib/components/list/List.native.js

@@ -1,15 +1,15 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { View } from "../../components/view";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { View } from '../../components/view';
 /**
  * List Component
  * @param children {React.ReactNode}
  */
-var List = function (_a) {
+var List = React.forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
-    return React.createElement(View, __assign({}, others), children);
-};
+    return (React.createElement(View, __assign({ ref: ref }, others), children));
+});
 List.displayName = ComponentName.List;
 export default List;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBa0M7SUFBaEMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDakMsT0FBTyxvQkFBQyxJQUFJLGVBQUssTUFBTSxHQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzVDLENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7O0dBR0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBa0MsRUFBRSxHQUF3QjtJQUExRCxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNsRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUN2QixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/list/ListProps.d.ts

@@ -1,10 +1,10 @@
 /**
  * ListItem Interface
  */
-import { ReactNode } from 'react';
 import { Accessibility, Dev } from '../../objects';
-import { CommonProps } from '../../objects/facets/CommonProps';
-export interface ListProps extends Accessibility, Dev, CommonProps {
+import { ReactNode } from 'react';
+export interface ListProps extends Accessibility, Dev {
     children?: ReactNode;
-    divider?: boolean;
+    className?: string;
+    hasIcon?: boolean;
 }

package/lib/components/list/ListPropsDefaults.js

@@ -13,36 +13,29 @@ export default {
       "ReactPortal"
     ]
   },
-  "divider": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "accessibilityLabel": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
-    "type": "string",
+  "hasIcon": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "id": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -1,4 +1,3 @@
-import List from './List';
-export * from './item';
-export * from './ListProps';
-export { List };
+export * from '../../components/list/item';
+export { default as List } from '../../components/list/List';
+export * from '../../components/list/ListProps';

package/lib/components/list/index.js

@@ -1,5 +1,4 @@
-import List from './List';
-export * from './item';
-export * from './ListProps';
-export { List };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsYUFBYSxDQUFBO0FBRTNCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9
+export * from '../../components/list/item';
+export { default as List } from '../../components/list/List';
+export * from '../../components/list/ListProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3hELGNBQWMsNkJBQTZCLENBQUEifQ==

package/lib/components/list/item/ListItem.d.ts

@@ -1,11 +1,18 @@
-/// <reference types="react" />
-import { ListItemProps } from './ListItemProps';
+import React from 'react';
+import { ListItemProps } from '../../../components/list/item/ListItemProps';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
+ * @param title {string} List item title
+ * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
  */
-declare const ListItem: ({ className, id, children, iconName, status, testId }: ListItemProps) => JSX.Element;
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
 export default ListItem;

package/lib/components/list/item/ListItem.js

@@ -1,24 +1,41 @@
 import clsx from 'clsx';
-import * as React from 'react';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { getColorClassName, TrilogyColor } from '../../../objects';
-import { is } from '../../../services';
+import React from 'react';
+import { Divider } from '../../../components/divider';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { TrilogyColor, getColorClassName } from '../../../objects/facets/Color';
+import { has, is } from '../../../services/classify';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
+ * @param title {string} List item title
+ * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
  */
-var ListItem = function (_a) {
-    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
-    var styled = useTrilogyContext().styled;
-    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
-    return (React.createElement("li", { id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
-        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
-        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
-};
+var ListItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, customIcon = _a.customIcon, status = _a.status, title = _a.title, description = _a.description, testId = _a.testId, action = _a.action, divider = _a.divider, deletable = _a.deletable;
+    var classes = clsx(is(getColorClassName(status ? TrilogyColor[status] : TrilogyColor.BACKGROUND)), className);
+    return (React.createElement("li", { className: hashClass(clsx(classes, action && has('action'))), "data-testid": testId, ref: ref },
+        React.createElement("div", { className: hashClass(clsx('list-item_content')) },
+            customIcon && typeof customIcon === 'string' && (React.createElement("div", { className: hashClass(clsx('list-item_content_puce')) },
+                React.createElement(Icon, { className: classes, name: deletable ? 'tri-trash' : customIcon, size: IconSize.SMALL }))),
+            customIcon && typeof customIcon !== 'string' && (React.createElement("div", { className: hashClass(clsx('list-item_content_puce')) }, customIcon)),
+            React.createElement("div", null,
+                (title || description) && (React.createElement(React.Fragment, null,
+                    title && React.createElement("b", null, title),
+                    children || (description && React.createElement("p", null, children || description)))),
+                !title && !description && React.createElement("div", null, children))),
+        action && React.createElement("div", { className: hashClass(clsx('list-item_action')) }, action),
+        divider && React.createElement(Divider, null)));
+});
+ListItem.displayName = ComponentName.ListItem;
 export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUNFLEVBQWtILEVBQ2xILEdBQTZCO1FBRDNCLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBO0lBR2pHLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFBO0lBRS9HLE9BQU8sQ0FDTCw0QkFBSSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxJQUFJLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGlCQUFlLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRztRQUM3Riw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBQ2pELFVBQVUsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FDL0MsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztnQkFDdkQsb0JBQUMsSUFBSSxJQUNILFNBQVMsRUFBRSxPQUFPLEVBQ2xCLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUUsVUFBdUIsRUFDeEQsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0UsQ0FDUDtZQUVBLFVBQVUsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FDL0MsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxJQUFHLFVBQVUsQ0FBTyxDQUM5RTtZQUVEO2dCQUNHLENBQUMsS0FBSyxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQ3pCO29CQUNHLEtBQUssSUFBSSwrQkFBSSxLQUFLLENBQUs7b0JBQ3ZCLFFBQVEsSUFBSSxDQUFDLFdBQVcsSUFBSSwrQkFBSSxRQUFRLElBQUksV0FBVyxDQUFLLENBQUMsQ0FDN0QsQ0FDSjtnQkFDQSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxpQ0FBTSxRQUFRLENBQU8sQ0FDNUMsQ0FDRjtRQUNMLE1BQU0sSUFBSSw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLElBQUcsTUFBTSxDQUFPO1FBQzdFLE9BQU8sSUFBSSxvQkFBQyxPQUFPLE9BQUcsQ0FDcEIsQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/list/item/ListItem.native.d.ts

@@ -1,14 +1,16 @@
-/// <reference types="react" />
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { ListItemProps } from './ListItemProps';
+import React from 'react';
+import { View } from 'react-native';
+import { ListItemProps } from '../../../components/list/item/ListItemProps';
 /**
  * ListItem Component
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
+ * @param title {string} List item title
+ * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
  */
-declare const ListItem: {
-    ({ children, status, iconName }: ListItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<View>>;
 export default ListItem;