etendo-ui-library 1.2.3 → 1.2.4

package/dist-native/components/input/components/InputField.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _ShowPassword=require("../../../assets/images/icons/ShowPassword");var _HidePassword=require("../../../assets/images/icons/HidePassword");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputField.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var InputField=function InputField(_ref){var type=_ref.type,configField=_ref.configField,styleField=_ref.styleField,value=_ref.value,disabled=_ref.disabled,placeholder=_ref.placeholder,maxLength=_ref.maxLength,keyboardType=_ref.keyboardType,dataPicker=_ref.dataPicker,displayKey=_ref.displayKey,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_0:_ref$backgroundColor,onPress=_ref.onPress,onSubmit=_ref.onSubmit,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,onFocus=_ref.onFocus,onBlur=_ref.onBlur;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocus=_useState2[0],setIsFocus=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showPassword=_useState4[0],setShowPassword=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),showOptions=_useState6[0],setShowOptions=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),dataOptionsFilter=_useState8[0],setDataOptionsFilter=_useState8[1];var _useState9=(0,_react.useState)(''),_useState10=(0,_slicedToArray2.default)(_useState9,2),filterValue=_useState10[0],setFilterValue=_useState10[1];var _useState11=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState12=(0,_slicedToArray2.default)(_useState11,2),positionModal=_useState12[0],setpositionModal=_useState12[1];var windowHeight=_reactNative.Dimensions.get('window').height;var refComponente=(0,_react.useRef)(null);var regex=/^[0-9.,]+$/g;var isWeb=_reactNative.Platform.OS==='web';var disableOutline=function disableOutline(){var outline={};if(isWeb){return outline={outline:'none'};}return outline;};var getStyleText=function getStyleText(text){var style=[];if(text){style.push(styleField.textDefault);}else{style.push(styleField.textPlaceholder);}return style;};(0,_react.useEffect)(function(){if(dataPicker){setDataOptionsFilter(dataPicker);}},[dataPicker]);(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){var dropdownHeight=pageY+height+188;if(dropdownHeight>windowHeight){setpositionModal({top:pageY-height-136,left:pageX,width:width,height:height});}else{setpositionModal({top:pageY+height,left:pageX,width:width,height:height});}});}};var handleOnChangeFilterText=function handleOnChangeFilterText(filterText){setFilterValue(filterText);setDataOptionsFilter(dataPicker.filter(function(item){return item.label.toLocaleLowerCase().includes(filterText.toLocaleLowerCase());}));};var handleOnClose=function handleOnClose(){setShowOptions(false);setDataOptionsFilter(dataPicker);setFilterValue('');};var getKeyboardType=function getKeyboardType(keyboardType){if(keyboardType==='number'){return'numeric';}return'default';};var getOnChangeText=function getOnChangeText(text){if(onChangeText){if(keyboardType==='number'){if(text.match(regex)||text.length===0){onChangeText(text);}return;}onChangeText(text);}};var getFocusStyle=function getFocusStyle(){var style=[];if(!isFocus){style.push({borderColor:'transparent'});}return style;};var removePaddingField=function removePaddingField(){var style={};if(configField!=null&&configField.image){style={paddingRight:0};}return style;};var onPressFocus=function onPressFocus(event){onFocus(event);setIsFocus(true);};var onPressBlur=function onPressBlur(event){onBlur(event);setIsFocus(false);};var getImage=function getImage(image){if(type==='textInputPassword'){if(showPassword){return _react.default.createElement(_reactNative.View,{style:_Input.styles.hideContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:191,columnNumber:11}},_react.default.createElement(_HidePassword.HidePassword,{style:_Input.styles.inputImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:13}}));}return _react.default.createElement(_reactNative.View,{style:_Input.styles.showContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:197,columnNumber:9}},_react.default.createElement(_ShowPassword.ShowPassword,{style:_Input.styles.inputImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:198,columnNumber:11}}));}return image;};var handlePressImage=function handlePressImage(){if(type==='textInputPassword'){setShowPassword(function(prevState){return!prevState;});}else{onSubmit;}};var handleOnPress=function handleOnPress(event){if(type==='picker'){getTopLeft();setShowOptions(true);}if(onPress){onPress(event);}};return _react.default.createElement(_reactNative.View,{style:[styleField.focus,getFocusStyle()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:225,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{ref:refComponente,style:[styleField.field,removePaddingField(),{backgroundColor:backgroundColor}],disabled:disabled||configField.disabledField,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:7}},(configField==null?void 0:configField.type)==='textInput'&&_react.default.createElement(_reactNative.TextInput,{editable:!disabled||!configField.disabledField,focusable:!disabled||!configField.disabledField,onBlur:onPressBlur,onFocus:onPressFocus,value:value,keyboardType:getKeyboardType(keyboardType),onChangeText:getOnChangeText,style:[getStyleText(value),disableOutline(),configField.placeholderStyle],placeholder:placeholder,maxLength:maxLength,secureTextEntry:showPassword,__self:_this,__source:{fileName:_jsxFileName,lineNumber:232,columnNumber:11}}),(configField==null?void 0:configField.type)==='text'&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(value),disableOutline()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:11}},value?value:placeholder),(configField==null?void 0:configField.image)&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handlePressImage,style:_Input.styles.buttonContainerInputField,disabled:(configField==null?void 0:configField.disabledSubmit)||disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:11}},getImage(configField.image)),_react.default.createElement(_InputOptions.default,{onOptionSelected:onOptionSelected,showOptions:showOptions,positionModal:positionModal,data:dataOptionsFilter,onClose:handleOnClose,onChangeFilterText:handleOnChangeFilterText,filterValue:filterValue,displayKey:displayKey,__self:_this,__source:{fileName:_jsxFileName,lineNumber:266,columnNumber:9}})));};var _default=InputField;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _ShowPassword=require("../../../assets/images/icons/ShowPassword");var _HidePassword=require("../../../assets/images/icons/HidePassword");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputField.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var InputField=function InputField(_ref){var type=_ref.type,configField=_ref.configField,styleField=_ref.styleField,value=_ref.value,disabled=_ref.disabled,placeholder=_ref.placeholder,maxLength=_ref.maxLength,keyboardType=_ref.keyboardType,dataPicker=_ref.dataPicker,displayKey=_ref.displayKey,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_0:_ref$backgroundColor,onPress=_ref.onPress,onSubmit=_ref.onSubmit,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,onFocus=_ref.onFocus,onBlur=_ref.onBlur;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocus=_useState2[0],setIsFocus=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showPassword=_useState4[0],setShowPassword=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),showOptions=_useState6[0],setShowOptions=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),dataOptionsFilter=_useState8[0],setDataOptionsFilter=_useState8[1];var _useState9=(0,_react.useState)(''),_useState10=(0,_slicedToArray2.default)(_useState9,2),filterValue=_useState10[0],setFilterValue=_useState10[1];var _useState11=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState12=(0,_slicedToArray2.default)(_useState11,2),positionModal=_useState12[0],setpositionModal=_useState12[1];var windowHeight=_reactNative.Dimensions.get('window').height;var refComponente=(0,_react.useRef)(null);var regex=/^[0-9.,]+$/g;var isWeb=_reactNative.Platform.OS==='web';var disableOutline=function disableOutline(){var outline={};if(isWeb){return outline={outline:'none'};}return outline;};var getStyleText=function getStyleText(text){var style=[];if(text){style.push(styleField.textDefault);}else{style.push(styleField.textPlaceholder);}return style;};(0,_react.useEffect)(function(){if(dataPicker){setDataOptionsFilter(dataPicker);}},[dataPicker]);(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){var dropdownHeight=pageY+height+188;if(dropdownHeight>windowHeight){setpositionModal({top:pageY-height-136,left:pageX,width:width,height:height});}else{setpositionModal({top:pageY+height,left:pageX,width:width,height:height});}});}};var handleOnChangeFilterText=function handleOnChangeFilterText(filterText){setFilterValue(filterText);setDataOptionsFilter(dataPicker.filter(function(item){return item.label.toLocaleLowerCase().includes(filterText.toLocaleLowerCase());}));};var handleOnClose=function handleOnClose(){setShowOptions(false);setDataOptionsFilter(dataPicker);setFilterValue('');};var getKeyboardType=function getKeyboardType(keyboardType){if(keyboardType==='number'){return'numeric';}return'default';};var getOnChangeText=function getOnChangeText(text){if(onChangeText){if(keyboardType==='number'){if(text.match(regex)||text.length===0){onChangeText(text);}return;}onChangeText(text);}};var getFocusStyle=function getFocusStyle(){var style=[];if(!isFocus){style.push({borderColor:'transparent'});}return style;};var removePaddingField=function removePaddingField(){var style={};if(configField!=null&&configField.image){style={paddingRight:0};}return style;};var onPressFocus=function onPressFocus(event){onFocus(event);setIsFocus(true);};var onPressBlur=function onPressBlur(event){onBlur(event);setIsFocus(false);};var getImage=function getImage(image){if(type==='textInputPassword'){if(showPassword){return _react.default.createElement(_reactNative.View,{style:_Input.styles.hideContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:191,columnNumber:11}},_react.default.createElement(_HidePassword.HidePassword,{style:_Input.styles.inputImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:13}}));}return _react.default.createElement(_reactNative.View,{style:_Input.styles.showContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:197,columnNumber:9}},_react.default.createElement(_ShowPassword.ShowPassword,{style:_Input.styles.inputImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:198,columnNumber:11}}));}return image;};var handlePressImage=function handlePressImage(){if(type==='textInputPassword'){setShowPassword(function(prevState){return!prevState;});}else{onSubmit;}};var handleOnPress=function handleOnPress(event){if(type==='picker'){getTopLeft();setShowOptions(true);}if(onPress){onPress(event);}};return _react.default.createElement(_reactNative.View,{style:[styleField.focus,getFocusStyle()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:225,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{ref:refComponente,style:[styleField.field,removePaddingField(),{backgroundColor:backgroundColor}],disabled:disabled||configField.disabledField,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:7}},(configField==null?void 0:configField.type)==='textInput'&&_react.default.createElement(_reactNative.TextInput,{editable:!disabled||!configField.disabledField,focusable:!disabled||!configField.disabledField,onBlur:onPressBlur,onFocus:onPressFocus,value:value,keyboardType:getKeyboardType(keyboardType),onChangeText:getOnChangeText,style:[getStyleText(value),disableOutline(),configField.placeholderStyle],placeholder:placeholder,maxLength:maxLength,secureTextEntry:type==='textInputPassword'&&showPassword,__self:_this,__source:{fileName:_jsxFileName,lineNumber:232,columnNumber:11}}),(configField==null?void 0:configField.type)==='text'&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(value),disableOutline()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:11}},value?value:placeholder),(configField==null?void 0:configField.image)&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handlePressImage,style:_Input.styles.buttonContainerInputField,disabled:(configField==null?void 0:configField.disabledSubmit)||disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:11}},getImage(configField.image)),_react.default.createElement(_InputOptions.default,{onOptionSelected:onOptionSelected,showOptions:showOptions,positionModal:positionModal,data:dataOptionsFilter,onClose:handleOnClose,onChangeFilterText:handleOnChangeFilterText,filterValue:filterValue,displayKey:displayKey,__self:_this,__source:{fileName:_jsxFileName,lineNumber:266,columnNumber:9}})));};var _default=InputField;exports.default=_default;

