etendo-ui-library 1.2.1 → 1.2.3

package/dist-native/assets/images/icons/AplicationsIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageStyle } from 'react-native';
+export interface SvgImageProps {
+    style?: ImageStyle;
+    fill?: string;
+}
+export declare const AplicationsIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;

package/dist-native/assets/images/icons/AplicationsIcon.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AplicationsIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/assets/images/icons/AplicationsIcon.tsx";var AplicationsIcon=function AplicationsIcon(_ref){var style=_ref.style,fill=_ref.fill;return _react.default.createElement(_reactNativeSvg.Svg,{width:(style==null?void 0:style.width)||33,height:(style==null?void 0:style.height)||32,viewBox:"0 0 28 28",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7 3.5C7 4.42826 6.63125 5.3185 5.97487 5.97487C5.3185 6.63125 4.42826 7 3.5 7C2.57174 7 1.6815 6.63125 1.02513 5.97487C0.368749 5.3185 0 4.42826 0 3.5C0 2.57174 0.368749 1.6815 1.02513 1.02513C1.6815 0.368749 2.57174 0 3.5 0C4.42826 0 5.3185 0.368749 5.97487 1.02513C6.63125 1.6815 7 2.57174 7 3.5ZM7 14C7 14.9283 6.63125 15.8185 5.97487 16.4749C5.3185 17.1313 4.42826 17.5 3.5 17.5C2.57174 17.5 1.6815 17.1313 1.02513 16.4749C0.368749 15.8185 0 14.9283 0 14C0 13.0717 0.368749 12.1815 1.02513 11.5251C1.6815 10.8687 2.57174 10.5 3.5 10.5C4.42826 10.5 5.3185 10.8687 5.97487 11.5251C6.63125 12.1815 7 13.0717 7 14ZM3.5 28C4.42826 28 5.3185 27.6313 5.97487 26.9749C6.63125 26.3185 7 25.4283 7 24.5C7 23.5717 6.63125 22.6815 5.97487 22.0251C5.3185 21.3687 4.42826 21 3.5 21C2.57174 21 1.6815 21.3687 1.02513 22.0251C0.368749 22.6815 0 23.5717 0 24.5C0 25.4283 0.368749 26.3185 1.02513 26.9749C1.6815 27.6313 2.57174 28 3.5 28ZM17.5 3.5C17.5 4.42826 17.1313 5.3185 16.4749 5.97487C15.8185 6.63125 14.9283 7 14 7C13.0717 7 12.1815 6.63125 11.5251 5.97487C10.8687 5.3185 10.5 4.42826 10.5 3.5C10.5 2.57174 10.8687 1.6815 11.5251 1.02513C12.1815 0.368749 13.0717 0 14 0C14.9283 0 15.8185 0.368749 16.4749 1.02513C17.1313 1.6815 17.5 2.57174 17.5 3.5ZM14 17.5C14.9283 17.5 15.8185 17.1313 16.4749 16.4749C17.1313 15.8185 17.5 14.9283 17.5 14C17.5 13.0717 17.1313 12.1815 16.4749 11.5251C15.8185 10.8687 14.9283 10.5 14 10.5C13.0717 10.5 12.1815 10.8687 11.5251 11.5251C10.8687 12.1815 10.5 13.0717 10.5 14C10.5 14.9283 10.8687 15.8185 11.5251 16.4749C12.1815 17.1313 13.0717 17.5 14 17.5ZM17.5 24.5C17.5 25.4283 17.1313 26.3185 16.4749 26.9749C15.8185 27.6313 14.9283 28 14 28C13.0717 28 12.1815 27.6313 11.5251 26.9749C10.8687 26.3185 10.5 25.4283 10.5 24.5C10.5 23.5717 10.8687 22.6815 11.5251 22.0251C12.1815 21.3687 13.0717 21 14 21C14.9283 21 15.8185 21.3687 16.4749 22.0251C17.1313 22.6815 17.5 23.5717 17.5 24.5ZM24.5 7C25.4283 7 26.3185 6.63125 26.9749 5.97487C27.6313 5.3185 28 4.42826 28 3.5C28 2.57174 27.6313 1.6815 26.9749 1.02513C26.3185 0.368749 25.4283 0 24.5 0C23.5717 0 22.6815 0.368749 22.0251 1.02513C21.3687 1.6815 21 2.57174 21 3.5C21 4.42826 21.3687 5.3185 22.0251 5.97487C22.6815 6.63125 23.5717 7 24.5 7ZM28 14C28 14.9283 27.6313 15.8185 26.9749 16.4749C26.3185 17.1313 25.4283 17.5 24.5 17.5C23.5717 17.5 22.6815 17.1313 22.0251 16.4749C21.3687 15.8185 21 14.9283 21 14C21 13.0717 21.3687 12.1815 22.0251 11.5251C22.6815 10.8687 23.5717 10.5 24.5 10.5C25.4283 10.5 26.3185 10.8687 26.9749 11.5251C27.6313 12.1815 28 13.0717 28 14ZM24.5 28C25.4283 28 26.3185 27.6313 26.9749 26.9749C27.6313 26.3185 28 25.4283 28 24.5C28 23.5717 27.6313 22.6815 26.9749 22.0251C26.3185 21.3687 25.4283 21 24.5 21C23.5717 21 22.6815 21.3687 22.0251 22.0251C21.3687 22.6815 21 23.5717 21 24.5C21 25.4283 21.3687 26.3185 22.0251 26.9749C22.6815 27.6313 23.5717 28 24.5 28Z",fill:fill?fill:'#202452',__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}}));};exports.AplicationsIcon=AplicationsIcon;

