@trilogy-ds/react 0.0.1-beta-v4 → 0.0.1-beta-timepicker

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

@@ -1,9 +1,12 @@
-import { __assign, __read, __rest } from "tslib";
-import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
-import { hashClass } from '../../../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../../../context/index';
+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 { useTrilogyContext } from '../../../../context/index';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -11,55 +14,38 @@ import { Icon } from '../../../../components/icon';
  * @param onClick onClick Event
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
+ * @param label {string} Tab content
  * @param to {string} Link
  * @param href {string} <a />
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test Id for Test Integration
  * @param routerLink Custom Router Link as props
  */
-var Tab = function (_a) {
-    var active = _a.active, className = _a.className, onClick = _a.onClick, to = _a.to, href = _a.href, routerLink = _a.routerLink, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, testId = _a.testId, others = __rest(_a, ["active", "className", "onClick", "to", "href", "routerLink", "iconName", "label", "disabled", "testId"]);
-    var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
+var Tab = React.forwardRef(function (_a, ref) {
+    var active = _a.active, className = _a.className, onClick = _a.onClick, _b = _a.routerLink, routerLink = _b === void 0 ? 'a' : _b, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, testId = _a.testId, ariaControls = _a.ariaControls, others = __rest(_a, ["active", "className", "onClick", "routerLink", "iconName", "label", "disabled", "testId", "ariaControls"]);
     var styled = useTrilogyContext().styled;
-    // accessibility
-    var a11y = {
-        a: {
-            'aria-selected': activeItem,
-            'data-tab-navigation': '',
-        },
-    };
-    useEffect(function () {
-        setActiveItem(active || false);
-    }, [active]);
-    var classes = hashClass(styled, clsx('tab', className, { 'is-active': activeItem }));
-    if (routerLink && (to || href)) {
-        var RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement(RouterLink, __assign({ "data-testid": testId, tabIndex: 0 }, a11y.a, { to: to, href: href, className: classes }, others, { onClick: function (e) {
-                if (!disabled) {
-                    var target = e.target;
-                    setActiveItem(active || false);
-                    target.active = active;
-                    if (onClick) {
-                        onClick(e);
-                    }
-                }
-            } }),
-            React.createElement("div", { className: "tab-icon" }, iconName && React.createElement(Icon, { align: "ALIGNED_CENTER", size: "small", name: iconName })),
-            label && label));
-    }
-    return (React.createElement("button", __assign({ "aria-disabled": disabled, disabled: disabled, className: classes, role: "tab", "data-testid": testId }, a11y.a, others, { onClick: function (e) {
-            if (!disabled) {
-                var target = e.target;
-                setActiveItem(active || false);
-                target.active = active;
-                if (onClick) {
-                    onClick(e);
-                }
-            }
-        } }),
-        React.createElement("div", { className: "tab-icon" }, iconName && React.createElement(Icon, { align: "ALIGNED_CENTER", size: "small", name: iconName })),
-        label && label));
-};
+    var _c = others, index = _c.index, props = __rest(_c, ["index"]);
+    var _d = React.useContext(TabsContext), activeIndex = _d.activeIndex, setActiveIndex = _d.setActiveIndex, small = _d.small;
+    var Tag = others.href || others.to ? routerLink : 'button';
+    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) {
+        if (!disabled) {
+            if (!others.href && !others.to)
+                setActiveIndex(index);
+            if (onClick)
+                onClick(e);
+        }
+    }, [disabled, onClick, index, setActiveIndex]);
+    React.useEffect(function () {
+        if (active)
+            setActiveIndex(index);
+    }, [active, setActiveIndex, index]);
+    return (React.createElement(Tag, __assign({ ref: ref, "aria-controls": ariaControls, "aria-disabled": disabled, "aria-selected": isActive, "data-tab-navigation": '', disabled: disabled, className: classes, role: 'tab', "data-testid": testId, "data-index": index, onClick: handleClick }, props),
+        React.createElement("div", { className: hashClass(styled, 'tab-icon') }, iconName && React.createElement(Icon, { size: small ? 'small' : 'medium', name: iconName })),
+        label && React.createElement(Text, null, label)));
+});
+Tab.displayName = ComponentName.Tab;
 export default Tab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sR0FBRyxHQUFHLFVBQUMsRUFZVztJQVhULElBQUEsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FYWCx5R0FZQyxDQURVO0lBR2hCLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxnQkFBZ0I7SUFDaEIsSUFBTSxJQUFJLEdBQUc7UUFDWCxDQUFDLEVBQUU7WUFDRCxlQUFlLEVBQUUsVUFBVTtZQUMzQixxQkFBcUIsRUFBRSxFQUFFO1NBQzFCO0tBQ0YsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRXRGLElBQUksVUFBVSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFO1FBQzlCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSw0QkFDSSxNQUFNLEVBQ25CLFFBQVEsRUFBRSxDQUFDLElBQ1AsSUFBSSxDQUFDLENBQUMsSUFDVixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBbUI7Z0JBQzNCLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7b0JBQzFDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7b0JBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO29CQUN0QixJQUFJLE9BQU8sRUFBRTt3QkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7cUJBQ1g7aUJBQ0Y7WUFDSCxDQUFDO1lBRUQsNkJBQUssU0FBUyxFQUFDLFVBQVUsSUFBRSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FBTztZQUN6RyxLQUFLLElBQUksS0FBSyxDQUNKLENBQ2QsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDBEQUNpQixRQUFRLEVBQ3ZCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLElBQUksRUFBQyxLQUFLLGlCQUNHLE1BQU0sSUFDZixJQUFJLENBQUMsQ0FBQyxFQUNOLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFtQjtZQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNiLElBQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUF5QixDQUFBO2dCQUMxQyxhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtnQkFDdEIsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2lCQUNYO2FBQ0Y7UUFDSCxDQUFDO1FBRUQsNkJBQUssU0FBUyxFQUFDLFVBQVUsSUFBRSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FBTztRQUN6RyxLQUFLLElBQUksS0FBSyxDQUNSLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsR0FBRyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUV2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUNFLEVBQTRHLEVBQzVHLEdBQUc7SUFERCxJQUFBLE1BQU0sWUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLGtCQUFnQixFQUFoQixVQUFVLG1CQUFHLEdBQUcsS0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFlBQVksa0JBQUEsRUFBSyxNQUFNLGNBQTFHLDJHQUE0RyxDQUFGO0lBR2xHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDbkMsSUFBQSxLQUF5QyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUFwRSxXQUFXLGlCQUFBLEVBQUUsY0FBYyxvQkFBQSxFQUFFLEtBQUssV0FBa0MsQ0FBQTtJQUU1RSxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFBO0lBRTVELElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLFdBQVcsS0FBSyxLQUFLLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQW1CO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNyRCxJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQyxFQUNELENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsY0FBYyxDQUFDLENBQzNDLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxNQUFNO1lBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25DLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxjQUFjLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVuQyxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEdBQUcsRUFBRSxHQUFHLG1CQUNPLFlBQVksbUJBQ1osUUFBUSxtQkFDUixRQUFRLHlCQUNILEVBQUUsRUFDdEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLEtBQUssaUJBQ0csTUFBTSxnQkFDUCxLQUFLLEVBQ2pCLE9BQU8sRUFBRSxXQUFXLElBQ2hCLEtBQUs7UUFFVCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFDMUMsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQ25FO1FBQ0wsS0FBSyxJQUFJLG9CQUFDLElBQUksUUFBRSxLQUFLLENBQVEsQ0FDMUIsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==

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