package/dist-native/components/navbar/Navbar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { NavbarProps } from './Navbar.types';
-declare const Navbar: ({ name, title, email, rightComponent, optionsProfile, profileImage, onOptionSelectedProfile, onPressMenuBurger, onPressLogo, }: NavbarProps) => React.JSX.Element;
+declare const Navbar: ({ name, title, email, rightComponent, optionsProfile, profileImage, endOptions, onOptionSelectedProfile, onPressMenuBurger, onPressLogo, }: NavbarProps) => React.JSX.Element;
 export default Navbar;

package/dist-native/components/navbar/Navbar.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var _table_utils=require("../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/Navbar.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Navbar=function Navbar(_ref){var name=_ref.name,title=_ref.title,email=_ref.email,rightComponent=_ref.rightComponent,optionsProfile=_ref.optionsProfile,profileImage=_ref.profileImage,onOptionSelectedProfile=_ref.onOptionSelectedProfile,onPressMenuBurger=_ref.onPressMenuBurger,onPressLogo=_ref.onPressLogo;var width=_reactNative.Dimensions.get('window').width;var widthLeft=_Navbar.styles.leftContainer.width;var profileWidth=(0,_table_utils.isTablet)()?84:72;var componentWidths=(0,_react.useRef)(new Array(rightComponent==null?void 0:rightComponent.length).fill(0));var _useState=(0,_react.useState)(rightComponent),_useState2=(0,_slicedToArray2.default)(_useState,2),renderedComponents=_useState2[0],setRenderedComponents=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),removedComponents=_useState4[0],setRemovedComponents=_useState4[1];var _useState5=(0,_react.useState)([]),_useState6=(0,_slicedToArray2.default)(_useState5,2),inOptionsArray=_useState6[0],setInOptionsArray=_useState6[1];var calculateRenderedComponents=function calculateRenderedComponents(index,newWidth){componentWidths.current[index]=newWidth;var newRenderedComponents=(0,_toConsumableArray2.default)(renderedComponents!=null?renderedComponents:[]);var totalWidth=componentWidths.current.reduce(function(total,width){return total+width;},0);if(totalWidth+widthLeft+profileWidth>width&&newRenderedComponents.length>1){var lastComponentIndex=newRenderedComponents.length-1;var removedComponent={component:newRenderedComponents[lastComponentIndex].component,inOptions:newRenderedComponents[lastComponentIndex].inOptions};newRenderedComponents.splice(lastComponentIndex,1);setRemovedComponents(function(prevRemovedComponents){return[].concat((0,_toConsumableArray2.default)(prevRemovedComponents),[removedComponent]);});totalWidth-=componentWidths.current[lastComponentIndex];componentWidths.current.splice(lastComponentIndex,1);}setRenderedComponents(newRenderedComponents);};(0,_react.useEffect)(function(){var removedInOptions=removedComponents.filter(function(component){return(component==null?void 0:component.inOptions)!==undefined;}).map(function(component){return component==null?void 0:component.inOptions;});setInOptionsArray(removedInOptions);},[removedComponents]);return _react.default.createElement(_reactNative.View,{style:_Navbar.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.leftContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:7}},(0,_table_utils.isTablet)()?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.EtendoLogo,{onPress:onPressLogo,__self:_this,__source:{fileName:_jsxFileName,lineNumber:93,columnNumber:13}}),_react.default.createElement(_index.Welcome,{name:name,title:title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:13}})):_react.default.createElement(_MenuBurger.default,{onPress:onPressMenuBurger,__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:_Navbar.styles.rightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,renderedComponents==null?void 0:renderedComponents.slice(0).reverse().map(function(item,index){return _react.default.createElement(_reactNative.View,{key:index,onLayout:function onLayout(event){var width=event.nativeEvent.layout.width;calculateRenderedComponents(index,width+_Navbar.marginIncomponents);},style:_Navbar.styles.itemMapContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:15}},item.component);})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}},_react.default.createElement(_index.Profile,{profileOptions:optionsProfile,otherOptions:inOptionsArray,name:name,email:email,onOptionSelected:onOptionSelectedProfile,profileImage:profileImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:11}}))));};var _default=Navbar;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var _table_utils=require("../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/Navbar.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Navbar=function Navbar(_ref){var name=_ref.name,title=_ref.title,email=_ref.email,rightComponent=_ref.rightComponent,optionsProfile=_ref.optionsProfile,profileImage=_ref.profileImage,endOptions=_ref.endOptions,onOptionSelectedProfile=_ref.onOptionSelectedProfile,onPressMenuBurger=_ref.onPressMenuBurger,onPressLogo=_ref.onPressLogo;var width=_reactNative.Dimensions.get('window').width;var widthLeft=_Navbar.styles.leftContainer.width;var profileWidth=(0,_table_utils.isTablet)()?84:72;var _useState=(0,_react.useState)(rightComponent),_useState2=(0,_slicedToArray2.default)(_useState,2),renderedComponents=_useState2[0],setRenderedComponents=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),removedComponents=_useState4[0],setRemovedComponents=_useState4[1];var _useState5=(0,_react.useState)(true),_useState6=(0,_slicedToArray2.default)(_useState5,2),isLoading=_useState6[0],setIsLoading=_useState6[1];var componentWidths=new Array(rightComponent==null?void 0:rightComponent.length).fill(0);var calculateRenderedComponents=function calculateRenderedComponents(index,newWidth){componentWidths[index]=newWidth;if(rightComponent){if(index===(rightComponent==null?void 0:rightComponent.length)-1){var totalWidth=componentWidths.reduce(function(total,width){return total+width;},0);var _loop=function _loop(){var _renderedComponents$l;var lastComponentIndex=componentWidths.length-1;if(renderedComponents!=null&&(_renderedComponents$l=renderedComponents[lastComponentIndex])!=null&&_renderedComponents$l.inOptions){setRemovedComponents(function(prevRemovedComponent){var updatedRemovedComponent=[renderedComponents[lastComponentIndex].inOptions].concat((0,_toConsumableArray2.default)(prevRemovedComponent!=null?prevRemovedComponent:[]));return updatedRemovedComponent;});}totalWidth-=componentWidths[lastComponentIndex];componentWidths.splice(lastComponentIndex,1);};while(totalWidth+widthLeft+profileWidth-_Navbar.marginIncomponents>width){_loop();}setRenderedComponents(function(prev){var slicedComponents=prev==null?void 0:prev.slice(0,componentWidths.length);return slicedComponents==null?void 0:slicedComponents.reverse();});setIsLoading(false);}}};return _react.default.createElement(_reactNative.View,{style:_Navbar.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.leftContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:7}},(0,_table_utils.isTablet)()?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.EtendoLogo,{onPress:onPressLogo,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:13}}),_react.default.createElement(_index.Welcome,{name:name,title:title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:13}})):_react.default.createElement(_MenuBurger.default,{onPress:onPressMenuBurger,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.rightContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,renderedComponents==null?void 0:renderedComponents.map(function(item,index){return _react.default.createElement(_reactNative.View,{key:index,onLayout:function onLayout(event){var width=event.nativeEvent.layout.width;calculateRenderedComponents(index,width+_Navbar.marginIncomponents);},style:[_Navbar.styles.itemMapContainer,isLoading&&{opacity:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:13}},item.component);})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:9}},_react.default.createElement(_index.Profile,{profileOptions:optionsProfile,otherOptions:removedComponents,name:name,email:email,onOptionSelected:onOptionSelectedProfile,profileImage:profileImage,endOptions:endOptions,__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:11}}))));};var _default=Navbar;exports.default=_default;

