@trilogy-ds/react 4.0.1-beta-1 → 4.0.1-ref-2

package/lib/components/tabs/tab-list/TabList.d.ts

@@ -1,3 +1,4 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
 import React from 'react';
 /**
@@ -9,5 +10,8 @@ import React from 'react';
  * @param align
  * @param others
  */
-declare const TabList: ({ children, className, id, testId, align, ...others }: TabListProps) => React.JSX.Element;
+declare const TabList: {
+    ({ children, className, id, testId, align, ...others }: TabListProps, ref: React.Ref<HTMLDivElement>): React.JSX.Element;
+    displayName: ComponentName;
+};
 export default TabList;

package/lib/components/tabs/tab-list/TabList.js

@@ -1,4 +1,5 @@
 import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
 import Tab from '../../../components/tabs/tab-list/tab/Tab';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
@@ -15,15 +16,16 @@ import React from 'react';
  * @param align
  * @param others
  */
-var TabList = function (_a) {
+var TabList = function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
-    return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
+    return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
         if (!React.isValidElement(child))
             return false;
         return React.createElement(Tab, __assign({}, child.props, { index: index }));
     })));
 };
+TabList.displayName = ComponentName.TabList;
 export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW1FO0lBQWpFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUFuRCxrREFBcUQsQ0FBRjtJQUMxRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFckcsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxHQUFHLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDL0MsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sR0FBRyxNQUFNLG9DQUFvQyxDQUFBO0FBRXBELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFDZCxFQUFtRSxFQUNuRSxHQUE4QjtJQUQ1QixJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBbkQsa0RBQXFELENBQUY7SUFHM0MsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJHLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDdkUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxHQUFHLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDL0MsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/tabs/tab-list/TabList.native.d.ts

@@ -0,0 +1,17 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
+import React from 'react';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param align
+ * @param others
+ */
+declare const TabList: {
+    ({ children, ...others }: TabListProps): React.JSX.Element;
+    displayName: ComponentName;
+};
+export default TabList;

package/lib/components/tabs/tab-list/TabList.native.js

@@ -0,0 +1,37 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TabsContext } from '../../../components/tabs/context';
+import Tab from '../../../components/tabs/tab-list/tab/Tab';
+import { getColorStyle, TrilogyColor } from '../../../objects';
+import React from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param align
+ * @param others
+ */
+var TabList = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var inverted = React.useContext(TabsContext).inverted;
+    var styles = React.useMemo(function () {
+        return StyleSheet.create({
+            tabList: {
+                flexDirection: 'row',
+                overflow: 'visible',
+                backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : undefined,
+            },
+        });
+    }, [inverted]);
+    return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList }, others), React.Children.map(children, function (child, index) {
+        if (!React.isValidElement(child))
+            return false;
+        return React.createElement(Tab, __assign({}, child.props, { index: index }));
+    })));
+};
+TabList.displayName = ComponentName.TabList;
+export default TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sR0FBRyxNQUFNLG9DQUFvQyxDQUFBO0FBRXBELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBcUM7SUFBbkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDNUIsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFFbEQsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDMUI7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsT0FBTyxFQUFFO2dCQUNQLGFBQWEsRUFBRSxLQUFLO2dCQUNwQixRQUFRLEVBQUUsU0FBUztnQkFDbkIsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN6RTtTQUNGLENBQUM7SUFORixDQU1FLEVBQ0osQ0FBQyxRQUFRLENBQUMsQ0FDWCxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLFVBQVUsYUFBQyxVQUFVLFFBQUMsOEJBQThCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUFNLE1BQU0sR0FDNUYsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxHQUFHLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDL0MsQ0FBQyxDQUFDLENBQ1MsQ0FDZCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/tabs/tab-list/tab/Tab.d.ts

@@ -8,11 +8,11 @@ import React from 'react';
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
  * @param label {string} Tab content
+ * @param to {string} Link
+ * @param href {string} <a />
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
- * @param to {string} Link
- * @param href {string} <a />
  * @param routerLink Custom Router Link as props
  */
 declare const Tab: ({ active, className, onClick, to, href, routerLink, iconName, label, disabled, testId, ariaControls, ...others }: TabProps) => React.JSX.Element;