package/dist-native/components/input/Input.style.d.ts

@@ -14,7 +14,6 @@ export declare const styles: {
     showContainer: {
         height: number;
         width: number;
-        marginRight: number;
     };
     rowInputTitleImg: {
         height: number;

package/dist-native/components/input/Input.style.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.inputVariants=exports.inputStyleVariants=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _ArrowDown=require("../../assets/images/icons/ArrowDown");var _SearchIcon=require("../../assets/images/icons/SearchIcon");var _ShowPassword=require("../../assets/images/icons/ShowPassword");var _colors=require("../../styles/colors");var _jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/Input.style.tsx";var inputVariants={readOnly:{field:{type:'text',disabledField:true,disabledSubmit:true}},picker:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_ArrowDown.ArrowDown,{style:{height:10,width:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:14}})}},textInput:{field:{type:'textInput',disabledField:true,disabledSubmit:false}},pressableText:{field:{type:'text',disabledField:false,disabledSubmit:false}},textInputSearch:{field:{type:'textInput',disabledField:true,disabledSubmit:false,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:14}})}},pressableSearch:{field:{type:'text',disabledField:false,disabledSubmit:false,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:14}})}},textInputPassword:{field:{type:'textInput',image:_react.default.createElement(_ShowPassword.ShowPassword,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:14}}),disabledField:true,disabledSubmit:false}}};exports.inputVariants=inputVariants;var defaultTitle={color:_colors.PRIMARY_100,fontSize:16};var defaultField={overflow:'hidden',height:50,borderWidth:2,borderColor:_colors.PRIMARY_100,borderRadius:5,flexDirection:'row',display:'flex',alignItems:'center',paddingRight:15};var defaultFocus={borderWidth:5,borderColor:'transparent',borderRadius:10};var defaultText={color:_colors.PRIMARY_100,fontSize:14,fontWeight:'500',flex:1,alignItems:'center',paddingLeft:15,minWidth:0,height:50,display:'flex',textAlignVertical:'center'};var defaultTextPlaceholder={color:_colors.TERTIARY_100,fontSize:14,fontWeight:'500',flex:1,alignItems:'center',paddingLeft:15,minWidth:0,height:50,display:'flex',textAlignVertical:'center'};var defaultHelperText={color:_colors.NEUTRAL_60,fontSize:14};var inputStyleVariants={default:{titleStyle:defaultTitle,fieldStyle:{field:defaultField,focus:[defaultFocus,{borderColor:_colors.QUATERNARY_50}],textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:defaultHelperText},destructive:{titleStyle:defaultTitle,fieldStyle:{focus:[defaultFocus,{borderColor:_colors.DESTRUCTIVE_10}],field:[defaultField,{borderColor:_colors.DESTRUCTIVE_100}],textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:[defaultHelperText,{color:_colors.DESTRUCTIVE_100}]},disabled:{titleStyle:[defaultTitle,{color:_colors.QUATERNARY_50}],fieldStyle:{focus:defaultFocus,field:[defaultField,{borderColor:_colors.QUATERNARY_50}],textDefault:[defaultText,{color:_colors.QUATERNARY_50}],textPlaceholder:[defaultTextPlaceholder,{color:_colors.QUATERNARY_50}]},helperStyle:[defaultHelperText,{color:_colors.QUATERNARY_50}]},readOnly:{titleStyle:defaultTitle,fieldStyle:{field:[defaultField,{backgroundColor:_colors.NEUTRAL_5}],focus:defaultFocus,textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:defaultHelperText}};exports.inputStyleVariants=inputStyleVariants;var styles=_reactNative.StyleSheet.create({inputContainer:{},inputImageSize:{height:22,width:22},hideContainer:{height:22,width:22},showContainer:{height:15,width:15,marginRight:6},rowInputTitleImg:{height:10,width:10,marginRight:5},rowInputTitle:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex',height:29,marginLeft:5},rowInputTitleText:{fontSize:16,color:_colors.PRIMARY_100},rowHelperText:{height:25,flexDirection:'row',alignItems:'flex-end',marginLeft:5},buttonContainerInputField:{alignSelf:'flex-start',width:49,height:'100%',justifyContent:'center',display:'flex',alignItems:'center'},passwordContainer:{right:20,alignSelf:'center',marginLeft:10},showImgContainer:{justifyContent:'center',alignItems:'center',right:10},passwordImage:{height:22,width:22},storiesContainer:{flexWrap:'wrap',flexDirection:'row',justifyContent:'space-between'},storiesInputContainer:{height:115,width:300},optionContainer:{paddingHorizontal:20,flexDirection:'row',alignItems:'center',height:35},optionText:{color:_colors.PRIMARY_100,fontSize:16},optionFilterText:{color:_colors.PRIMARY_100,fontSize:16,height:35,padding:0,width:'100%',paddingLeft:10},optionOverlay:{flex:1,justifyContent:'center',alignItems:'center'},optionsContainer:{position:'absolute',backgroundColor:_colors.NEUTRAL_0,borderRadius:5,borderWidth:1.5,borderColor:_colors.NEUTRAL_10,zIndex:2},optionsItemsContainer:{maxHeight:140},optionFilterContainer:{height:35,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,marginHorizontal:9,display:'flex',flexDirection:'row',alignItems:'center',paddingHorizontal:9},optionFilterImg:{width:12,height:12},searchContainer:{height:15,width:15,marginRight:5}});exports.styles=styles;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.inputVariants=exports.inputStyleVariants=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _ArrowDown=require("../../assets/images/icons/ArrowDown");var _SearchIcon=require("../../assets/images/icons/SearchIcon");var _ShowPassword=require("../../assets/images/icons/ShowPassword");var _colors=require("../../styles/colors");var _jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/Input.style.tsx";var inputVariants={readOnly:{field:{type:'text',disabledField:true,disabledSubmit:true}},picker:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_ArrowDown.ArrowDown,{style:{height:10,width:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:14}})}},textInput:{field:{type:'textInput',disabledField:true,disabledSubmit:false}},pressableText:{field:{type:'text',disabledField:false,disabledSubmit:false}},textInputSearch:{field:{type:'textInput',disabledField:true,disabledSubmit:false,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:14}})}},pressableSearch:{field:{type:'text',disabledField:false,disabledSubmit:false,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:14}})}},textInputPassword:{field:{type:'textInput',image:_react.default.createElement(_ShowPassword.ShowPassword,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:14}}),disabledField:true,disabledSubmit:false}}};exports.inputVariants=inputVariants;var defaultTitle={color:_colors.PRIMARY_100,fontSize:16};var defaultField={overflow:'hidden',height:50,borderWidth:2,borderColor:_colors.PRIMARY_100,borderRadius:5,flexDirection:'row',display:'flex',alignItems:'center',paddingRight:15};var defaultFocus={borderWidth:5,borderColor:'transparent',borderRadius:10};var defaultText={color:_colors.PRIMARY_100,fontSize:14,fontWeight:'500',flex:1,alignItems:'center',paddingLeft:15,minWidth:0,height:50,display:'flex',textAlignVertical:'center'};var defaultTextPlaceholder={color:_colors.TERTIARY_100,fontSize:14,fontWeight:'500',flex:1,alignItems:'center',paddingLeft:15,minWidth:0,height:50,display:'flex',textAlignVertical:'center'};var defaultHelperText={color:_colors.NEUTRAL_60,fontSize:14};var inputStyleVariants={default:{titleStyle:defaultTitle,fieldStyle:{field:defaultField,focus:[defaultFocus,{borderColor:_colors.QUATERNARY_50}],textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:defaultHelperText},destructive:{titleStyle:defaultTitle,fieldStyle:{focus:[defaultFocus,{borderColor:_colors.DESTRUCTIVE_10}],field:[defaultField,{borderColor:_colors.DESTRUCTIVE_100}],textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:[defaultHelperText,{color:_colors.DESTRUCTIVE_100}]},disabled:{titleStyle:[defaultTitle,{color:_colors.QUATERNARY_50}],fieldStyle:{focus:defaultFocus,field:[defaultField,{borderColor:_colors.QUATERNARY_50}],textDefault:[defaultText,{color:_colors.QUATERNARY_50}],textPlaceholder:[defaultTextPlaceholder,{color:_colors.QUATERNARY_50}]},helperStyle:[defaultHelperText,{color:_colors.QUATERNARY_50}]},readOnly:{titleStyle:defaultTitle,fieldStyle:{field:[defaultField,{backgroundColor:_colors.NEUTRAL_5}],focus:defaultFocus,textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:defaultHelperText}};exports.inputStyleVariants=inputStyleVariants;var styles=_reactNative.StyleSheet.create({inputContainer:{},inputImageSize:{height:22,width:22},hideContainer:{height:22,width:22},showContainer:{height:22,width:22},rowInputTitleImg:{height:10,width:10,marginRight:5},rowInputTitle:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex',height:29,marginLeft:5},rowInputTitleText:{fontSize:16,color:_colors.PRIMARY_100},rowHelperText:{height:25,flexDirection:'row',alignItems:'flex-end',marginLeft:5},buttonContainerInputField:{alignSelf:'flex-start',width:49,height:'100%',justifyContent:'center',display:'flex',alignItems:'center'},passwordContainer:{right:20,alignSelf:'center',marginLeft:10},showImgContainer:{justifyContent:'center',alignItems:'center',right:10},passwordImage:{height:22,width:22},storiesContainer:{flexWrap:'wrap',flexDirection:'row',justifyContent:'space-between'},storiesInputContainer:{height:115,width:300},optionContainer:{paddingHorizontal:20,flexDirection:'row',alignItems:'center',height:35},optionText:{color:_colors.PRIMARY_100,fontSize:16},optionFilterText:{color:_colors.PRIMARY_100,fontSize:16,height:35,padding:0,width:'100%',paddingLeft:10},optionOverlay:{flex:1,justifyContent:'center',alignItems:'center'},optionsContainer:{position:'absolute',backgroundColor:_colors.NEUTRAL_0,borderRadius:5,borderWidth:1.5,borderColor:_colors.NEUTRAL_10,zIndex:2},optionsItemsContainer:{maxHeight:140},optionFilterContainer:{height:35,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,marginHorizontal:9,display:'flex',flexDirection:'row',alignItems:'center',paddingHorizontal:9},optionFilterImg:{width:12,height:12},searchContainer:{height:15,width:15,marginRight:5}});exports.styles=styles;

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)(false),_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:186,columnNumber:11}},_react.default.createElement(_HidePassword.HidePassword,{style:_Input.styles.inputImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:13}}));}return _react.default.createElement(_reactNative.View,{style:_Input.styles.showContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:9}},_react.default.createElement(_ShowPassword.ShowPassword,{style:_Input.styles.inputImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:193,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:220,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:221,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:228,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:247,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:256,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:264,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: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, email, leftComponent, rightComponent, optionsProfile, profileImage, onOptionSelectedProfile, onPressMenuBurger, onPressLogo, }: NavbarProps) => React.JSX.Element;
+declare const Navbar: ({ name, title, email, rightComponent, optionsProfile, profileImage, 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 _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/Navbar.tsx";var Navbar=function Navbar(_ref){var name=_ref.name,email=_ref.email,leftComponent=_ref.leftComponent,rightComponent=_ref.rightComponent,optionsProfile=_ref.optionsProfile,profileImage=_ref.profileImage,onOptionSelectedProfile=_ref.onOptionSelectedProfile,onPressMenuBurger=_ref.onPressMenuBurger,onPressLogo=_ref.onPressLogo;var screenWidth=_reactNative.Dimensions.get('window').width;var isTablet=screenWidth>700;return _react.default.createElement(_reactNative.View,{style:_Navbar.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Navbar.styles.leftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:7}},isTablet?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.EtendoLogo,{onPress:onPressLogo,__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:13}}),_react.default.createElement(_index.Welcome,{name:name+'!',__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:13}}),leftComponent):_react.default.createElement(_MenuBurger.default,{onPress:onPressMenuBurger,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:_Navbar.styles.rightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:7}},isTablet?_react.default.createElement(_react.default.Fragment,null,rightComponent):null,_react.default.createElement(_index.Profile,{data:optionsProfile,name:name,email:email,onOptionSelected:onOptionSelectedProfile,profileImage:profileImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:9}})));};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,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;

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

@@ -4,6 +4,7 @@ export declare const styles: {
         height: number;
         display: "flex";
         alignItems: "center";
+        justifyContent: "space-between";
         flexDirection: "row";
     };
     leftContainer: {
@@ -11,16 +12,19 @@ export declare const styles: {
         alignItems: "center";
         justifyContent: "flex-start";
         display: "flex";
-        width: string;
-        paddingHorizontal: number;
+        paddingLeft: number;
+        width: number;
     };
     rightContainer: {
         flexDirection: "row";
         alignItems: "center";
         justifyContent: "flex-end";
         display: "flex";
-        width: string;
-        paddingHorizontal: number;
     };
     storiesContainer: {};
+    itemMapContainer: {
+        marginRight: number;
+        flexDirection: "row";
+    };
 };
+export declare const marginIncomponents: number;

package/dist-native/components/navbar/Navbar.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:{backgroundColor:_colors.PRIMARY_100,height:60,display:'flex',alignItems:'center',flexDirection:'row'},leftContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex',width:'50%',paddingHorizontal:32},rightContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-end',display:'flex',width:'50%',paddingHorizontal:32},storiesContainer:{}});exports.styles=styles;
+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;

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