package/dist-native/components/navbar/Navbar.styles.d.ts

@@ -20,6 +20,7 @@ export declare const styles: {
         alignItems: "center";
         justifyContent: "flex-end";
         display: "flex";
+        width: number;
     };
     storiesContainer: {};
     itemMapContainer: {

package/dist-native/components/navbar/Navbar.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.marginIncomponents=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var styles=_reactNative.StyleSheet.create({container:{backgroundColor:_colors.PRIMARY_100,height:(0,_table_utils.isTablet)()?80:72,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},leftContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex',paddingLeft:(0,_table_utils.isTablet)()?32:24,width:(0,_table_utils.isTablet)()?465:124},rightContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-end',display:'flex'},storiesContainer:{},itemMapContainer:{marginRight:28,flexDirection:'row'}});exports.styles=styles;var marginIncomponents=(0,_table_utils.isTablet)()?32:24;exports.marginIncomponents=marginIncomponents;
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.marginIncomponents=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var styles=_reactNative.StyleSheet.create({container:{backgroundColor:_colors.PRIMARY_100,height:(0,_table_utils.isTablet)()?80:72,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},leftContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex',paddingLeft:(0,_table_utils.isTablet)()?32:24,width:(0,_table_utils.isTablet)()?463:124},rightContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-end',display:'flex',width:(0,_table_utils.isTablet)()?84:72},storiesContainer:{},itemMapContainer:{marginRight:28,flexDirection:'row'}});exports.styles=styles;var marginIncomponents=(0,_table_utils.isTablet)()?32:24;exports.marginIncomponents=marginIncomponents;

package/dist-native/components/navbar/Navbar.types.d.ts

@@ -11,6 +11,7 @@ export interface NavbarProps {
     rightComponent?: RightComponent[];
     optionsProfile?: OptionProfileItem[];
     profileImage?: React.ReactElement;
+    endOptions?: OptionProfileItem[];
     onOptionSelectedProfile?: (item?: string, index?: number) => void;
     onPressLogo?: () => void;
     onPressMenuBurger?: () => void;
@@ -55,12 +56,14 @@ export interface ProfileProps {
     name?: string;
     email?: string;
     profileOptions?: OptionProfileItem[];
+    endOptions?: OptionProfileItem[];
     otherOptions?: (OptionProfileItem | undefined)[];
     onOptionSelected?: (item?: string, index?: number) => void;
 }
 export interface ProfileImageProps {
     image?: React.ReactElement;
     name?: string;
+    inOptions?: boolean;
 }
 export interface ProfileOptionsProps {
     profileImage?: React.ReactElement;
@@ -68,6 +71,7 @@ export interface ProfileOptionsProps {
     email?: string;
     posicionModal: PosicionModalType;
     profileOptions?: OptionProfileItem[];
+    endOptions?: OptionProfileItem[];
     otherOptions?: (OptionProfileItem | undefined)[];
     onOptionSelected?: (item?: string, index?: number) => void;
 }

package/dist-native/components/navbar/components/Profile/Profile.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProfileProps } from '../../Navbar.types';
-declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, onOptionSelected, }: ProfileProps) => React.JSX.Element;
+declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileProps) => React.JSX.Element;
 export default Profile;

package/dist-native/components/navbar/components/Profile/Profile.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileOptions=_interopRequireDefault(require("./ProfileOptions"));var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _AplicationsIcon=require("../../../../assets/images/icons/AplicationsIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/Profile.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Profile=function Profile(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,onOptionSelected=_ref.onOptionSelected;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),showOptions=_useState2[0],setShowOptions=_useState2[1];var _useState3=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState4=(0,_slicedToArray2.default)(_useState3,2),posicionModal=_useState4[0],setPosicionModal=_useState4[1];var refComponente=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){setPosicionModal({top:pageY+height,left:pageX,width:width,height:height});});}};var handleOptionSelected=function handleOptionSelected(route,index){if(onOptionSelected){onOptionSelected(route,index);}setShowOptions(false);};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{style:_Profile.styles.container,ref:refComponente,onPress:function onPress(){getTopLeft();setShowOptions(true);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:7}},otherOptions!=null&&otherOptions.length?_react.default.createElement(_AplicationsIcon.AplicationsIcon,{style:_Profile.styles.aplicationIcon,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:11}}):_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:11}})),_react.default.createElement(_reactNative.Modal,{visible:showOptions,animationType:"fade",transparent:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Profile.styles.modalBackground,onPress:function onPress(){return setShowOptions(false);},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:9}},_react.default.createElement(_ProfileOptions.default,{profileOptions:profileOptions,otherOptions:otherOptions,posicionModal:posicionModal,profileImage:profileImage,name:name,email:email,onOptionSelected:handleOptionSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:11}}))));};var _default=Profile;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileOptions=_interopRequireDefault(require("./ProfileOptions"));var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _AplicationsIcon=require("../../../../assets/images/icons/AplicationsIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/Profile.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Profile=function Profile(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,endOptions=_ref.endOptions,onOptionSelected=_ref.onOptionSelected;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),showOptions=_useState2[0],setShowOptions=_useState2[1];var _useState3=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState4=(0,_slicedToArray2.default)(_useState3,2),posicionModal=_useState4[0],setPosicionModal=_useState4[1];var refComponente=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){setPosicionModal({top:pageY+height,left:pageX,width:width,height:height});});}};var handleOptionSelected=function handleOptionSelected(route,index){if(onOptionSelected){onOptionSelected(route,index);}setShowOptions(false);};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{style:_Profile.styles.container,ref:refComponente,onPress:function onPress(){getTopLeft();setShowOptions(true);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:7}},otherOptions!=null&&otherOptions.length?_react.default.createElement(_AplicationsIcon.AplicationsIcon,{style:_Profile.styles.aplicationIcon,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:11}}):_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,__self:_this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:11}})),_react.default.createElement(_reactNative.Modal,{visible:showOptions,animationType:"fade",transparent:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Profile.styles.modalBackground,onPress:function onPress(){return setShowOptions(false);},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:9}},_react.default.createElement(_ProfileOptions.default,{profileOptions:profileOptions,otherOptions:otherOptions,posicionModal:posicionModal,profileImage:profileImage,name:name,email:email,onOptionSelected:handleOptionSelected,endOptions:endOptions,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:11}}))));};var _default=Profile;exports.default=_default;

