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

package/lib/components/table/th/TableTh.native.js

@@ -1,20 +1,19 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Text } from '../../../components/text';
-import { View } from '../../../components/view';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { TypographyBold } from '../../../objects/Typography/TypographyBold';
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import { View } from "../../../components/view";
+import { Text } from "../../../components/text";
+import { getColorStyle, TrilogyColor, TypographyBold } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableTh Component
  * @param children {ReactNode} children of table TH
  */
-var TableTh = React.forwardRef(function (_a, ref) {
+var TableTh = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         tableTh: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             padding: 10,
@@ -23,12 +22,12 @@ var TableTh = React.forwardRef(function (_a, ref) {
         },
         title: {
             fontSize: 14,
-            fontWeight: 'bold',
+            fontWeight: "bold",
         },
     });
-    return (React.createElement(View, __assign({ style: styles.tableTh }, others, { ref: ref }),
+    return (React.createElement(View, __assign({ style: styles.tableTh }, others),
         React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD], style: styles.title }, String(children))));
-});
+};
 TableTh.displayName = ComponentName.TableTh;
 export default TableTh;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL1RhYmxlVGgubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFFcEU7OztHQUdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEVBQXFDLEVBQUUsR0FBd0I7SUFBN0QsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztZQUNQLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUN6RCxPQUFPLEVBQUUsRUFBRTtZQUNYLGdCQUFnQixFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQzFELGdCQUFnQixFQUFFLEdBQUc7U0FDdEI7UUFDRCxLQUFLLEVBQUU7WUFDTCxRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxNQUFNO1NBQ25CO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLElBQUUsR0FBRyxFQUFFLEdBQUc7UUFDL0Msb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUNuRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL1RhYmxlVGgubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUFxQztJQUFuQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNwQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1lBQ1gsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDMUQsZ0JBQWdCLEVBQUUsR0FBRztTQUN0QjtRQUNELEtBQUssRUFBRTtZQUNMLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLE1BQU07U0FDbkI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUFNLE1BQU07UUFDckMsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUNuRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/th/TableThProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Clickable } from '../../../objects/facets/Clickable';
+import { Clickable } from '../../../objects';
 export interface TableThProps extends Clickable {
     children: React.ReactNode;
     rowSpan?: number;

package/lib/components/table/th/index.d.ts

@@ -1,2 +1,2 @@
-import TableTh from '../../../components/table/th/TableTh';
+import TableTh from './TableTh';
 export default TableTh;

package/lib/components/table/th/index.js

@@ -1,3 +1,3 @@
-import TableTh from '../../../components/table/th/TableTh';
+import TableTh from './TableTh';
 export default TableTh;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBRW5ELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/tr/TableTr.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TableTrProps } from '../../../components/table/tr/TableTrProps';