@@ -1,18 +1,22 @@
 /// <reference types="react" />
-import { GestureResponderEvent } from 'react-native';
+import { GestureResponderEvent, LayoutChangeEvent } from 'react-native';
+export type RightComponent = {
+    component: React.ReactElement;
+    inOptions?: OptionProfileItem;
+};
 export interface NavbarProps {
     name?: string;
+    title?: string;
     email?: string;
-    leftComponent?: React.ReactElement;
-    rightComponent?: React.ReactElement;
+    rightComponent?: RightComponent[];
     optionsProfile?: OptionProfileItem[];
     profileImage?: React.ReactElement;
-    onOptionSelectedProfile: (item: string, index: number) => void;
-    onPressLogo: () => void;
-    onPressMenuBurger: () => void;
+    onOptionSelectedProfile?: (item?: string, index?: number) => void;
+    onPressLogo?: () => void;
+    onPressMenuBurger?: () => void;
 }
 export interface EtendoLogoProps {
-    onPress: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
 }
 export type OptionNotificationType = 'warning' | 'success' | 'error' | 'new';
 export type OptionNotificationItem = {
@@ -23,6 +27,7 @@ export type OptionNotificationItem = {
 export interface NotificationProps {
     anyNotification?: boolean;
     data?: OptionNotificationItem[];
+    onLayout?: (event: LayoutChangeEvent) => void;
     onOptionSelected: (item: OptionNotificationItem, index: number) => void;
     onViewAllNotifications: (event: GestureResponderEvent) => void;
     onMarkAllAsReadNotifications: (event: GestureResponderEvent) => void;
@@ -42,15 +47,16 @@ export interface NotificationOptionProps {
 }
 export type OptionProfileItem = {
     title: string;
-    image: React.ReactElement;
-    route: string;
+    image?: React.ReactElement;
+    route?: string;
 };
 export interface ProfileProps {
     profileImage?: React.ReactElement;
     name?: string;
     email?: string;
-    data?: OptionProfileItem[];
-    onOptionSelected: (item: string, index: number) => void;
+    profileOptions?: OptionProfileItem[];
+    otherOptions?: (OptionProfileItem | undefined)[];
+    onOptionSelected?: (item?: string, index?: number) => void;
 }
 export interface ProfileImageProps {
     image?: React.ReactElement;
@@ -61,8 +67,9 @@ export interface ProfileOptionsProps {
     name?: string;
     email?: string;
     posicionModal: PosicionModalType;
-    data?: OptionProfileItem[];
-    onOptionSelected: (item: string, index: number) => void;
+    profileOptions?: OptionProfileItem[];
+    otherOptions?: (OptionProfileItem | undefined)[];
+    onOptionSelected?: (item?: string, index?: number) => void;
 }
 export type DrawerCurrentPageType = {
     image?: React.ReactElement;
@@ -109,10 +116,11 @@ export interface DrawerLatertalMenuProps {
     onSelectOption: (route?: string, currentIndex?: DrawerCurrentIndexType) => void;
 }
 export interface MenuBurgerProps {
-    onPress: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
 }
 export type DrawerCurrentIndexType = {
     indexSection: number;
     indexSubSection: number;
     indexSubSectionItem: number;
 };
+export type OptionArrayType = (OptionProfileItem | undefined)[];

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { NotificationProps } from '../../Navbar.types';
-declare const Notification: ({ anyNotification, data, onOptionSelected, onViewAllNotifications, onMarkAllAsReadNotifications, }: NotificationProps) => React.JSX.Element;
+declare const Notification: ({ anyNotification, data, onOptionSelected, onViewAllNotifications, onMarkAllAsReadNotifications, onLayout, }: NotificationProps) => React.JSX.Element;
 export default Notification;

package/dist-native/components/navbar/components/Notification/Notification.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 _BellActiveIcon=require("../../../../assets/images/icons/BellActiveIcon");var _BellIcon=require("../../../../assets/images/icons/BellIcon");var _NotificationsOptions=_interopRequireDefault(require("./NotificationsOptions"));var _Notification=require("./Notification.styles");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Notification/Notification.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 Notification=function Notification(_ref){var anyNotification=_ref.anyNotification,data=_ref.data,onOptionSelected=_ref.onOptionSelected,onViewAllNotifications=_ref.onViewAllNotifications,onMarkAllAsReadNotifications=_ref.onMarkAllAsReadNotifications;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);var handleOptionSelected=(0,_react.useMemo)(function(){return function(item,index){onOptionSelected(item,index);setShowOptions(false);};},[onOptionSelected]);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});});}};(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{ref:refComponente,style:_Notification.styles.container,onPress:function onPress(){setShowOptions(true);getTopLeft();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:7}},anyNotification?_react.default.createElement(_BellActiveIcon.BellActiveIcon,{style:_Notification.styles.imageNotification,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:11}}):_react.default.createElement(_BellIcon.BellIcon,{style:_Notification.styles.imageNotification,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:11}})),_react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Notification.styles.modalBackground,onPress:function onPress(){return setShowOptions(false);},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:9}},_react.default.createElement(_NotificationsOptions.default,{optionsNotifications:data,onOptionSelected:handleOptionSelected,onViewAllNotifications:onViewAllNotifications,onMarkAllAsReadNotifications:onMarkAllAsReadNotifications,posicionModal:posicionModal,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:11}}))));};var _default=Notification;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 _BellActiveIcon=require("../../../../assets/images/icons/BellActiveIcon");var _BellIcon=require("../../../../assets/images/icons/BellIcon");var _NotificationsOptions=_interopRequireDefault(require("./NotificationsOptions"));var _Notification=require("./Notification.styles");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Notification/Notification.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 Notification=function Notification(_ref){var anyNotification=_ref.anyNotification,data=_ref.data,onOptionSelected=_ref.onOptionSelected,onViewAllNotifications=_ref.onViewAllNotifications,onMarkAllAsReadNotifications=_ref.onMarkAllAsReadNotifications,onLayout=_ref.onLayout;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);var handleOptionSelected=(0,_react.useMemo)(function(){return function(item,index){onOptionSelected(item,index);setShowOptions(false);};},[onOptionSelected]);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});});}};(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{onLayout:onLayout,ref:refComponente,style:_Notification.styles.container,onPress:function onPress(){setShowOptions(true);getTopLeft();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:7}},anyNotification?_react.default.createElement(_BellActiveIcon.BellActiveIcon,{style:_Notification.styles.imageNotification,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:11}}):_react.default.createElement(_BellIcon.BellIcon,{style:_Notification.styles.imageNotification,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:11}})),_react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Notification.styles.modalBackground,onPress:function onPress(){return setShowOptions(false);},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:9}},_react.default.createElement(_NotificationsOptions.default,{optionsNotifications:data,onOptionSelected:handleOptionSelected,onViewAllNotifications:onViewAllNotifications,onMarkAllAsReadNotifications:onMarkAllAsReadNotifications,posicionModal:posicionModal,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:11}}))));};var _default=Notification;exports.default=_default;

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