package/dist-native/components/navbar/components/Profile/Profile.styles.d.ts

@@ -42,11 +42,15 @@ export declare const styles: {
         margin: number;
         borderRadius: number;
     };
-    separatorLogout: {
-        marginHorizontal: number;
+    separator: {
         height: number;
         backgroundColor: string;
     };
+    separatorBottom: {
+        height: number;
+        backgroundColor: string;
+        marginHorizontal: number;
+    };
     optionText: {
         fontSize: number;
         color: string;
@@ -79,10 +83,9 @@ export declare const styles: {
     optionsHeaderContainer: {
         flexDirection: "row";
         alignItems: "center";
+        justifyContent: "flex-start";
         height: number;
         paddingLeft: number;
-        borderBottomColor: string;
-        borderBottomWidth: number;
     };
     optionsHeaderTextContainer: {
         marginLeft: number;
@@ -121,10 +124,7 @@ export declare const styles: {
         height: number;
         width: number;
     };
-    optionsMapContainer: {
-        borderBottomColor: string;
-        borderBottomWidth: number;
-    };
+    optionsMapContainer: {};
     aplicationIcon: {
         width: number;
         height: number;
@@ -133,5 +133,9 @@ export declare const styles: {
         maxHeight: number;
         marginHorizontal: number;
     };
+    scrollBottom: {
+        maxHeight: number;
+        marginHorizontal: number;
+    };
 };
 export declare const separatorPopUp = 5;

package/dist-native/components/navbar/components/Profile/Profile.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.separatorPopUp=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var _table_utils=require("../../../../helpers/table_utils");var styles=_reactNative.StyleSheet.create({container:{marginRight:(0,_table_utils.isTablet)()?32:24,display:'flex',alignItems:'center',justifyContent:'center'},imageProfile:{height:48,width:48},nameText:{position:'absolute',fontSize:25,fontWeight:'600',color:_colors.QUATERNARY_100,zIndex:3},optionsContainer:{position:'absolute',top:40,right:60,backgroundColor:_colors.NEUTRAL_0,borderRadius:8,zIndex:2,width:256,overflow:'hidden'},option:{height:40,paddingHorizontal:8,flexDirection:'row',alignItems:'center',marginVertical:8,borderRadius:8},optionLogOut:{height:40,paddingHorizontal:8,flexDirection:'row',alignItems:'center',margin:8,borderRadius:8},separatorLogout:{marginHorizontal:8,height:1,backgroundColor:_colors.NEUTRAL_5},optionText:{fontSize:12,color:_colors.NEUTRAL_100,marginBottom:5},optionTimeText:{fontSize:12,color:_colors.NEUTRAL_40},modalBackground:{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:_colors.OVERLAY},profileImageSize:{width:(0,_table_utils.isTablet)()?52:48,height:(0,_table_utils.isTablet)()?52:48},roundImage:{width:(0,_table_utils.isTablet)()?52:48,height:(0,_table_utils.isTablet)()?52:48,borderRadius:50,backgroundColor:_colors.QUATERNARY_50,alignItems:'center',justifyContent:'center',display:'flex',overflow:'hidden'},optionsHeaderContainer:{flexDirection:'row',alignItems:'center',height:74,paddingLeft:16,borderBottomColor:_colors.NEUTRAL_5,borderBottomWidth:1},optionsHeaderTextContainer:{marginLeft:8},optionsHeaderTextName:{color:_colors.PRIMARY_100,fontWeight:'600',fontSize:14,width:180},optionsHeaderTextEmail:{color:_colors.NEUTRAL_60,fontWeight:'500',fontSize:12,width:180},optionsItemsText:{color:_colors.PRIMARY_100,fontWeight:'500',fontSize:14,lineHeight:22,verticalAlign:'middle',width:180},optionItemContainer:{flexDirection:'row',display:'flex',alignItems:'center'},optionItemImageSize:{height:16,width:16},optionItemImage:{marginRight:10,height:16,width:16},optionsMapContainer:{borderBottomColor:_colors.NEUTRAL_5,borderBottomWidth:1},aplicationIcon:{width:(0,_table_utils.isTablet)()?32:28,height:(0,_table_utils.isTablet)()?32:28},scroll:{maxHeight:282,marginHorizontal:8}});exports.styles=styles;var separatorPopUp=5;exports.separatorPopUp=separatorPopUp;
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.separatorPopUp=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var _table_utils=require("../../../../helpers/table_utils");var styles=_reactNative.StyleSheet.create({container:{marginRight:(0,_table_utils.isTablet)()?32:24,display:'flex',alignItems:'center',justifyContent:'center'},imageProfile:{height:48,width:48},nameText:{position:'absolute',fontSize:25,fontWeight:'600',color:_colors.QUATERNARY_100,zIndex:3},optionsContainer:{position:'absolute',top:40,right:60,backgroundColor:_colors.NEUTRAL_0,borderRadius:8,zIndex:2,width:256,overflow:'hidden'},option:{height:40,paddingHorizontal:8,flexDirection:'row',alignItems:'center',marginVertical:8,borderRadius:8},optionLogOut:{height:40,paddingHorizontal:8,flexDirection:'row',alignItems:'center',margin:8,borderRadius:8},separator:{height:1,backgroundColor:_colors.NEUTRAL_5},separatorBottom:{height:1,backgroundColor:_colors.NEUTRAL_5,marginHorizontal:8},optionText:{fontSize:12,color:_colors.NEUTRAL_100,marginBottom:5},optionTimeText:{fontSize:12,color:_colors.NEUTRAL_40},modalBackground:{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:_colors.OVERLAY},profileImageSize:{width:(0,_table_utils.isTablet)()?52:48,height:(0,_table_utils.isTablet)()?52:48},roundImage:{width:(0,_table_utils.isTablet)()?52:48,height:(0,_table_utils.isTablet)()?52:48,borderRadius:50,backgroundColor:_colors.QUATERNARY_50,alignItems:'center',justifyContent:'center',display:'flex',overflow:'hidden'},optionsHeaderContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',height:64,paddingLeft:16},optionsHeaderTextContainer:{marginLeft:8},optionsHeaderTextName:{color:_colors.PRIMARY_100,fontWeight:'600',fontSize:14,width:180},optionsHeaderTextEmail:{color:_colors.NEUTRAL_60,fontWeight:'500',fontSize:12,width:180},optionsItemsText:{color:_colors.PRIMARY_100,fontWeight:'500',fontSize:14,lineHeight:22,verticalAlign:'middle',width:180},optionItemContainer:{flexDirection:'row',display:'flex',alignItems:'center'},optionItemImageSize:{height:16,width:16},optionItemImage:{marginRight:10,height:16,width:16},optionsMapContainer:{},aplicationIcon:{width:(0,_table_utils.isTablet)()?32:28,height:(0,_table_utils.isTablet)()?32:28},scroll:{maxHeight:282,marginHorizontal:8},scrollBottom:{maxHeight:282,marginHorizontal:8}});exports.styles=styles;var separatorPopUp=5;exports.separatorPopUp=separatorPopUp;

package/dist-native/components/navbar/components/Profile/ProfileImage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProfileImageProps } from '../../Navbar.types';
-declare const ProfileImage: ({ image, name }: ProfileImageProps) => React.JSX.Element;
+declare const ProfileImage: ({ image, name, inOptions }: ProfileImageProps) => React.JSX.Element;
 export default ProfileImage;

package/dist-native/components/navbar/components/Profile/ProfileImage.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _Profile=require("./Profile.styles");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/ProfileImage.tsx";var ProfileImage=function ProfileImage(_ref){var _name$charAt$toUpperC,_name$charAt;var image=_ref.image,name=_ref.name;if(image){return _react.default.createElement(_reactNative.View,{style:_Profile.styles.roundImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:7}},_react.default.cloneElement(image,{style:_Profile.styles.profileImageSize}));}return _react.default.createElement(_reactNative.View,{style:_Profile.styles.roundImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_Profile.styles.nameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},(_name$charAt$toUpperC=name==null?void 0:(_name$charAt=name.charAt(0))==null?void 0:_name$charAt.toUpperCase())!=null?_name$charAt$toUpperC:'U'));};var _default=ProfileImage;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _Profile=require("./Profile.styles");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/ProfileImage.tsx";var ProfileImage=function ProfileImage(_ref){var _name$charAt$toUpperC,_name$charAt;var image=_ref.image,name=_ref.name,inOptions=_ref.inOptions;if(image){return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.roundImage,inOptions&&{height:40,width:40}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:7}},_react.default.cloneElement(image,{style:_Profile.styles.profileImageSize}));}return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.roundImage,inOptions&&{height:40,width:40}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_Profile.styles.nameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},(_name$charAt$toUpperC=name==null?void 0:(_name$charAt=name.charAt(0))==null?void 0:_name$charAt.toUpperCase())!=null?_name$charAt$toUpperC:'U'));};var _default=ProfileImage;exports.default=_default;

