@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

package/lib/components/tabs/index.mjs

@@ -0,0 +1,7 @@
+import Tabs from './Tabs';
+import TabPanels from './tab-panels/TabPanels';
+import TabPanel from './tab-panels/tab-panel/TabPanel';
+import TabList from './tab-list/TabList';
+import Tab from './tab-list/tab/Tab';
+export { Tabs, TabPanel, TabPanels, TabList, Tab };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sU0FBUyxNQUFNLHdCQUF3QixDQUFBO0FBQzlDLE9BQU8sUUFBUSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3RELE9BQU8sT0FBTyxNQUFNLG9CQUFvQixDQUFBO0FBQ3hDLE9BQU8sR0FBRyxNQUFNLG9CQUFvQixDQUFBO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUEifQ==

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

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

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

@@ -1,14 +1,16 @@
-import { __assign, __read, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon } from '../../../components/icon';
-import Tab from '../../../components/tabs/tab-list/tab/Tab';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getAlignClassName } from '../../../objects/facets/Alignable';
-import { is } from '../../../services';
-import clsx from 'clsx';
-import React, { useMemo } from 'react';
-import { TabsContext } from '../context';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var icon_1 = require("../../../components/icon");
+var Tab_1 = tslib_1.__importDefault(require("../../../components/tabs/tab-list/tab/Tab"));
+var context_1 = require("../../../context");
+var hashClassesHelpers_1 = require("../../../helpers/hashClassesHelpers");
+var Alignable_1 = require("../../../objects/facets/Alignable");
+var services_1 = require("../../../services");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importStar(require("react"));
+var context_2 = require("../context");
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
@@ -18,32 +20,32 @@ import { TabsContext } from '../context';
  * @param align
  * @param others
  */