package/lib/components/tabs/tab-list/tab/Tab.js

@@ -13,11 +13,11 @@ import React from 'react';
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
  * @param label {string} Tab content
+ * @param to {string} Link
+ * @param href {string} <a />
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
- * @param to {string} Link
- * @param href {string} <a />
  * @param routerLink Custom Router Link as props
  */
 var Tab = function (_a) {
@@ -28,10 +28,13 @@ var Tab = function (_a) {
     var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
     var classes = hashClass(styled, clsx('tab', className, { 'is-active': isActive }));
     var handleClick = React.useCallback(function (e) {
-        setActiveIndex(index);
-        if (!disabled && onClick)
-            onClick(e);
-    }, [disabled, onClick, index, setActiveIndex]);
+        if (!disabled) {
+            if (!routerLink)
+                setActiveIndex(index);
+            if (onClick)
+                onClick(e);
+        }
+    }, [disabled, onClick, index, setActiveIndex, routerLink]);
     React.useEffect(function () {
         if (active)
             setActiveIndex(index);
@@ -47,4 +50,4 @@ var Tab = function (_a) {
         label && label));
 };
 export default Tab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsVUFBQyxFQWFGO0lBWlQsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNULE1BQU0sY0FaRSx5SEFhWixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQWtDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQTdELFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFrQyxDQUFBO0lBRXJFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLFdBQVcsS0FBSyxLQUFLLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQW1CO1FBQ2xCLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNyQixJQUFJLENBQUMsUUFBUSxJQUFJLE9BQU87WUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDdEMsQ0FBQyxFQUNELENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsY0FBYyxDQUFDLENBQzNDLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxNQUFNO1lBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25DLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxjQUFjLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVuQyxJQUFJLFVBQVUsSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRTtRQUM5QixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLG9CQUFDLFVBQVUsNEJBQ0ksTUFBTSxFQUNuQixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLFdBQVcsZ0JBQ1IsS0FBSyxJQUNiLE1BQU07WUFFViw2QkFBSyxTQUFTLEVBQUMsVUFBVSxJQUFFLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFDLGdCQUFnQixFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUFPO1lBQ3pHLEtBQUssSUFBSSxLQUFLLENBQ0osQ0FDZCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsMERBQ2lCLFlBQVksbUJBQ1osUUFBUSxtQkFDUixRQUFRLHlCQUNILEVBQUUsRUFDdEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLEtBQUssaUJBQ0csTUFBTSxnQkFDUCxLQUFLLEVBQ2pCLE9BQU8sRUFBRSxXQUFXLElBQ2hCLEtBQUs7UUFFVCw2QkFBSyxTQUFTLEVBQUMsVUFBVSxJQUFFLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFDLGdCQUFnQixFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUFPO1FBQ3pHLEtBQUssSUFBSSxLQUFLLENBQ1IsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsVUFBQyxFQWFGO0lBWlQsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNULE1BQU0sY0FaRSx5SEFhWixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQWtDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQTdELFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFrQyxDQUFBO0lBRXJFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLFdBQVcsS0FBSyxLQUFLLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQW1CO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLENBQUMsVUFBVTtnQkFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDdEMsSUFBSSxPQUFPO2dCQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUMsRUFDRCxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxVQUFVLENBQUMsQ0FDdkQsQ0FBQTtJQUVELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLE1BQU07WUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkMsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRW5DLElBQUksVUFBVSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFO1FBQzlCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSw0QkFDSSxNQUFNLEVBQ25CLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxnQkFDUixLQUFLLElBQ2IsTUFBTTtZQUVWLDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87WUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDSixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCwwREFDaUIsWUFBWSxtQkFDWixRQUFRLG1CQUNSLFFBQVEseUJBQ0gsRUFBRSxFQUN0QixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUMsS0FBSyxpQkFDRyxNQUFNLGdCQUNQLEtBQUssRUFDakIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsS0FBSztRQUVULDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87UUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDUixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tabs/tab-list/tab/Tab.native.d.ts

