@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

package/lib/components/timeline/TimelinePropsDefaults.js

@@ -1,4 +1,11 @@
 export default {
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "children": {
     "type": "react",
     "values": [
@@ -13,7 +20,7 @@ export default {
       "ReactPortal"
     ]
   },
-  "horizontal": {
+  "notifications": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -21,18 +28,12 @@ export default {
       "true"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
+  "horizontal": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };

package/lib/components/timeline/content/TimelineContent.d.ts

@@ -1,13 +1,15 @@
 /// <reference types="react" />
-import { TimelineContentWebProps } from './TimelineContentProps';
+import { TimelineContentWebProps } from "./TimelineContentProps";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
  * @param content {string} Text content
  * @param contentLink {string} Text for content link
  * @param heading {string} Text heading
+ * @param link {string} Url link
+ * @param Onclick {string} Provide event onCLick
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TimelineContent: ({ children, className, id, heading, content, linkLabel, linkTo, ...others }: TimelineContentWebProps) => JSX.Element;
+declare const TimelineContent: ({ children, className, heading, content, link, contentLink, onClick, ...others }: TimelineContentWebProps) => JSX.Element;
 export default TimelineContent;

package/lib/components/timeline/content/TimelineContent.js

@@ -1,30 +1,35 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { Text, TextMarkup } from '../../../components/text';
-import { Link } from '../../../components/link';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { Text, TextMarkup } from "../../../components/text";
+import { Link } from "../../../components/link";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
  * @param content {string} Text content
  * @param contentLink {string} Text for content link
  * @param heading {string} Text heading
+ * @param link {string} Url link
+ * @param Onclick {string} Provide event onCLick
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
 var TimelineContent = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, heading = _a.heading, content = _a.content, linkLabel = _a.linkLabel, linkTo = _a.linkTo, others = __rest(_a, ["children", "className", "id", "heading", "content", "linkLabel", "linkTo"]);
+    var children = _a.children, className = _a.className, heading = _a.heading, content = _a.content, link = _a.link, contentLink = _a.contentLink, onClick = _a.onClick, others = __rest(_a, ["children", "className", "heading", "content", "link", "contentLink", "onClick"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline-content', className));
+    var classes = hashClass(styled, clsx("timeline-content", className));
     if (children) {
-        return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
+        return (React.createElement("div", __assign({ className: classes }, others), children));
     }
-    return (React.createElement("div", __assign({ id: id, className: classes }, others),
-        heading && React.createElement(Text, { markup: TextMarkup.P }, heading),
+    return (React.createElement("div", __assign({ className: classes }, others, { onClick: function (e) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        } }),
+        heading && (React.createElement(Text, { markup: TextMarkup.P }, heading)),
         content && (React.createElement(Text, { className: 'main-content', markup: TextMarkup.P }, content)),
-        linkTo && linkLabel && React.createElement(Link, { href: linkTo }, linkLabel)));
+        link && React.createElement(Link, { href: link }, contentLink || link)));
 };
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFTQztJQVJ4QixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNILE1BQU0sY0FSYyw0RUFTeEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3hDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQUcsT0FBTyxDQUFRO1FBQ3ZELE9BQU8sSUFBSSxDQUNWLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUMsY0FBYyxFQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUNoRCxPQUFPLENBQ0gsQ0FDUjtRQUNBLE1BQU0sSUFBSSxTQUFTLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxNQUFNLElBQUcsU0FBUyxDQUFRLENBQzFELENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZUFBZSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQVNDO0lBUnhCLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FSYyxpRkFTeEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsc0NBQUssU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2hDLFFBQVEsQ0FDTCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUM7UUFFQSxPQUFPLElBQUksQ0FDVixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQ3ZCLE9BQU8sQ0FDSCxDQUNSO1FBQ0EsT0FBTyxJQUFJLENBQ1Ysb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBQyxjQUFjLEVBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQ2hELE9BQU8sQ0FDSCxDQUNSO1FBQ0EsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxJQUFHLFdBQVcsSUFBSSxJQUFJLENBQVEsQ0FDbkQsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxlQUFlLENBQUEifQ==

package/lib/components/timeline/content/TimelineContent.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TimelineContentProps } from './TimelineContentProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { TimelineContentProps } from "./TimelineContentProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -11,7 +11,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param Onclick {string} Provide event onCLick
  */
 declare const TimelineContent: {
-    ({ content, heading, linkLabel, linkTo, children }: TimelineContentProps): JSX.Element;
+    ({ content, contentLink, heading, link, onClick, children, }: TimelineContentProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TimelineContent;

package/lib/components/timeline/content/TimelineContent.native.js

@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Text, TextLevels } from '../../../components/text';
-import { Link } from '../../../components/link';
-import { TypographyColor } from '../../../objects';
-import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
-import { AutoLayout } from '../../../components/autolayout';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import React, { useContext } from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { Text, TextLevels } from "../../../components/text";
+import { Link } from "../../../components/link";
+import { TypographyColor } from "../../../objects";
+import { TimelineItemContext } from "../../../components/timeline/item/TimelineItem.native";
+import { AutoLayout } from "../../../components/autolayout";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -16,7 +16,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param Onclick {string} Provide event onCLick
  */
 var TimelineContent = function (_a) {
-    var content = _a.content, heading = _a.heading, linkLabel = _a.linkLabel, linkTo = _a.linkTo, children = _a.children;
+    var content = _a.content, contentLink = _a.contentLink, heading = _a.heading, link = _a.link, onClick = _a.onClick, children = _a.children;
     var timelineContextValues = useContext(TimelineItemContext);
     var styles = StyleSheet.create({
         container: {
@@ -29,7 +29,7 @@ var TimelineContent = function (_a) {
             marginTop: 8,
         },
         content: {
-            fontWeight: timelineContextValues.active ? '600' : '400',
+            fontWeight: timelineContextValues.active ? "600" : "400",
             marginBottom: 4,
         },
         link: {
@@ -40,10 +40,10 @@ var TimelineContent = function (_a) {
         React.createElement(AutoLayout, null, children))) : (React.createElement(View, { style: styles.container },
         !!heading && (React.createElement(Text, { level: TextLevels.THREE, style: styles.heading, typo: TypographyColor.TEXT_MAIN }, heading)),
         !!content && (React.createElement(Text, { level: TextLevels.TWO, style: styles.content }, content)),
-        linkLabel && linkTo && (React.createElement(TouchableOpacity, { testID: 'click-id' },
+        (link || onClick) && (React.createElement(TouchableOpacity, { onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, testID: 'click-id' },
             React.createElement(View, { style: styles.link },
-                React.createElement(Link, { to: linkTo }, linkLabel))))));
+                React.createElement(Link, { to: link }, contentLink || link))))));
 };
 TimelineContent.displayName = ComponentName.TimelineContent;
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQXVFO1FBQXJFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUN0RSxJQUFNLHFCQUFxQixHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO0lBRTdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLENBQUM7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEVBQUU7WUFDUCxVQUFVLEVBQUUscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDeEQsWUFBWSxFQUFFLENBQUM7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ2hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVM7UUFDM0Isb0JBQUMsVUFBVSxRQUFFLFFBQVEsQ0FBYyxDQUM5QixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztRQUMxQixDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsU0FBUyxJQUNsRixPQUFPLENBQ0gsQ0FDUjtRQUNBLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FDWixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQy9DLE9BQU8sQ0FDSCxDQUNSO1FBQ0EsU0FBUyxJQUFJLE1BQU0sSUFBSSxDQUN0QixvQkFBQyxnQkFBZ0IsSUFBQyxNQUFNLEVBQUMsVUFBVTtZQUNqQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO2dCQUN0QixvQkFBQyxJQUFJLElBQUMsRUFBRSxFQUFFLE1BQU0sSUFBRyxTQUFTLENBQVEsQ0FDL0IsQ0FDVSxDQUNwQixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUUzRCxlQUFlLGVBQWUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBT0Y7UUFOckIsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQTtJQUVSLElBQU0scUJBQXFCLEdBQUcsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUE7SUFFN0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxJQUFJLEVBQUUsQ0FBQztZQUNQLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLENBQUM7U0FDZDtRQUNELE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxDQUFDO1lBQ2YsU0FBUyxFQUFFLENBQUM7U0FDYjtRQUNELE9BQU8sRUFBRTtZQUNQLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSztZQUN4RCxZQUFZLEVBQUUsQ0FBQztTQUNoQjtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxDQUFDO1NBQ2I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDaEIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztRQUMzQixvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQzlCLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTO1FBQzFCLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FDWixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQ3ZCLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUNyQixJQUFJLEVBQUUsZUFBZSxDQUFDLFNBQVMsSUFFOUIsT0FBTyxDQUNILENBQ1I7UUFDQSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUMvQyxPQUFPLENBQ0gsQ0FDUjtRQUNBLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQ3BCLG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxVQUFDLENBQUUsSUFBSyxPQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsRUFBWixDQUFZLEVBQUUsTUFBTSxFQUFDLFVBQVU7WUFDaEUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDdEIsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxJQUFJLElBQUcsV0FBVyxJQUFJLElBQUksQ0FBUSxDQUN2QyxDQUNVLENBQ3BCLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/timeline/content/TimelineContentProps.d.ts

@@ -2,16 +2,17 @@
 /**
  * Timeline Content Interface
  */
-import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface TimelineContentProps {
+import { Clickable } from '../../../objects';
+export interface TimelineContentProps extends Clickable {
     children?: React.ReactNode;
     heading?: string;
     content?: string;
-    linkTo?: string;
-    linkLabel?: string;
+    link?: string;
+    contentLink?: string;
 }
 /**
  * Timeline Content Web Interface
  */
-export interface TimelineContentWebProps extends TimelineContentProps, CommonProps {
+export interface TimelineContentWebProps extends TimelineContentProps, Clickable {
+    className?: string;
 }

package/lib/components/timeline/content/TimelineContentPropsDefaults.js

@@ -27,18 +27,25 @@ export default {
       "string"
     ]
   },
-  "linkTo": {
+  "link": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "linkLabel": {
+  "contentLink": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
   }
 };

package/lib/components/timeline/content/TimelineContentWebPropsDefaults.js

@@ -1,4 +1,11 @@
 export default {
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "children": {
     "type": "react",
     "values": [
@@ -27,32 +34,25 @@ export default {
       "string"
     ]
   },
-  "linkTo": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "linkLabel": {
+  "link": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "contentLink": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
-    "type": "string",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "string"
+      "ClickEvent"
     ]
   }
 };

package/lib/components/timeline/item/TimelineItem.d.ts

@@ -1,13 +1,14 @@
-import * as React from 'react';
-import { TimelineItemWebProps } from './TimelineItemProps';
+import * as React from "react";
+import { TimelineItemWebProps } from "./TimelineItemProps";
 /**
  * Timeline Item Component
  * @param children {ReactNode}
  * @param done {boolean} Done Timeline Item
  * @param active {boolean} Active Timeline Item
+ * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TimelineItem: ({ className, id, done, active, cancel, ...others }: TimelineItemWebProps) => React.JSX.Element;
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemWebProps & React.RefAttributes<HTMLDivElement>>;
 export default TimelineItem;

package/lib/components/timeline/item/TimelineItem.js

@@ -1,22 +1,23 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
+import * as React from "react";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+import { hashClass } from "../../../helpers";
 /**
  * Timeline Item Component
  * @param children {ReactNode}
  * @param done {boolean} Done Timeline Item
  * @param active {boolean} Active Timeline Item
+ * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var TimelineItem = function (_a) {
-    var className = _a.className, id = _a.id, done = _a.done, active = _a.active, cancel = _a.cancel, others = __rest(_a, ["className", "id", "done", "active", "cancel"]);
+var TimelineItem = React.forwardRef(function (props, ref) {
+    var className = props.className, done = props.done, active = props.active, undone = props.undone, cancel = props.cancel, others = __rest(props, ["className", "done", "active", "undone", "cancel"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline-item', done && 'done', active && 'active', cancel && 'cancel', className));
-    return React.createElement("div", __assign({ id: id, className: classes }, others));
-};
+    var classes = hashClass(styled, clsx("timeline-item", done && "done", active && "active", undone && "undone", cancel && "cancel", className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
+});
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWhELCtDQUFrRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQ3pGLENBQUE7SUFDRCxPQUFPLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN4RCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBMkIsRUFBRSxHQUFvQztJQUVwRyxJQUFBLFNBQVMsR0FNUCxLQUFLLFVBTkUsRUFDVCxJQUFJLEdBS0YsS0FBSyxLQUxILEVBQ0osTUFBTSxHQUlKLEtBQUssT0FKRCxFQUNOLE1BQU0sR0FHSixLQUFLLE9BSEQsRUFDTixNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFQSCxtREFPTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsZUFBZSxFQUNmLElBQUksSUFBSSxNQUFNLEVBQ2QsTUFBTSxJQUFJLFFBQVEsRUFDbEIsTUFBTSxJQUFJLFFBQVEsRUFDbEIsTUFBTSxJQUFJLFFBQVEsRUFDbEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/timeline/item/TimelineItem.native.d.ts

@@ -4,6 +4,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
 export declare const TimelineItemContext: React.Context<{
     done: boolean;
     active: boolean;
+    undone: boolean;
     cancel: boolean;
 }>;
 /**
@@ -15,7 +16,7 @@ export declare const TimelineItemContext: React.Context<{
  * @param cancel {boolean} Cancel Timeline Item
  */
 declare const TimelineItem: {
-    ({ children, done, active, cancel }: TimelineItemProps): JSX.Element;
+    ({ children, done, active, undone, cancel }: TimelineItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TimelineItem;

package/lib/components/timeline/item/TimelineItem.native.js

@@ -2,7 +2,7 @@ import React, { createContext, useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
 import { ComponentName } from '../../../components/enumsComponentsName';
-export var TimelineItemContext = createContext({ done: false, active: false, cancel: false });
+export var TimelineItemContext = createContext({ done: false, active: false, undone: false, cancel: false });
 /**
  * Timeline Item Component
  * @param children {ReactNode}
@@ -12,7 +12,7 @@ export var TimelineItemContext = createContext({ done: false, active: false, can
  * @param cancel {boolean} Cancel Timeline Item
  */
 var TimelineItem = function (_a) {
-    var children = _a.children, done = _a.done, active = _a.active, cancel = _a.cancel;
+    var children = _a.children, done = _a.done, active = _a.active, undone = _a.undone, cancel = _a.cancel;
     var _b = useContext(TimelineHeightContext), height = _b.height, setHeight = _b.setHeight;
     var styles = StyleSheet.create({
         item: {
@@ -23,7 +23,7 @@ var TimelineItem = function (_a) {
             marginBottom: 8,
         },
     });
-    return (React.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } },
+    return (React.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, undone: undone || false, cancel: cancel || false } },
         React.createElement(View, { onLayout: function (event) {
                 var heightView = event.nativeEvent.layout.height;
                 setHeight(function (prev) {
@@ -35,4 +35,4 @@ var TimelineItem = function (_a) {
 };
 TimelineItem.displayName = ComponentName.TimelineItem;
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvaXRlbS9UaW1lbGluZUl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFFN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUUvRjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQUFxRDtRQUFuRCxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDOUMsSUFBQSxLQUF3QixVQUFVLENBQUMscUJBQXFCLENBQUMsRUFBdkQsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFzQyxDQUFBO0lBRS9ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsY0FBYztZQUM5QixNQUFNLEVBQUUsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM1QyxZQUFZLEVBQUUsQ0FBQztTQUNoQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUU7UUFDNUcsb0JBQUMsSUFBSSxJQUNILFFBQVEsRUFBRSxVQUFDLEtBQUs7Z0JBQ04sSUFBUSxVQUFVLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQTdCLENBQTZCO2dCQUN2RCxTQUFTLENBQUMsVUFBQyxJQUFJO29CQUNiLElBQUksSUFBSSxHQUFHLFVBQVU7d0JBQUUsT0FBTyxVQUFVLENBQUE7b0JBQ3hDLE9BQU8sSUFBSSxDQUFBO2dCQUNiLENBQUMsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxFQUNELEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUVqQixRQUFRLENBQ0osQ0FDc0IsQ0FDaEMsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUVyRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvaXRlbS9UaW1lbGluZUl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFFN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0FBRTlHOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQTZEO1FBQTNELFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQTtJQUN0RCxJQUFBLEtBQXdCLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxFQUF2RCxNQUFNLFlBQUEsRUFBRSxTQUFTLGVBQXNDLENBQUE7SUFFL0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsTUFBTTtZQUNiLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGNBQWMsRUFBRSxjQUFjO1lBQzlCLE1BQU0sRUFBRSxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVDLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFDM0IsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUU7UUFFekcsb0JBQUMsSUFBSSxJQUNILFFBQVEsRUFBRSxVQUFDLEtBQUs7Z0JBQ04sSUFBUSxVQUFVLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQTdCLENBQTZCO2dCQUN2RCxTQUFTLENBQUMsVUFBQyxJQUFJO29CQUNiLElBQUksSUFBSSxHQUFHLFVBQVU7d0JBQUUsT0FBTyxVQUFVLENBQUE7b0JBQ3hDLE9BQU8sSUFBSSxDQUFBO2dCQUNiLENBQUMsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxFQUNELEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUVqQixRQUFRLENBQ0osQ0FDc0IsQ0FDaEMsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUVyRCxlQUFlLFlBQVksQ0FBQSJ9

package/lib/components/timeline/item/TimelineItemProps.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Timeline Item Interface
  */
@@ -7,13 +6,16 @@ export interface TimelineItemProps {
     children: React.ReactNode;
     done?: boolean;
     active?: boolean;
+    undone?: boolean;
     cancel?: boolean;
 }
 /**
  * Timeline Item Web Interface
  */
-export interface TimelineItemWebProps extends TimelineItemProps, CommonProps {
+export interface TimelineItemWebProps extends TimelineItemProps {
+    className?: string;
     done?: boolean;
     active?: boolean;
+    undone?: boolean;
     cancel?: boolean;
 }

package/lib/components/timeline/item/TimelineItemPropsDefaults.js

@@ -29,6 +29,14 @@ export default {
       "true"
     ]
   },
+  "undone": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "cancel": {
     "type": "boolean",
     "values": [

package/lib/components/timeline/item/TimelineItemWebPropsDefaults.js

@@ -1,4 +1,11 @@
 export default {
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "done": {
     "type": "boolean",
     "values": [
@@ -15,6 +22,14 @@ export default {
       "true"
     ]
   },
+  "undone": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "cancel": {
     "type": "boolean",
     "values": [
@@ -36,19 +51,5 @@ export default {
       "ReactNode>",
       "ReactPortal"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/timeline/marker/TimelineMarker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TimelineMarkerWebProps } from './TimelineMarkerProps';
+import { TimelineMarkerWebProps } from "./TimelineMarkerProps";
 /**
  * Timeline Marker Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
@@ -9,5 +9,5 @@ import { TimelineMarkerWebProps } from './TimelineMarkerProps';
  * @param className {string} Additionnal CSS Classes
  * @param iconClassname {string} Additionnal CSS Classes for icon
  */
-declare const TimelineMarker: ({ className, id, iconClassname, iconName, ...others }: TimelineMarkerWebProps) => JSX.Element;
+declare const TimelineMarker: ({ className, iconClassname, iconName, iconColor, testId, ...others }: TimelineMarkerWebProps) => JSX.Element;
 export default TimelineMarker;

package/lib/components/timeline/marker/TimelineMarker.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { Icon, IconSize } from '../../../components/icon';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../../services/classify";
+import { Icon, IconSize } from "../../../components/icon";
+import { useTrilogyContext } from "../../../context";
+import { hashClass } from "../../../helpers";
 /**
  * Timeline Marker Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
@@ -15,13 +15,13 @@ import { hashClass } from '../../../helpers';
  * @param iconClassname {string} Additionnal CSS Classes for icon
  */
 var TimelineMarker = function (_a) {
-    var className = _a.className, id = _a.id, iconClassname = _a.iconClassname, iconName = _a.iconName, others = __rest(_a, ["className", "id", "iconClassname", "iconName"]);
+    var className = _a.className, iconClassname = _a.iconClassname, iconName = _a.iconName, iconColor = _a.iconColor, testId = _a.testId, others = __rest(_a, ["className", "iconClassname", "iconName", "iconColor", "testId"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline-marker', is('icon'), className));
+    var classes = hashClass(styled, clsx("timeline-marker", is("icon"), className));
     var iconClasses = clsx(iconClassname);
-    return (React.createElement("div", __assign({ id: id, className: classes }, others),
+    return (React.createElement("div", __assign({ className: classes }, others, { "data-testid": testId }),
         React.createElement("div", { className: 'card-header-icon' },
-            React.createElement(Icon, { className: iconClasses, name: iconName, size: IconSize.SMALL }))));
+            React.createElement(Icon, { color: iconColor, className: iconClasses, name: iconName, size: IconSize.SMALL }))));
 };
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFNQztJQUx2QixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTGEsZ0RBTXZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3pDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSSxDQUNsRSxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFPQztJQU52QixJQUFBLFNBQVMsZUFBQSxFQUNULGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTmEsaUVBT3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvQyxDQUFBO0lBQ0QsSUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBRXZDLE9BQU8sQ0FDTCxzQ0FBSyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sbUJBQWUsTUFBTTtRQUN0RCw2QkFBSyxTQUFTLEVBQUMsa0JBQWtCO1lBQy9CLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsU0FBUyxFQUNoQixTQUFTLEVBQUUsV0FBVyxFQUN0QixJQUFJLEVBQUUsUUFBUSxFQUNkLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUNwQixDQUNFLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/timeline/marker/TimelineMarker.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TimelineMarkerProps } from './TimelineMarkerProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { TimelineMarkerProps } from "./TimelineMarkerProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TimelineMarker Native Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
@@ -8,7 +8,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param testId {string} Test Id for Test Integration
  */
 declare const TimelineMarker: {
-    ({ iconName }: TimelineMarkerProps): JSX.Element;
+    ({ iconName, iconColor, testId }: TimelineMarkerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TimelineMarker;