@@ -0,0 +1,16 @@
+import { TabProps } from '../../../../components/tabs/tab-list/tab/TabProps';
+import React from 'react';
+import { TouchableOpacity } 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
+ */
+declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<TouchableOpacity>>;
+export default Tab;

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

@@ -0,0 +1,68 @@
+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 { TypographyAlign } from '../../../../objects';
+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 = React.forwardRef(function (_a, ref) {
+    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, fullwidth = _c.fullwidth;
+    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 = StyleSheet.create({
+        tab: {
+            flex: fullwidth ? 1 : undefined,
+            flexBasis: fullwidth ? 0 : undefined,
+            minWidth: fullwidth ? 0 : undefined,
+            paddingVertical: 4,
+            paddingHorizontal: 12,
+            borderBottomWidth: isActive ? 2 : 1,
+            borderBottomColor: getColorStyle(isActive && disabled
+                ? TrilogyColor.DISABLED
+                : isActive && inverted
+                    ? TrilogyColor.BACKGROUND
+                    : isActive
+                        ? TrilogyColor.MAIN
+                        : TrilogyColor.STROKE),
+        },
+        text: {
+            textAlign: 'center',
+            color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
+        },
+    });
+    React.useEffect(function () {
+        if (active)
+            setActiveIndex(index);
+    }, [active, setActiveIndex, index]);
+    return (React.createElement(TouchableOpacity, __assign({ ref: ref, 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, typo: fullwidth ? [TypographyAlign.TEXT_CENTERED] : undefined, numberOfLines: fullwidth ? 1 : undefined }, label && label)));
+});
+Tab.displayName = ComponentName.Tab;
+export default Tab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBeUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakc7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUNoRSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBdUQsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFR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

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