@@ -0,0 +1,19 @@
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { TabProps } from '../../../../components/tabs/tab-list/tab/TabProps';
+import React from 'react';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param iconName {IconNameValues | IconName} add icon name
+ * @param disabled {boolean} disable tab item
+ * @param label {string} Tab content
+ * @param to {string} Link
+ * @param href {string} Link
+ */
+declare const Tab: {
+    ({ active, onClick, to, href, iconName, label, disabled, ...others }: TabProps): React.JSX.Element;
+    displayName: ComponentName;
+};
+export default Tab;

package/lib/components/tabs/tab-list/tab/Tab.native.js

@@ -0,0 +1,62 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { Icon } from '../../../../components/icon';
+import { TabsContext } from '../../../../components/tabs/context';
+import { Text } from '../../../../components/text';
+import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
+import React from 'react';
+import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param iconName {IconNameValues | IconName} add icon name
+ * @param disabled {boolean} disable tab item
+ * @param label {string} Tab content
+ * @param to {string} Link
+ * @param href {string} Link
+ */
+var Tab = function (_a) {
+    var active = _a.active, onClick = _a.onClick, to = _a.to, href = _a.href, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, others = __rest(_a, ["active", "onClick", "to", "href", "iconName", "label", "disabled"]);
+    var _b = others, index = _b.index, props = __rest(_b, ["index"]);
+    var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted;
+    var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
+    var handleClick = React.useCallback(function (e) {
+        if (!disabled) {
+            if (onClick)
+                onClick(e);
+            if (!to && !href)
+                setActiveIndex(index);
+            if (to || href)
+                Linking.openURL(to || href || '');
+        }
+    }, [disabled, onClick, index, setActiveIndex, to, href]);
+    var styles = React.useMemo(function () {
+        return StyleSheet.create({
+            tab: {
+                paddingVertical: 4,
+                paddingHorizontal: 12,
+                borderBottomWidth: 2,
+                borderBottomColor: isActive
+                    ? getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
+                    : 'transparent',
+            },
+            text: {
+                textAlign: 'center',
+                color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN),
+            },
+        });
+    }, [isActive, disabled, inverted]);
+    React.useEffect(function () {
+        if (active)
+            setActiveIndex(index);
+    }, [active, setActiveIndex, index]);
+    return (React.createElement(TouchableOpacity, __assign({ activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
+        iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
+            React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
+        React.createElement(Text, { style: styles.text }, label && label)));
+};
+Tab.displayName = ComponentName.Tab;
+export default Tab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQXlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpHOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBQTZFO0lBQTNFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUM1RSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBNEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBdkUsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFRLGNBQWtDLENBQUE7SUFDL0UsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsV0FBVyxLQUFL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

package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js

@@ -29,6 +29,9 @@ export default {
       "object",
       "text",
       "search",
+      "button",
+      "image",
+      "time",
       "a",
       "abbr",
       "address",
@@ -44,7 +47,6 @@ export default {
       "blockquote",
       "body",
       "br",
-      "button",
       "canvas",
       "caption",
       "center",
@@ -136,7 +138,6 @@ export default {
       "tfoot",
       "th",
       "thead",
-      "time",
       "title",
       "tr",
       "track",
@@ -183,7 +184,6 @@ export default {
       "filter",
       "foreignObject",
       "g",
-      "image",
       "line",
       "linearGradient",
       "marker",

package/lib/components/tabs/tab-panels/TabPanels.d.ts

@@ -8,5 +8,5 @@ import React from 'react';
  * @param testId
  * @param others
  */
-declare const TabPanels: ({ children, className, id, testId, ...others }: TabPanelsProps) => React.JSX.Element;
+declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLDivElement>>;
 export default TabPanels;

package/lib/components/tabs/tab-panels/TabPanels.js

@@ -1,4 +1,5 @@
 import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
 import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
@@ -12,15 +13,16 @@ import React from 'react';
  * @param testId
  * @param others
  */
-var TabPanels = function (_a) {
+var TabPanels = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('tab-panels', className));
-    return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
+    return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
         if (!React.isValidElement(child))
             return false;
         return React.createElement(TabPanel, __assign({}, child.props, { index: index }));
     })));
-};
+});
+TabPanels.displayName = ComponentName.TabPanels;
 export default TabPanels;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQThEO0lBQTVELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUNyRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVoRSxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUM3RCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztRQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQTtRQUM5QyxPQUFPLG9CQUFDLFFBQVEsZUFBSyxLQUFLLENBQUMsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQTtJQUNwRCxDQUFDLENBQUMsQ0FDRSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFBQyxFQUE4RCxFQUFFLEdBQThCO0lBQTVGLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUNuQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVoRSxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3ZFLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3pDLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQztZQUFFLE9BQU8sS0FBSyxDQUFBO1FBQzlDLE9BQU8sb0JBQUMsUUFBUSxlQUFLLEtBQUssQ0FBQyxLQUFLLElBQUUsS0FBSyxFQUFFLEtBQUssSUFBSSxDQUFBO0lBQ3BELENBQUMsQ0FBQyxDQUNFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/tabs/tab-panels/TabPanels.native.d.ts