@@ -82,6 +82,7 @@ export declare const styles: {
         flex: number;
         justifyContent: "center";
         alignItems: "center";
+        backgroundColor: string;
     };
 };
 export declare const widthOptions = 325;

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.widthOptions=exports.styles=exports.spaceBetween=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=_reactNative.StyleSheet.create({container:{alignItems:'center',zIndex:2},imageNotification:{height:25,width:25},dropDowncontainer:{position:'absolute',zIndex:200},selectedOptionContainer:{padding:10,backgroundColor:_colors.NEUTRAL_40,borderRadius:5},selectedOption:{fontSize:12},optionsContainer:{position:'absolute',backgroundColor:_colors.NEUTRAL_0,borderRadius:5,zIndex:2,width:350},optionsContainerTop:{flexDirection:'row',justifyContent:'space-between',borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,padding:15},option:{paddingVertical:12,paddingHorizontal:16,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_5,flexDirection:'row',alignItems:'center'},optionText:{fontSize:12,color:_colors.NEUTRAL_100,marginBottom:5,width:300},optionTimeText:{fontSize:12,color:_colors.NEUTRAL_40},optionMarkAllText:{color:_colors.INITIAL_100,fontSize:12},optionNotificationText:{color:_colors.PRIMARY_100,fontWeight:'600',fontSize:14},optionImage:{height:8,width:8,marginRight:10,alignSelf:'flex-start',marginTop:10},optionImageSize:{height:8,width:8},optionViewAllText:{color:_colors.INITIAL_100,fontSize:12},optionViewAllTextContainer:{padding:15},modalBackground:{flex:1,justifyContent:'center',alignItems:'center'}});exports.styles=styles;var widthOptions=325;exports.widthOptions=widthOptions;var spaceBetween=5;exports.spaceBetween=spaceBetween;
+Object.defineProperty(exports,"__esModule",{value:true});exports.widthOptions=exports.styles=exports.spaceBetween=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=_reactNative.StyleSheet.create({container:{alignItems:'center',zIndex:2},imageNotification:{height:28,width:28},dropDowncontainer:{position:'absolute',zIndex:200},selectedOptionContainer:{padding:10,backgroundColor:_colors.NEUTRAL_40,borderRadius:5},selectedOption:{fontSize:12},optionsContainer:{position:'absolute',backgroundColor:_colors.NEUTRAL_0,borderRadius:5,zIndex:2,width:350},optionsContainerTop:{flexDirection:'row',justifyContent:'space-between',borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,padding:15},option:{paddingVertical:12,paddingHorizontal:16,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_5,flexDirection:'row',alignItems:'center'},optionText:{fontSize:12,color:_colors.NEUTRAL_100,marginBottom:5,width:300},optionTimeText:{fontSize:12,color:_colors.NEUTRAL_40},optionMarkAllText:{color:_colors.INITIAL_100,fontSize:12},optionNotificationText:{color:_colors.PRIMARY_100,fontWeight:'600',fontSize:14},optionImage:{height:8,width:8,marginRight:10,alignSelf:'flex-start',marginTop:10},optionImageSize:{height:8,width:8},optionViewAllText:{color:_colors.INITIAL_100,fontSize:12},optionViewAllTextContainer:{padding:15},modalBackground:{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:_colors.OVERLAY}});exports.styles=styles;var widthOptions=325;exports.widthOptions=widthOptions;var spaceBetween=5;exports.spaceBetween=spaceBetween;