-var TabList = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
-    var styled = useTrilogyContext().styled;
-    var TabListRef = React.useRef(null);
-    var tabRefs = React.useRef([]);
-    var small = React.useContext(TabsContext).small;
-    React.useImperativeHandle(ref, function () { return TabListRef.current; });
-    var _b = __read(React.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
-    var _c = __read(React.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
-    var _d = __read(React.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
-    var _e = __read(React.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
-    var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
-    var isVisibleArrowLeft = useMemo(function () {
+var TabList = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = tslib_1.__rest(_a, ["children", "className", "id", "testId", "align"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var TabListRef = react_1.default.useRef(null);
+    var tabRefs = react_1.default.useRef([]);
+    var small = react_1.default.useContext(context_2.TabsContext).small;
+    react_1.default.useImperativeHandle(ref, function () { return TabListRef.current; });
+    var _b = tslib_1.__read(react_1.default.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
+    var _c = tslib_1.__read(react_1.default.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
+    var _d = tslib_1.__read(react_1.default.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
+    var _e = tslib_1.__read(react_1.default.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('tab-list', align && (0, services_1.is)((0, Alignable_1.getAlignClassName)(align)), className));
+    var isVisibleArrowLeft = (0, react_1.useMemo)(function () {
         if (!tabRefs.current.length)
             return false;
         return scrollLeft > tabRefs.current[0].width / 2;
     }, [tabRefs, scrollLeft]);
-    var isVisibleArrowRight = useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > 5; }, [tabListWidth, tabsWidth, scrollLeft]);
-    var TabElms = React.useMemo(function () {
-        return React.Children.map(children, function (child, index) {
-            if (!React.isValidElement(child))
+    var isVisibleArrowRight = (0, react_1.useMemo)(function () { return tabListWidth - tabsWidth - scrollLeft > 5; }, [tabListWidth, tabsWidth, scrollLeft]);
+    var TabElms = react_1.default.useMemo(function () {
+        return react_1.default.Children.map(children, function (child, index) {
+            if (!react_1.default.isValidElement(child))
                 return false;
-            return (React.createElement(Tab, __assign({ ref: function (el) { return (tabRefs.current[index] = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()); }, index: index }, child.props)));
+            return (react_1.default.createElement(Tab_1.default, tslib_1.__assign({ ref: function (el) { return (tabRefs.current[index] = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()); }, index: index }, child.props)));
         });
     }, [children, tabRefs]);
-    var scrollWithArrow = React.useCallback(function (direction) {
+    var scrollWithArrow = react_1.default.useCallback(function (direction) {
         var _a;
         if (tabRefs.current) {
             var firstGap = tabRefs.current[0].x;
@@ -52,7 +54,7 @@ var TabList = React.forwardRef(function (_a, ref) {
             nextPosition && ((_a = TabListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ left: nextPosition.x - firstGap, behavior: 'smooth' }));
         }
     }, [tabRefs.current, tabFocused, TabListRef]);
-    var handleScrollList = React.useCallback(function (e) {
+    var handleScrollList = react_1.default.useCallback(function (e) {
         var target = e.target;
         var firstGap = tabRefs.current[0].x + (small ? 16 : 24);
         var scrollPosition = tabRefs.current.findIndex(function (tab) {
@@ -61,30 +63,30 @@ var TabList = React.forwardRef(function (_a, ref) {
         setTabFocused(scrollPosition);
         setScrollLeft(target.scrollLeft);
     }, [tabRefs, small]);
-    var onClickPrev = React.useCallback(function () {
+    var onClickPrev = react_1.default.useCallback(function () {
         isVisibleArrowLeft && scrollWithArrow(-1);
     }, [scrollWithArrow, isVisibleArrowLeft]);
-    var onClickNext = React.useCallback(function () {
+    var onClickNext = react_1.default.useCallback(function () {
         isVisibleArrowRight && scrollWithArrow(1);
     }, [scrollWithArrow, isVisibleArrowRight]);
-    var setWidths = React.useCallback(function () {
+    var setWidths = react_1.default.useCallback(function () {
         if (TabListRef.current) {
             setTabsWidth(TabListRef.current.clientWidth);
             setTabListWidth(TabListRef.current.scrollWidth);
         }
     }, [TabListRef]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         setWidths();
     }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         window.addEventListener('resize', setWidths);
         return function () { return window.removeEventListener('resize', setWidths); };
     }, [TabListRef, setWidths]);
-    return (React.createElement("div", __assign({ ref: TabListRef, id: id, "data-testid": testId, "data-tablist": '', className: classes, onScroll: handleScrollList }, others),
-        isVisibleArrowLeft && (React.createElement(Icon, { "data-arrow-prev": '', name: 'tri-arrow-left', className: clsx('arrow-prev'), size: small ? 'small' : 'medium', onClick: onClickPrev })),
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: TabListRef, id: id, "data-testid": testId, "data-tablist": '', className: classes, onScroll: handleScrollList }, others),
+        isVisibleArrowLeft && (react_1.default.createElement(icon_1.Icon, { "data-arrow-prev": '', name: 'tri-arrow-left', className: (0, clsx_1.default)('arrow-prev'), size: small ? 'small' : 'medium', onClick: onClickPrev })),
         TabElms,
-        isVisibleArrowRight && (React.createElement(Icon, { "data-arrow-next": '', name: 'tri-arrow-right', className: clsx('arrow-next'), size: small ? 'small' : 'medium', onClick: onClickNext }))));
+        isVisibleArrowRight && (react_1.default.createElement(icon_1.Icon, { "data-arrow-next": '', name: 'tri-arrow-right', className: (0, clsx_1.default)('arrow-next'), size: small ? 'small' : 'medium', onClick: onClickNext }))));
 });
-TabList.displayName = ComponentName.TabList;
-export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXFELEVBQUUsR0FBRztJQUF4RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBbkQsa0RBQXFELENBQUY7SUFDMUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBWSxFQUFFLENBQUMsQ0FBQTtJQUNu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
+TabList.displayName = enumsComponentsName_1.ComponentName.TabList;
+exports.default = TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUsMENBQXdDO0FBQ3hDLG1GQUFvRDtBQUVwRCxxQ0FBNkM7QUFDN0MsbUVBQXdEO0FBQ3hELHdEQUE4RDtBQUM5RCx1Q0FBK0I7QUFDL0Isc0RBQXVCO0FBQ3ZCLHFEQUFzQztBQUN0QyxzQ0FBd0M7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxlQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXFELEVBQUUsR0FBRztJQUF4RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sc0JBQW5ELGtEQUFxRCxDQUFGO0lBQzFDLElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxVQUFVLEdBQUcsZUFBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxPQUFPLEdBQUcsZUFBSyxDQUFDLE1BQU0sQ0FBWSxFQUFFLENBQUMsQ0FBQTtJQUNuQyxJQUFBLEtBQUssR0FBSyxlQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFXLENBQUMsTUFBbEMsQ0FBa0M7SUFDL0MsZUFBSyxDQUFDLG1CQUFtQixDQUFDLEdBQUcsRUFBRSxjQUFNLE9BQUEsVUFBVSxDQUFDLE9BQXlCLEVBQXBDLENBQW9DLENBQUMsQ0FBQTtJQUVwRSxJQUFBLEtBQUEsZUFBNEIsZUFBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFBLGVBQWtDLGVBQUssQ0FBQyxRQUFR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

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

@@ -0,0 +1,90 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import Tab from '../../../components/tabs/tab-list/tab/Tab';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { is } from '../../../services';
+import clsx from 'clsx';
+import React, { useMemo } from 'react';
+import { TabsContext } from '../context';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param align
+ * @param others
+ */
+var TabList = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
+    var styled = useTrilogyContext().styled;
+    var TabListRef = React.useRef(null);
+    var tabRefs = React.useRef([]);
+    var small = React.useContext(TabsContext).small;
+    React.useImperativeHandle(ref, function () { return TabListRef.current; });
+    var _b = __read(React.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
+    var _c = __read(React.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
+    var _d = __read(React.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
+    var _e = __read(React.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
+    var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
+    var isVisibleArrowLeft = useMemo(function () {
+        if (!tabRefs.current.length)
+            return false;
+        return scrollLeft > tabRefs.current[0].width / 2;
+    }, [tabRefs, scrollLeft]);
+    var isVisibleArrowRight = useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > 5; }, [tabListWidth, tabsWidth, scrollLeft]);
+    var TabElms = React.useMemo(function () {
+        return React.Children.map(children, function (child, index) {
+            if (!React.isValidElement(child))
+                return false;
+            return (React.createElement(Tab, __assign({ ref: function (el) { return (tabRefs.current[index] = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()); }, index: index }, child.props)));
+        });
+    }, [children, tabRefs]);
+    var scrollWithArrow = React.useCallback(function (direction) {
+        var _a;
+        if (tabRefs.current) {
+            var firstGap = tabRefs.current[0].x;
+            var nextTab = tabFocused + direction;
+            var nextPosition = tabRefs.current[nextTab === -1 ? 0 : nextTab];
+            nextPosition && ((_a = TabListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ left: nextPosition.x - firstGap, behavior: 'smooth' }));
+        }
+    }, [tabRefs.current, tabFocused, TabListRef]);
+    var handleScrollList = React.useCallback(function (e) {
+        var target = e.target;
+        var firstGap = tabRefs.current[0].x + (small ? 16 : 24);
+        var scrollPosition = tabRefs.current.findIndex(function (tab) {
+            return target.scrollLeft >= tab.left - firstGap && target.scrollLeft <= tab.right - firstGap;
+        });
+        setTabFocused(scrollPosition);
+        setScrollLeft(target.scrollLeft);
+    }, [tabRefs, small]);
+    var onClickPrev = React.useCallback(function () {
+        isVisibleArrowLeft && scrollWithArrow(-1);
+    }, [scrollWithArrow, isVisibleArrowLeft]);
+    var onClickNext = React.useCallback(function () {
+        isVisibleArrowRight && scrollWithArrow(1);
+    }, [scrollWithArrow, isVisibleArrowRight]);
+    var setWidths = React.useCallback(function () {
+        if (TabListRef.current) {
+            setTabsWidth(TabListRef.current.clientWidth);
+            setTabListWidth(TabListRef.current.scrollWidth);
+        }
+    }, [TabListRef]);
+    React.useEffect(function () {
+        setWidths();
+    }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
+    React.useEffect(function () {
+        window.addEventListener('resize', setWidths);
+        return function () { return window.removeEventListener('resize', setWidths); };
+    }, [TabListRef, setWidths]);
+    return (React.createElement("div", __assign({ ref: TabListRef, id: id, "data-testid": testId, "data-tablist": '', className: classes, onScroll: handleScrollList }, others),
+        isVisibleArrowLeft && (React.createElement(Icon, { "data-arrow-prev": '', name: 'tri-arrow-left', className: clsx('arrow-prev'), size: small ? 'small' : 'medium', onClick: onClickPrev })),
+        TabElms,
+        isVisibleArrowRight && (React.createElement(Icon, { "data-arrow-next": '', name: 'tri-arrow-right', className: clsx('arrow-next'), size: small ? 'small' : 'medium', onClick: onClickNext }))));
+});
+TabList.displayName = ComponentName.TabList;
+export default TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXFELEVBQUUsR0FBRztJQUF4RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBbkQsa0RBQXFELENBQUY7SUFDMUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBWSxFQUFFLENBQUMsQ0FBQTtJQUNu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

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

@@ -0,0 +1,14 @@
+import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
+import React from 'react';
+import { ScrollView } from 'react-native';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param align
+ * @param others
+ */
+declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<ScrollView>>;
+export default TabList;

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

@@ -1,11 +1,13 @@
-import { __assign, __read, __rest, __spreadArray } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon } from '../../../components/icon';
-import { TabsContext } from '../../../components/tabs/context';
-import Tab from '../../../components/tabs/tab-list/tab/Tab';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import React from 'react';
-import { ScrollView, StyleSheet, View, } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var icon_1 = require("../../../components/icon");
+var context_1 = require("../../../components/tabs/context");
+var Tab_1 = tslib_1.__importDefault(require("../../../components/tabs/tab-list/tab/Tab"));
+var objects_1 = require("../../../objects");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
@@ -15,38 +17,38 @@ import { ScrollView, StyleSheet, View, } from 'react-native';
  * @param align
  * @param others
  */
-var TabList = React.forwardRef(function (_a, ref) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    var inverted = React.useContext(TabsContext).inverted;
-    var TabListRef = React.useRef(null);
+var TabList = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, others = tslib_1.__rest(_a, ["children"]);
+    var inverted = react_1.default.useContext(context_1.TabsContext).inverted;
+    var TabListRef = react_1.default.useRef(null);
     var paddingHorizontalTab = 12;
     var negativeGap = -35;
-    var _b = __read(React.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
-    var _c = __read(React.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
-    var _d = __read(React.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
-    var _e = __read(React.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
-    var _f = __read(React.useState([]), 2), tabElms = _f[0], setTabElms = _f[1];
-    React.useImperativeHandle(ref, function () { return TabListRef.current; });
-    var styles = StyleSheet.create({
+    var _b = tslib_1.__read(react_1.default.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
+    var _c = tslib_1.__read(react_1.default.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
+    var _d = tslib_1.__read(react_1.default.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
+    var _e = tslib_1.__read(react_1.default.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
+    var _f = tslib_1.__read(react_1.default.useState([]), 2), tabElms = _f[0], setTabElms = _f[1];
+    react_1.default.useImperativeHandle(ref, function () { return TabListRef.current; });
+    var styles = react_native_1.StyleSheet.create({
         tabList: {
             flexDirection: 'row',
-            backgroundColor: getColorStyle(inverted ? TrilogyColor.MAIN : 'transparent'),
+            backgroundColor: (0, objects_1.getColorStyle)(inverted ? objects_1.TrilogyColor.MAIN : 'transparent'),
         },
         arrow: { alignItems: 'center', justifyContent: 'center', paddingHorizontal: 2 },
     });
-    var isVisibleArrowLeft = React.useMemo(function () {
+    var isVisibleArrowLeft = react_1.default.useMemo(function () {
         if (!tabElms.length)
             return false;
         return scrollLeft > tabElms[0].width / 2;
     }, [tabElms, scrollLeft]);
-    var isVisibleArrowRight = React.useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > negativeGap; }, [tabListWidth, tabsWidth, scrollLeft]);
-    var handleScrollList = React.useCallback(function (e) {
+    var isVisibleArrowRight = react_1.default.useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > negativeGap; }, [tabListWidth, tabsWidth, scrollLeft]);
+    var handleScrollList = react_1.default.useCallback(function (e) {
         var scrollLeft = e.nativeEvent.contentOffset.x;
         var scrollPosition = tabElms.findIndex(function (tab) { return scrollLeft >= tab.x - paddingHorizontalTab && scrollLeft <= tab.x + tab.width - paddingHorizontalTab; });
         setTabFocused(scrollPosition);
         setScrollLeft(scrollLeft);
     }, [tabElms]);
-    var scrollWithArrow = React.useCallback(function (direction) {
+    var scrollWithArrow = react_1.default.useCallback(function (direction) {
         var _a;
         if (tabElms.length) {
             var nextTab = tabFocused + direction;
@@ -54,30 +56,30 @@ var TabList = React.forwardRef(function (_a, ref) {
             nextPosition && ((_a = TabListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ x: nextPosition.x + 1, animated: true }));
         }
     }, [tabFocused, TabListRef, tabElms]);
-    var onClickPrev = React.useCallback(function () {
+    var onClickPrev = react_1.default.useCallback(function () {
         isVisibleArrowLeft && scrollWithArrow(-1);
     }, [scrollWithArrow, isVisibleArrowLeft]);
-    var onClickNext = React.useCallback(function () {
+    var onClickNext = react_1.default.useCallback(function () {
         isVisibleArrowRight && scrollWithArrow(1);
     }, [scrollWithArrow, isVisibleArrowRight]);
-    return (React.createElement(View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
-        tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
-            React.createElement(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
-        React.createElement(ScrollView, __assign({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList, onScroll: handleScrollList }, others), React.Children.map(children, function (child, index) {
-            if (!React.isValidElement(child))
+    return (react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
+        tabListWidth > tabsWidth && (react_1.default.createElement(react_native_1.View, { style: styles.arrow },
+            react_1.default.createElement(icon_1.Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
+        react_1.default.createElement(react_native_1.ScrollView, tslib_1.__assign({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList, onScroll: handleScrollList }, others), react_1.default.Children.map(children, function (child, index) {
+            if (!react_1.default.isValidElement(child))
                 return false;
-            return (React.createElement(Tab, __assign({ onLayout: function (e) {
+            return (react_1.default.createElement(Tab_1.default, tslib_1.__assign({ onLayout: function (e) {
                     e.persist();
                     setTabElms(function (prev) {
-                        var updatedArray = __spreadArray([], __read(prev), false);
+                        var updatedArray = tslib_1.__spreadArray([], tslib_1.__read(prev), false);
                         updatedArray[index] = e.nativeEvent.layout;
                         return updatedArray;
                     });
                 }, index: index }, child.props)));
         })),
-        tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
-            React.createElement(Icon, { name: 'tri-arrow-right', align: 'ALIGNED_CENTER', color: isVisibleArrowRight ? undefined : 'transparent', onClick: onClickNext })))));
+        tabListWidth > tabsWidth && (react_1.default.createElement(react_native_1.View, { style: styles.arrow },
+            react_1.default.createElement(icon_1.Icon, { name: 'tri-arrow-right', align: 'ALIGNED_CENTER', color: isVisibleArrowRight ? undefined : 'transparent', onClick: onClickNext })))));
 });
-TabList.displayName = ComponentName.TabList;
-export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUtMLFVBQVUsRUFDVixVQUFVLEVBQ1YsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBRXJCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDN0UsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFDbEQsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFR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
+TabList.displayName = enumsComponentsName_1.ComponentName.TabList;
+exports.default = TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSwwQ0FBd0M7QUFDeEMscURBQXVEO0FBQ3ZELG1GQUFvRDtBQUVwRCxxQ0FBdUQ7QUFDdkQsd0RBQXlCO0FBQ3pCLDZDQVFxQjtBQUVyQjs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLGVBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBdUIsRUFBRSxHQUFHO0lBQTFCLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxzQkFBckIsWUFBdUIsQ0FBRjtJQUM3RSxJQUFBLFFBQVEsR0FBSyxlQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFDbEQsSUFBTSxVQUFVLEdBQUcsZUFBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsZUFBNEIsZUFBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFBLGVBQWtDLGVBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBMUQsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUE2QixDQUFBO0lBQzNELElBQUEsS0FBQSxlQUE4QixlQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBNkIsQ0FBQTtJQUN2RCxJQUFBLEtBQUEsZUFBOEIsZUFBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQTZCLENBQUE7SUFDdkQsSUFBQSxLQUFBLGVBQXdCLGVBQUssQ0FBQyxRQUFRLENBQW9CLEVBQUUsQ0FBQyxJQUFBLEVBQTVELE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBeUMsQ0FBQTtJQUVuRSxlQUFLLENBQUMsbUJBQW1CLENBQUMsR0FBRyxFQUFFLGNBQU0sT0FBQSxVQUFVLENBQUMsT0FBcUIsRUFBaEMsQ0FBZ0MsQ0FBQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLHlCQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGVBQWUsRUFBRSxJQUFBLHVCQUFhLEVBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxzQkFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1NBQzdFO1FBQ0QsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLENBQUMsRUFBRTtLQUNoRixDQUFDLENBQUE7SUFFRixJQUFNLGtCQUFrQixHQUFHLGVBQUssQ0FBQyxPQUFPLENBQUM7UUFDdkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDakMsT0FBTyxVQUFVLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUE7SUFDMUMsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFekIsSUFBTSxtQkFBbUIsR0FBRyxlQUFLLENBQUMsT0FBTyxDQUN2QyxjQUFNLE9BQUEsWUFBWSxHQUFHLFNBQVMsR0FBRyxVQUFVLEdBQUcsV0FBVyxFQUFuRCxDQUFtRCxFQUN6RCxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLENBQ3RDLENBQUE7SUFFRCxJQUFNLGdCQUFnQixHQUFHLGVBQUssQ0FBQyxXQUFXLENBQ3hDLFVBQUMsQ0FBMEM7UUFDekMsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFBO1FBQ2hELElBQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQ3RDLFVBQUMsR0FBRyxJQUFLLE9BQUEsVUFBVSxJQUFJLEdBQUcsQ0FBQyxDQUFDLEdBQUcsb0JBQW9CLElBQUksVUFBVSxJQUFJLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLEtBQUssR0FBRyxvQkFBb0IsRUFBcEcsQ0FBb0csQ0FDOUcsQ0FBQTtRQUNELGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQTtRQUM3QixhQUFhLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDM0IsQ0FBQyxFQUNELENBQUMsT0FBTyxDQUFDLENBQ1YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLGVBQUssQ0FBQyxXQUFXLENBQ3ZDLFVBQUMsU0FBaUI7O1FBQ2hCLElBQUksT0FBTyxDQUFDLE1BQU0sRUFBRTtZQUNsQixJQUFNLE9BQU8sR0FBRyxVQUFVLEdBQUcsU0FBUyxDQUFBO1lBQ3RDLElBQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUE7WUFDMUQsWUFBWSxLQUFJLE1BQUEsVUFBVSxDQUFDLE9BQU8sMENBQUUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUFFLFlBQVksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBLENBQUE7U0FDeEY7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLE9BQU8sQ0FBQyxDQUNsQyxDQUFBO0lBRUQsSUFBTSxXQUFXLEdBQUcsZUFBSyxDQUFDLFdBQVcsQ0FBQztRQUNwQyxrQkFBa0IsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUMzQyxDQUFDLEVBQUUsQ0FBQyxlQUFlLEVBQUUsa0JBQWtCLENBQUMsQ0FBQyxDQUFBO0lBRXpDLElBQU0sV0FBVyxHQUFHLGVBQUssQ0FBQyxXQUFXLENBQUM7UUFDcEMsbUJBQW1CLElBQUksZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQzNDLENBQUMsRUFBRSxDQUFDLGVBQWUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLENBQUE7SUFFMUMsT0FBTyxDQUNMLDhCQUFDLG1CQUFJLElBQUMsS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLFlBQVksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBeEMsQ0FBd0M7UUFDN0YsWUFBWSxHQUFHLFNBQVMsSUFBSSxDQUMzQiw4QkFBQyxtQkFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztZQUN2Qiw4QkFBQyxXQUFJLElBQ0gsSUFBSSxFQUFDLGdCQUFnQixFQUNyQixLQUFLLEVBQUMsZ0JBQWdCLEVBQ3RCLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxhQUFhLEVBQ3JELE9BQU8sRUFBRSxXQUFXLEdBQ3BCLENBQ0csQ0FDUjtRQUNELDhCQUFDLHlCQUFVLHFCQUNULEdBQUcsRUFBRSxVQUFVLEVBQ2YsbUJBQW1CLEVBQUUsRUFBRSxFQUN2QixtQkFBbUIsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLGVBQWUsQ0FBQyxDQUFDLENBQUMsRUFBbEIsQ0FBa0IsRUFDOUMsVUFBVSxRQUNWLDhCQUE4QixFQUFFLEtBQUssRUFDckMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQ3JCLFFBQVEsRUFBRSxnQkFBZ0IsSUFDdEIsTUFBTSxHQUVULGVBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUssRUFBRSxLQUFLO1lBQ3pDLElBQUksQ0FBQyxlQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQztnQkFBRSxPQUFPLEtBQUssQ0FBQTtZQUM5QyxPQUFPLENBQ0wsOEJBQUMsYUFBRyxxQkFDRixRQUFRLEVBQUUsVUFBQyxDQUFvQjtvQkFDN0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFBO29CQUNYLFVBQVUsQ0FBQyxVQUFDLElBQUk7d0JBQ2QsSUFBTSxZQUFZLDRDQUFPLElBQUksU0FBQyxDQUFBO3dCQUM5QixZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUE7d0JBQzFDLE9BQU8sWUFBWSxDQUFBO29CQUNyQixDQUFDLENBQUMsQ0FBQTtnQkFDSixDQUFDLEVBQ0QsS0FBSyxFQUFFLEtBQUssSUFDUixLQUFLLENBQUMsS0FBSyxFQUNmLENBQ0gsQ0FBQTtRQUNILENBQUMsQ0FBQyxDQUNTO1FBQ1osWUFBWSxHQUFHLFNBQVMsSUFBSSxDQUMzQiw4QkFBQyxtQkFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztZQUN2Qiw4QkFBQyxXQUFJLElBQ0gsSUFBSSxFQUFDLGlCQUFpQixFQUN0QixLQUFLLEVBQUMsZ0JBQWdCLEVBQ3RCLEtBQUssRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxhQUFhLEVBQ3RELE9BQU8sRUFBRSxXQUFXLEdBQ3BCLENBQ0csQ0FDUixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxrQkFBZSxPQUFPLENBQUEifQ==

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

@@ -0,0 +1,83 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { TabsContext } from '../../../components/tabs/context';
+import Tab from '../../../components/tabs/tab-list/tab/Tab';
+import { getColorStyle, TrilogyColor } from '../../../objects';
+import React from 'react';
+import { ScrollView, StyleSheet, View, } from 'react-native';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param align
+ * @param others
+ */
+var TabList = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var inverted = React.useContext(TabsContext).inverted;
+    var TabListRef = React.useRef(null);
+    var paddingHorizontalTab = 12;
+    var negativeGap = -35;
+    var _b = __read(React.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
+    var _c = __read(React.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
+    var _d = __read(React.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
+    var _e = __read(React.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
+    var _f = __read(React.useState([]), 2), tabElms = _f[0], setTabElms = _f[1];
+    React.useImperativeHandle(ref, function () { return TabListRef.current; });
+    var styles = StyleSheet.create({
+        tabList: {
+            flexDirection: 'row',
+            backgroundColor: getColorStyle(inverted ? TrilogyColor.MAIN : 'transparent'),
+        },
+        arrow: { alignItems: 'center', justifyContent: 'center', paddingHorizontal: 2 },
+    });
+    var isVisibleArrowLeft = React.useMemo(function () {
+        if (!tabElms.length)
+            return false;
+        return scrollLeft > tabElms[0].width / 2;
+    }, [tabElms, scrollLeft]);
+    var isVisibleArrowRight = React.useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > negativeGap; }, [tabListWidth, tabsWidth, scrollLeft]);
+    var handleScrollList = React.useCallback(function (e) {
+        var scrollLeft = e.nativeEvent.contentOffset.x;
+        var scrollPosition = tabElms.findIndex(function (tab) { return scrollLeft >= tab.x - paddingHorizontalTab && scrollLeft <= tab.x + tab.width - paddingHorizontalTab; });
+        setTabFocused(scrollPosition);
+        setScrollLeft(scrollLeft);
+    }, [tabElms]);
+    var scrollWithArrow = React.useCallback(function (direction) {
+        var _a;
+        if (tabElms.length) {
+            var nextTab = tabFocused + direction;
+            var nextPosition = tabElms[nextTab === -1 ? 0 : nextTab];
+            nextPosition && ((_a = TabListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ x: nextPosition.x + 1, animated: true }));
+        }
+    }, [tabFocused, TabListRef, tabElms]);
+    var onClickPrev = React.useCallback(function () {
+        isVisibleArrowLeft && scrollWithArrow(-1);
+    }, [scrollWithArrow, isVisibleArrowLeft]);
+    var onClickNext = React.useCallback(function () {
+        isVisibleArrowRight && scrollWithArrow(1);
+    }, [scrollWithArrow, isVisibleArrowRight]);
+    return (React.createElement(View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
+        tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
+            React.createElement(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
+        React.createElement(ScrollView, __assign({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList, onScroll: handleScrollList }, others), React.Children.map(children, function (child, index) {
+            if (!React.isValidElement(child))
+                return false;
+            return (React.createElement(Tab, __assign({ onLayout: function (e) {
+                    e.persist();
+                    setTabElms(function (prev) {
+                        var updatedArray = __spreadArray([], __read(prev), false);
+                        updatedArray[index] = e.nativeEvent.layout;
+                        return updatedArray;
+                    });
+                }, index: index }, child.props)));
+        })),
+        tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
+            React.createElement(Icon, { name: 'tri-arrow-right', align: 'ALIGNED_CENTER', color: isVisibleArrowRight ? undefined : 'transparent', onClick: onClickNext })))));
+});
+TabList.displayName = ComponentName.TabList;
+export default TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUtMLFVBQVUsRUFDVixVQUFVLEVBQ1YsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBRXJCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDN0UsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFDbEQsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFR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

package/lib/components/tabs/tab-list/TabListProps.d.mts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Alignable, AlignableValues, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { ScrollView } from 'react-native';
+/**
+ * Tabs Item Interface
+ */
+export interface TabListProps extends Dev, CommonProps {
+    children: React.ReactNode;
+    align?: Alignable | AlignableValues;
+}
+export type TabListRef = HTMLDivElement;
+export type TabListNativeRef = ScrollView;

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

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L1RhYkxpc3RQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/tabs/tab-list/TabListProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L1RhYkxpc3RQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/tabs/tab-list/index.d.mts

@@ -0,0 +1,2 @@
+import TabList from './TabList';
+export default TabList;

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

@@ -1,3 +1,6 @@
-import TabList from './TabList';
-export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGVBQWUsT0FBTyxDQUFBIn0=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var TabList_1 = tslib_1.__importDefault(require("./TabList"));
+exports.default = TabList_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsOERBQStCO0FBRS9CLGtCQUFlLGlCQUFPLENBQUEifQ==

package/lib/components/tabs/tab-list/index.mjs

@@ -0,0 +1,3 @@
+import TabList from './TabList';
+export default TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGVBQWUsT0FBTyxDQUFBIn0=