@@ -0,0 +1,16 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TabPanelsProps } from '../../../components/tabs/tab-panels/TabPanelsProps';
+import React from 'react';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param others
+ */
+declare const TabPanels: {
+    ({ children, ...others }: TabPanelsProps): React.JSX.Element;
+    displayName: ComponentName;
+};
+export default TabPanels;

package/lib/components/tabs/tab-panels/TabPanels.native.js

@@ -0,0 +1,35 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TabsContext } from '../../../components/tabs/context';
+import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
+import { getColorStyle, TrilogyColor } from '../../../objects';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param others
+ */
+var TabPanels = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var inverted = React.useContext(TabsContext).inverted;
+    var styles = React.useMemo(function () {
+        return StyleSheet.create({
+            tabPanels: {
+                paddingVertical: 8,
+                backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : undefined,
+            },
+        });
+    }, [inverted]);
+    return (React.createElement(View, __assign({ style: styles.tabPanels }, others), React.Children.map(children, function (child, index) {
+        if (!React.isValidElement(child))
+            return false;
+        return React.createElement(TabPanel, __assign({}, child.props, { index: index }));
+    })));
+};
+TabPanels.displayName = ComponentName.TabPanels;
+export default TabPanels;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL1RhYlBhbmVscy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1QztJQUFyQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUM5QixJQUFBLFFBQVEsR0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxTQUFsQyxDQUFrQztJQUVsRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUMxQjtRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixTQUFTLEVBQUU7Z0JBQ1QsZUFBZSxFQUFFLENBQUM7Z0JBQ2xCLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVM7YUFDekU7U0FDRixDQUFDO0lBTEYsQ0FLRSxFQUNKLENBQUMsUUFBUSxDQUFDLENBQ1gsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUN0QyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztRQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQTtRQUM5QyxPQUFPLG9CQUFDLFFBQVEsZUFBSyxLQUFLLENBQUMsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQTtJQUNwRCxDQUFDLENBQUMsQ0FDRyxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts

@@ -7,5 +7,5 @@ import React from 'react';
  * @param testId
  * @param others
  */
-declare const TabPanel: ({ children, className, testId, ...others }: TabPanelProps) => React.JSX.Element;
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
 export default TabPanel;

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js

@@ -1,4 +1,5 @@
 import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../components/enumsComponentsName';
 import { TabsContext } from '../../../../components/tabs/context';
 import { useTrilogyContext } from '../../../../context';
 import { hashClass } from '../../../../helpers/hashClassesHelpers';
@@ -12,13 +13,14 @@ import React from 'react';
  * @param testId
  * @param others
  */