package/dist-native/components/navbar/components/Notification/NotificationsOptions.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 _Notification=require("./Notification.styles");var _PointIcon=require("../../../../assets/images/icons/PointIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Notification/NotificationsOptions.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 NotificationsOptions=function NotificationsOptions(_ref){var optionsNotifications=_ref.optionsNotifications,onOptionSelected=_ref.onOptionSelected,onViewAllNotifications=_ref.onViewAllNotifications,onMarkAllAsReadNotifications=_ref.onMarkAllAsReadNotifications,posicionModal=_ref.posicionModal;var _useState=(0,_react.useState)(-1),_useState2=(0,_slicedToArray2.default)(_useState,2),indexHover=_useState2[0],setIndexHover=_useState2[1];var getOptionImageType=function getOptionImageType(type){switch(type){case'warning':return _colors.SECONDARY_100;case'success':return _colors.SUCCESS_100;case'error':return _colors.DESTRUCTIVE_100;default:return _colors.INITIAL_100;}};var getBackground=function getBackground(index){if(indexHover===index){return{backgroundColor:_colors.QUATERNARY_10};}};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:[_Notification.styles.optionsContainer,{top:posicionModal.top+_Notification.spaceBetween,left:posicionModal.left-_Notification.widthOptions}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionsContainerTop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionNotificationText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:13}},"Notifications"),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:onMarkAllAsReadNotifications,__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionMarkAllText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:15}},"Mark all as read"))),optionsNotifications==null?void 0:optionsNotifications.map(function(optionNotificationItem,index){return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(index);},onHoverOut:function onHoverOut(){setIndexHover(-1);},key:index,style:[_Notification.styles.option,getBackground(index)],onPress:function onPress(){return onOptionSelected(optionNotificationItem,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:19}},_react.default.createElement(_PointIcon.PointIcon,{fill:getOptionImageType(optionNotificationItem==null?void 0:optionNotificationItem.type),style:_Notification.styles.optionImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:21}})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:19}},_react.default.createElement(_reactNative.Text,{numberOfLines:2,ellipsizeMode:"tail",style:_Notification.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:21}},optionNotificationItem==null?void 0:optionNotificationItem.title),_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionTimeText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:21}},optionNotificationItem==null?void 0:optionNotificationItem.time)));}),_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionViewAllTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:11}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:onViewAllNotifications,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionViewAllText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:15}},"View all notifications"))))));};var _default=NotificationsOptions;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 _Notification=require("./Notification.styles");var _PointIcon=require("../../../../assets/images/icons/PointIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Notification/NotificationsOptions.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 NotificationsOptions=function NotificationsOptions(_ref){var optionsNotifications=_ref.optionsNotifications,onOptionSelected=_ref.onOptionSelected,onViewAllNotifications=_ref.onViewAllNotifications,onMarkAllAsReadNotifications=_ref.onMarkAllAsReadNotifications,posicionModal=_ref.posicionModal;var _useState=(0,_react.useState)(-1),_useState2=(0,_slicedToArray2.default)(_useState,2),indexHover=_useState2[0],setIndexHover=_useState2[1];var getOptionImageType=function getOptionImageType(type){switch(type){case'warning':return _colors.SECONDARY_100;case'success':return _colors.SUCCESS_100;case'error':return _colors.DESTRUCTIVE_100;default:return _colors.INITIAL_100;}};var getBackground=function getBackground(index){if(indexHover===index){return{backgroundColor:_colors.QUATERNARY_10};}};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:[_Notification.styles.optionsContainer,{top:posicionModal.top+_Notification.spaceBetween,left:posicionModal.left-_Notification.widthOptions}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionsContainerTop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionNotificationText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:13}},"Notifications"),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:onMarkAllAsReadNotifications,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionMarkAllText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:15}},"Mark all as read"))),optionsNotifications==null?void 0:optionsNotifications.map(function(optionNotificationItem,index){return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(index);},onHoverOut:function onHoverOut(){setIndexHover(-1);},key:index,style:[_Notification.styles.option,getBackground(index)],onPress:function onPress(){return onOptionSelected(optionNotificationItem,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:19}},_react.default.createElement(_PointIcon.PointIcon,{fill:getOptionImageType(optionNotificationItem==null?void 0:optionNotificationItem.type),style:_Notification.styles.optionImageSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:21}})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:19}},_react.default.createElement(_reactNative.Text,{numberOfLines:2,ellipsizeMode:"tail",style:_Notification.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:21}},optionNotificationItem==null?void 0:optionNotificationItem.title),_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionTimeText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:21}},optionNotificationItem==null?void 0:optionNotificationItem.time)));}),_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionViewAllTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:11}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:onViewAllNotifications,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionViewAllText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:15}},"View all notifications"))))));};var _default=NotificationsOptions;exports.default=_default;

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, data, onOptionSelected, }: ProfileProps) => React.JSX.Element;
+declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, 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 _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,data=_ref.data,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){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:55,columnNumber:7}},_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}})),_react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,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:66,columnNumber:9}},_react.default.createElement(_ProfileOptions.default,{data:data,posicionModal:posicionModal,profileImage:profileImage,name:name,email:email,onOptionSelected:handleOptionSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:71,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,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;

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

@@ -1,7 +1,9 @@
 export declare const styles: {
     container: {
+        marginRight: number;
+        display: "flex";
         alignItems: "center";
-        marginLeft: number;
+        justifyContent: "center";
     };
     imageProfile: {
         height: number;
@@ -25,16 +27,25 @@ export declare const styles: {
         overflow: "hidden";
     };
     option: {
-        padding: number;
-        borderBottomWidth: number;
-        borderBottomColor: string;
+        height: number;
+        paddingHorizontal: number;
         flexDirection: "row";
         alignItems: "center";
+        marginVertical: number;
+        borderRadius: number;
     };
     optionLogOut: {
-        padding: number;
+        height: number;
+        paddingHorizontal: number;
         flexDirection: "row";
         alignItems: "center";
+        margin: number;
+        borderRadius: number;
+    };
+    separatorLogout: {
+        marginHorizontal: number;
+        height: number;
+        backgroundColor: string;
     };
     optionText: {
         fontSize: number;
@@ -49,6 +60,7 @@ export declare const styles: {
         flex: number;
         justifyContent: "center";
         alignItems: "center";
+        backgroundColor: string;
     };
     profileImageSize: {
         width: number;
@@ -67,9 +79,10 @@ export declare const styles: {
     optionsHeaderContainer: {
         flexDirection: "row";
         alignItems: "center";
-        borderBottomWidth: number;
+        height: number;
+        paddingLeft: number;
         borderBottomColor: string;
-        padding: number;
+        borderBottomWidth: number;
     };
     optionsHeaderTextContainer: {
         marginLeft: number;
@@ -90,12 +103,12 @@ export declare const styles: {
         color: string;
         fontWeight: "500";
         fontSize: number;
-        textAlignVertical: "center";
+        lineHeight: number;
+        verticalAlign: "middle";
         width: number;
     };
     optionItemContainer: {
         flexDirection: "row";
-        padding: number;
         display: "flex";
         alignItems: "center";
     };
@@ -108,9 +121,17 @@ export declare const styles: {
         height: number;
         width: number;
     };
-    optionLogOutContainer: {
-        padding: number;
+    optionsMapContainer: {
+        borderBottomColor: string;
+        borderBottomWidth: number;
+    };
+    aplicationIcon: {
+        width: number;
+        height: number;
+    };
+    scroll: {
+        maxHeight: number;
+        marginHorizontal: number;
     };
 };
-export declare const widthOptions = 256;
-export declare const spaceBetween = 5;
+export declare const separatorPopUp = 5;

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.widthOptions=exports.styles=exports.spaceBetween=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=_reactNative.StyleSheet.create({container:{alignItems:'center',marginLeft:32},imageProfile:{height:40,width:40},nameText:{position:'absolute',fontSize:25,fontWeight:'600',color:_colors.INITIAL_100,zIndex:3},optionsContainer:{position:'absolute',top:40,right:60,backgroundColor:_colors.NEUTRAL_0,borderRadius:5,zIndex:2,width:350,overflow:'hidden'},option:{padding:10,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_5,flexDirection:'row',alignItems:'center'},optionLogOut:{padding:20,flexDirection:'row',alignItems:'center'},optionText:{fontSize:12,color:_colors.NEUTRAL_100,marginBottom:5},optionTimeText:{fontSize:12,color:_colors.NEUTRAL_40},modalBackground:{flex:1,justifyContent:'center',alignItems:'center'},profileImageSize:{width:40,height:40},roundImage:{width:40,height:40,borderRadius:50,backgroundColor:_colors.QUATERNARY_50,alignItems:'center',justifyContent:'center',display:'flex',overflow:'hidden'},optionsHeaderContainer:{flexDirection:'row',alignItems:'center',borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,padding:10},optionsHeaderTextContainer:{marginLeft:10},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,textAlignVertical:'center',width:180},optionItemContainer:{flexDirection:'row',padding:10,display:'flex',alignItems:'center'},optionItemImageSize:{height:20,width:20},optionItemImage:{marginRight:10,height:20,width:20},optionLogOutContainer:{padding:10}});exports.styles=styles;var widthOptions=256;exports.widthOptions=widthOptions;var spaceBetween=5;exports.spaceBetween=spaceBetween;
+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;

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:'A'));};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;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;

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, data, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
+declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, 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,data=_ref.data,onOptionSelected=_ref.onOptionSelected;var _useState=(0,_react.useState)(-1),_useState2=(0,_slicedToArray2.default)(_useState,2),indexHover=_useState2[0],setIndexHover=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),logOutHover=_useState4[0],setLogOutHover=_useState4[1];var screenWidth=_reactNative.Dimensions.get('window').width;var isMobile=screenWidth<320;var handleOptionSelected=function handleOptionSelected(item,index){onOptionSelected(item,index);};var getTopLeft=function getTopLeft(){if(isMobile){return{right:20};}return{left:posicionModal.left-_Profile.widthOptions+posicionModal.width};};var getBackground=function getBackground(index){if(indexHover===index){return{backgroundColor:_colors.QUATERNARY_10};}};var defaultNameValue='A';return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.optionsContainer,{width:_Profile.widthOptions},{top:posicionModal.top+_Profile.spaceBetween},getTopLeft()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:7}},_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,__self:_this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:9}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextName,__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:11}},name||defaultNameValue),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextEmail,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:11}},email||''))),data==null?void 0:data.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,getBackground(index)],onPress:function onPress(){return handleOptionSelected(item.route,index);},onHoverIn:function onHoverIn(){setIndexHover(index);},onHoverOut:function onHoverOut(){setIndexHover(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:13}},(item==null?void 0:item.image)&&_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:2,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},item==null?void 0:item.title)));}),_react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setLogOutHover(true);},onHoverOut:function onHoverOut(){setLogOutHover(false);},style:[_Profile.styles.optionLogOut,logOutHover&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){handleOptionSelected('logout',0);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:7}},_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:11}},"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,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;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 interface WelcomeProps {
     name: string | undefined;