@@ -2,6 +2,7 @@
 import { IconName, IconNameValues } from '../../../../components/icon';
 import { Accessibility, Clickable, Dev } from '../../../../objects';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
+import { TouchableOpacity } from 'react-native';
 /**
  * Tabs Item Interface
  */
@@ -13,4 +14,7 @@ export interface TabProps extends Clickable, Accessibility, Dev, CommonProps {
     iconName?: IconNameValues | IconName;
     label?: string;
     disabled?: boolean;
+    ariaControls?: string;
 }
+export type TabRef = HTMLElement | HTMLButtonElement | HTMLLinkElement;
+export type TabNativeRef = TouchableOpacity;

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

@@ -27,8 +27,17 @@ export default {
       "undefined",
       "symbol",
       "object",
+      "p",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
       "text",
       "search",
+      "button",
+      "image",
+      "time",
       "a",
       "abbr",
       "address",
@@ -44,7 +53,6 @@ export default {
       "blockquote",
       "body",
       "br",
-      "button",
       "canvas",
       "caption",
       "center",
@@ -70,11 +78,6 @@ export default {
       "footer",
       "form",
       "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
       "head",
       "header",
       "hgroup",
@@ -105,7 +108,6 @@ export default {
       "optgroup",
       "option",
       "output",
-      "p",
       "param",
       "picture",
       "pre",
@@ -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",
@@ -217,6 +217,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -240,6 +241,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -274,6 +276,13 @@ export default {
       "true"
     ]
   },
+  "ariaControls": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "onClick": {
     "type": "function",
     "values": [

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

@@ -1,5 +1,5 @@
+import { TabPanelsProps } from '../../../components/tabs/tab-panels/TabPanelsProps';
 import React from 'react';
-import { TabPanelsProps } from './TabPanelsProps';
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
@@ -8,5 +8,5 @@ import { TabPanelsProps } from './TabPanelsProps';
  * @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,8 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
@@ -11,11 +13,16 @@ import { useTrilogyContext } from '../../../context';
  * @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), children));
-};
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE4RDtJQUE1RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDckQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFaEUsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQUE4QyxFQUFFLEdBQUc7SUFBakQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQ3BHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWhFLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDdkUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -0,0 +1,13 @@
+import { TabPanelsProps } from '../../../components/tabs/tab-panels/TabPanelsProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param others
+ */
+declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<View>>;
+export default TabPanels;

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

@@ -0,0 +1,33 @@
+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 = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var inverted = React.useContext(TabsContext).inverted;
+    var styles = StyleSheet.create({
+        tabPanels: {
+            paddingVertical: 8,
+            backgroundColor: getColorStyle(inverted ? TrilogyColor.MAIN : 'transparent'),
+        },
+    });
+    return (React.createElement(View, __assign({ ref: ref, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL1RhYlBhbmVscy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDbkYsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFFbEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1NBQzdFO0tBQ0YsQ0FBQyxDQUFBO0lBQ0YsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sR0FDaEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0csQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { View } from 'react-native';
 /**
  * Tabs Item Interface
  */
 export interface TabPanelsProps extends Dev, CommonProps {
     children: React.ReactNode;
 }
+export type TabPanelsRef = HTMLDivElement;
+export type TabPanelsNativeRef = View;

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

@@ -1,5 +1,5 @@
+import { TabPanelProps } from '../../../../components/tabs/tab-panels/tab-panel/TabPanelProps';
 import React from 'react';
-import { TabPanelProps } from './TabPanelProps';
 /**
  * Tab Panel Component
  * @param children {ReactChild} React Child Element
@@ -7,5 +7,5 @@ import { TabPanelProps } from './TabPanelProps';
  * @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,8 +1,11 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { TabsContext } from '../../../../components/tabs/context';
 import { useTrilogyContext } from '../../../../context';
-import { hashClass } from '../../../../helpers';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import { is } from '../../../../services/classify';
 import clsx from 'clsx';
+import React from 'react';
 /**
  * Tab Panel Component
  * @param children {ReactChild} React Child Element
@@ -10,11 +13,14 @@ import clsx from 'clsx';
  * @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 classes = hashClass(styled, clsx('tab-panel', className));
-    return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others), children));
-};
+    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({ ref: ref, "data-testid": testId, className: classes }, props), children));
+});
+TabPanel.displayName = ComponentName.TabPanel;
 export default TabPanel;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBeUQ7SUFBdkQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQ2hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNyRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQUEwQyxFQUFFLEdBQUc7SUFBN0MsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQzdGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDakMsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsWUFBbEMsQ0FBa0M7SUFFckQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEcsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLEtBQUssR0FDOUQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

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

@@ -0,0 +1,11 @@
+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: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<import("react-native").View>>;
+export default TabPanel;

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

@@ -0,0 +1,44 @@
+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 = React.forwardRef(function (_a, ref) {
+    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 = StyleSheet.create({
+        tabPanel: {
+            display: activeIndex !== index ? 'none' : 'flex',
+            opacity: 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({ ref: ref, style: styles.tabPanel }, props, { testID: testId }), children));
+});
+TabPanel.displayName = ComponentName.TabPanel;
+export default TabPanel;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvdGFiLXBhbmVsL1RhYlBhbmVsLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5EOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1DLFVBQUMsRUFBK0IsRUFBRSxHQUFHO0lBQWxDLElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE3QixzQkFBK0IsQ0FBRjtJQUNoRyxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ2pDLElBQUEsV0FBVyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFlBQWxDLENBQWtDO0lBQ3JELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRTNELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsT0FBTyxFQUFFLFdBQVcsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUNoRCxPQUFPLEVBQUUsT0FBTztTQUNqQjtLQUNGLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDekIsUUFBUSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFFBQVEsRUFBRSxHQUFHO2dCQUNiLGVBQWUsRUFBRSxJQUFJO2FBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtTQUNYO2FBQU07WUFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtnQkFDdkIsT0FBTyxFQUFFLENBQUM7Z0JBQ1YsUUFBUSxFQUFFLEdBQUc7Z0JBQ2IsZUFBZSxFQUFFLElBQUk7YUFDdEIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO1NBQ1g7SUFDSCxDQUFDLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFakMsT0FBTyxDQUNMLG9CQUFDLFFBQVEsQ0FBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsSUFBTSxLQUFLLElBQUUsTUFBTSxFQUFFLE1BQU0sS0FDdkUsUUFBUSxDQUNLLENBQ2pCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

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

@@ -1,9 +1,13 @@
 /// <reference types="react" />
 import { Dev } from '../../../../objects';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
+import { View } from 'react-native';
 /**
  * Tabs Item Interface
  */
-export interface TabPanelProps extends Dev {
+export interface TabPanelProps extends Dev, CommonProps {
     children: React.ReactNode;
     className?: string;
 }
+export type TabPanelRef = HTMLDivElement;
+export type TabPanelNativeRef = View;

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

@@ -26,5 +26,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TagProps } from './TagProps';
 /**
  * Tag Component
@@ -9,7 +9,7 @@ import { TagProps } from './TagProps';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  **/
-declare const Tag: ({ label, className, id, variant, inverted, small, iconName, ...others }: TagProps) => JSX.Element;
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
 export default Tag;

package/lib/components/tag/Tag.js

@@ -5,6 +5,7 @@ import { getColorClassName } from '../../objects/facets/Color';
 import { is } from '../../services/classify';
 import clsx from 'clsx';
 import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 import { Icon } from '../icon';
 /**
  * Tag Component
@@ -15,16 +16,17 @@ import { Icon } from '../icon';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  **/
-var Tag = function (_a) {
+var Tag = React.forwardRef(function (_a, ref) {
     var label = _a.label, className = _a.className, id = _a.id, variant = _a.variant, inverted = _a.inverted, small = _a.small, iconName = _a.iconName, others = __rest(_a, ["label", "className", "id", "variant", "inverted", "small", "iconName"]);
     var styled = useTrilogyContext().styled;
     var tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
-    var tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
-    return (React.createElement("span", __assign({ id: id, className: tagClassNames }, others),
+    var tagIconClassNames = clsx(variant && is(getColorClassName(variant)));
+    return (React.createElement("span", __assign({ ref: ref, id: id, className: tagClassNames }, others),
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
         label));
-};
+});
+Tag.displayName = ComponentName.Tag;
 export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBaUY7SUFBL0UsSUFBQSxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJFLHdFQUF1RSxDQUFGO0lBQ3hFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUMvQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRzlCOzs7Ozs7Ozs7O0lBVUk7QUFDSixJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUFDLEVBQXVFLEVBQUUsR0FBRztJQUExRSxJQUFBLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckUsd0VBQXVFLENBQUY7SUFDNUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUM3QixNQUFNLEVBQ04sSUFBSSxDQUNGLEtBQUssRUFDTCxPQUFPLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLE9BQTRDLENBQUMsQ0FBQyxFQUM5RSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRTlHLE9BQU8sQ0FDTCx1Q0FBTSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGFBQWEsSUFBTSxNQUFNO1FBQ3pELFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxRQUFRLEdBQUk7UUFDbEUsS0FBSyxDQUNELENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsR0FBRyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFBO0FBQ25DLGVBQWUsR0FBRyxDQUFBIn0=