package/dist-native/components/navbar/components/Profile/ProfileOptions.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProfileOptionsProps } from '../../Navbar.types';
-declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
+declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
 export default ProfileOptions;

package/dist-native/components/navbar/components/Profile/ProfileOptions.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/ProfileOptions.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ProfileOptions=function ProfileOptions(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,posicionModal=_ref.posicionModal,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,onOptionSelected=_ref.onOptionSelected;var defaultNameValue='User';var scrollRef=_react.default.useRef(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isScrollable=_useState2[0],setIsScrollable=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),logoutOption=_useState4[0],setLogoutOption=_useState4[1];var _useState5=(0,_react.useState)(-1),_useState6=(0,_slicedToArray2.default)(_useState5,2),profileOptionIndex=_useState6[0],setProfileOptionIndex=_useState6[1];var _useState7=(0,_react.useState)(-1),_useState8=(0,_slicedToArray2.default)(_useState7,2),otherOptionIndex=_useState8[0],setOtherOptionIndex=_useState8[1];var handleProfileOptionSelected=function handleProfileOptionSelected(item,index){setProfileOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleOtherOptionsSelected=function handleOtherOptionsSelected(item,index){setOtherOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleLogoutOptionsSelected=function handleLogoutOptionsSelected(){setLogoutOption(true);setTimeout(function(){if(onOptionSelected){onOptionSelected('logout',0);}},100);};var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=_Profile.styles.scroll.maxHeight;setIsScrollable(contentHeight>containerHeight);};return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.optionsContainer,{top:_Profile.separatorPopUp+posicionModal.top,left:posicionModal.left-_Profile.styles.optionsContainer.width+(otherOptions!=null&&otherOptions.length?_Profile.styles.aplicationIcon.width:_Profile.styles.profileImageSize.width)}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:7}},_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:9}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextName,__self:_this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:11}},name!=null?name:defaultNameValue),email&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextEmail,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:13}},email))),_react.default.createElement(_reactNative.ScrollView,{showsVerticalScrollIndicator:true,persistentScrollbar:true,style:[_Profile.styles.scroll,isScrollable&&{marginRight:6,paddingRight:9}],onContentSizeChange:onContentSizeChange,ref:scrollRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsMapContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:9}},profileOptions==null?void 0:profileOptions.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,{marginRight:isScrollable?0:8},profileOptionIndex===index&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){return handleProfileOptionSelected(item==null?void 0:item.route,index);},onHoverIn:function onHoverIn(){return setProfileOptionIndex(index);},onHoverOut:function onHoverOut(){return setProfileOptionIndex(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:15}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:19}},_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:17}},item==null?void 0:item.title)));})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:9}},otherOptions==null?void 0:otherOptions.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,{marginRight:isScrollable?0:8},otherOptionIndex===index&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){return handleOtherOptionsSelected(item==null?void 0:item.route,index);},onHoverIn:function onHoverIn(){return setOtherOptionIndex(index);},onHoverOut:function onHoverOut(){return setOtherOptionIndex(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:136,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:15}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:19}},_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:17}},item==null?void 0:item.title)));}))),Boolean(profileOptions==null?void 0:profileOptions.length)||Boolean(otherOptions==null?void 0:otherOptions.length)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.separatorLogout,__self:_this,__source:{fileName:_jsxFileName,lineNumber:170,columnNumber:11}}),_react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){return handleLogoutOptionsSelected();},onHoverIn:function onHoverIn(){return setLogoutOption(true);},onHoverOut:function onHoverOut(){return setLogoutOption(false);},style:[_Profile.styles.optionLogOut,logoutOption&&{backgroundColor:_colors.QUATERNARY_10}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:7}},_react.default.createElement(_reactNative.Text,{style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:9}},"Log Out")));};var _default=ProfileOptions;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/ProfileOptions.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ProfileOptions=function ProfileOptions(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,posicionModal=_ref.posicionModal,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,endOptions=_ref.endOptions,onOptionSelected=_ref.onOptionSelected;var defaultNameValue='User';var scrollRef=_react.default.useRef(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isScrollable=_useState2[0],setIsScrollable=_useState2[1];var _useState3=(0,_react.useState)(-1),_useState4=(0,_slicedToArray2.default)(_useState3,2),profileOptionIndex=_useState4[0],setProfileOptionIndex=_useState4[1];var _useState5=(0,_react.useState)(-1),_useState6=(0,_slicedToArray2.default)(_useState5,2),otherOptionIndex=_useState6[0],setOtherOptionIndex=_useState6[1];var _useState7=(0,_react.useState)(-1),_useState8=(0,_slicedToArray2.default)(_useState7,2),endOptionIndex=_useState8[0],setEndOptionIndex=_useState8[1];var handleProfileOptionSelected=function handleProfileOptionSelected(item,index){setProfileOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleOtherOptionsSelected=function handleOtherOptionsSelected(item,index){setOtherOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleEndOptionsSelected=function handleEndOptionsSelected(item,index){setEndOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=_Profile.styles.scroll.maxHeight;setIsScrollable(contentHeight>containerHeight);};var isSeparator=function isSeparator(length,isBottom){if(length){return _react.default.createElement(_reactNative.View,{style:isBottom?_Profile.styles.separatorBottom:_Profile.styles.separator,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:9}});}};return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.optionsContainer,{top:_Profile.separatorPopUp+posicionModal.top,left:posicionModal.left-_Profile.styles.optionsContainer.width+(otherOptions!=null&&otherOptions.length?_Profile.styles.aplicationIcon.width:_Profile.styles.profileImageSize.width)}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:7}},_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,inOptions:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:9}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextName,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:11}},name!=null?name:defaultNameValue),email&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextEmail,__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:13}},email))),isSeparator(profileOptions==null?void 0:profileOptions.length),_react.default.createElement(_reactNative.ScrollView,{showsVerticalScrollIndicator:true,persistentScrollbar:true,style:[_Profile.styles.scroll,isScrollable&&{marginRight:6,paddingRight:9}],onContentSizeChange:onContentSizeChange,ref:scrollRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:7}},_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:9}},profileOptions==null?void 0:profileOptions.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,{marginRight:isScrollable?0:8},profileOptionIndex===index&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){return handleProfileOptionSelected(item==null?void 0:item.route,index);},onHoverIn:function onHoverIn(){return setProfileOptionIndex(index);},onHoverOut:function onHoverOut(){return setProfileOptionIndex(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:15}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:19}},_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:17}},item==null?void 0:item.title)));})),isSeparator(otherOptions==null?void 0:otherOptions.length),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:143,columnNumber:9}},otherOptions==null?void 0:otherOptions.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,{marginRight:isScrollable?0:8},otherOptionIndex===index&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){return handleOtherOptionsSelected(item==null?void 0:item.route,index);},onHoverIn:function onHoverIn(){return setOtherOptionIndex(index);},onHoverOut:function onHoverOut(){return setOtherOptionIndex(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:145,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:15}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:159,columnNumber:19}},_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:166,columnNumber:17}},item==null?void 0:item.title)));}))),isSeparator(endOptions==null?void 0:endOptions.length,true),_react.default.createElement(_reactNative.ScrollView,{style:_Profile.styles.scrollBottom,__self:_this,__source:{fileName:_jsxFileName,lineNumber:178,columnNumber:7}},endOptions==null?void 0:endOptions.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,endOptionIndex===index&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){return handleEndOptionsSelected(item==null?void 0:item.route,index);},onHoverIn:function onHoverIn(){return setEndOptionIndex(index);},onHoverOut:function onHoverOut(){return setEndOptionIndex(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:191,columnNumber:13}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:193,columnNumber:17}},_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:200,columnNumber:15}},item==null?void 0:item.title)));})));};var _default=ProfileOptions;exports.default=_default;