+    title: string | undefined;
 }
-declare const Welcome: ({ name }: WelcomeProps) => React.JSX.Element;
+declare const Welcome: ({ name, title }: WelcomeProps) => React.JSX.Element;
 export default Welcome;

package/dist-native/components/navbar/components/Welcome/Welcome.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 _Welcome=require("./Welcome.styles");var _StarIcon=require("../../../../assets/images/icons/StarIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Welcome/Welcome.tsx";var Welcome=function Welcome(_ref){var name=_ref.name;return _react.default.createElement(_reactNative.View,{style:_Welcome.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:5}},_react.default.createElement(_StarIcon.StarIcon,{style:_Welcome.styles.imageStar,fill:_colors.SECONDARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:7}}),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:7}},_react.default.createElement(_reactNative.Text,{style:_Welcome.styles.titleWelcome,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:9}},"Welcome to Etendo,"),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Welcome.styles.titleName,__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:9}},name?name:'Admin')));};var _default=Welcome;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 _Welcome=require("./Welcome.styles");var _StarIcon=require("../../../../assets/images/icons/StarIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Welcome/Welcome.tsx";var Welcome=function Welcome(_ref){var name=_ref.name,title=_ref.title;return _react.default.createElement(_reactNative.View,{style:_Welcome.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:5}},_react.default.createElement(_StarIcon.StarIcon,{style:_Welcome.styles.imageStar,fill:_colors.SECONDARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:7}}),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},(title||name)&&_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Welcome.styles.titleWelcome,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:13}},title),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Welcome.styles.titleName,__self:_this,__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:13}},name?name+'!':'User!'))));};var _default=Welcome;exports.default=_default;

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

