@trilogy-ds/react 0.0.1-beta-115 → 0.0.1-beta-119

package/lib/components/segment-control/SegmentControl.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import React, { useState } from 'react';
 import { is } from '../../services';
 import SegmentControlItem from './item';
@@ -16,11 +17,12 @@ import { useTrilogyContext } from '../../context';
  * - -------------- NATIVE PROPERTIES ---------------
  * @param inverted {boolean} invert color SegmentControl
  */
-const SegmentControl = ({ className, onClick, disabled, marginless, children, activeIndex, }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('segmented-control', marginless && is('marginless'), className));
-    const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
-    const isActive = (index, childPropsActive) => {
+var SegmentControl = function (_a) {
+    var className = _a.className, onClick = _a.onClick, disabled = _a.disabled, marginless = _a.marginless, children = _a.children, activeIndex = _a.activeIndex;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('segmented-control', marginless && is('marginless'), className));
+    var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
+    var isActive = function (index, childPropsActive) {
         if (typeof childPropsActive !== 'undefined' && !activateIndex) {
             return childPropsActive;
         }
@@ -28,25 +30,25 @@ const SegmentControl = ({ className, onClick, disabled, marginless, children, ac
             return true;
         }
     };
-    const toggleActive = (e, index) => {
+    var toggleActive = function (e, index) {
         if (disabled)
             return false;
         setActivateIndex(index);
         if (onClick)
             onClick(e);
     };
-    React.useEffect(() => {
+    React.useEffect(function () {
         setActivateIndex(activateIndex);
     }, [activateIndex]);
     return (React.createElement("div", { className: classes }, children &&
         Array.isArray(children) &&
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        children.map((child, index) => {
-            const props = {
+        children.map(function (child, index) {
+            var props = {
                 active: Boolean(isActive(index, child.props.active)) || false,
                 disabled: child.props.disabled,
                 key: index,
-                onClick: (event) => {
+                onClick: function (event) {
                     toggleActive(event, index);
                     if (child) {
                         if (child.props.onClick) {
@@ -55,8 +57,8 @@ const SegmentControl = ({ className, onClick, disabled, marginless, children, ac
                     }
                 },
             };
-            return child && typeof child.valueOf() === 'string' ? (React.createElement(SegmentControlItem, { disabled: props.disabled, active: props.active, key: props.key, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) }, child)) : (React.cloneElement(child, props));
+            return child && typeof child.valueOf() === 'string' ? (React.createElement(SegmentControlItem, { disabled: props.disabled, active: props.active, key: props.key, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }, child)) : (React.cloneElement(child, props));
         })));
 };
 export default SegmentControl;
-//# sourceMappingURL=SegmentControl.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9TZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxrQkFBa0IsTUFBTSxRQUFRLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQU9GO1FBTnBCLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBO0lBRUgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2pHLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFzQyxDQUFBO0lBRTVFLElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7WUFDM0IsT0FBTyxJQUFJLENBQUE7U0FDWjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBbUIsRUFBRSxLQUFhO1FBQ3RELElBQUksUUFBUTtZQUFFLE9BQU8sS0FBSyxDQUFBO1FBQzFCLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3ZCLElBQUksT0FBTztZQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUN6QixDQUFDLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDakMsQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQTtJQUVuQixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLE9BQU8sSUFDcEIsUUFBUTtRQUNQLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1FBQ3ZCLDhEQUE4RDtRQUM5RCxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBVSxFQUFFLEtBQWE7WUFDckMsSUFBTSxLQUFLLEdBQUc7Z0JBQ1osTUFBTSxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxLQUFLO2dCQUM3RCxRQUFRLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRO2dCQUM5QixHQUFHLEVBQUUsS0FBSztnQkFDVixPQUFPLEVBQUUsVUFBQyxLQUF1QjtvQkFDL0IsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQTtvQkFDMUIsSUFBSSxLQUFLLEVBQUU7d0JBQ1QsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTs0QkFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7eUJBQzNCO3FCQUNGO2dCQUNILENBQUM7YUFDRixDQUFBO1lBRUQsT0FBTyxLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxrQkFBa0IsSUFDakIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUNwQixHQUFHLEVBQUUsS0FBSyxDQUFDLEdBQUcsRUFDZCxPQUFPLEVBQUUsVUFBQyxDQUFVLElBQUssT0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLEVBQVosQ0FBWSxJQUVwQyxLQUFLLENBQ2EsQ0FDdEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FDakMsQ0FBQTtRQUNILENBQUMsQ0FBQyxDQUNBLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/segment-control/SegmentControl.native.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useState } from "react";
 import { StyleSheet } from "react-native";
 import { View } from "../../components/view";
@@ -14,9 +15,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param marginless {boolean} delete margin
  * @param inverted {boolean} invert color SegmentControl
  */
-const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless, inverted, ...others }) => {
-    const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
-    const isActive = (index, childPropsActive) => {
+var SegmentControl = function (_a) {
+    var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, disabled = _a.disabled, marginless = _a.marginless, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "disabled", "marginless", "inverted"]);
+    var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
+    var isActive = function (index, childPropsActive) {
         if (typeof childPropsActive !== "undefined" && !activateIndex) {
             return childPropsActive;
         }
@@ -24,7 +26,7 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
             return true;
         }
     };
-    const toggleActive = (e, index) => {
+    var toggleActive = function (e, index) {
         if (disabled) {
             return false;
         }
@@ -33,7 +35,7 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
             onClick(e);
         }
     };
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         padding: {
             paddingLeft: marginless ? 0 : 10,
             paddingRight: marginless ? 0 : 10,
@@ -48,18 +50,18 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
         },
     });
     return (React.createElement(View, { style: styles.padding },
-        React.createElement(View, { style: styles.segmentedControl, ...others }, children &&
+        React.createElement(View, __assign({ style: styles.segmentedControl }, others), children &&
             Array.isArray(children) &&
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            children.map((child, index) => {
-                const props = {
+            children.map(function (child, index) {
+                var props = {
                     inverted: Boolean(isActive(index, child.props.active) && inverted) ||
                         false,
                     active: Boolean(isActive(index, child.props.active)) || false,
                     disabled: child.props.disabled,
                     key: index,
                     tabIndex: index,
-                    onClick: (event) => {
+                    onClick: function (event) {
                         toggleActive(event, index);
                         if (child) {
                             if (child.props.onClick) {
@@ -69,11 +71,11 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
                     },
                 };
                 if (index < 5) {
-                    return typeof child.valueOf() === "string" ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+                    return typeof child.valueOf() === "string" ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
                         React.createElement(Text, { level: TextLevels.ONE }, String(child)))) : (React.cloneElement(child, props));
                 }
             }))));
 };
 SegmentControl.displayName = ComponentName.SegmentControl;
 export default SegmentControl;
-//# sourceMappingURL=SegmentControl.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvU2VnbWVudENvbnRyb2wubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLG9CQUFvQixNQUFNLFFBQVEsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFRRjtJQVBwQixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVBhLDRFQVF2QixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBN0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQThCLENBQUE7SUFFcEUsSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFhLEVBQUUsZ0JBQWlDO1FBQ2hFLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxXQUFXLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0QsT0FBTyxnQkFBZ0IsQ0FBQTtTQUN4QjtRQUNELElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQTtTQUNaO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFtQixFQUFFLEtBQWE7UUFDdEQsSUFBSSxRQUFRLEVBQUU7WUFDWixPQUFPLEtBQUssQ0FBQTtTQUNiO1FBQ0QsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDdkIsSUFBSSxPQUFPLEVBQUU7WUFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDWDtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsV0FBVyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2hDLFlBQVksRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNsQztRQUNELGdCQUFnQixFQUFFO1lBQ2hCLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELFlBQVksRUFBRSxDQUFDO1lBQ2YsT0FBTyxFQUFFLENBQUM7WUFDVixZQUFZLEVBQUUsQ0FBQyxDQUFDO1NBQ2pCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU87UUFDekIsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsZ0JBQWdCLElBQU0sTUFBTSxHQUM3QyxRQUFRO1lBQ1AsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFDdkIsOERBQThEO1lBQzlELFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFVLEVBQUUsS0FBYTtnQkFDckMsSUFBTSxLQUFLLEdBQUc7b0JBQ1osUUFBUSxFQUNOLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDO3dCQUN4RCxLQUFLO29CQUNQLE1BQU0sRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksS0FBSztvQkFDN0QsUUFBUSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUTtvQkFDOUIsR0FBRyxFQUFFLEtBQUs7b0JBQ1YsUUFBUSxFQUFFLEtBQUs7b0JBQ2YsT0FBTyxFQUFFLFVBQUMsS0FBdUI7d0JBQy9CLFlBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUE7d0JBQzFCLElBQUksS0FBSyxFQUFFOzRCQUNULElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0NBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBOzZCQUMzQjt5QkFDRjtvQkFDSCxDQUFDO2lCQUNGLENBQUE7Z0JBQ0QsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFO29CQUNiLE9BQU8sT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUMzQyxvQkFBQyxvQkFBb0IsSUFDbkIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUNwQixPQUFPLEVBQUUsVUFBQyxDQUFVLElBQUssT0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLEVBQVosQ0FBWTt3QkFFckMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBUSxDQUM5QixDQUN4QixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUNqQyxDQUFBO2lCQUNGO1lBQ0gsQ0FBQyxDQUFDLENBQ0MsQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/segment-control/SegmentControlProps.js

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

package/lib/components/segment-control/index.js

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

package/lib/components/segment-control/item/SegmentControlItem.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import React, { useState, useEffect } from 'react';
 import { hashClass } from '../../../helpers';
 import clsx from 'clsx';
@@ -12,14 +13,15 @@ import { useTrilogyContext } from '../../../context';
  * - -------------- WEB PROPERTIES ---------------
  * @param className {string} Additionnal CSS Classes
  */
-const SegmentControlItem = ({ active, onClick, disabled, className, children, }) => {
-    const [activeItem, setActiveItem] = useState(active || false);
-    const { styled } = useTrilogyContext();
-    useEffect(() => {
+var SegmentControlItem = function (_a) {
+    var active = _a.active, onClick = _a.onClick, disabled = _a.disabled, className = _a.className, children = _a.children;
+    var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
+    var styled = useTrilogyContext().styled;
+    useEffect(function () {
         setActiveItem(active || false);
     }, [active]);
-    return (React.createElement("button", { disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: (e) => {
-            const target = e.target;
+    return (React.createElement("button", { disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: function (e) {
+            var target = e.target;
             setActiveItem(active || false);
             target.active = active;
             if (onClick) {
@@ -28,4 +30,4 @@ const SegmentControlItem = ({ active, onClick, disabled, className, children, })
         } }, children));
 };
 export default SegmentControlItem;
-//# sourceMappingURL=SegmentControlItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9TZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQU1GO1FBTHhCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQTtJQUVGLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPLENBQ0wsZ0NBQ0UsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFNBQVMsRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQ3BHLE9BQU8sRUFBRSxVQUFDLENBQW1CO1lBQzNCLElBQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUF5QixDQUFBO1lBQzFDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7WUFDOUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUE7WUFDdEIsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ1g7UUFDSCxDQUFDLElBRUEsUUFBUSxDQUNGLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==

package/lib/components/segment-control/item/SegmentControlItem.native.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from "react";
 import { StyleSheet, Text, TouchableOpacity } from "react-native";
 import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
@@ -10,9 +11,10 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param disabled {boolean} disable onClick on item
  * @param inverted {boolean} invert color of active item
  */
-const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...others }) => {
-    const [activeItem, setActiveItem] = useState(active || false);
-    const styles = StyleSheet.create({
+var SegmentControlItem = function (_a) {
+    var active = _a.active, children = _a.children, onClick = _a.onClick, inverted = _a.inverted, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "inverted", "disabled"]);
+    var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
+    var styles = StyleSheet.create({
         tabsItem: {
             flexDirection: "column",
             flex: 1,
@@ -39,18 +41,18 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
             fontWeight: activeItem ? "600" : "normal",
         },
     });
-    useEffect(() => {
+    useEffect(function () {
         setActiveItem(active || false);
     }, [active]);
-    return (React.createElement(TouchableOpacity, { disabled: disabled, style: [styles.tabsItem], onPress: (e) => {
+    return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: [styles.tabsItem], onPress: function (e) {
             if (!disabled) {
                 setActiveItem(active || false);
                 if (onClick) {
                     onClick(e);
                 }
             }
-        }, ...others }, children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children)))));
+        } }, others), children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children)))));
 };
 SegmentControlItem.displayName = ComponentName.SegmentControlItem;
 export default SegmentControlItem;
-//# sourceMappingURL=SegmentControlItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBT0Y7SUFOeEIsSUFBQSxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTmlCLHlEQU8zQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUNiLENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3BELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3ZELGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osaUJBQWlCLEVBQUUsRUFBRTtZQUNyQixLQUFLLEVBQ0gsQ0FBQyxVQUFVLElBQUksQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDbkUsQ0FBQyxDQUFDLFVBQVU7b0JBQ1YsQ0FBQyxRQUFRO29CQUNULFFBQVE7b0JBQ1IsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdkMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsY0FBYyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsUUFBUTtZQUNuQixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtTQUMxQztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQ3hCLE9BQU8sRUFBRSxVQUFDLENBQVc7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDYixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7YUFDRjtRQUNILENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNyRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsQ0FBQyxJQUM5RCxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNnQixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUVqRSxlQUFlLGtCQUFrQixDQUFBIn0=

package/lib/components/segment-control/item/SegmentControlItemProps.js

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

package/lib/components/segment-control/item/index.js

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

package/lib/components/select/Select.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from 'react';
 import { SelectDynamic, SelectNative } from './web';
 /**
@@ -21,10 +22,11 @@ import { SelectDynamic, SelectNative } from './web';
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param placeholder {string} Select Placeholder
  */
-const Select = ({ native, ...props }) => {
+var Select = function (_a) {
+    var native = _a.native, props = __rest(_a, ["native"]);
     if (native)
-        return React.createElement(SelectNative, { ...props });
-    return React.createElement(SelectDynamic, { ...props });
+        return React.createElement(SelectNative, __assign({}, props));
+    return React.createElement(SelectDynamic, __assign({}, props));
 };
 export default Select;
-//# sourceMappingURL=Select.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztJQUEvQixJQUFBLE1BQU0sWUFBQSxFQUFLLEtBQUssY0FBbEIsVUFBb0IsQ0FBRjtJQUNoQyxJQUFJLE1BQU07UUFBRSxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLEVBQUksQ0FBQTtJQUM5QyxPQUFPLG9CQUFDLGFBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQTtBQUNyQyxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/select/Select.native.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
 import React, { useCallback, useEffect, useState } from 'react';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { Input } from '../../components/input';
@@ -16,17 +17,18 @@ import SelectOption from './option';
  * @param multiple {boolean} select multiple options
  * @param nullable {boolean} Unselect Select Option Item
  */
-const Select = ({ children, id, selected, label, iconName, onChange, disabled, multiple, nullable, ...others }) => {
-    const [selectedValues, setSelectedValues] = useState(selected);
-    const [selectedNames, setSelectedNames] = React.useState([]);
-    const [display, setDisplay] = useState(false);
-    const reactId = React.useId();
-    useEffect(() => {
+var Select = function (_a) {
+    var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, nullable = _a.nullable, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple", "nullable"]);
+    var _b = __read(useState(selected), 2), selectedValues = _b[0], setSelectedValues = _b[1];
+    var _c = __read(React.useState([]), 2), selectedNames = _c[0], setSelectedNames = _c[1];
+    var _d = __read(useState(false), 2), display = _d[0], setDisplay = _d[1];
+    var reactId = React.useId();
+    useEffect(function () {
         var _a;
-        const labelSelected = (_a = React.Children.map(children, (child) => {
+        var labelSelected = (_a = React.Children.map(children, function (child) {
             if (!React.isValidElement(child))
                 return false;
-            const label = child.props.children || child.props.label;
+            var label = child.props.children || child.props.label;
             switch (true) {
                 case (Array.isArray(selected) && selected.includes(child.props.value)) ||
                     (!Array.isArray(selected) && child.props.value === selected):
@@ -34,28 +36,31 @@ const Select = ({ children, id, selected, label, iconName, onChange, disabled, m
                 default:
                     return false;
             }
-        })) === null || _a === void 0 ? void 0 : _a.filter((item) => item);
+        })) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
         labelSelected && setSelectedNames(labelSelected);
         setSelectedValues(selected);
     }, [selected]);
-    const handleOpenCloseModal = useCallback(() => {
-        !disabled && setDisplay((prev) => !prev);
+    var handleOpenCloseModal = useCallback(function () {
+        !disabled && setDisplay(function (prev) { return !prev; });
     }, [disabled]);
-    const isChecked = useCallback((value) => (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
-        ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
-        : selectedValues === value), [multiple, selectedValues]);
-    const setNewSelectedValues = useCallback(({ isChecked, children, label, value }) => {
-        const selectedOptions = [];
+    var isChecked = useCallback(function (value) {
+        return (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+            ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
+            : selectedValues === value);
+    }, [multiple, selectedValues]);
+    var setNewSelectedValues = useCallback(function (_a) {
+        var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
+        var selectedOptions = [];
         if (isChecked) {
-            setSelectedValues((prev) => {
+            setSelectedValues(function (prev) {
                 switch (true) {
                     case Array.isArray(prev) && nullable:
-                        setSelectedNames((prev) => prev.filter((txt) => ![children, label].includes(txt)));
-                        const opts = prev.filter((item) => item !== value);
-                        selectedOptions.push(...opts);
+                        setSelectedNames(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
+                        var opts = prev.filter(function (item) { return item !== value; });
+                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
                         return opts;
                     case Array.isArray(prev) && !nullable:
-                        selectedOptions.push(...prev);
+                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(prev), false));
                         return prev;
                     case !Array.isArray(prev) && !nullable:
                         selectedOptions.push(value);
@@ -71,29 +76,29 @@ const Select = ({ children, id, selected, label, iconName, onChange, disabled, m
             });
         }
         if (!isChecked) {
-            setSelectedValues((prev) => {
+            setSelectedValues(function (prev) {
                 if (Array.isArray(prev)) {
-                    const opts = [...prev, value];
-                    selectedOptions.push(...opts);
+                    var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
+                    selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
                     return opts;
                 }
                 selectedOptions.push(value);
                 return value;
             });
-            setSelectedNames((prev) => {
+            setSelectedNames(function (prev) {
                 if (multiple)
-                    return [...prev, children || label];
+                    return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
                 setDisplay(false);
                 return [children || label];
             });
         }
         return selectedOptions;
     }, [multiple, nullable]);
-    const options = React.useMemo(() => {
-        return React.Children.map(children, (child, index) => {
+    var options = React.useMemo(function () {
+        return React.Children.map(children, function (child, index) {
             if (!React.isValidElement(child))
                 return null;
-            const clickEventValue = (v) => {
+            var clickEventValue = function (v) {
                 switch (true) {
                     case (nullable && multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
                         (nullable && !multiple && selectedValues === child.props.value):
@@ -102,13 +107,10 @@ const Select = ({ children, id, selected, label, iconName, onChange, disabled, m
                         return v;
                 }
             };
-            const props = {
-                ...child.props,
-                checked: isChecked(child.props.value),
-                onClick: () => {
+            var props = __assign(__assign({}, child.props), { checked: isChecked(child.props.value), onClick: function () {
                     if (child.props.disabled)
                         return;
-                    const opts = setNewSelectedValues({
+                    var opts = setNewSelectedValues({
                         children: child.props.children,
                         label: child.props.label,
                         value: child.props.value,
@@ -124,15 +126,14 @@ const Select = ({ children, id, selected, label, iconName, onChange, disabled, m
                         });
                     if (child.props.onClick)
                         child.props.onClick();
-                },
-            };
-            return React.createElement(SelectOption, { ...props, key: `${reactId}_${index}` });
+                } });
+            return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId, "_").concat(index) }));
         });
     }, [multiple, nullable, selectedValues, children]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Input, { onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, hasIcon: !!iconName, customIconLeft: iconName, value: selectedNames.join(', '), defaultValue: selectedNames.join(', '), customIconRight: display ? 'tri-arrow-up' : 'tri-arrow-down', ...{ editable: false, onPressIn: handleOpenCloseModal, id }, ...others }),
+        React.createElement(Input, __assign({ onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, hasIcon: !!iconName, customIconLeft: iconName, value: selectedNames.join(', '), defaultValue: selectedNames.join(', '), customIconRight: display ? 'tri-arrow-up' : 'tri-arrow-down' }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others)),
         React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, swipable: false, bottom: false }, options)));
 };
 Select.displayName = ComponentName.Select;
 export default Select;
-//# sourceMappingURL=Select.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRTFDLE9BQU8sWUFBWSxNQUFNLFVBQVUsQ0FBQTtBQUVuQzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBV0Y7SUFWWixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWSyxtR0FXZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXNDLFFBQVEsQ0FBZ0IsUUFBUSxDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQW9DLEtBQUssQ0FBQyxRQUFRLENBQVcsRUFBRSxDQUFDLElBQUEsRUFBL0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQWdDLENBQUE7SUFDaEUsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUEvQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQTRCLENBQUE7SUFDdEQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lB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

package/lib/components/select/SelectProps.js

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

package/lib/components/select/index.js

@@ -1,4 +1,4 @@
 import Select from './Select';
 import SelectOption from './option';
 export { Select, SelectOption };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxZQUFZLE1BQU0sVUFBVSxDQUFBO0FBRW5DLE9BQU8sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLENBQUEifQ==

package/lib/components/select/option/SelectOption.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
 import { Radio } from '../../../components/radio';
 import * as React from 'react';
@@ -14,14 +15,14 @@ import * as React from 'react';
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
  */
-const SelectOption = React.forwardRef((allProps, ref) => {
-    const { id, className, value, disabled, children, onClick, label, iconName, testId, ...others } = allProps;
-    const { checked, native, focused, ...props } = others;
-    const selectClasses = React.useMemo(() => clsx(focused && 'focus', className), [focused, className]);
+var SelectOption = React.forwardRef(function (allProps, ref) {
+    var id = allProps.id, className = allProps.className, value = allProps.value, disabled = allProps.disabled, children = allProps.children, onClick = allProps.onClick, label = allProps.label, iconName = allProps.iconName, testId = allProps.testId, others = __rest(allProps, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
+    var _a = others, checked = _a.checked, native = _a.native, focused = _a.focused, props = __rest(_a, ["checked", "native", "focused"]);
+    var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
     if (native) {
-        return (React.createElement("option", { ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
+        return (React.createElement("option", __assign({ ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
     }
-    return (React.createElement(Radio, { checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId, ...others }));
+    return (React.createElement(Radio, __assign({ checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId }, others)));
 });
 export default SelectOption;
-//# sourceMappingURL=SelectOption.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLFFBQTJCLEVBQUUsR0FBdUM7SUFFdkcsSUFBQSxFQUFFLEdBVUEsUUFBUSxHQVZSLEVBQ0YsU0FBUyxHQVNQLFFBQVEsVUFURCxFQUNULEtBQUssR0FRSCxRQUFRLE1BUkwsRUFDTCxRQUFRLEdBT04sUUFBUSxTQVBGLEVBQ1IsUUFBUSxHQU1OLFFBQVEsU0FORixFQUNSLE9BQU8sR0FLTCxRQUFRLFFBTEgsRUFDUCxLQUFLLEdBSUgsUUFBUSxNQUpMLEVBQ0wsUUFBUSxHQUdOLFFBQVEsU0FIRixFQUNSLE1BQU0sR0FFSixRQUFRLE9BRkosRUFDSCxNQUFNLFVBQ1AsUUFBUSxFQVhOLDhGQVdMLENBRFUsQ0FDQztJQUVaLElBQU0sS0FBeUMsTUFBNEQsRUFBbkcsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssS0FBSyxjQUFwQyxnQ0FBc0MsQ0FBK0QsQ0FBQTtJQUMzRyxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLGNBQU0sT0FBQSxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBbkMsQ0FBbUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBHLElBQUksTUFBTSxFQUFFO1FBQ1YsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFFBQVEsRUFDYixFQUFFLEVBQUUsRUFBRSxFQUNOLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsZ0JBQ04sS0FBSyxpQkFDSixNQUFNLEVBQ25CLE9BQU8sRUFBRSxPQUFPLElBQ1osS0FBSyxHQUVSLFFBQVEsSUFBSSxLQUFLLENBQ1gsQ0FDVixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsS0FBSyxhQUNKLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksUUFDSixjQUFjLFFBQ2QsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLEtBQUssSUFBSSxRQUFRLEVBQzlCLE1BQU0sRUFBRSxNQUFNLElBQ1YsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/select/option/SelectOption.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import { Columns, ColumnsItem } from '../../../components/columns';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
@@ -12,17 +13,20 @@ import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
  * @param label {string} Label value
  * @param children {React.ReactNode}
  */
-const SelectOption = ({ disabled, children, onClick, label, iconName, ...others }) => {
-    const { checked } = others;
-    const styles = React.useMemo(() => StyleSheet.create({
-        container: {
-            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || undefined,
-            width: Dimensions.get('screen').width - 40,
-            paddingHorizontal: 16,
-            paddingVertical: 8
-        },
-    }), [disabled]);
-    const textColor = React.useMemo(() => {
+var SelectOption = function (_a) {
+    var disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["disabled", "children", "onClick", "label", "iconName"]);
+    var checked = others.checked;
+    var styles = React.useMemo(function () {
+        return StyleSheet.create({
+            container: {
+                backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || undefined,
+                width: Dimensions.get('screen').width - 40,
+                paddingHorizontal: 16,
+                paddingVertical: 8
+            },
+        });
+    }, [disabled]);
+    var textColor = React.useMemo(function () {
         switch (true) {
             case disabled === true:
                 return getColorStyle(TrilogyColor.DISABLED);
@@ -30,7 +34,7 @@ const SelectOption = ({ disabled, children, onClick, label, iconName, ...others
                 return getColorStyle(TrilogyColor.MAIN);
         }
     }, [disabled]);
-    const iconColor = React.useMemo(() => {
+    var iconColor = React.useMemo(function () {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -38,18 +42,18 @@ const SelectOption = ({ disabled, children, onClick, label, iconName, ...others
                 return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    const columnLabelSize = React.useMemo(() => {
+    var columnLabelSize = React.useMemo(function () {
         return iconName ? checked && 10 || 11 : checked && 11 || 12;
     }, [iconName, checked]);
-    return (React.createElement(TouchableOpacity, { style: [styles.container], ...others, onPress: onClick },
+    return (React.createElement(TouchableOpacity, __assign({ style: [styles.container] }, others, { onPress: onClick }),
         React.createElement(Columns, { gap: 0, verticalCentered: true },
             iconName && (React.createElement(ColumnsItem, { size: 1, verticalCentered: true },
                 React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
             React.createElement(ColumnsItem, { size: columnLabelSize, verticalCentered: true },
-                React.createElement(Text, { typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD], ...{ style: { paddingLeft: 8, color: textColor, } } }, children || label)),
+                React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: textColor, } }), children || label)),
             checked && (React.createElement(ColumnsItem, { size: 1, verticalCentered: true },
                 React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
 };
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=SelectOption.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHdkU7Ozs7O0dBS0c7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF6RCx3REFBMkQsQ0FBRjtJQUNyRSxJQUFBLE9BQU8sR0FBSyxNQUE2QixRQUFsQyxDQUFrQztJQUVqRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUMxQjtRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixTQUFTLEVBQUU7Z0JBQ1QsZUFBZSxFQUFFLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxT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

package/lib/components/select/option/SelectOptionProps.js

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

package/lib/components/select/option/index.js

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