-var TabPanel = function (_a) {
+var TabPanel = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
     var styled = useTrilogyContext().styled;
     var _b = others, index = _b.index, props = __rest(_b, ["index"]);
     var activeIndex = React.useContext(TabsContext).activeIndex;
     var classes = hashClass(styled, clsx('tab-panel', index === activeIndex && is('active'), className));
-    return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, props), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: classes }, props), children));
+});
+TabPanel.displayName = ComponentName.TabPanel;
 export default TabPanel;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXlEO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUNoRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ2pDLElBQUEsV0FBVyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFlBQWxDLENBQWtDO0lBRXJELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLEtBQUssV0FBVyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRHLE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sS0FBSyxHQUNwRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFBQyxFQUF5RCxFQUFFLEdBQThCO0lBQXZGLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUMvQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ2pDLElBQUEsV0FBVyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFlBQWxDLENBQWtDO0lBRXJELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLEtBQUssV0FBVyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRHLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxLQUFLLEdBQzlELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts

@@ -0,0 +1,15 @@
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { TabPanelProps } from '../../../../components/tabs/tab-panels/tab-panel/TabPanelProps';
+import React from 'react';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param testId
+ * @param others
+ */
+declare const TabPanel: {
+    ({ children, testId, ...others }: TabPanelProps): React.JSX.Element;
+    displayName: ComponentName;
+};
+export default TabPanel;

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js

@@ -0,0 +1,46 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { TabsContext } from '../../../../components/tabs/context';
+import React from 'react';
+import { Animated, StyleSheet } from 'react-native';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param testId
+ * @param others
+ */
+var TabPanel = function (_a) {
+    var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
+    var _b = others, index = _b.index, props = __rest(_b, ["index"]);
+    var activeIndex = React.useContext(TabsContext).activeIndex;
+    var opacity = React.useRef(new Animated.Value(0)).current;
+    var styles = React.useMemo(function () {
+        return StyleSheet.create({
+            tabPanel: {
+                display: activeIndex !== index ? 'none' : 'flex',
+                opacity: opacity,
+            },
+        });
+    }, [activeIndex, index, opacity]);
+    React.useEffect(function () {
+        if (activeIndex === index) {
+            Animated.timing(opacity, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }).start();
+        }
+        else {
+            Animated.timing(opacity, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+            }).start();
+        }
+    }, [activeIndex, index, opacity]);
+    return (React.createElement(Animated.View, __assign({ style: styles.tabPanel }, props, { testID: testId }), children));
+};
+TabPanel.displayName = ComponentName.TabPanel;
+export default TabPanel;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvdGFiLXBhbmVsL1RhYlBhbmVsLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5EOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBOEM7SUFBNUMsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTdCLHNCQUErQixDQUFGO0lBQzdDLElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDakMsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsWUFBbEMsQ0FBa0M7SUFDckQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFM0QsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDMUI7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsUUFBUSxFQUFFO2dCQUNSLE9BQU8sRUFBRSxXQUFXLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07Z0JBQ2hELE9BQU8sRUFBRSxPQUFPO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixDQUFDLFdBQVcsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQzlCLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQ3pCLFFBQVEsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUN2QixPQUFPLEVBQUUsQ0FBQztnQkFDVixRQUFRLEVBQUUsR0FBRztnQkFDYixlQUFlLEVBQUUsSUFBSTthQUN0QixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7U0FDWDthQUFNO1lBQ0wsUUFBUSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFFBQVEsRUFBRSxHQUFHO2dCQUNiLGVBQWUsRUFBRSxJQUFJO2FBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtTQUNYO0lBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWpDLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxJQUFNLEtBQUssSUFBRSxNQUFNLEVBQUUsTUFBTSxLQUM3RCxRQUFRLENBQ0ssQ0FDakIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/view/ViewPropsDefaults.js

@@ -54,8 +54,8 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "a",
       "button",
+      "a",
       "div",
       "input",
       "label",

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.0.1-beta-1";
+export declare const version = "4.0.1-ref-2";

package/lib/version.js

@@ -1,2 +1,2 @@
-export var version = "4.0.1-beta-1";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
+export var version = "4.0.1-ref-2";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGFBQWEsQ0FBQSJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "4.0.1-beta-1",
+  "version": "4.0.1-ref-2",
   "author": "Bouygues Telecom",
   "files": [
     "lib"