@@ -4,6 +4,7 @@ export declare const styles: {
         alignItems: "center";
         flexDirection: "row";
         marginLeft: number;
+        paddingRight: number;
     };
     imageStar: {
         height: number;
@@ -12,12 +13,14 @@ export declare const styles: {
     };
     titleWelcome: {
         color: string;
-        height: number;
+        lineHeight: number;
         fontSize: number;
+        width: number;
     };
     titleName: {
         fontSize: number;
         color: string;
+        lineHeight: number;
         fontWeight: "800";
         width: number;
     };

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:32},imageStar:{height:40,width:40,marginRight:10},titleWelcome:{color:_colors.NEUTRAL_0,height:18,fontSize:14},titleName:{fontSize:18,color:_colors.NEUTRAL_0,fontWeight:'800',width:150}});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:151},titleName:{fontSize:22,color:_colors.NEUTRAL_0,lineHeight:28,fontWeight:'800',width:151}});exports.styles=styles;

package/dist-native/components/pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { PaginationProps } from './Pagination.types';
-export declare const Pagination: ({ currentPage, onChangeSelected, totalData, amountDataPerPage, pagination, }: PaginationProps) => React.JSX.Element;
+declare const Pagination: ({ currentPage, onChangeSelected, totalData, amountDataPerPage, pagination, }: PaginationProps) => React.JSX.Element;
+export default Pagination;