+/// <reference types="react" />
+import { TableTrProps } from "./TableTrProps";
 /**
  * Table TR Component
  * @param children {ReactNode}
@@ -12,5 +12,5 @@ import { TableTrProps } from '../../../components/table/tr/TableTrProps';
  * @param color {TrilogyColor} Higlight color
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
-declare const TableTr: React.ForwardRefExoticComponent<Omit<TableTrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableTr: ({ className, expandable, expanded, expansion, color, ...others }: TableTrProps) => JSX.Element;
 export default TableTr;

package/lib/components/table/tr/TableTr.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getColorClassName } from '../../../objects/facets/Color';
-import { is } from '../../../services/classify';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table TR Component
  * @param children {ReactNode}
@@ -17,11 +17,11 @@ import { is } from '../../../services/classify';
  * @param color {TrilogyColor} Higlight color
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
-var TableTr = React.forwardRef(function (_a, ref) {
+var TableTr = function (_a) {
     var className = _a.className, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, others = __rest(_a, ["className", "expandable", "expanded", "expansion", "color"]);
-    var classes = hashClass(clsx(className, expandable && is('expandable'), expanded && is('expanded'), expansion && is('expansion'), color && getColorClassName(color)));
-    return React.createElement("tr", __assign({ className: classes }, others, { ref: ref }));
-});
-TableTr.displayName = ComponentName.TableTr;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
+    return React.createElement("tr", __assign({ className: classes }, others));
+};
 export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUNFLEVBQThFLEVBQzlFLEdBQW1DO0lBRGpDLElBQUEsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBOUQsNkRBQWdFLENBQUY7SUFHOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLEtBQUssSUFBSSxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FDbEMsQ0FDRixDQUFBO0lBRUQsT0FBTyxxQ0FBSSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUE7QUFDekQsQ0FBQyxDQUNGLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRTFEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQU9GO0lBTmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQU5NLDZEQU9oQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixLQUFLLElBQUksaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FBQTtJQUVELE9BQU8scUNBQUksU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMvQyxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/tr/TableTr.native.d.ts

@@ -1,11 +1,14 @@
-import React from 'react';
-import type { View as ViewType } from 'react-native';
-import { TableTrPropsNative } from '../../../components/table/tr/TableTrProps';
+/// <reference types="react" />
+import { TableTrPropsNative } from './TableTrProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {ReactNode|string} Expended Table TR content
  */
-declare const TableTr: React.ForwardRefExoticComponent<Omit<TableTrPropsNative, "ref"> & React.RefAttributes<ViewType>>;
+declare const TableTr: {
+    ({ children, expandable, expanded, ...others }: TableTrPropsNative): JSX.Element;
+    displayName: ComponentName;
+};
 export default TableTr;

package/lib/components/table/tr/TableTr.native.js

@@ -1,26 +1,26 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useState } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Text, TextLevels } from '../../../components/text';
 import { View } from '../../../components/view';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { Text, TextLevels } from '../../../components/text';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../../components/../objects';
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {ReactNode|string} Expended Table TR content
  */
