@trilogy-ds/react 0.0.1-beta-117 → 0.0.1-beta-121

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

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet } from "react-native";
 import { View } from "../../../components/view";
@@ -8,8 +9,9 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * TableTh Component
  * @param children {ReactNode} children of table TH
  */
-const TableTh = ({ children, ...others }) => {
-    const styles = StyleSheet.create({
+var TableTh = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var styles = StyleSheet.create({
         tableTh: {
             flexDirection: "column",
             flex: 1,
@@ -23,9 +25,9 @@ const TableTh = ({ children, ...others }) => {
             fontWeight: "bold",
         },
     });
-    return (React.createElement(View, { style: styles.tableTh, ...others },
+    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=TableTh.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL1RhYmxlVGgubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUFxQztJQUFuQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNwQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1lBQ1gsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDMUQsZ0JBQWdCLEVBQUUsR0FBRztTQUN0QjtRQUNELEtBQUssRUFBRTtZQUNMLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLE1BQU07U0FDbkI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUFNLE1BQU07UUFDckMsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUNuRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TableThProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS90aC9UYWJsZVRoUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,3 +1,3 @@
 import TableTh from './TableTh';
 export default TableTh;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
 import { hashClass } from "../../../helpers/hashClassesHelpers";
@@ -16,10 +17,11 @@ import { getColorClassName } from "../../../objects/facets/Color";
  * @param color {TrilogyColor} Higlight color
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
-const TableTr = ({ className, expandable, expanded, expansion, color, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
-    return React.createElement("tr", { className: classes, ...others });
+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 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=TableTr.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRTFEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQU9GO0lBTmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQU5NLDZEQU9oQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixLQUFLLElBQUksaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FBQTtJQUVELE9BQU8scUNBQUksU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMvQyxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useState } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
 import { View } from '../../../components/view';
@@ -10,9 +11,10 @@ import { getColorStyle, TrilogyColor } from '../../../components/../objects';
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {ReactNode|string} Expended Table TR content
  */
-const TableTr = ({ children, expandable, expanded, ...others }) => {
-    const [isExpanded, setIsExpended] = useState(false);
-    const styles = StyleSheet.create({
+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",
             flex: 1,
@@ -23,18 +25,18 @@ const TableTr = ({ children, expandable, expanded, ...others }) => {
             padding: 10,
         },
     });
-    const handleExpendedContent = () => {
+    var handleExpendedContent = function () {
         setIsExpended(!isExpanded);
     };
     if (expandable) {
         return (React.createElement(View, null,
-            React.createElement(TouchableOpacity, { onPress: () => handleExpendedContent(), style: styles.tableTr, ...others }, children),
+            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 },
                 React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
             isExpanded && expanded && React.isValidElement(expanded) && (React.createElement(View, { style: styles.expendable }, expanded))));
     }
-    return (React.createElement(View, { style: styles.tableTr, ...others }, children));
+    return (React.createElement(View, __assign({ style: styles.tableTr }, others), children));
 };
 TableTr.displayName = ComponentName.TableTr;
 export default TableTr;
-//# sourceMappingURL=TableTr.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUVyRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFLSTtJQUpuQixJQUFBLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBSk0sc0NBS2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXJELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBNEIsQ0FBQTtJQUU1RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLElBQUksRUFBRSxDQUFDO1NBQ1I7UUFDRCxVQUFVLEVBQUU7WUFDVixLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUN6RCxPQUFPLEVBQUUsRUFBRTtTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxxQkFBcUIsR0FBRztRQUM1QixhQUFhLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM1QixDQUFDLENBQUE7SUFFRCxJQUFJLFVBQVUsRUFBRTtRQUNkLE9BQU8sQ0FDTCxvQkFBQyxJQUFJO1lBQ0gsb0JBQUMsZ0JBQWdCLGFBQ2YsT0FBTyxFQUFFLGNBQU0sT0FBQSxxQkFBcUIsRUFBRSxFQUF2QixDQUF1QixFQUN0QyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFDakIsTUFBTSxHQUVULFFBQVEsQ0FDUTtZQUNsQixVQUFVLElBQUksUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNuRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO2dCQUM1QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2xELENBQ1I7WUFDQSxVQUFVLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDM0Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVSxJQUFHLFFBQVEsQ0FBUSxDQUNsRCxDQUNJLENBQ1IsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3BDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TableTrProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUclByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS90ci9UYWJsZVRyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,3 +1,3 @@
 import TableTr from './TableTr';
 export default TableTr;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/tabs/Tabs.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 import { useTrilogyContext } from '../../context/index';
@@ -21,13 +22,13 @@ import { has, is } from '../../services/classify';
  * @param textAlign {TypographyAlign | TypographyAlignValues}
  * @param testId {string} Test Id for Test Integration
  */
-const Tabs = React.forwardRef((props, ref) => {
-    const { children, className, onClick, activeIndex, disabled, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others } = props;
-    const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
-    const { styled } = useTrilogyContext();
-    const [isIcons, setIsIcons] = React.useState(false);
-    const classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
-    const isActive = React.useCallback((index, childPropsActive) => {
+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;
         }
@@ -35,7 +36,7 @@ const Tabs = React.forwardRef((props, ref) => {
             return true;
         }
     }, [activateIndex]);
-    const toggleActive = React.useCallback((e, index) => {
+    var toggleActive = React.useCallback(function (e, index) {
         if (disabled) {
             return false;
         }
@@ -44,20 +45,20 @@ const Tabs = React.forwardRef((props, ref) => {
             onClick(e);
         }
     }, [disabled]);
-    useEffect(() => {
+    useEffect(function () {
         setActivateIndex(activateIndex);
     }, [activeIndex]);
-    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has(`text-${align}`), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
-        React.createElement("div", { className: classes, role: 'tablist', ...others }, React.Children.map(children, (child, index) => {
+    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);
-                const active = Boolean(isActive(index, child.props.active)) || false;
-                const key = index;
-                const props = {
-                    active,
-                    key,
-                    onClick: (e) => {
+                var active = Boolean(isActive(index, child.props.active)) || false;
+                var key = index;
+                var props_1 = {
+                    active: active,
+                    key: key,
+                    onClick: function (e) {
                         toggleActive(e, index);
                         if (child) {
                             if (child.props.onClick) {
@@ -66,9 +67,9 @@ const Tabs = React.forwardRef((props, ref) => {
                         }
                     },
                 };
-                return React.cloneElement(child, props);
+                return React.cloneElement(child, props_1);
             }
         }))));
 });
 export default Tabs;
-//# sourceMappingURL=Tabs.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBZ0IsRUFBRSxHQUFvQztJQUVqRixJQUFBLFFBQVEsR0FjTixLQUFLLFNBZEMsRUFDUixTQUFTLEdBYVAsS0FBSyxVQWJFLEVBQ1QsT0FBTyxHQVlMLEtBQUssUUFaQSxFQUNQLFdBQVcsR0FXVCxLQUFLLFlBWEksRUFDWCxRQUFRLEdBVU4sS0FBSyxTQVZDLEVBQ1IsU0FBUyxHQVNQLEtBQUssVUFURSxFQUNULEtBQUssR0FRSCxLQUFLLE1BUkYsRUFDTCxRQUFRLEdBT04sS0FBSyxTQVBDLEVBQ1IsVUFBVSxHQU1SLEtBQUssV0FORyxFQUNWLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixVQUFVLEdBSVIsS0FBSyxXQUpHLEVBQ1YsU0FBUyxHQUdQLEtBQUssVUFIRSxFQUNULE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQWZILGdLQWVMLENBRFUsQ0FDRjtJQUVILElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFz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

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useState } from 'react';
 import { StyleSheet, ScrollView } from 'react-native';
 import { Text, TextLevels } from '../../components/text';
@@ -14,10 +15,11 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param shadowless {boolean} No shadow
  * @param centered {boolean} Centered tabs
  */
-const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }) => {
-    const [activateIndex, setActivateIndex] = useState(activeIndex);
-    const [isIcons, setIsIcons] = React.useState(false);
-    const isActive = (index, childPropsActive) => {
+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];
+    var isActive = function (index, childPropsActive) {
         if (typeof childPropsActive !== 'undefined' && !activateIndex) {
             return childPropsActive;
         }
@@ -25,7 +27,7 @@ const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ..
             return true;
         }
     };
-    const toggleActive = (e, index) => {
+    var toggleActive = function (e, index) {
         if (disabled) {
             return false;
         }
@@ -34,26 +36,26 @@ const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ..
             onClick(e);
         }
     };
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         tabs: {
             height: isIcons ? 64 : 48,
             flexDirection: 'row',
             backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND)
         },
     });
-    return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others, contentContainerStyle: centered && { justifyContent: "center", flexGrow: 1 } }, 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((child, index) => {
+        children.map(function (child, index) {
             var _a;
             if (!isIcons && child.props.iconName)
                 setIsIcons(true);
-            const props = {
+            var props = {
                 active: (_a = child.props.active) !== null && _a !== void 0 ? _a : (Boolean(isActive(index, child.props.active)) || false),
                 key: index,
                 tabIndex: index,
                 inverted: inverted,
-                onClick: (event) => {
+                onClick: function (event) {
                     toggleActive(event, index);
                     if (child) {
                         if (child.props.onClick) {
@@ -62,10 +64,10 @@ const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ..
                     }
                 },
             };
-            return typeof child.valueOf() === 'string' ? (React.createElement(TabsItem, { active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+            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=Tabs.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFzRjtJQUFwRixJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpFLDBFQUEyRSxDQUFGO0lBQy9FLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBeEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXlCLENBQUE7SUFDekQsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBNUMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUF5QixDQUFBO0lBRW5ELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJ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

package/lib/components/tabs/TabsProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TabsProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL1RhYnNQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/tabs/index.js

@@ -1,4 +1,4 @@
 import Tabs from './Tabs';
 import TabsItem from './item';
 export { Tabs, TabsItem };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUU3QixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFBIn0=

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import clsx from "clsx";
 import React, { useEffect, useState } from "react";
 import { hashClass } from "../../../helpers/hashClassesHelpers";
@@ -17,48 +18,48 @@ import { Icon } from "../../../components/icon";
  * @param href {string} <a />
  * @param routerLink Custom Router Link as props
  */
-const TabsItem = React.forwardRef((props, ref) => {
-    const { active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others } = props;
-    const [activeItem, setActiveItem] = useState(active || false);
-    const { styled } = useTrilogyContext();
+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
-    const a11y = {
+    var a11y = {
         a: {
             "aria-selected": activeItem,
             "data-tab-navigation": "",
         },
     };
-    useEffect(() => {
+    useEffect(function () {
         setActiveItem(active || false);
     }, [active]);
-    const classes = hashClass(styled, clsx("tab", className, { "is-active": activeItem }));
+    var classes = hashClass(styled, clsx("tab", className, { "is-active": activeItem }));
     if (routerLink && (to || href)) {
-        const RouterLink = (routerLink ? routerLink : "a");
-        return (React.createElement(RouterLink, { ref: ref, "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
+        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) {
-                    const target = e.target;
+                    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", { ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
+    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) {
-                const target = e.target;
+                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));
 });
 export default TabsItem;
-//# sourceMappingURL=TabsItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBeUI7SUFFOUUsSUFBQSxNQUFNLEdBV0osS0FBSyxPQVhELEVBQ04sUUFBUSxHQVVOLEtBQUssU0FWQyxFQUNSLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxPQUFPLEdBUUwsS0FBSyxRQVJBLEVBQ1AsRUFBRSxHQU9BLEtBQUssR0FQTCxFQUNGLElBQUksR0FNRixLQUFLLEtBTkgsRUFDSixVQUFVLEdBS1IsS0FBSyxXQUxHLEVBQ1YsUUFBUSxHQUlOLEtBQUssU0FKQyxFQUNSLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFaSCw0R0FZTCxDQURVLENBQ0Y7SUFFSCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDOUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsZ0JBQWdCO0lBQ2hCLElBQU0s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

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from "react";
 import { Animated, StyleSheet, TouchableOpacity, View } from "react-native";
 import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
@@ -12,14 +13,15 @@ import { Text, TextLevels } from "../../../components/text";
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
  */
-const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...others }) => {
+var TabsItem = function (_a) {
+    var active = _a.active, children = _a.children, onClick = _a.onClick, iconName = _a.iconName, inverted = _a.inverted, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "iconName", "inverted", "disabled"]);
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [, setActiveItem] = useState(active || false);
-    const [, setInPressIn] = useState(false);
-    const animatedBorderStyle = {
+    var _b = __read(useState(active || false), 2), setActiveItem = _b[1];
+    var _c = __read(useState(false), 2), setInPressIn = _c[1];
+    var animatedBorderStyle = {
         borderBottomWidth: active && 2 || 0,
     };
-    const getIconColor = React.useMemo(() => {
+    var getIconColor = React.useMemo(function () {
         if (inverted) {
             if (disabled)
                 return TrilogyColor.NEUTRAL_FADE;
@@ -31,7 +33,7 @@ const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...
             return TrilogyColor.MAIN;
         return TrilogyColor.MAIN;
     }, [inverted, disabled, active]);
-    const getBorderColor = React.useMemo(() => {
+    var getBorderColor = React.useMemo(function () {
         if (disabled)
             return "transparent";
         if (inverted) {
@@ -42,7 +44,7 @@ const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...
             return getColorStyle(TrilogyColor.MAIN);
         return "transparent";
     }, [inverted, disabled, active]);
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         tabsItem: {
             alignItems: "center",
             justifyContent: "center",
@@ -63,17 +65,17 @@ const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...
             borderBottomColor: getBorderColor,
         },
     });
-    useEffect(() => {
+    useEffect(function () {
         setActiveItem(active || false);
     }, [active]);
-    return (React.createElement(TouchableOpacity, { activeOpacity: 1, onPressIn: () => setInPressIn(true), onPressOut: () => setInPressIn(false), style: [styles.tabsItem], onPress: (e) => {
+    return (React.createElement(TouchableOpacity, __assign({ activeOpacity: 1, onPressIn: function () { return setInPressIn(true); }, onPressOut: function () { return setInPressIn(false); }, style: [styles.tabsItem], onPress: function (e) {
             if (!disabled) {
                 setActiveItem(active || false);
                 if (onClick) {
                     onClick(e);
                 }
             }
-        }, ...others },
+        } }, others),
         iconName && (React.createElement(View, null,
             React.createElement(Icon, { color: getIconColor, size: 'small', name: iconName }))),
         children &&
@@ -82,4 +84,4 @@ const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...
 };
 TabsItem.displayName = ComponentName.TabsItem;
 export default TabsItem;
-//# sourceMappingURL=TabsItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL2l0ZW0vVGFic0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVFnQjtJQVBkLElBQUEsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVBYLHFFQVFDLENBRFU7SUFFM0IsNkRBQTZEO0lBQ3ZELElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQW5ELGFBQWEsUUFBc0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBbUIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFlBQVksUUFBNEIsQ0FBQTtJQUVqRCxJQUFNLG1CQUFtQixHQUFHO1FBQzFCLGlCQUFpQixFQUFFLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQztLQUNwQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcs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

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TabsItemProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9pdGVtL1RhYnNJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,3 +1,3 @@
 import TabItem from './TabsItem';
 export default TabItem;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxZQUFZLENBQUE7QUFFaEMsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/tag/Tag.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import { useTrilogyContext } from '../../context';
 import { hashClass } from '../../helpers';
 import { getColorClassName } from '../../objects/facets/Color';
@@ -16,13 +17,14 @@ import { Icon } from '../icon';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  **/
-const Tag = ({ children, className, variant, inverted, small, iconName, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
-    const tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
-    return (React.createElement("span", { "data-testid": testId, className: tagClassNames, ...others },
+var Tag = function (_a) {
+    var children = _a.children, className = _a.className, variant = _a.variant, inverted = _a.inverted, small = _a.small, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["children", "className", "variant", "inverted", "small", "iconName", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
+    var tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
+    return (React.createElement("span", __assign({ "data-testid": testId, className: tagClassNames }, others),
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
         children));
 };
 export default Tag;
-//# sourceMappingURL=Tag.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBd0Y7SUFBdEYsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVFLCtFQUE4RSxDQUFGO0lBQy9FLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBRUwsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzREFBbUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUM1RCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tag/Tag.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../components/icon';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
@@ -13,10 +14,11 @@ import { StyleSheet, Text, View } from 'react-native';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  **/
-const Tag = ({ children, variant, inverted, iconName, small, testId, ...others }) => {
-    const textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
-    const backgroundColor = variant && getStatusStyle(variant).backgroundColor;
-    const styles = StyleSheet.create({
+var Tag = function (_a) {
+    var children = _a.children, variant = _a.variant, inverted = _a.inverted, iconName = _a.iconName, small = _a.small, testId = _a.testId, others = __rest(_a, ["children", "variant", "inverted", "iconName", "small", "testId"]);
+    var textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
+    var backgroundColor = variant && getStatusStyle(variant).backgroundColor;
+    var styles = StyleSheet.create({
         tag: {
             flexDirection: 'row',
             justifyContent: 'center',
@@ -47,10 +49,10 @@ const Tag = ({ children, variant, inverted, iconName, small, testId, ...others }
             flexDirection: 'row',
         },
     });
-    return (React.createElement(View, { style: styles.tag, ...others },
-        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: `${testId}-icon` })),
+    return (React.createElement(View, __assign({ style: styles.tag }, others),
+        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: "".concat(testId, "-icon") })),
         React.createElement(Text, { style: styles.text }, children)));
 };
 Tag.displayName = ComponentName.Tag;
 export default Tag;
-//# sourceMappingURL=Tag.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUE2RTtJQUEzRSxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBakUsa0VBQW1FLENBQUY7SUFDNUUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBRUQsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsTUFBTSxFQUFFO1lBQ04sYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU07UUFDaEMsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQy9DLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUN0QixJQUFJLEVBQUUsUUFBUSxFQUNkLE1BQU0sRUFBRSxVQUFHLE1BQU0sVUFBTyxHQUN4QixDQUNIO1FBQ0Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLFFBQVEsQ0FBUSxDQUN0QyxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFFbkMsZUFBZSxHQUFHLENBQUEifQ==

package/lib/components/tag/TagEnum.js

@@ -11,4 +11,4 @@ export var TagVariant;
 /**
  * List of variants background styles for Tag
  */
-//# sourceMappingURL=TagEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZ0VudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLGlDQUFtQixDQUFBO0lBQ25CLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUxXLFVBQVUsS0FBVixVQUFVLFFBS3JCO0FBT0Q7O0dBRUcifQ==

package/lib/components/tag/TagProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TagProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhZy9UYWdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/tag/index.js

@@ -2,4 +2,4 @@ import Tag from './Tag';
 import TagList from './list';
 export * from './TagEnum';
 export { Tag, TagList };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFDdkIsT0FBTyxPQUFPLE1BQU0sUUFBUSxDQUFBO0FBRTVCLGNBQWMsV0FBVyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUEifQ==

package/lib/components/tag/list/TagList.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
 import { hashClass } from "../../../helpers";
@@ -12,10 +13,10 @@ import { is } from "../../../services";
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const TagList = React.forwardRef((props, ref) => {
-    const { className, gapless, centered, marginless, ...others } = props;
-    const { styled } = useTrilogyContext();
-    return (React.createElement("span", { ref: ref, className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)), ...others }));
+var TagList = React.forwardRef(function (props, ref) {
+    var className = props.className, gapless = props.gapless, centered = props.centered, marginless = props.marginless, others = __rest(props, ["className", "gapless", "centered", "marginless"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("span", __assign({ ref: ref, className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)) }, others)));
 });
 export default TagList;
-//# sourceMappingURL=TagList.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRS9COzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW1CLEVBQUUsR0FBaUM7SUFFcEYsSUFBQSxTQUFTLEdBS1AsS0FBSyxVQUxFLEVBQ1QsT0FBTyxHQUlMLEtBQUssUUFKQSxFQUNQLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixVQUFVLEdBRVIsS0FBSyxXQUZHLEVBQ1AsTUFBTSxVQUNQLEtBQUssRUFOSCxrREFNTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsdUNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFFSCxDQUFDLENBQUMsQ0FBQTtBQUNGLGVBQWUsT0FBTyxDQUFBIn0=