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

package/lib/components/textarea/hook/useTextarea.js

@@ -0,0 +1,25 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useTextarea = function (_a) {
+    var inputValue = _a.inputValue, onChange = _a.onChange;
+    try {
+        var _b = __read(React.useState(inputValue || ''), 2), value = _b[0], setValue_1 = _b[1];
+        var handleChange = React.useCallback(function (e) {
+            setValue_1(e.target.value);
+            if (onChange) {
+                onChange({
+                    textareaName: e.target.name,
+                    textareaValue: e.target.value,
+                });
+            }
+        }, []);
+        React.useEffect(function () {
+            setValue_1(inputValue || '');
+        }, [inputValue]);
+        return { inputValue: value, handleChange: handleChange };
+    }
+    catch (_c) {
+        return { inputValue: inputValue, handleChange: undefined };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL2hvb2svdXNlVGV4dGFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFTekIsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBaUM7UUFBL0IsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUNoRCxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQUMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQW5ELEtBQUssUUFBQSxFQUFFLFVBQVEsUUFBb0MsQ0FBQTtRQUUxRCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBeUM7WUFDL0UsVUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDeEIsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDO29CQUNQLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7b0JBQzNCLGFBQWEsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7aUJBQzlCLENBQUMsQ0FBQTthQUNIO1FBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO1FBRU4sS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFVBQVEsQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDLENBQUE7UUFDNUIsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtRQUVoQixPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxZQUFZLGNBQUEsRUFBRSxDQUFBO0tBQzNDO0lBQUMsV0FBTTtRQUNOLE9BQU8sRUFBRSxVQUFVLFlBQUEsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLENBQUE7S0FDL0M7QUFDSCxDQUFDLENBQUEifQ==

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

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

package/lib/components/textarea/index.js

@@ -1,3 +1,2 @@
-import Textarea from './Textarea';
-export { Textarea };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==
+export { default as Textarea } from '../../components/textarea/Textarea';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUEifQ==

package/lib/components/timeline/Timeline.d.ts

@@ -1,11 +1,12 @@
-import * as React from 'react';
-import { TimelineProps } from './TimelineProps';
+import React from 'react';
+import { TimelineProps } from '../../components/timeline/TimelineProps';
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
+ * @param children {ReactNode}
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-declare const Timeline: ({ className, id, horizontal, ...others }: TimelineProps) => React.JSX.Element;
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
 export default Timeline;

package/lib/components/timeline/Timeline.js

@@ -1,21 +1,22 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { is } from '../../services';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
+ * @param children {ReactNode}
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-var Timeline = function (_a) {
-    var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
-    return React.createElement("div", __assign({ id: id, className: classes }, others));
-};
+var Timeline = React.forwardRef(function (props, ref) {
+    var className = props.className, notifications = props.notifications, horizontal = props.horizontal, others = __rest(props, ["className", "notifications", "horizontal"]);
+    var classes = hashClass(clsx('timeline', notifications && notifications, horizontal && is('horizontal'), className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
+});
+Timeline.displayName = ComponentName.Timeline;
 export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUF1RDtJQUFyRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQXRDLGlDQUF3QyxDQUFGO0lBQzlDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDeEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBOEI7SUFDN0UsSUFBQSxTQUFTLEdBQTJDLEtBQUssVUFBaEQsRUFBRSxhQUFhLEdBQTRCLEtBQUssY0FBakMsRUFBRSxVQUFVLEdBQWdCLEtBQUssV0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUEzRCw0Q0FBbUQsQ0FBRixDQUFVO0lBRWpFLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsSUFBSSxhQUFhLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRILE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/timeline/Timeline.native.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { TimelineProps } from "./TimelineProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { View } from 'react-native';
+import { TimelineProps } from '../../components/timeline/TimelineProps';
 interface IContext {
     height: number;
     setHeight: React.Dispatch<React.SetStateAction<number>>;
@@ -11,8 +11,5 @@ export declare const TimelineHeightContext: React.Context<IContext>;
  * @param children {ReactNode} Text child
 
  */
-declare const Timeline: {
-    ({ children }: TimelineProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<View>>;
 export default Timeline;

package/lib/components/timeline/Timeline.native.js

@@ -1,7 +1,7 @@
 import { __read } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
 export var TimelineHeightContext = React.createContext({
     height: 0,
     setHeight: function () { return undefined; },
@@ -11,11 +11,11 @@ export var TimelineHeightContext = React.createContext({
  * @param children {ReactNode} Text child
 
  */
-var Timeline = function (_a) {
+var Timeline = React.forwardRef(function (_a, ref) {
     var children = _a.children;
     var styles = StyleSheet.create({
         container: {
-            flexDirection: "column",
+            flexDirection: 'column',
         },
     });
     var _b = __read(React.useState(0), 2), height = _b[0], setHeight = _b[1];
@@ -23,8 +23,8 @@ var Timeline = function (_a) {
             height: height,
             setHeight: setHeight,
         } },
-        React.createElement(View, { style: styles.container }, children)));
-};
+        React.createElement(View, { style: styles.container, ref: ref }, children)));
+});
 Timeline.displayName = ComponentName.Timeline;
 export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFPaEUsTUFBTSxDQUFDLElBQU0scUJBQXFCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBVztJQUNqRSxNQUFNLEVBQUUsQ0FBQztJQUNULFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUY7Ozs7R0FJRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBMkI7UUFBekIsUUFBUSxjQUFBO0lBQzFCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLFFBQVE7U0FDeEI7S0FDRixDQUFDLENBQUE7SUFFSSxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUF0QyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQXFCLENBQUE7SUFFN0MsT0FBTyxDQUNMLG9CQUFDLHFCQUFxQixDQUFDLFFBQVEsSUFDN0IsS0FBSyxFQUFFO1lBQ0wsTUFBTSxRQUFBO1lBQ04sU0FBUyxXQUFBO1NBQ1Y7UUFFRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQUcsUUFBUSxDQUFRLENBQ2pCLENBQ2xDLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFFN0MsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFLE1BQU0sQ0FBQyxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVc7SUFDakUsTUFBTSxFQUFFLENBQUM7SUFDVCxTQUFTLEVBQUUsY0FBTSxPQUFBLFNBQVMsRUFBVCxDQUFTO0NBQzNCLENBQUMsQ0FBQTtBQUVGOzs7O0dBSUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBMkIsRUFBRSxHQUFvQjtRQUEvQyxRQUFRLGNBQUE7SUFDM0MsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsUUFBUTtTQUN4QjtLQUNGLENBQUMsQ0FBQTtJQUVJLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBcUIsQ0FBQTtJQUU3QyxPQUFPLENBQ0wsb0JBQUMscUJBQXFCLENBQUMsUUFBUSxJQUM3QixLQUFLLEVBQUU7WUFDTCxNQUFNLFFBQUE7WUFDTixTQUFTLFdBQUE7U0FDVjtRQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUNwQyxRQUFRLENBQ0osQ0FDd0IsQ0FDbEMsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/timeline/TimelineProps.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Timeline Interface
  */
-export interface TimelineProps extends CommonProps {
+export interface TimelineProps {
+    className?: string;
     children: React.ReactNode;
+    notifications?: boolean;
     horizontal?: boolean;
 }

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 * as React from 'react';
+import { TimelineContentWebProps } from '../../../components/timeline/content/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: React.ForwardRefExoticComponent<TimelineContentWebProps & React.RefAttributes<HTMLDivElement>>;
 export default TimelineContent;

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

@@ -1,30 +1,32 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { Text, TextMarkup } from '../../../components/text';
+import * as React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { Link } from '../../../components/link';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import { Text, TextMarkup } from '../../../components/text';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
 /**
  * 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 styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline-content', className));
+var TimelineContent = React.forwardRef(function (_a, ref) {
+    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 classes = hashClass(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),
+    return (React.createElement("div", __assign({ ref: ref, className: classes }, others, { onClick: onClick }),
         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)));
+});
+TimelineContent.displayName = ComponentName.TimelineContent;
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFTQztJQVJ4QixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNILE1BQU0sY0FSYyw0RUFTeEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3hDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQUcsT0FBTyxDQUFRO1FBQ3ZELE9BQU8sSUFBSSxDQUNWLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUMsY0FBYyxFQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUNoRCxPQUFPLENBQ0gsQ0FDUjtRQUNBLE1BQU0sSUFBSSxTQUFTLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxNQUFNLElBQUcsU0FBUyxDQUFRLENBQzFELENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZUFBZSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBQXlHLEVBQ3pHLEdBQThCO0lBRDVCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUUsaUZBQWdGLENBQUY7SUFHOUUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTlELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNoQyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sSUFBRSxPQUFPLEVBQUUsT0FBTztRQUM1RCxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUFHLE9BQU8sQ0FBUTtRQUN2RCxPQUFPLElBQUksQ0FDVixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFDaEQsT0FBTyxDQUNILENBQ1I7UUFDQSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLElBQUcsV0FBVyxJQUFJLElBQUksQ0FBUSxDQUNuRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUMzRCxlQUFlLGVBQWUsQ0FBQSJ9

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 React from 'react';
+import { View } from 'react-native';
+import { TimelineContentProps } from '../../../components/timeline/content/TimelineContentProps';
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -10,8 +10,5 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param link {string} Url link
  * @param Onclick {string} Provide event onCLick
  */
-declare const TimelineContent: {
-    ({ content, heading, linkLabel, linkTo, children }: TimelineContentProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<View>>;
 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 { Link } from '../../../components/link';
+import { Text, TextLevels } from '../../../components/text';
+import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
+import { TypographyColor } from '../../../objects/Typography/TypographyColor';
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -15,8 +15,8 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param link {string} Url link
  * @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 TimelineContent = React.forwardRef(function (_a, ref) {
+    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: {
@@ -36,14 +36,14 @@ var TimelineContent = function (_a) {
             marginTop: 6,
         },
     });
-    return children ? (React.createElement(View, { style: styles.container },
-        React.createElement(AutoLayout, null, children))) : (React.createElement(View, { style: styles.container },
+    return children ? (React.createElement(View, { style: styles.container, ref: ref },
+        React.createElement(AutoLayout, null, children))) : (React.createElement(View, { style: styles.container, ref: ref },
         !!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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUV0RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQ0UsRUFBZ0YsRUFDaEYsR0FBb0I7UUFEbEIsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQTtJQUd4RCxJQUFNLHFCQUFxQixHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO0lBRTdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLENBQUM7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEVBQUU7WUFDUCxVQUFVLEVBQUUscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDeEQsWUFBWSxFQUFFLENBQUM7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ2hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUUsR0FBRztRQUNyQyxvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQzlCLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUc7UUFDcEMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUNaLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLFNBQVMsSUFDbEYsT0FBTyxDQUNILENBQ1I7UUFDQSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUMvQyxPQUFPLENBQ0gsQ0FDUjtRQUNBLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQ3BCLG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxVQUFDLENBQUUsSUFBSyxPQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsRUFBWixDQUFZLEVBQUUsTUFBTSxFQUFDLFVBQVU7WUFDaEUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDdEIsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxJQUFJLElBQUcsV0FBVyxJQUFJLElBQUksQ0FBUSxDQUN2QyxDQUNVLENBQ3BCLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFDM0QsZUFBZSxlQUFlLENBQUEifQ==

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/facets/Clickable';
+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/content/index.d.ts

@@ -1,2 +1,2 @@
-import TimelineContent from './TimelineContent';
+import TimelineContent from '../../../components/timeline/content/TimelineContent';
 export default TimelineContent;

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

@@ -1,3 +1,3 @@
-import TimelineContent from './TimelineContent';
+import TimelineContent from '../../../components/timeline/content/TimelineContent';
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2NvbnRlbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sbUJBQW1CLENBQUE7QUFFL0MsZUFBZSxlQUFlLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2NvbnRlbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sK0NBQStDLENBQUE7QUFFM0UsZUFBZSxlQUFlLENBQUEifQ==

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

@@ -1,5 +1,4 @@
-import TimelineContent from './content';
-import TimelineItem from './item';
-import TimelineMarker from './marker';
-import Timeline from './Timeline';
-export { Timeline, TimelineItem, TimelineContent, TimelineMarker };
+export { default as TimelineContent } from '../../components/timeline/content';
+export { default as TimelineItem } from '../../components/timeline/item';
+export { default as TimelineMarker } from '../../components/timeline/marker';
+export { default as Timeline } from '../../components/timeline/Timeline';

package/lib/components/timeline/index.js

@@ -1,6 +1,5 @@
-import TimelineContent from './content';
-import TimelineItem from './item';
-import TimelineMarker from './marker';
-import Timeline from './Timeline';
-export { Timeline, TimelineItem, TimelineContent, TimelineMarker };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZUFBZSxNQUFNLFdBQVcsQ0FBQTtBQUN2QyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxjQUFjLE1BQU0sVUFBVSxDQUFBO0FBQ3JDLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLENBQUEifQ==
+export { default as TimelineContent } from '../../components/timeline/content';
+export { default as TimelineItem } from '../../components/timeline/item';
+export { default as TimelineMarker } from '../../components/timeline/marker';
+export { default as Timeline } from '../../components/timeline/Timeline';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDMUUsT0FBTyxFQUFFLE9BQU8sSUFBSSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hFLE9BQU8sRUFBRSxPQUFPLElBQUksUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUEifQ==

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

@@ -1,13 +1,14 @@
 import * as React from 'react';
-import { TimelineItemWebProps } from './TimelineItemProps';
+import { TimelineItemWebProps } from '../../../components/timeline/item/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 { ComponentName } from '../../../components/enumsComponentsName';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
 /**
  * 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 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 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 classes = hashClass(clsx('timeline-item', done && 'done', active && 'active', undone && 'undone', cancel && 'cancel', className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
+});
+TimelineItem.displayName = ComponentName.TimelineItem;
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWhELCtDQUFrRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQ3pGLENBQUE7SUFDRCxPQUFPLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN4RCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUEyQixFQUFFLEdBQW9DO0lBQzlGLElBQUEsU0FBUyxHQUE4QyxLQUFLLFVBQW5ELEVBQUUsSUFBSSxHQUF3QyxLQUFLLEtBQTdDLEVBQUUsTUFBTSxHQUFnQyxLQUFLLE9BQXJDLEVBQUUsTUFBTSxHQUF3QixLQUFLLE9BQTdCLEVBQUUsTUFBTSxHQUFnQixLQUFLLE9BQXJCLEVBQUssTUFBTSxVQUFLLEtBQUssRUFBOUQsbURBQXNELENBQUYsQ0FBVTtJQUVwRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsTUFBTSxJQUFJLFFBQVEsRUFBRSxTQUFTLENBQUMsQ0FDN0csQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import { TimelineItemProps } from './TimelineItemProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { View } from 'react-native';
+import { TimelineItemProps } from '../../../components/timeline/item/TimelineItemProps';
 export declare const TimelineItemContext: React.Context<{
     done: boolean;
     active: boolean;
+    undone: boolean;
     cancel: boolean;
 }>;
 /**
@@ -14,8 +15,5 @@ export declare const TimelineItemContext: React.Context<{
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-declare const TimelineItem: {
-    ({ children, done, active, cancel }: TimelineItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<View>>;
 export default TimelineItem;