-var TableTr = React.forwardRef(function (_a, ref) {
+var TableTr = function (_a) {
     var children = _a.children, expandable = _a.expandable, expanded = _a.expanded, others = __rest(_a, ["children", "expandable", "expanded"]);
     var _b = __read(useState(false), 2), isExpanded = _b[0], setIsExpended = _b[1];
     var styles = StyleSheet.create({
         tableTr: {
-            flexDirection: 'row',
+            flexDirection: "row",
             flex: 1,
         },
         expendable: {
-            width: '100%',
+            width: "100%",
             backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             padding: 10,
         },
@@ -29,14 +29,14 @@ var TableTr = React.forwardRef(function (_a, ref) {
         setIsExpended(!isExpanded);
     };
     if (expandable) {
-        return (React.createElement(View, { ref: ref },
+        return (React.createElement(View, null,
             React.createElement(TouchableOpacity, __assign({ onPress: function () { return handleExpendedContent(); }, style: styles.tableTr }, others), children),
-            isExpanded && expanded && typeof expanded.valueOf() === 'string' && (React.createElement(View, { style: styles.expendable },
+            isExpanded && expanded && typeof expanded.valueOf() === "string" && (React.createElement(View, { style: styles.expendable },
                 React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
             isExpanded && expanded && React.isValidElement(expanded) && (React.createElement(View, { style: styles.expendable }, expanded))));
     }
-    return (React.createElement(View, __assign({ style: styles.tableTr, ref: ref }, others), children));
-});
+    return (React.createElement(View, __assign({ style: styles.tableTr }, others), children));
+};
 TableTr.displayName = ComponentName.TableTr;
 export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBaUUsRUFBRSxHQUF3QjtJQUF6RixJQUFBLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQTNDLHNDQUE2QyxDQUFGO0lBQ3BDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBckQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE0QixDQUFBO0lBRTVELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsSUFBSSxFQUFFLENBQUM7U0FDUjtRQUNELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLHFCQUFxQixHQUFHO1FBQzVCLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsQ0FBQTtJQUVELElBQUksVUFBVSxFQUFFO1FBQ2QsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRztZQUNaLG9CQUFDLGdCQUFnQixhQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEscUJBQXFCLEVBQUUsRUFBdkIsQ0FBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3hGLFFBQVEsQ0FDUTtZQUNsQixVQUFVLElBQUksUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNuRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO2dCQUM1QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2xELENBQ1I7WUFDQSxVQUFVLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDM0Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVSxJQUFHLFFBQVEsQ0FBUSxDQUNsRCxDQUNJLENBQ1IsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUVyRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFLSTtJQUpuQixJQUFBLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBSk0sc0NBS2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXJELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBNEIsQ0FBQTtJQUU1RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLElBQUksRUFBRSxDQUFDO1NBQ1I7UUFDRCxVQUFVLEVBQUU7WUFDVixLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUN6RCxPQUFPLEVBQUUsRUFBRTtTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxxQkFBcUIsR0FBRztRQUM1QixhQUFhLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM1QixDQUFDLENBQUE7SUFFRCxJQUFJLFVBQVUsRUFBRTtRQUNkLE9BQU8sQ0FDTCxvQkFBQyxJQUFJO1lBQ0gsb0JBQUMsZ0JBQWdCLGFBQ2YsT0FBTyxFQUFFLGNBQU0sT0FBQSxxQkFBcUIsRUFBRSxFQUF2QixDQUF1QixFQUN0QyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFDakIsTUFBTSxHQUVULFFBQVEsQ0FDUTtZQUNsQixVQUFVLElBQUksUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNuRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO2dCQUM1QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2xELENBQ1I7WUFDQSxVQUFVLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDM0Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVSxJQUFHLFFBQVEsQ0FBUSxDQUNsRCxDQUNJLENBQ1IsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3BDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/tr/TableTrProps.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
+import { Clickable, Referenceable, ReferenceableNative, TrilogyColor, TrilogyColorValues } from '../../../objects';
 import { TouchableOpacity } from 'react-native';
-import { Clickable } from '../../../objects/facets/Clickable';
-import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
-import { Referenceable, ReferenceableNative } from '../../../objects/facets/Referenceable';
 interface TableTrPropsWeb extends Clickable {
     children: React.ReactNode;
     expandable?: boolean;

package/lib/components/table/tr/index.d.ts

@@ -1,2 +1,2 @@
-import TableTr from '../../../components/table/tr/TableTr';
+import TableTr from './TableTr';
 export default TableTr;

package/lib/components/table/tr/index.js

@@ -1,3 +1,3 @@
-import TableTr from '../../../components/table/tr/TableTr';
+import TableTr from './TableTr';
 export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBRW5ELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TabsProps } from '../../components/tabs/TabsProps';
+import { TabsProps } from './TabsProps';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs

package/lib/components/tabs/Tabs.js

@@ -1,8 +1,7 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { useTabs } from '../../components/tabs/hook/useTabs';
+import React, { useEffect, useState } from 'react';
+import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { has, is } from '../../services/classify';
 /**
@@ -23,24 +22,54 @@ import { has, is } from '../../services/classify';
  * @param textAlign {TypographyAlign | TypographyAlignValues}
  * @param testId {string} Test Id for Test Integration
  */
-var Tabs = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, onClick = _a.onClick, activeIndex = _a.activeIndex, disabled = _a.disabled, fullwidth = _a.fullwidth, align = _a.align, centered = _a.centered, marginless = _a.marginless, inverted = _a.inverted, shadowless = _a.shadowless, textAlign = _a.textAlign, testId = _a.testId, others = __rest(_a, ["children", "className", "onClick", "activeIndex", "disabled", "fullwidth", "align", "centered", "marginless", "inverted", "shadowless", "textAlign", "testId"]);
-    var _b = useTabs({ currentIndex: activeIndex, onClick: onClick, disabled: disabled }), isActive = _b.isActive, handleClick = _b.handleClick;
-    var classes = hashClass(clsx('tabs', fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), className));
-    return (React.createElement("div", { ref: ref, className: hashClass(clsx('tab-context', inverted && is('inverted'), align && has("text-".concat(align)), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
+var Tabs = React.forwardRef(function (props, ref) {
+    var children = props.children, className = props.className, onClick = props.onClick, activeIndex = props.activeIndex, disabled = props.disabled, fullwidth = props.fullwidth, align = props.align, centered = props.centered, marginless = props.marginless, inverted = props.inverted, shadowless = props.shadowless, textAlign = props.textAlign, testId = props.testId, others = __rest(props, ["children", "className", "onClick", "activeIndex", "disabled", "fullwidth", "align", "centered", "marginless", "inverted", "shadowless", "textAlign", "testId"]);
+    var _a = __read(useState(activeIndex || 0), 2), activateIndex = _a[0], setActivateIndex = _a[1];
+    var styled = useTrilogyContext().styled;
+    var _b = __read(React.useState(false), 2), isIcons = _b[0], setIsIcons = _b[1];
+    var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
+    var isActive = React.useCallback(function (index, childPropsActive) {
+        if (typeof childPropsActive !== 'undefined' && !activateIndex) {
+            return childPropsActive;
+        }
+        if (index === activateIndex) {
+            return true;
+        }
+    }, [activateIndex]);
+    var toggleActive = React.useCallback(function (e, index) {
+        if (disabled) {
+            return false;
+        }
+        setActivateIndex(index);
+        if (onClick) {
+            onClick(e);
+        }
+    }, [disabled]);
+    useEffect(function () {
+        setActivateIndex(activateIndex);
+    }, [activeIndex]);
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has("text-".concat(align)), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
         React.createElement("div", __assign({ className: classes, role: 'tablist' }, others), React.Children.map(children, function (child, index) {
             if (React.isValidElement(child)) {
+                if (!isIcons && child.props.iconName)
+                    setIsIcons(true);
                 var active = Boolean(isActive(index, child.props.active)) || false;
                 var key = index;
-                var props = {
+                var props_1 = {
                     active: active,
                     key: key,
-                    onClick: function (e) { return handleClick && handleClick(e, index, child); },
+                    onClick: function (e) {
+                        toggleActive(e, index);
+                        if (child) {
+                            if (child.props.onClick) {
+                                child.props.onClick(e);
+                            }
+                        }
+                    },
                 };
-                return React.cloneElement(child, props);
+                return React.cloneElement(child, props_1);
             }
         }))));
 });
-Tabs.displayName = ComponentName.Tabs;
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRXhELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFlWSxFQUNaLEdBQW9DO0lBZmxDLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWRYLGdLQWVDLENBRFU7SUFJTCxJQUFBLEtBQTRCLE9BQU8sQ0FBQyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsT0FBTyxTQUFBLEVBQUUsUUFBUSxVQUFBLEVBQUUsQ0FBQyxFQUFuRixRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUE4RCxDQUFBO0lBRTNGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDbEgsQ0FBQTtJQUVELE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FDRixhQUFhLEVBQ2IsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEdBQUcsQ0FBQyxlQUFRLEtBQUssQ0FBRSxDQUFDLEVBQzdCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsSUFBSSxTQUFTLENBQ3ZCLENBQ0YsdUJBQ2lCLEVBQUUsaUJBQ1AsTUFBTTtRQUVuQixzQ0FBSyxTQUFTLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBQyxTQUFTLElBQUssTUFBTSxHQUMvQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztZQUN6QyxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQy9CLElBQU0sTUFBTSxHQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxLQUFLLENBQUE7Z0JBQ3BFLElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQTtnQkFDakIsSUFBTSxLQUFLLEdBQUc7b0JBQ1osTUFBTSxRQUFBO29CQUNOLEdBQUcsS0FBQTtvQkFDSCxPQUFPLEVBQUUsVUFBQyxDQUFtQixJQUFLLE9BQUEsV0FBVyxJQUFJLFdBQVcsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxFQUEzQyxDQUEyQztpQkFDOUUsQ0FBQTtnQkFDRCxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFBO2FBQ3hDO1FBQ0gsQ0FBQyxDQUFDLENBQ0UsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBZ0IsRUFBRSxHQUFvQztJQUVqRixJQUFBLFFBQVEsR0FjTixLQUFLLFNBZEMsRUFDUixTQUFTLEdBYVAsS0FBSyxVQWJFLEVBQ1QsT0FBTyxHQVlMLEtBQUssUUFaQSxFQUNQLFdBQVcsR0FXVCxLQUFLLFlBWEksRUFDWCxRQUFRLEdBVU4sS0FBSyxTQVZDLEVBQ1IsU0FBUyxHQVNQLEtBQUssVUFURSxFQUNULEtBQUssR0FRSCxLQUFLLE1BUkYsRUFDTCxRQUFRLEdBT04sS0FBSyxTQVBDLEVBQ1IsVUFBVSxHQU1SLEtBQUssV0FORyxFQUNWLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixVQUFVLEdBSVIsS0FBSyxXQUpHLEVBQ1YsU0FBUyxHQUdQLEtBQUssVUFIRSxFQUNULE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQWZILGdLQWVMLENBRFUsQ0FDRjtJQUVILElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFz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

package/lib/components/tabs/Tabs.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ScrollView } from 'react-native';
-import { TabsProps } from '../../components/tabs/TabsProps';
+/// <reference types="react" />
+import { TabsProps } from './TabsProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -11,5 +11,8 @@ import { TabsProps } from '../../components/tabs/TabsProps';
  * @param shadowless {boolean} No shadow
  * @param centered {boolean} Centered tabs
  */
-declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<ScrollView>>;
+declare const Tabs: {
+    ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Tabs;

package/lib/components/tabs/Tabs.native.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useState } from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import TabsItem from '../../components/tabs/item';
+import { StyleSheet, ScrollView } from 'react-native';
 import { Text, TextLevels } from '../../components/text';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import TabsItem from './item';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -15,7 +15,7 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
  * @param shadowless {boolean} No shadow
  * @param centered {boolean} Centered tabs
  */
-var Tabs = React.forwardRef(function (_a, ref) {
+var Tabs = function (_a) {
     var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, disabled = _a.disabled, centered = _a.centered, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "disabled", "centered", "inverted"]);
     var _b = __read(useState(activeIndex), 2), activateIndex = _b[0], setActivateIndex = _b[1];
     var _c = __read(React.useState(false), 2), isIcons = _c[0], setIsIcons = _c[1];
@@ -40,10 +40,10 @@ var Tabs = React.forwardRef(function (_a, ref) {
         tabs: {
             height: isIcons ? 64 : 48,
             flexDirection: 'row',
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND),
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND)
         },
     });
-    return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, contentContainerStyle: centered && { justifyContent: 'center', flexGrow: 1 }, ref: ref }, others), children &&
+    return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs }, others, { contentContainerStyle: centered && { justifyContent: "center", flexGrow: 1 } }), children &&
         Array.isArray(children) &&
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         children.map(function (child, index) {
@@ -67,7 +67,7 @@ var Tabs = React.forwardRef(function (_a, ref) {
             return typeof child.valueOf() === 'string' ? (React.createElement(TabsItem, { active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
                 React.createElement(Text, { level: TextLevels.THREE }, String(child)))) : (React.cloneElement(child, props));
         })));
-});
+};
 Tabs.displayName = ComponentName.Tabs;
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxRQUFRLE1BQU0sd0JBQXdCLENBQUE7QUFFN0MsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFBc0YsRUFDdEYsR0FBMEI7SUFEeEIsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF6RSwwRUFBMkUsQ0FBRjtJQUduRSxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFBLEVBQXhELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF5QixDQUFBO0lBQ3pELElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBeUIsQ0FBQTtJQUVuRCxJQUFNLFFBQVEsR0FBRyxVQUFDLEtBQWEsRUFBRSxnQkFBaUM7UUFDaEUsSUFBSSxPQUFPLGdCQUFnQixLQUFLLFdBQVcsSUFBSSxDQUFDLGFBQWEsRUFBRTtZ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFzRjtJQUFwRixJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpFLDBFQUEyRSxDQUFGO0lBQy9FLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBeEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXlCLENBQUE7SUFDekQsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBNUMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUF5QixDQUFBO0lBRW5ELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJ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

package/lib/components/tabs/TabsProps.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-import { Accessibility } from '../../objects/facets/Accessibility';
+import { Accessibility, Clickable, Dev, TypographyAlign, TypographyAlignValues } from '../../objects';
 import { Centerable } from '../../objects/facets/Centerable';
-import { Clickable } from '../../objects/facets/Clickable';
-import { Dev } from '../../objects/facets/Dev';
 import { JustifiableProps } from '../../objects/facets/Justifiable';
-import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
 /**
  * Tabs Interface
  */

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

@@ -1,2 +1,3 @@
-export { default as TabsItem } from '../../components/tabs/item/TabsItem';
-export { default as Tabs } from '../../components/tabs/Tabs';
+import Tabs from './Tabs';
+import TabsItem from './item';
+export { Tabs, TabsItem };

package/lib/components/tabs/index.js

@@ -1,3 +1,4 @@
-export { default as TabsItem } from '../../components/tabs/item/TabsItem';
-export { default as Tabs } from '../../components/tabs/Tabs';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQTtBQUNyRSxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFBIn0=
+import Tabs from './Tabs';
+import TabsItem from './item';
+export { Tabs, TabsItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUU3QixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFBIn0=

package/lib/components/tabs/item/TabsItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TabsItemProps } from '../../../components/tabs/item/TabsItemProps';
+import React from "react";
+import { TabsItemProps } from "./TabsItemProps";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -14,5 +14,5 @@ import { TabsItemProps } from '../../../components/tabs/item/TabsItemProps';
  * @param href {string} <a />
  * @param routerLink Custom Router Link as props
  */
-declare const TabsItem: React.ForwardRefExoticComponent<TabsItemProps & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
+declare const TabsItem: React.ForwardRefExoticComponent<TabsItemProps & React.RefAttributes<any>>;
 export default TabsItem;

package/lib/components/tabs/item/TabsItem.js

@@ -1,10 +1,9 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon } from '../../../components/icon';
-import { useTabsItem } from '../../../components/tabs/item/hook/useTabsItem';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+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 { Icon } from "../../../components/icon";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -19,27 +18,48 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param href {string} <a />
  * @param routerLink Custom Router Link as props
  */
-var TabsItem = React.forwardRef(function (_a, ref) {
-    var active = _a.active, children = _a.children, className = _a.className, onClick = _a.onClick, to = _a.to, href = _a.href, routerLink = _a.routerLink, iconName = _a.iconName, disabled = _a.disabled, testId = _a.testId, others = __rest(_a, ["active", "children", "className", "onClick", "to", "href", "routerLink", "iconName", "disabled", "testId"]);
-    var _b = useTabsItem({ disabled: disabled, active: active, onClick: onClick }), activeItem = _b.activeItem, handleClick = _b.handleClick;
-    var classes = hashClass(clsx('tab', className, { 'is-active': activeItem }));
+var TabsItem = React.forwardRef(function (props, ref) {
+    var active = props.active, children = props.children, className = props.className, onClick = props.onClick, to = props.to, href = props.href, routerLink = props.routerLink, iconName = props.iconName, disabled = props.disabled, testId = props.testId, others = __rest(props, ["active", "children", "className", "onClick", "to", "href", "routerLink", "iconName", "disabled", "testId"]);
+    var _a = __read(useState(active || false), 2), activeItem = _a[0], setActiveItem = _a[1];
+    var styled = useTrilogyContext().styled;
     // accessibility
     var a11y = {
         a: {
-            'aria-selected': activeItem,
-            'data-tab-navigation': '',
+            "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({ ref: ref, "data-testid": testId, tabIndex: 0, to: to, href: href, className: classes, onClick: handleClick }, a11y.a, others),
-            React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+        var RouterLink = (routerLink ? routerLink : "a");
+        return (React.createElement(RouterLink, __assign({ ref: ref, "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 }))),
             children));
     }
-    return (React.createElement("button", __assign({ ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId }, a11y.a, others, { onClick: handleClick }),
-        React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+    return (React.createElement("button", __assign({ ref: ref, "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 }))),
         children));
 });
-TabsItem.displayName = ComponentName.TabsItem;
 export default TabsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDckUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUNFLEVBWWdCLEVBQ2hCLEdBQStDO0lBWjdDLElBQUEsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FYWCw0R0FZQyxDQURVO0lBSUwsSUFBQSxLQUE4QixXQUFXLENBQUMsRUFBRSxRQUFRLFVBQUEsRUFBRSxNQUFNLFFBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLEVBQXRFLFVBQVUsZ0JBQUEsRUFBRSxXQUFXLGlCQUErQyxDQUFBO0lBQzlFLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFFOUUsZ0JBQWdCO0lBQ2hCLElBQU0sSUFBSSxHQUFHO1FBQ1gsQ0FBQyxFQUFFO1lBQ0QsZUFBZSxFQUFFLFVBQVU7WUFDM0IscUJBQXFCLEVBQUUsRUFBRTtTQUMxQjtLQUNGLENBQUE7SUFFRCxJQUFJLFVBQVUsSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRTtRQUM5QixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLG9CQUFDLFVBQVUsYUFDVCxHQUFHLEVBQUUsR0FBRyxpQkFDSyxNQUFNLEVBQ25CLFFBQVEsRUFBRSxDQUFDLEVBQ1gsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUUsSUFBSSxFQUNWLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLE9BQU8sRUFBRSxXQUFXLElBQ2hCLElBQUksQ0FBQyxDQUFDLEVBQ04sTUFBTTtZQUVWLDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87WUFDekcsUUFBUSxDQUNFLENBQ2QsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFtQyxtQkFDekIsUUFBUSxFQUN2QixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUMsS0FBSyxpQkFDRyxNQUFNLElBQ2YsSUFBSSxDQUFDLENBQUMsRUFDTixNQUFNLElBQ1YsT0FBTyxFQUFFLFdBQVc7UUFFcEIsNkJBQUssU0FBUyxFQUFDLFVBQVUsSUFBRSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FBTztRQUN6RyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBeUI7SUFFOUUsSUFBQSxNQUFNLEdBV0osS0FBSyxPQVhELEVBQ04sUUFBUSxHQVVOLEtBQUssU0FWQyxFQUNSLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxPQUFPLEdBUUwsS0FBSyxRQVJBLEVBQ1AsRUFBRSxHQU9BLEtBQUssR0FQTCxFQUNGLElBQUksR0FNRixLQUFLLEtBTkgsRUFDSixVQUFVLEdBS1IsS0FBSyxXQUxHLEVBQ1YsUUFBUSxHQUlOLEtBQUssU0FKQyxFQUNSLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFaSCw0R0FZTCxDQURVLENBQ0Y7SUFFSCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDOUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsZ0JBQWdCO0lBQ2hCLElBQU0s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

package/lib/components/tabs/item/TabsItem.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { TabsItemProps } from '../../../components/tabs/item/TabsItemProps';
+/// <reference types="react" />
+import { TabsItemProps } from "./TabsItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -9,5 +9,8 @@ import { TabsItemProps } from '../../../components/tabs/item/TabsItemProps';
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
  */
-declare const TabsItem: React.ForwardRefExoticComponent<TabsItemProps & React.RefAttributes<TouchableOpacity>>;
+declare const TabsItem: {
+    ({ active, children, onClick, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default TabsItem;