etendo-ui-library 1.2.16 → 1.2.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-native/components/navbar/Navbar.js +1 -1
- package/dist-native/components/navbar/Navbar.styles.d.ts +0 -5
- package/dist-native/components/navbar/Navbar.styles.js +1 -1
- package/dist-native/components/navbar/Navbar.types.d.ts +3 -0
- package/dist-native/components/navbar/components/Notification/NotificationsOptions.js +1 -1
- package/dist-native/components/navbar/components/Profile/Profile.d.ts +1 -1
- package/dist-native/components/navbar/components/Profile/Profile.js +1 -1
- package/dist-native/components/navbar/components/Profile/Profile.styles.d.ts +0 -11
- package/dist-native/components/navbar/components/Profile/Profile.styles.js +1 -1
- package/dist-native/components/navbar/components/Profile/ProfileImage.d.ts +1 -1
- package/dist-native/components/navbar/components/Profile/ProfileImage.js +1 -1
- package/dist-native/components/navbar/components/Profile/ProfileOptions.d.ts +1 -1
- package/dist-native/components/navbar/components/Profile/ProfileOptions.js +1 -1
- package/dist-web/components/navbar/Navbar.js +25 -12
- package/dist-web/components/navbar/Navbar.styles.d.ts +0 -5
- package/dist-web/components/navbar/Navbar.styles.js +3 -9
- package/dist-web/components/navbar/Navbar.types.d.ts +3 -0
- package/dist-web/components/navbar/components/Profile/Profile.d.ts +1 -1
- package/dist-web/components/navbar/components/Profile/Profile.js +13 -5
- package/dist-web/components/navbar/components/Profile/Profile.styles.d.ts +0 -11
- package/dist-web/components/navbar/components/Profile/Profile.styles.js +0 -12
- package/dist-web/components/navbar/components/Profile/ProfileImage.d.ts +1 -1
- package/dist-web/components/navbar/components/Profile/ProfileImage.js +6 -2
- package/dist-web/components/navbar/components/Profile/ProfileOptions.d.ts +1 -1
- package/dist-web/components/navbar/components/Profile/ProfileOptions.js +2 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var _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,navbarComponents=_ref.navbarComponents,profileOptions=_ref.profileOptions,profileImage=_ref.profileImage,endOptions=_ref.endOptions,onOptionSelectedProfile=_ref.onOptionSelectedProfile,onPressMenuBurger=_ref.onPressMenuBurger,onPressLogo=_ref.onPressLogo;var _useState=(0,_react.useState)(navbarComponents),_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)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),widthContainer=_useState6[0],setWidthContainer=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isTablet=_useState8[0],setIsTablet=_useState8[1];var hasCalculated=(0,_react.useRef)(false);var profileWidth=isTablet?84:72;var widthLeft=isTablet?463:124;var componentWidths=[];for(var i=0;i<((navbarComponents==null?void 0:navbarComponents.length)||0);i++){componentWidths[i]=0;}var calculateRenderedComponents=function calculateRenderedComponents(index,newWidth){componentWidths[index]=newWidth;if(navbarComponents){if(!hasCalculated.current&&index===(navbarComponents==null?void 0:navbarComponents.length)-1){removeAditionalComponents();hasCalculated.current=true;}}};var removeAditionalComponents=function removeAditionalComponents(){var totalWidth=0;for(var element of componentWidths){totalWidth+=element;}var _loop=function _loop(){var _renderedComponents$l;var lastComponentIndex=componentWidths.length-1;if(renderedComponents!=null&&(_renderedComponents$l=renderedComponents[lastComponentIndex])!=null&&_renderedComponents$l.inOptions){setRemovedComponents(function(prevRemovedComponent){var updatedRemovedComponent=[renderedComponents[lastComponentIndex].inOptions].concat((0,_toConsumableArray2.default)(prevRemovedComponent!=null?prevRemovedComponent:[]));return updatedRemovedComponent;});}totalWidth-=componentWidths[lastComponentIndex];componentWidths.splice(lastComponentIndex,1);};while(totalWidth+widthLeft+profileWidth-(isTablet?32:24)>widthContainer){_loop();}setRenderedComponents(function(prev){var slicedComponents=prev==null?void 0:prev.slice(0,componentWidths.length);return slicedComponents==null?void 0:slicedComponents.reverse();});};(0,_react.useEffect)(function(){setIsTablet(widthContainer>1080);},[widthContainer]);return _react.default.createElement(_reactNative.View,{style:[_Navbar.styles.container,{height:isTablet?80:72}],onLayout:function onLayout(event){setWidthContainer(event.nativeEvent.layout.width);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.leftContainer,{paddingLeft:isTablet?32:24,width:isTablet?463:124}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:7}},isTablet?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.EtendoLogo,{onPress:onPressLogo,pressable:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:13}}),_react.default.createElement(_index.Welcome,{name:name,title:title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:13}})):_react.default.createElement(_MenuBurger.default,{onPress:onPressMenuBurger,__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.rightContainer,{width:isTablet?84:72}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,widthContainer!==0&&isTablet&&(renderedComponents==null?void 0:renderedComponents.map(function(item,index){return _react.default.createElement(_reactNative.View,{key:index,onLayout:function onLayout(event){calculateRenderedComponents(index,event.nativeEvent.layout.width+(isTablet?32:24));},style:[_Navbar.styles.itemMapContainer,!hasCalculated.current&&{opacity:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:15}},item.component);}))),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:9}},_react.default.createElement(_index.Profile,{profileOptions:profileOptions,otherOptions:removedComponents,name:name,email:email,onOptionSelected:onOptionSelectedProfile,profileImage:profileImage,endOptions:endOptions,__self:_this,__source:{fileName:_jsxFileName,lineNumber:131,columnNumber:11}}))));};var _default=Navbar;exports.default=_default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
3
|
backgroundColor: string;
|
|
4
|
-
height: number;
|
|
5
4
|
display: "flex";
|
|
6
5
|
alignItems: "center";
|
|
7
6
|
justifyContent: "space-between";
|
|
@@ -12,15 +11,12 @@ export declare const styles: {
|
|
|
12
11
|
alignItems: "center";
|
|
13
12
|
justifyContent: "flex-start";
|
|
14
13
|
display: "flex";
|
|
15
|
-
paddingLeft: number;
|
|
16
|
-
width: number;
|
|
17
14
|
};
|
|
18
15
|
rightContainer: {
|
|
19
16
|
flexDirection: "row";
|
|
20
17
|
alignItems: "center";
|
|
21
18
|
justifyContent: "flex-end";
|
|
22
19
|
display: "flex";
|
|
23
|
-
width: number;
|
|
24
20
|
};
|
|
25
21
|
storiesContainer: {};
|
|
26
22
|
itemMapContainer: {
|
|
@@ -28,4 +24,3 @@ export declare const styles: {
|
|
|
28
24
|
flexDirection: "row";
|
|
29
25
|
};
|
|
30
26
|
};
|
|
31
|
-
export declare const marginIncomponents: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=
|
|
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,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},leftContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex'},rightContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-end',display:'flex'},storiesContainer:{},itemMapContainer:{marginRight:28,flexDirection:'row'}});exports.styles=styles;
|
|
@@ -59,12 +59,14 @@ export interface ProfileProps {
|
|
|
59
59
|
profileOptions?: OptionProfileItem[];
|
|
60
60
|
endOptions?: OptionProfileItem[];
|
|
61
61
|
otherOptions?: (OptionProfileItem | undefined)[];
|
|
62
|
+
isTablet?: boolean;
|
|
62
63
|
onOptionSelected?: (item?: string, index?: number) => void;
|
|
63
64
|
}
|
|
64
65
|
export interface ProfileImageProps {
|
|
65
66
|
image?: React.ReactElement;
|
|
66
67
|
name?: string;
|
|
67
68
|
inOptions?: boolean;
|
|
69
|
+
isTablet?: boolean;
|
|
68
70
|
}
|
|
69
71
|
export interface ProfileOptionsProps {
|
|
70
72
|
profileImage?: React.ReactElement;
|
|
@@ -74,6 +76,7 @@ export interface ProfileOptionsProps {
|
|
|
74
76
|
profileOptions?: OptionProfileItem[];
|
|
75
77
|
endOptions?: OptionProfileItem[];
|
|
76
78
|
otherOptions?: (OptionProfileItem | undefined)[];
|
|
79
|
+
isTablet?: boolean;
|
|
77
80
|
onOptionSelected?: (item?: string, index?: number) => void;
|
|
78
81
|
}
|
|
79
82
|
export type DrawerCurrentPageType = {
|
|
@@ -1 +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:
|
|
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:54,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionsContainerTop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionNotificationText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:13}},"Notifications"),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:onMarkAllAsReadNotifications,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionMarkAllText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:66,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:72,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,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:85,columnNumber:21}})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:19}},_react.default.createElement(_reactNative.Text,{numberOfLines:2,ellipsizeMode:"tail",style:_Notification.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:21}},optionNotificationItem==null?void 0:optionNotificationItem.title),_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionTimeText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:21}},optionNotificationItem==null?void 0:optionNotificationItem.time)));}),_react.default.createElement(_reactNative.View,{style:_Notification.styles.optionViewAllTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:11}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:onViewAllNotifications,__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Notification.styles.optionViewAllText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:15}},"View all notifications"))))));};var _default=NotificationsOptions;exports.default=_default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProfileProps } from '../../Navbar.types';
|
|
3
|
-
declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileProps) => React.JSX.Element;
|
|
3
|
+
declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, endOptions, onOptionSelected, isTablet, }: ProfileProps) => React.JSX.Element;
|
|
4
4
|
export default Profile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileOptions=_interopRequireDefault(require("./ProfileOptions"));var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _AplicationsIcon=require("../../../../assets/images/icons/AplicationsIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/Profile.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Profile=function Profile(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,endOptions=_ref.endOptions,onOptionSelected=_ref.onOptionSelected;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),showOptions=_useState2[0],setShowOptions=_useState2[1];var _useState3=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState4=(0,_slicedToArray2.default)(_useState3,2),posicionModal=_useState4[0],setPosicionModal=_useState4[1];var refComponente=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){setPosicionModal({top:pageY+height,left:pageX,width:width,height:height});});}};var handleOptionSelected=function handleOptionSelected(route,index){if(onOptionSelected){onOptionSelected(route,index);}setShowOptions(false);};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{style:_Profile.styles.container,ref:refComponente,onPress:function onPress(){getTopLeft();setShowOptions(true);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileOptions=_interopRequireDefault(require("./ProfileOptions"));var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _AplicationsIcon=require("../../../../assets/images/icons/AplicationsIcon");var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/Profile.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Profile=function Profile(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,endOptions=_ref.endOptions,onOptionSelected=_ref.onOptionSelected,isTablet=_ref.isTablet;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,{marginRight:isTablet?32:24}],ref:refComponente,onPress:function onPress(){getTopLeft();setShowOptions(true);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:7}},otherOptions!=null&&otherOptions.length?_react.default.createElement(_AplicationsIcon.AplicationsIcon,{style:{width:isTablet?32:28,height:isTablet?32:28},fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:11}}):_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,isTablet:isTablet,__self:_this,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:11}})),_react.default.createElement(_reactNative.Modal,{visible:showOptions,animationType:"fade",transparent:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,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:79,columnNumber:9}},_react.default.createElement(_ProfileOptions.default,{profileOptions:profileOptions,otherOptions:otherOptions,posicionModal:posicionModal,profileImage:profileImage,name:name,email:email,onOptionSelected:handleOptionSelected,endOptions:endOptions,isTablet:isTablet,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:11}}))));};var _default=Profile;exports.default=_default;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
|
-
marginRight: number;
|
|
4
3
|
display: "flex";
|
|
5
4
|
alignItems: "center";
|
|
6
5
|
justifyContent: "center";
|
|
@@ -66,13 +65,7 @@ export declare const styles: {
|
|
|
66
65
|
alignItems: "center";
|
|
67
66
|
backgroundColor: string;
|
|
68
67
|
};
|
|
69
|
-
profileImageSize: {
|
|
70
|
-
width: number;
|
|
71
|
-
height: number;
|
|
72
|
-
};
|
|
73
68
|
roundImage: {
|
|
74
|
-
width: number;
|
|
75
|
-
height: number;
|
|
76
69
|
borderRadius: number;
|
|
77
70
|
backgroundColor: string;
|
|
78
71
|
alignItems: "center";
|
|
@@ -125,10 +118,6 @@ export declare const styles: {
|
|
|
125
118
|
width: number;
|
|
126
119
|
};
|
|
127
120
|
optionsMapContainer: {};
|
|
128
|
-
aplicationIcon: {
|
|
129
|
-
width: number;
|
|
130
|
-
height: number;
|
|
131
|
-
};
|
|
132
121
|
scroll: {
|
|
133
122
|
maxHeight: number;
|
|
134
123
|
marginHorizontal: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.separatorPopUp=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.separatorPopUp=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=_reactNative.StyleSheet.create({container:{display:'flex',alignItems:'center',justifyContent:'center'},imageProfile:{height:48,width:48},nameText:{position:'absolute',fontSize:25,fontWeight:'600',color:_colors.QUATERNARY_100,zIndex:3},optionsContainer:{position:'absolute',top:40,right:60,backgroundColor:_colors.NEUTRAL_0,borderRadius:8,zIndex:2,width:256,overflow:'hidden'},option:{height:40,paddingHorizontal:8,flexDirection:'row',alignItems:'center',marginVertical:8,borderRadius:8},optionLogOut:{height:40,paddingHorizontal:8,flexDirection:'row',alignItems:'center',margin:8,borderRadius:8},separator:{height:1,backgroundColor:_colors.NEUTRAL_5},separatorBottom:{height:1,backgroundColor:_colors.NEUTRAL_5,marginHorizontal:8},optionText:{fontSize:12,color:_colors.NEUTRAL_100,marginBottom:5},optionTimeText:{fontSize:12,color:_colors.NEUTRAL_40},modalBackground:{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:_colors.OVERLAY},roundImage:{borderRadius:50,backgroundColor:_colors.QUATERNARY_50,alignItems:'center',justifyContent:'center',display:'flex',overflow:'hidden'},optionsHeaderContainer:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',height:64,paddingLeft:16},optionsHeaderTextContainer:{marginLeft:8},optionsHeaderTextName:{color:_colors.PRIMARY_100,fontWeight:'600',fontSize:14,width:180},optionsHeaderTextEmail:{color:_colors.NEUTRAL_60,fontWeight:'500',fontSize:12,width:180},optionsItemsText:{color:_colors.PRIMARY_100,fontWeight:'500',fontSize:14,lineHeight:22,verticalAlign:'middle',width:180},optionItemContainer:{flexDirection:'row',display:'flex',alignItems:'center'},optionItemImageSize:{height:16,width:16},optionItemImage:{marginRight:10,height:16,width:16},optionsMapContainer:{},scroll:{maxHeight:282,marginHorizontal:8},scrollBottom:{maxHeight:282,marginHorizontal:8}});exports.styles=styles;var separatorPopUp=5;exports.separatorPopUp=separatorPopUp;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProfileImageProps } from '../../Navbar.types';
|
|
3
|
-
declare const ProfileImage: ({ image, name, inOptions }: ProfileImageProps) => React.JSX.Element;
|
|
3
|
+
declare const ProfileImage: ({ image, name, inOptions, isTablet, }: ProfileImageProps) => React.JSX.Element;
|
|
4
4
|
export default ProfileImage;
|
|
@@ -1 +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,inOptions=_ref.inOptions;if(image){return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.roundImage,inOptions&&{height:40,width:40}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
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,inOptions=_ref.inOptions,isTablet=_ref.isTablet;if(image){return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.roundImage,inOptions&&{height:40,width:40}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:7}},_react.default.cloneElement(image,{style:{width:isTablet?52:48,height:isTablet?52:48}}));}return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.roundImage,inOptions&&{height:40,width:40}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_Profile.styles.nameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProfileOptionsProps } from '../../Navbar.types';
|
|
3
|
-
declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
|
|
3
|
+
declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, endOptions, isTablet, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
|
|
4
4
|
export default ProfileOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/ProfileOptions.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ProfileOptions=function ProfileOptions(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,posicionModal=_ref.posicionModal,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,endOptions=_ref.endOptions,onOptionSelected=_ref.onOptionSelected;var defaultNameValue='User';var scrollRef=_react.default.useRef(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isScrollable=_useState2[0],setIsScrollable=_useState2[1];var _useState3=(0,_react.useState)(-1),_useState4=(0,_slicedToArray2.default)(_useState3,2),profileOptionIndex=_useState4[0],setProfileOptionIndex=_useState4[1];var _useState5=(0,_react.useState)(-1),_useState6=(0,_slicedToArray2.default)(_useState5,2),otherOptionIndex=_useState6[0],setOtherOptionIndex=_useState6[1];var _useState7=(0,_react.useState)(-1),_useState8=(0,_slicedToArray2.default)(_useState7,2),endOptionIndex=_useState8[0],setEndOptionIndex=_useState8[1];var handleProfileOptionSelected=function handleProfileOptionSelected(item,index){setProfileOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleOtherOptionsSelected=function handleOtherOptionsSelected(item,index){setOtherOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleEndOptionsSelected=function handleEndOptionsSelected(item,index){setEndOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=_Profile.styles.scroll.maxHeight;setIsScrollable(contentHeight>containerHeight);};var isSeparator=function isSeparator(length,isBottom){if(length){return _react.default.createElement(_reactNative.View,{style:isBottom?_Profile.styles.separatorBottom:_Profile.styles.separator,__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Profile=require("./Profile.styles");var _ProfileImage=_interopRequireDefault(require("./ProfileImage"));var _colors=require("../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/components/Profile/ProfileOptions.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ProfileOptions=function ProfileOptions(_ref){var profileImage=_ref.profileImage,name=_ref.name,email=_ref.email,posicionModal=_ref.posicionModal,profileOptions=_ref.profileOptions,otherOptions=_ref.otherOptions,endOptions=_ref.endOptions,isTablet=_ref.isTablet,onOptionSelected=_ref.onOptionSelected;var defaultNameValue='User';var scrollRef=_react.default.useRef(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isScrollable=_useState2[0],setIsScrollable=_useState2[1];var _useState3=(0,_react.useState)(-1),_useState4=(0,_slicedToArray2.default)(_useState3,2),profileOptionIndex=_useState4[0],setProfileOptionIndex=_useState4[1];var _useState5=(0,_react.useState)(-1),_useState6=(0,_slicedToArray2.default)(_useState5,2),otherOptionIndex=_useState6[0],setOtherOptionIndex=_useState6[1];var _useState7=(0,_react.useState)(-1),_useState8=(0,_slicedToArray2.default)(_useState7,2),endOptionIndex=_useState8[0],setEndOptionIndex=_useState8[1];var handleProfileOptionSelected=function handleProfileOptionSelected(item,index){setProfileOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleOtherOptionsSelected=function handleOtherOptionsSelected(item,index){setOtherOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var handleEndOptionsSelected=function handleEndOptionsSelected(item,index){setEndOptionIndex(index);setTimeout(function(){if(onOptionSelected){onOptionSelected(item,index);}},100);};var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=_Profile.styles.scroll.maxHeight;setIsScrollable(contentHeight>containerHeight);};var isSeparator=function isSeparator(length,isBottom){if(length){return _react.default.createElement(_reactNative.View,{style:isBottom?_Profile.styles.separatorBottom:_Profile.styles.separator,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:9}});}};return _react.default.createElement(_reactNative.View,{style:[_Profile.styles.optionsContainer,{top:_Profile.separatorPopUp+posicionModal.top,left:posicionModal.left-_Profile.styles.optionsContainer.width+(otherOptions!=null&&otherOptions.length?isTablet?32:28:isTablet?52:48)}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:7}},_react.default.createElement(_ProfileImage.default,{image:profileImage,name:name,inOptions:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionsHeaderTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:9}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsHeaderTextName,__self:_this,__source:{fileName:_jsxFileName,lineNumber:82,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:89,columnNumber:13}},email))),isSeparator(profileOptions==null?void 0:profileOptions.length),_react.default.createElement(_reactNative.ScrollView,{showsVerticalScrollIndicator:true,persistentScrollbar:true,style:[_Profile.styles.scroll,isScrollable&&{marginRight:6,paddingRight:9}],onContentSizeChange:onContentSizeChange,ref:scrollRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:7}},_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,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:110,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:122,columnNumber:15}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,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:131,columnNumber:17}},item==null?void 0:item.title)));})),isSeparator(otherOptions==null?void 0:otherOptions.length),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,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:144,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:15}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,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:165,columnNumber:17}},item==null?void 0:item.title)));}))),isSeparator(endOptions==null?void 0:endOptions.length,true),_react.default.createElement(_reactNative.ScrollView,{style:_Profile.styles.scrollBottom,__self:_this,__source:{fileName:_jsxFileName,lineNumber:177,columnNumber:7}},endOptions==null?void 0:endOptions.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{key:index,style:[_Profile.styles.option,endOptionIndex===index&&{backgroundColor:_colors.QUATERNARY_10}],onPress:function onPress(){return handleEndOptionsSelected(item==null?void 0:item.route,index);},onHoverIn:function onHoverIn(){return setEndOptionIndex(index);},onHoverOut:function onHoverOut(){return setEndOptionIndex(-1);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:179,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:190,columnNumber:13}},(item==null?void 0:item.image)&&_react.default.createElement(_reactNative.View,{style:_Profile.styles.optionItemImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:17}},_react.default.cloneElement(item.image,{fill:_colors.PRIMARY_100,style:_Profile.styles.optionItemImageSize})),_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Profile.styles.optionsItemsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:199,columnNumber:15}},item==null?void 0:item.title)));})));};var _default=ProfileOptions;exports.default=_default;
|
|
@@ -9,11 +9,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
11
|
import { View } from "react-native-web";
|
|
12
|
-
import React, { useRef, useState } from 'react';
|
|
13
|
-
import {
|
|
12
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
13
|
+
import { styles } from "./Navbar.styles";
|
|
14
14
|
import { Welcome, Profile, EtendoLogo } from "./index";
|
|
15
15
|
import MenuBurger from "./components/MenuBurger/MenuBurger";
|
|
16
|
-
import { isTablet } from "../../helpers/table_utils";
|
|
17
16
|
var Navbar = function Navbar(_ref) {
|
|
18
17
|
var name = _ref.name,
|
|
19
18
|
title = _ref.title,
|
|
@@ -25,8 +24,6 @@ var Navbar = function Navbar(_ref) {
|
|
|
25
24
|
onOptionSelectedProfile = _ref.onOptionSelectedProfile,
|
|
26
25
|
onPressMenuBurger = _ref.onPressMenuBurger,
|
|
27
26
|
onPressLogo = _ref.onPressLogo;
|
|
28
|
-
var widthLeft = styles.leftContainer.width;
|
|
29
|
-
var profileWidth = isTablet() ? 84 : 72;
|
|
30
27
|
var _useState = useState(navbarComponents),
|
|
31
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
32
29
|
renderedComponents = _useState2[0],
|
|
@@ -39,7 +36,13 @@ var Navbar = function Navbar(_ref) {
|
|
|
39
36
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
40
37
|
widthContainer = _useState6[0],
|
|
41
38
|
setWidthContainer = _useState6[1];
|
|
39
|
+
var _useState7 = useState(false),
|
|
40
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
41
|
+
isTablet = _useState8[0],
|
|
42
|
+
setIsTablet = _useState8[1];
|
|
42
43
|
var hasCalculated = useRef(false);
|
|
44
|
+
var profileWidth = isTablet ? 84 : 72;
|
|
45
|
+
var widthLeft = isTablet ? 463 : 124;
|
|
43
46
|
var componentWidths = [];
|
|
44
47
|
for (var i = 0; i < ((navbarComponents === null || navbarComponents === void 0 ? void 0 : navbarComponents.length) || 0); i++) {
|
|
45
48
|
componentWidths[i] = 0;
|
|
@@ -71,7 +74,7 @@ var Navbar = function Navbar(_ref) {
|
|
|
71
74
|
totalWidth -= componentWidths[lastComponentIndex];
|
|
72
75
|
componentWidths.splice(lastComponentIndex, 1);
|
|
73
76
|
};
|
|
74
|
-
while (totalWidth + widthLeft + profileWidth -
|
|
77
|
+
while (totalWidth + widthLeft + profileWidth - (isTablet ? 32 : 24) > widthContainer) {
|
|
75
78
|
_loop();
|
|
76
79
|
}
|
|
77
80
|
setRenderedComponents(function (prev) {
|
|
@@ -79,14 +82,22 @@ var Navbar = function Navbar(_ref) {
|
|
|
79
82
|
return slicedComponents === null || slicedComponents === void 0 ? void 0 : slicedComponents.reverse();
|
|
80
83
|
});
|
|
81
84
|
};
|
|
85
|
+
useEffect(function () {
|
|
86
|
+
setIsTablet(widthContainer > 1080);
|
|
87
|
+
}, [widthContainer]);
|
|
82
88
|
return /*#__PURE__*/React.createElement(View, {
|
|
83
|
-
style: styles.container,
|
|
89
|
+
style: [styles.container, {
|
|
90
|
+
height: isTablet ? 80 : 72
|
|
91
|
+
}],
|
|
84
92
|
onLayout: function onLayout(event) {
|
|
85
93
|
setWidthContainer(event.nativeEvent.layout.width);
|
|
86
94
|
}
|
|
87
95
|
}, /*#__PURE__*/React.createElement(View, {
|
|
88
|
-
style: [styles.leftContainer
|
|
89
|
-
|
|
96
|
+
style: [styles.leftContainer, {
|
|
97
|
+
paddingLeft: isTablet ? 32 : 24,
|
|
98
|
+
width: isTablet ? 463 : 124
|
|
99
|
+
}]
|
|
100
|
+
}, isTablet ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EtendoLogo, {
|
|
90
101
|
onPress: onPressLogo,
|
|
91
102
|
pressable: true
|
|
92
103
|
}), /*#__PURE__*/React.createElement(Welcome, {
|
|
@@ -95,12 +106,14 @@ var Navbar = function Navbar(_ref) {
|
|
|
95
106
|
})) : /*#__PURE__*/React.createElement(MenuBurger, {
|
|
96
107
|
onPress: onPressMenuBurger
|
|
97
108
|
})), /*#__PURE__*/React.createElement(View, {
|
|
98
|
-
style: [styles.rightContainer
|
|
99
|
-
|
|
109
|
+
style: [styles.rightContainer, {
|
|
110
|
+
width: isTablet ? 84 : 72
|
|
111
|
+
}]
|
|
112
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, widthContainer !== 0 && isTablet && (renderedComponents === null || renderedComponents === void 0 ? void 0 : renderedComponents.map(function (item, index) {
|
|
100
113
|
return /*#__PURE__*/React.createElement(View, {
|
|
101
114
|
key: index,
|
|
102
115
|
onLayout: function onLayout(event) {
|
|
103
|
-
calculateRenderedComponents(index, event.nativeEvent.layout.width +
|
|
116
|
+
calculateRenderedComponents(index, event.nativeEvent.layout.width + (isTablet ? 32 : 24));
|
|
104
117
|
},
|
|
105
118
|
style: [styles.itemMapContainer, !hasCalculated.current && {
|
|
106
119
|
opacity: 0
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
3
|
backgroundColor: string;
|
|
4
|
-
height: number;
|
|
5
4
|
display: "flex";
|
|
6
5
|
alignItems: "center";
|
|
7
6
|
justifyContent: "space-between";
|
|
@@ -12,15 +11,12 @@ export declare const styles: {
|
|
|
12
11
|
alignItems: "center";
|
|
13
12
|
justifyContent: "flex-start";
|
|
14
13
|
display: "flex";
|
|
15
|
-
paddingLeft: number;
|
|
16
|
-
width: number;
|
|
17
14
|
};
|
|
18
15
|
rightContainer: {
|
|
19
16
|
flexDirection: "row";
|
|
20
17
|
alignItems: "center";
|
|
21
18
|
justifyContent: "flex-end";
|
|
22
19
|
display: "flex";
|
|
23
|
-
width: number;
|
|
24
20
|
};
|
|
25
21
|
storiesContainer: {};
|
|
26
22
|
itemMapContainer: {
|
|
@@ -28,4 +24,3 @@ export declare const styles: {
|
|
|
28
24
|
flexDirection: "row";
|
|
29
25
|
};
|
|
30
26
|
};
|
|
31
|
-
export declare const marginIncomponents: number;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native-web";
|
|
2
2
|
import { PRIMARY_100 } from "../../styles/colors";
|
|
3
|
-
import { isTablet } from "../../helpers/table_utils";
|
|
4
3
|
export var styles = StyleSheet.create({
|
|
5
4
|
container: {
|
|
6
5
|
backgroundColor: PRIMARY_100,
|
|
7
|
-
height: isTablet() ? 80 : 72,
|
|
8
6
|
display: 'flex',
|
|
9
7
|
alignItems: 'center',
|
|
10
8
|
justifyContent: 'space-between',
|
|
@@ -14,21 +12,17 @@ export var styles = StyleSheet.create({
|
|
|
14
12
|
flexDirection: 'row',
|
|
15
13
|
alignItems: 'center',
|
|
16
14
|
justifyContent: 'flex-start',
|
|
17
|
-
display: 'flex'
|
|
18
|
-
paddingLeft: isTablet() ? 32 : 24,
|
|
19
|
-
width: isTablet() ? 463 : 124
|
|
15
|
+
display: 'flex'
|
|
20
16
|
},
|
|
21
17
|
rightContainer: {
|
|
22
18
|
flexDirection: 'row',
|
|
23
19
|
alignItems: 'center',
|
|
24
20
|
justifyContent: 'flex-end',
|
|
25
|
-
display: 'flex'
|
|
26
|
-
width: isTablet() ? 84 : 72
|
|
21
|
+
display: 'flex'
|
|
27
22
|
},
|
|
28
23
|
storiesContainer: {},
|
|
29
24
|
itemMapContainer: {
|
|
30
25
|
marginRight: 28,
|
|
31
26
|
flexDirection: 'row'
|
|
32
27
|
}
|
|
33
|
-
});
|
|
34
|
-
export var marginIncomponents = isTablet() ? 32 : 24;
|
|
28
|
+
});
|
|
@@ -59,12 +59,14 @@ export interface ProfileProps {
|
|
|
59
59
|
profileOptions?: OptionProfileItem[];
|
|
60
60
|
endOptions?: OptionProfileItem[];
|
|
61
61
|
otherOptions?: (OptionProfileItem | undefined)[];
|
|
62
|
+
isTablet?: boolean;
|
|
62
63
|
onOptionSelected?: (item?: string, index?: number) => void;
|
|
63
64
|
}
|
|
64
65
|
export interface ProfileImageProps {
|
|
65
66
|
image?: React.ReactElement;
|
|
66
67
|
name?: string;
|
|
67
68
|
inOptions?: boolean;
|
|
69
|
+
isTablet?: boolean;
|
|
68
70
|
}
|
|
69
71
|
export interface ProfileOptionsProps {
|
|
70
72
|
profileImage?: React.ReactElement;
|
|
@@ -74,6 +76,7 @@ export interface ProfileOptionsProps {
|
|
|
74
76
|
profileOptions?: OptionProfileItem[];
|
|
75
77
|
endOptions?: OptionProfileItem[];
|
|
76
78
|
otherOptions?: (OptionProfileItem | undefined)[];
|
|
79
|
+
isTablet?: boolean;
|
|
77
80
|
onOptionSelected?: (item?: string, index?: number) => void;
|
|
78
81
|
}
|
|
79
82
|
export type DrawerCurrentPageType = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProfileProps } from '../../Navbar.types';
|
|
3
|
-
declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileProps) => React.JSX.Element;
|
|
3
|
+
declare const Profile: ({ profileImage, name, email, profileOptions, otherOptions, endOptions, onOptionSelected, isTablet, }: ProfileProps) => React.JSX.Element;
|
|
4
4
|
export default Profile;
|
|
@@ -18,7 +18,8 @@ var Profile = function Profile(_ref) {
|
|
|
18
18
|
profileOptions = _ref.profileOptions,
|
|
19
19
|
otherOptions = _ref.otherOptions,
|
|
20
20
|
endOptions = _ref.endOptions,
|
|
21
|
-
onOptionSelected = _ref.onOptionSelected
|
|
21
|
+
onOptionSelected = _ref.onOptionSelected,
|
|
22
|
+
isTablet = _ref.isTablet;
|
|
22
23
|
var _useState = useState(false),
|
|
23
24
|
_useState2 = _slicedToArray(_useState, 2),
|
|
24
25
|
showOptions = _useState2[0],
|
|
@@ -57,18 +58,24 @@ var Profile = function Profile(_ref) {
|
|
|
57
58
|
setShowOptions(false);
|
|
58
59
|
};
|
|
59
60
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
60
|
-
style: styles.container,
|
|
61
|
+
style: [styles.container, {
|
|
62
|
+
marginRight: isTablet ? 32 : 24
|
|
63
|
+
}],
|
|
61
64
|
ref: refComponente,
|
|
62
65
|
onPress: function onPress() {
|
|
63
66
|
getTopLeft();
|
|
64
67
|
setShowOptions(true);
|
|
65
68
|
}
|
|
66
69
|
}, otherOptions !== null && otherOptions !== void 0 && otherOptions.length ? /*#__PURE__*/React.createElement(AplicationsIcon, {
|
|
67
|
-
style:
|
|
70
|
+
style: {
|
|
71
|
+
width: isTablet ? 32 : 28,
|
|
72
|
+
height: isTablet ? 32 : 28
|
|
73
|
+
},
|
|
68
74
|
fill: NEUTRAL_0
|
|
69
75
|
}) : /*#__PURE__*/React.createElement(ProfileImage, {
|
|
70
76
|
image: profileImage,
|
|
71
|
-
name: name
|
|
77
|
+
name: name,
|
|
78
|
+
isTablet: isTablet
|
|
72
79
|
})), /*#__PURE__*/React.createElement(Modal, {
|
|
73
80
|
visible: showOptions,
|
|
74
81
|
animationType: "fade",
|
|
@@ -87,7 +94,8 @@ var Profile = function Profile(_ref) {
|
|
|
87
94
|
name: name,
|
|
88
95
|
email: email,
|
|
89
96
|
onOptionSelected: handleOptionSelected,
|
|
90
|
-
endOptions: endOptions
|
|
97
|
+
endOptions: endOptions,
|
|
98
|
+
isTablet: isTablet
|
|
91
99
|
}))));
|
|
92
100
|
};
|
|
93
101
|
export default Profile;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
|
-
marginRight: number;
|
|
4
3
|
display: "flex";
|
|
5
4
|
alignItems: "center";
|
|
6
5
|
justifyContent: "center";
|
|
@@ -66,13 +65,7 @@ export declare const styles: {
|
|
|
66
65
|
alignItems: "center";
|
|
67
66
|
backgroundColor: string;
|
|
68
67
|
};
|
|
69
|
-
profileImageSize: {
|
|
70
|
-
width: number;
|
|
71
|
-
height: number;
|
|
72
|
-
};
|
|
73
68
|
roundImage: {
|
|
74
|
-
width: number;
|
|
75
|
-
height: number;
|
|
76
69
|
borderRadius: number;
|
|
77
70
|
backgroundColor: string;
|
|
78
71
|
alignItems: "center";
|
|
@@ -125,10 +118,6 @@ export declare const styles: {
|
|
|
125
118
|
width: number;
|
|
126
119
|
};
|
|
127
120
|
optionsMapContainer: {};
|
|
128
|
-
aplicationIcon: {
|
|
129
|
-
width: number;
|
|
130
|
-
height: number;
|
|
131
|
-
};
|
|
132
121
|
scroll: {
|
|
133
122
|
maxHeight: number;
|
|
134
123
|
marginHorizontal: number;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native-web";
|
|
2
2
|
import { NEUTRAL_0, NEUTRAL_100, NEUTRAL_40, NEUTRAL_5, NEUTRAL_60, OVERLAY, PRIMARY_100, QUATERNARY_100, QUATERNARY_50 } from "../../../../styles/colors";
|
|
3
|
-
import { isTablet } from "../../../../helpers/table_utils";
|
|
4
3
|
export var styles = StyleSheet.create({
|
|
5
4
|
container: {
|
|
6
|
-
marginRight: isTablet() ? 32 : 24,
|
|
7
5
|
display: 'flex',
|
|
8
6
|
alignItems: 'center',
|
|
9
7
|
justifyContent: 'center'
|
|
@@ -69,13 +67,7 @@ export var styles = StyleSheet.create({
|
|
|
69
67
|
alignItems: 'center',
|
|
70
68
|
backgroundColor: OVERLAY
|
|
71
69
|
},
|
|
72
|
-
profileImageSize: {
|
|
73
|
-
width: isTablet() ? 52 : 48,
|
|
74
|
-
height: isTablet() ? 52 : 48
|
|
75
|
-
},
|
|
76
70
|
roundImage: {
|
|
77
|
-
width: isTablet() ? 52 : 48,
|
|
78
|
-
height: isTablet() ? 52 : 48,
|
|
79
71
|
borderRadius: 50,
|
|
80
72
|
backgroundColor: QUATERNARY_50,
|
|
81
73
|
alignItems: 'center',
|
|
@@ -128,10 +120,6 @@ export var styles = StyleSheet.create({
|
|
|
128
120
|
width: 16
|
|
129
121
|
},
|
|
130
122
|
optionsMapContainer: {},
|
|
131
|
-
aplicationIcon: {
|
|
132
|
-
width: isTablet() ? 32 : 28,
|
|
133
|
-
height: isTablet() ? 32 : 28
|
|
134
|
-
},
|
|
135
123
|
scroll: {
|
|
136
124
|
maxHeight: 282,
|
|
137
125
|
marginHorizontal: 8
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProfileImageProps } from '../../Navbar.types';
|
|
3
|
-
declare const ProfileImage: ({ image, name, inOptions }: ProfileImageProps) => React.JSX.Element;
|
|
3
|
+
declare const ProfileImage: ({ image, name, inOptions, isTablet, }: ProfileImageProps) => React.JSX.Element;
|
|
4
4
|
export default ProfileImage;
|
|
@@ -5,7 +5,8 @@ var ProfileImage = function ProfileImage(_ref) {
|
|
|
5
5
|
var _name$charAt$toUpperC, _name$charAt;
|
|
6
6
|
var image = _ref.image,
|
|
7
7
|
name = _ref.name,
|
|
8
|
-
inOptions = _ref.inOptions
|
|
8
|
+
inOptions = _ref.inOptions,
|
|
9
|
+
isTablet = _ref.isTablet;
|
|
9
10
|
if (image) {
|
|
10
11
|
return /*#__PURE__*/React.createElement(View, {
|
|
11
12
|
style: [styles.roundImage, inOptions && {
|
|
@@ -13,7 +14,10 @@ var ProfileImage = function ProfileImage(_ref) {
|
|
|
13
14
|
width: 40
|
|
14
15
|
}]
|
|
15
16
|
}, /*#__PURE__*/React.cloneElement(image, {
|
|
16
|
-
style:
|
|
17
|
+
style: {
|
|
18
|
+
width: isTablet ? 52 : 48,
|
|
19
|
+
height: isTablet ? 52 : 48
|
|
20
|
+
}
|
|
17
21
|
}));
|
|
18
22
|
}
|
|
19
23
|
return /*#__PURE__*/React.createElement(View, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProfileOptionsProps } from '../../Navbar.types';
|
|
3
|
-
declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, endOptions, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
|
|
3
|
+
declare const ProfileOptions: ({ profileImage, name, email, posicionModal, profileOptions, otherOptions, endOptions, isTablet, onOptionSelected, }: ProfileOptionsProps) => React.JSX.Element;
|
|
4
4
|
export default ProfileOptions;
|
|
@@ -17,6 +17,7 @@ var ProfileOptions = function ProfileOptions(_ref) {
|
|
|
17
17
|
profileOptions = _ref.profileOptions,
|
|
18
18
|
otherOptions = _ref.otherOptions,
|
|
19
19
|
endOptions = _ref.endOptions,
|
|
20
|
+
isTablet = _ref.isTablet,
|
|
20
21
|
onOptionSelected = _ref.onOptionSelected;
|
|
21
22
|
var defaultNameValue = 'User';
|
|
22
23
|
var scrollRef = React.useRef(null);
|
|
@@ -74,7 +75,7 @@ var ProfileOptions = function ProfileOptions(_ref) {
|
|
|
74
75
|
return /*#__PURE__*/React.createElement(View, {
|
|
75
76
|
style: [styles.optionsContainer, {
|
|
76
77
|
top: separatorPopUp + posicionModal.top,
|
|
77
|
-
left: posicionModal.left - styles.optionsContainer.width + (otherOptions !== null && otherOptions !== void 0 && otherOptions.length ?
|
|
78
|
+
left: posicionModal.left - styles.optionsContainer.width + (otherOptions !== null && otherOptions !== void 0 && otherOptions.length ? isTablet ? 32 : 28 : isTablet ? 52 : 48)
|
|
78
79
|
}]
|
|
79
80
|
}, /*#__PURE__*/React.createElement(View, {
|
|
80
81
|
style: styles.optionsHeaderContainer
|