package/dist-native/components/navbar/components/Welcome/Welcome.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=_reactNative.StyleSheet.create({container:{display:'flex',alignItems:'center',flexDirection:'row',marginLeft:28,paddingRight:36},imageStar:{height:40,width:40,marginRight:4},titleWelcome:{color:_colors.NEUTRAL_0,lineHeight:22,fontSize:16,width:151},titleName:{fontSize:22,color:_colors.NEUTRAL_0,lineHeight:28,fontWeight:'800',width:151}});exports.styles=styles;
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=_reactNative.StyleSheet.create({container:{display:'flex',alignItems:'center',flexDirection:'row',marginLeft:28,paddingRight:36},imageStar:{height:40,width:40,marginRight:4},titleWelcome:{color:_colors.NEUTRAL_0,lineHeight:22,fontSize:16,width:187},titleName:{fontSize:22,color:_colors.NEUTRAL_0,lineHeight:28,fontWeight:'800',width:187}});exports.styles=styles;

package/dist-web/components/input/components/InputField.js

@@ -222,7 +222,7 @@ var InputField = function InputField(_ref) {
     style: [getStyleText(value), disableOutline(), configField.placeholderStyle],
     placeholder: placeholder,
     maxLength: maxLength,
-    secureTextEntry: showPassword
+    secureTextEntry: type === 'textInputPassword' && showPassword
   }), (configField === null || configField === void 0 ? void 0 : configField.type) === 'text' && /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",

package/dist-web/components/navbar/Navbar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { NavbarProps } from './Navbar.types';
-declare const Navbar: ({ name, title, email, rightComponent, optionsProfile, profileImage, onOptionSelectedProfile, onPressMenuBurger, onPressLogo, }: NavbarProps) => React.JSX.Element;
+declare const Navbar: ({ name, title, email, rightComponent, optionsProfile, profileImage, endOptions, onOptionSelectedProfile, onPressMenuBurger, onPressLogo, }: NavbarProps) => React.JSX.Element;
 export default Navbar;

package/dist-web/components/navbar/Navbar.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Dimensions, View } from "react-native-web";
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useState } from 'react';
 import { marginIncomponents, styles } from "./Navbar.styles";
 import { Welcome, Profile, EtendoLogo } from "./index";
 import MenuBurger from "./components/MenuBurger/MenuBurger";
@@ -21,13 +21,13 @@ var Navbar = function Navbar(_ref) {
     rightComponent = _ref.rightComponent,
     optionsProfile = _ref.optionsProfile,
     profileImage = _ref.profileImage,
+    endOptions = _ref.endOptions,
     onOptionSelectedProfile = _ref.onOptionSelectedProfile,
     onPressMenuBurger = _ref.onPressMenuBurger,
     onPressLogo = _ref.onPressLogo;
   var width = Dimensions.get('window').width;
   var widthLeft = styles.leftContainer.width;
   var profileWidth = isTablet() ? 84 : 72;
-  var componentWidths = useRef(new Array(rightComponent === null || rightComponent === void 0 ? void 0 : rightComponent.length).fill(0));
   var _useState = useState(rightComponent),
     _useState2 = _slicedToArray(_useState, 2),
     renderedComponents = _useState2[0],
@@ -36,39 +36,41 @@ var Navbar = function Navbar(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     removedComponents = _useState4[0],
     setRemovedComponents = _useState4[1];
-  var _useState5 = useState([]),
+  var _useState5 = useState(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    inOptionsArray = _useState6[0],
-    setInOptionsArray = _useState6[1];
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var componentWidths = new Array(rightComponent === null || rightComponent === void 0 ? void 0 : rightComponent.length).fill(0);
   var calculateRenderedComponents = function calculateRenderedComponents(index, newWidth) {
-    componentWidths.current[index] = newWidth;
-    var newRenderedComponents = _toConsumableArray(renderedComponents !== null && renderedComponents !== void 0 ? renderedComponents : []);
-    var totalWidth = componentWidths.current.reduce(function (total, width) {
-      return total + width;
-    }, 0);
-    if (totalWidth + widthLeft + profileWidth > width && newRenderedComponents.length > 1) {
-      var lastComponentIndex = newRenderedComponents.length - 1;
-      var removedComponent = {
-        component: newRenderedComponents[lastComponentIndex].component,
-        inOptions: newRenderedComponents[lastComponentIndex].inOptions
-      };
-      newRenderedComponents.splice(lastComponentIndex, 1);
-      setRemovedComponents(function (prevRemovedComponents) {
-        return [].concat(_toConsumableArray(prevRemovedComponents), [removedComponent]);
-      });
-      totalWidth -= componentWidths.current[lastComponentIndex];
-      componentWidths.current.splice(lastComponentIndex, 1);
+    componentWidths[index] = newWidth;
+    if (rightComponent) {
+      if (index === (rightComponent === null || rightComponent === void 0 ? void 0 : rightComponent.length) - 1) {
+        var totalWidth = componentWidths.reduce(function (total, width) {
+          return total + width;
+        }, 0);
+        var _loop = function _loop() {
+          var _renderedComponents$l;
+          var lastComponentIndex = componentWidths.length - 1;
+          if (renderedComponents !== null && renderedComponents !== void 0 && (_renderedComponents$l = renderedComponents[lastComponentIndex]) !== null && _renderedComponents$l !== void 0 && _renderedComponents$l.inOptions) {
+            setRemovedComponents(function (prevRemovedComponent) {
+              var updatedRemovedComponent = [renderedComponents[lastComponentIndex].inOptions].concat(_toConsumableArray(prevRemovedComponent !== null && prevRemovedComponent !== void 0 ? prevRemovedComponent : []));
+              return updatedRemovedComponent;
+            });
+          }
+          totalWidth -= componentWidths[lastComponentIndex];
+          componentWidths.splice(lastComponentIndex, 1);
+        };
+        while (totalWidth + widthLeft + profileWidth - marginIncomponents > width) {
+          _loop();
+        }
+        setRenderedComponents(function (prev) {
+          var slicedComponents = prev === null || prev === void 0 ? void 0 : prev.slice(0, componentWidths.length);
+          return slicedComponents === null || slicedComponents === void 0 ? void 0 : slicedComponents.reverse();
+        });
+        setIsLoading(false);
+      }
     }
-    setRenderedComponents(newRenderedComponents);
   };
-  useEffect(function () {
-    var removedInOptions = removedComponents.filter(function (component) {
-      return (component === null || component === void 0 ? void 0 : component.inOptions) !== undefined;
-    }).map(function (component) {
-      return component === null || component === void 0 ? void 0 : component.inOptions;
-    });
-    setInOptionsArray(removedInOptions);
-  }, [removedComponents]);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(View, {
@@ -81,23 +83,26 @@ var Navbar = function Navbar(_ref) {
   })) : /*#__PURE__*/React.createElement(MenuBurger, {
     onPress: onPressMenuBurger
   })), /*#__PURE__*/React.createElement(View, {
-    style: styles.rightContainer
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, renderedComponents === null || renderedComponents === void 0 ? void 0 : renderedComponents.slice(0).reverse().map(function (item, index) {
+    style: [styles.rightContainer]
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, renderedComponents === null || renderedComponents === void 0 ? void 0 : renderedComponents.map(function (item, index) {
     return /*#__PURE__*/React.createElement(View, {
       key: index,
       onLayout: function onLayout(event) {
         var width = event.nativeEvent.layout.width;
         calculateRenderedComponents(index, width + marginIncomponents);
       },
-      style: styles.itemMapContainer
+      style: [styles.itemMapContainer, isLoading && {
+        opacity: 0
+      }]
     }, item.component);
   })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Profile, {
     profileOptions: optionsProfile,
-    otherOptions: inOptionsArray,
+    otherOptions: removedComponents,
     name: name,
     email: email,
     onOptionSelected: onOptionSelectedProfile,
-    profileImage: profileImage
+    profileImage: profileImage,
+    endOptions: endOptions
   }))));
 };
 export default Navbar;

package/dist-web/components/navbar/Navbar.styles.d.ts

@@ -20,6 +20,7 @@ export declare const styles: {
         alignItems: "center";
         justifyContent: "flex-end";
         display: "flex";
+        width: number;
     };
     storiesContainer: {};
     itemMapContainer: {

package/dist-web/components/navbar/Navbar.styles.js

@@ -16,13 +16,14 @@ export var styles = StyleSheet.create({
     justifyContent: 'flex-start',
     display: 'flex',
     paddingLeft: isTablet() ? 32 : 24,
-    width: isTablet() ? 465 : 124
+    width: isTablet() ? 463 : 124
   },
   rightContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'flex-end',
-    display: 'flex'
+    display: 'flex',
+    width: isTablet() ? 84 : 72
   },
   storiesContainer: {},
   itemMapContainer: {

package/dist-web/components/navbar/Navbar.types.d.ts

@@ -11,6 +11,7 @@ export interface NavbarProps {
     rightComponent?: RightComponent[];
     optionsProfile?: OptionProfileItem[];
     profileImage?: React.ReactElement;
+    endOptions?: OptionProfileItem[];
     onOptionSelectedProfile?: (item?: string, index?: number) => void;
     onPressLogo?: () => void;
     onPressMenuBurger?: () => void;
@@ -55,12 +56,14 @@ export interface ProfileProps {
     name?: string;
     email?: string;
     profileOptions?: OptionProfileItem[];
+    endOptions?: OptionProfileItem[];
     otherOptions?: (OptionProfileItem | undefined)[];
     onOptionSelected?: (item?: string, index?: number) => void;
 }
 export interface ProfileImageProps {
     image?: React.ReactElement;
     name?: string;
+    inOptions?: boolean;
 }
 export interface ProfileOptionsProps {
     profileImage?: React.ReactElement;
@@ -68,6 +71,7 @@ export interface ProfileOptionsProps {
     email?: string;
     posicionModal: PosicionModalType;
     profileOptions?: OptionProfileItem[];
+    endOptions?: OptionProfileItem[];
     otherOptions?: (OptionProfileItem | undefined)[];
     onOptionSelected?: (item?: string, index?: number) => void;
 }

package/dist-web/components/navbar/components/Profile/Profile.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProfileProps } from '../../Navbar.types';
-declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, onOptionSelected, }: ProfileProps) => React.JSX.Element;
+declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileProps) => React.JSX.Element;
 export default Profile;

package/dist-web/components/navbar/components/Profile/Profile.js

@@ -17,6 +17,7 @@ var Profile = function Profile(_ref) {
     email = _ref.email,
     profileOptions = _ref.profileOptions,
     otherOptions = _ref.otherOptions,
+    endOptions = _ref.endOptions,
     onOptionSelected = _ref.onOptionSelected;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -85,7 +86,8 @@ var Profile = function Profile(_ref) {
     profileImage: profileImage,
     name: name,
     email: email,
-    onOptionSelected: handleOptionSelected
+    onOptionSelected: handleOptionSelected,
+    endOptions: endOptions
   }))));
 };
 export default Profile;

package/dist-web/components/navbar/components/Profile/Profile.styles.d.ts

@@ -42,11 +42,15 @@ export declare const styles: {
         margin: number;
         borderRadius: number;
     };
-    separatorLogout: {
-        marginHorizontal: number;
+    separator: {
         height: number;
         backgroundColor: string;
     };
+    separatorBottom: {
+        height: number;
+        backgroundColor: string;
+        marginHorizontal: number;
+    };
     optionText: {
         fontSize: number;
         color: string;
@@ -79,10 +83,9 @@ export declare const styles: {
     optionsHeaderContainer: {
         flexDirection: "row";
         alignItems: "center";
+        justifyContent: "flex-start";
         height: number;
         paddingLeft: number;
-        borderBottomColor: string;
-        borderBottomWidth: number;
     };
     optionsHeaderTextContainer: {
         marginLeft: number;
@@ -121,10 +124,7 @@ export declare const styles: {
         height: number;
         width: number;
     };
-    optionsMapContainer: {
-        borderBottomColor: string;
-        borderBottomWidth: number;
-    };
+    optionsMapContainer: {};
     aplicationIcon: {
         width: number;
         height: number;
@@ -133,5 +133,9 @@ export declare const styles: {
         maxHeight: number;
         marginHorizontal: number;
     };
+    scrollBottom: {
+        maxHeight: number;
+        marginHorizontal: number;
+    };
 };
 export declare const separatorPopUp = 5;

package/dist-web/components/navbar/components/Profile/Profile.styles.js

@@ -45,11 +45,15 @@ export var styles = StyleSheet.create({
     margin: 8,
     borderRadius: 8
   },
-  separatorLogout: {
-    marginHorizontal: 8,
+  separator: {
     height: 1,
     backgroundColor: NEUTRAL_5
   },
+  separatorBottom: {
+    height: 1,
+    backgroundColor: NEUTRAL_5,
+    marginHorizontal: 8
+  },
   optionText: {
     fontSize: 12,
     color: NEUTRAL_100,
@@ -82,10 +86,9 @@ export var styles = StyleSheet.create({
   optionsHeaderContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    height: 74,
-    paddingLeft: 16,
-    borderBottomColor: NEUTRAL_5,
-    borderBottomWidth: 1
+    justifyContent: 'flex-start',
+    height: 64,
+    paddingLeft: 16
   },
   optionsHeaderTextContainer: {
     marginLeft: 8
@@ -124,10 +127,7 @@ export var styles = StyleSheet.create({
     height: 16,
     width: 16
   },
-  optionsMapContainer: {
-    borderBottomColor: NEUTRAL_5,
-    borderBottomWidth: 1
-  },
+  optionsMapContainer: {},
   aplicationIcon: {
     width: isTablet() ? 32 : 28,
     height: isTablet() ? 32 : 28
@@ -135,6 +135,10 @@ export var styles = StyleSheet.create({
   scroll: {
     maxHeight: 282,
     marginHorizontal: 8
+  },
+  scrollBottom: {
+    maxHeight: 282,
+    marginHorizontal: 8
   }
 });
 export var separatorPopUp = 5;

package/dist-web/components/navbar/components/Profile/ProfileImage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProfileImageProps } from '../../Navbar.types';
-declare const ProfileImage: ({ image, name }: ProfileImageProps) => React.JSX.Element;
+declare const ProfileImage: ({ image, name, inOptions }: ProfileImageProps) => React.JSX.Element;
 export default ProfileImage;

package/dist-web/components/navbar/components/Profile/ProfileImage.js

@@ -4,16 +4,23 @@ import { styles } from "./Profile.styles";
 var ProfileImage = function ProfileImage(_ref) {
   var _name$charAt$toUpperC, _name$charAt;
   var image = _ref.image,
-    name = _ref.name;
+    name = _ref.name,
+    inOptions = _ref.inOptions;
   if (image) {
     return /*#__PURE__*/React.createElement(View, {
-      style: styles.roundImage
+      style: [styles.roundImage, inOptions && {
+        height: 40,
+        width: 40
+      }]
     }, /*#__PURE__*/React.cloneElement(image, {
       style: styles.profileImageSize
     }));
   }
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.roundImage
+    style: [styles.roundImage, inOptions && {
+      height: 40,
+      width: 40
+    }]
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.nameText
   }, (_name$charAt$toUpperC = name === null || name === void 0 || (_name$charAt = name.charAt(0)) === null || _name$charAt === void 0 ? void 0 : _name$charAt.toUpperCase()) !== null && _name$charAt$toUpperC !== void 0 ? _name$charAt$toUpperC : 'U'));

package/dist-web/components/navbar/components/Profile/ProfileOptions.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProfileOptionsProps } from '../../Navbar.types';
-declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
+declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
 export default ProfileOptions;

package/dist-web/components/navbar/components/Profile/ProfileOptions.js

@@ -16,6 +16,7 @@ var ProfileOptions = function ProfileOptions(_ref) {
     posicionModal = _ref.posicionModal,
     profileOptions = _ref.profileOptions,
     otherOptions = _ref.otherOptions,
+    endOptions = _ref.endOptions,
     onOptionSelected = _ref.onOptionSelected;
   var defaultNameValue = 'User';
   var scrollRef = React.useRef(null);
@@ -23,18 +24,18 @@ var ProfileOptions = function ProfileOptions(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isScrollable = _useState2[0],
     setIsScrollable = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(-1),
     _useState4 = _slicedToArray(_useState3, 2),
-    logoutOption = _useState4[0],
-    setLogoutOption = _useState4[1];
+    profileOptionIndex = _useState4[0],
+    setProfileOptionIndex = _useState4[1];
   var _useState5 = useState(-1),
     _useState6 = _slicedToArray(_useState5, 2),
-    profileOptionIndex = _useState6[0],
-    setProfileOptionIndex = _useState6[1];
+    otherOptionIndex = _useState6[0],
+    setOtherOptionIndex = _useState6[1];
   var _useState7 = useState(-1),
     _useState8 = _slicedToArray(_useState7, 2),
-    otherOptionIndex = _useState8[0],
-    setOtherOptionIndex = _useState8[1];
+    endOptionIndex = _useState8[0],
+    setEndOptionIndex = _useState8[1];
   var handleProfileOptionSelected = function handleProfileOptionSelected(item, index) {
     setProfileOptionIndex(index);
     setTimeout(function () {
@@ -51,11 +52,11 @@ var ProfileOptions = function ProfileOptions(_ref) {
       }
     }, 100);
   };
-  var handleLogoutOptionsSelected = function handleLogoutOptionsSelected() {
-    setLogoutOption(true);
+  var handleEndOptionsSelected = function handleEndOptionsSelected(item, index) {
+    setEndOptionIndex(index);
     setTimeout(function () {
       if (onOptionSelected) {
-        onOptionSelected('logout', 0);
+        onOptionSelected(item, index);
       }
     }, 100);
   };
@@ -63,6 +64,13 @@ var ProfileOptions = function ProfileOptions(_ref) {
     var containerHeight = styles.scroll.maxHeight;
     setIsScrollable(contentHeight > containerHeight);
   };
+  var isSeparator = function isSeparator(length, isBottom) {
+    if (length) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: isBottom ? styles.separatorBottom : styles.separator
+      });
+    }
+  };
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.optionsContainer, {
       top: separatorPopUp + posicionModal.top,
@@ -72,7 +80,8 @@ var ProfileOptions = function ProfileOptions(_ref) {
     style: styles.optionsHeaderContainer
   }, /*#__PURE__*/React.createElement(ProfileImage, {
     image: profileImage,
-    name: name
+    name: name,
+    inOptions: true
   }), /*#__PURE__*/React.createElement(View, {
     style: styles.optionsHeaderTextContainer
   }, /*#__PURE__*/React.createElement(Text, {
@@ -83,7 +92,7 @@ var ProfileOptions = function ProfileOptions(_ref) {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: styles.optionsHeaderTextEmail
-  }, email))), /*#__PURE__*/React.createElement(ScrollView, {
+  }, email))), isSeparator(profileOptions === null || profileOptions === void 0 ? void 0 : profileOptions.length), /*#__PURE__*/React.createElement(ScrollView, {
     showsVerticalScrollIndicator: true,
     persistentScrollbar: true,
     style: [styles.scroll, isScrollable && {
@@ -92,9 +101,7 @@ var ProfileOptions = function ProfileOptions(_ref) {
     }],
     onContentSizeChange: onContentSizeChange,
     ref: scrollRef
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.optionsMapContainer
-  }, profileOptions === null || profileOptions === void 0 ? void 0 : profileOptions.map(function (item, index) {
+  }, /*#__PURE__*/React.createElement(View, null, profileOptions === null || profileOptions === void 0 ? void 0 : profileOptions.map(function (item, index) {
     return /*#__PURE__*/React.createElement(Pressable, {
       key: index,
       style: [styles.option, {
@@ -123,7 +130,7 @@ var ProfileOptions = function ProfileOptions(_ref) {
       ellipsizeMode: "tail",
       style: styles.optionsItemsText
     }, item === null || item === void 0 ? void 0 : item.title)));
-  })), /*#__PURE__*/React.createElement(View, null, otherOptions === null || otherOptions === void 0 ? void 0 : otherOptions.map(function (item, index) {
+  })), isSeparator(otherOptions === null || otherOptions === void 0 ? void 0 : otherOptions.length), /*#__PURE__*/React.createElement(View, null, otherOptions === null || otherOptions === void 0 ? void 0 : otherOptions.map(function (item, index) {
     return /*#__PURE__*/React.createElement(Pressable, {
       key: index,
       style: [styles.option, {
@@ -152,23 +159,35 @@ var ProfileOptions = function ProfileOptions(_ref) {
       ellipsizeMode: "tail",
       style: styles.optionsItemsText
     }, item === null || item === void 0 ? void 0 : item.title)));
-  }))), Boolean(profileOptions === null || profileOptions === void 0 ? void 0 : profileOptions.length) || Boolean(otherOptions === null || otherOptions === void 0 ? void 0 : otherOptions.length) && /*#__PURE__*/React.createElement(View, {
-    style: styles.separatorLogout
-  }), /*#__PURE__*/React.createElement(Pressable, {
-    onPress: function onPress() {
-      return handleLogoutOptionsSelected();
-    },
-    onHoverIn: function onHoverIn() {
-      return setLogoutOption(true);
-    },
-    onHoverOut: function onHoverOut() {
-      return setLogoutOption(false);
-    },
-    style: [styles.optionLogOut, logoutOption && {
-      backgroundColor: QUATERNARY_10
-    }]
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.optionsItemsText
-  }, "Log Out")));
+  }))), isSeparator(endOptions === null || endOptions === void 0 ? void 0 : endOptions.length, true), /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.scrollBottom
+  }, endOptions === null || endOptions === void 0 ? void 0 : endOptions.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Pressable, {
+      key: index,
+      style: [styles.option, endOptionIndex === index && {
+        backgroundColor: QUATERNARY_10
+      }],
+      onPress: function onPress() {
+        return handleEndOptionsSelected(item === null || item === void 0 ? void 0 : item.route, index);
+      },
+      onHoverIn: function onHoverIn() {
+        return setEndOptionIndex(index);
+      },
+      onHoverOut: function onHoverOut() {
+        return setEndOptionIndex(-1);
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.optionItemContainer
+    }, (item === null || item === void 0 ? void 0 : item.image) && /*#__PURE__*/React.createElement(View, {
+      style: styles.optionItemImage
+    }, /*#__PURE__*/React.cloneElement(item.image, {
+      fill: PRIMARY_100,
+      style: styles.optionItemImageSize
+    })), /*#__PURE__*/React.createElement(Text, {
+      numberOfLines: 1,
+      ellipsizeMode: "tail",
+      style: styles.optionsItemsText
+    }, item === null || item === void 0 ? void 0 : item.title)));
+  })));
 };
 export default ProfileOptions;

package/dist-web/components/navbar/components/Welcome/Welcome.styles.js

@@ -17,13 +17,13 @@ export var styles = StyleSheet.create({
     color: NEUTRAL_0,
     lineHeight: 22,
     fontSize: 16,
-    width: 151
+    width: 187
   },
   titleName: {
     fontSize: 22,
     color: NEUTRAL_0,
     lineHeight: 28,
     fontWeight: '800',
-    width: 151
+    width: 187
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "private": false,
   "scripts": {
     "android": "react-native run-android",