etendo-ui-library 1.2.14 → 1.2.16

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

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

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

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var _table_utils=require("../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/Navbar.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Navbar=function Navbar(_ref){var name=_ref.name,title=_ref.title,email=_ref.email,rightComponent=_ref.rightComponent,optionsProfile=_ref.optionsProfile,profileImage=_ref.profileImage,endOptions=_ref.endOptions,onOptionSelectedProfile=_ref.onOptionSelectedProfile,onPressMenuBurger=_ref.onPressMenuBurger,onPressLogo=_ref.onPressLogo;var width=_reactNative.Dimensions.get('window').width;var widthLeft=_Navbar.styles.leftContainer.width;var profileWidth=(0,_table_utils.isTablet)()?84:72;var _useState=(0,_react.useState)(rightComponent),_useState2=(0,_slicedToArray2.default)(_useState,2),renderedComponents=_useState2[0],setRenderedComponents=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),removedComponents=_useState4[0],setRemovedComponents=_useState4[1];var _useState5=(0,_react.useState)(true),_useState6=(0,_slicedToArray2.default)(_useState5,2),isLoading=_useState6[0],setIsLoading=_useState6[1];var componentWidths=[];for(var i=0;i<((rightComponent==null?void 0:rightComponent.length)||0);i++){componentWidths[i]=0;}var calculateRenderedComponents=function calculateRenderedComponents(index,newWidth){componentWidths[index]=newWidth;if(rightComponent){if(index===(rightComponent==null?void 0:rightComponent.length)-1){removeAditionalComponents();}}};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-_Navbar.marginIncomponents>width){_loop();}setRenderedComponents(function(prev){var slicedComponents=prev==null?void 0:prev.slice(0,componentWidths.length);return slicedComponents==null?void 0:slicedComponents.reverse();});setIsLoading(false);};return _react.default.createElement(_reactNative.View,{style:_Navbar.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.leftContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:7}},(0,_table_utils.isTablet)()?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.EtendoLogo,{onPress:onPressLogo,pressable:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:13}}),_react.default.createElement(_index.Welcome,{name:name,title:title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:13}})):_react.default.createElement(_MenuBurger.default,{onPress:onPressMenuBurger,__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.rightContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,renderedComponents==null?void 0:renderedComponents.map(function(item,index){return _react.default.createElement(_reactNative.View,{key:index,onLayout:function onLayout(event){calculateRenderedComponents(index,event.nativeEvent.layout.width+_Navbar.marginIncomponents);},style:[_Navbar.styles.itemMapContainer,isLoading&&{opacity:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:13}},item.component);})),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:9}},_react.default.createElement(_index.Profile,{profileOptions:optionsProfile,otherOptions:removedComponents,name:name,email:email,onOptionSelected:onOptionSelectedProfile,profileImage:profileImage,endOptions:endOptions,__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:11}}))));};var _default=Navbar;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Navbar=require("./Navbar.styles");var _index=require("./index");var _MenuBurger=_interopRequireDefault(require("./components/MenuBurger/MenuBurger"));var _table_utils=require("../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/navbar/Navbar.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Navbar=function Navbar(_ref){var name=_ref.name,title=_ref.title,email=_ref.email,navbarComponents=_ref.navbarComponents,profileOptions=_ref.profileOptions,profileImage=_ref.profileImage,endOptions=_ref.endOptions,onOptionSelectedProfile=_ref.onOptionSelectedProfile,onPressMenuBurger=_ref.onPressMenuBurger,onPressLogo=_ref.onPressLogo;var widthLeft=_Navbar.styles.leftContainer.width;var profileWidth=(0,_table_utils.isTablet)()?84:72;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 hasCalculated=(0,_react.useRef)(false);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-_Navbar.marginIncomponents>widthContainer){_loop();}setRenderedComponents(function(prev){var slicedComponents=prev==null?void 0:prev.slice(0,componentWidths.length);return slicedComponents==null?void 0:slicedComponents.reverse();});};return _react.default.createElement(_reactNative.View,{style:_Navbar.styles.container,onLayout:function onLayout(event){setWidthContainer(event.nativeEvent.layout.width);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.leftContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:7}},(0,_table_utils.isTablet)()?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.EtendoLogo,{onPress:onPressLogo,pressable:true,__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:13}}),_react.default.createElement(_index.Welcome,{name:name,title:title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:13}})):_react.default.createElement(_MenuBurger.default,{onPress:onPressMenuBurger,__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:[_Navbar.styles.rightContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:7}},_react.default.createElement(_react.default.Fragment,null,widthContainer!==0&&(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+_Navbar.marginIncomponents);},style:[_Navbar.styles.itemMapContainer,!hasCalculated.current&&{opacity:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:15}},item.component);}))),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:122,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:123,columnNumber:11}}))));};var _default=Navbar;exports.default=_default;

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

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import { GestureResponderEvent, LayoutChangeEvent } from 'react-native';
-export type RightComponent = {
+export type NavbarComponents = {
     component: React.ReactElement;
-    inOptions?: OptionProfileItem;
+    inOptions: OptionProfileItem;
 };
 export interface NavbarProps {
     name?: string;
     title?: string;
     email?: string;
-    rightComponent?: RightComponent[];
-    optionsProfile?: OptionProfileItem[];
+    navbarComponents?: NavbarComponents[];
+    profileOptions?: OptionProfileItem[];
     profileImage?: React.ReactElement;
     endOptions?: OptionProfileItem[];
     onOptionSelectedProfile?: (item?: string, index?: number) => void;

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

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

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

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Dimensions, View } from "react-native-web";
-import React, { useState } from 'react';
+import { View } from "react-native-web";
+import React, { useRef, useState } from 'react';
 import { marginIncomponents, styles } from "./Navbar.styles";
 import { Welcome, Profile, EtendoLogo } from "./index";
 import MenuBurger from "./components/MenuBurger/MenuBurger";
@@ -18,17 +18,16 @@ var Navbar = function Navbar(_ref) {
   var name = _ref.name,
     title = _ref.title,
     email = _ref.email,
-    rightComponent = _ref.rightComponent,
-    optionsProfile = _ref.optionsProfile,
+    navbarComponents = _ref.navbarComponents,
+    profileOptions = _ref.profileOptions,
     profileImage = _ref.profileImage,
     endOptions = _ref.endOptions,
     onOptionSelectedProfile = _ref.onOptionSelectedProfile,
     onPressMenuBurger = _ref.onPressMenuBurger,
     onPressLogo = _ref.onPressLogo;
-  var width = Dimensions.get('window').width;
   var widthLeft = styles.leftContainer.width;
   var profileWidth = isTablet() ? 84 : 72;
-  var _useState = useState(rightComponent),
+  var _useState = useState(navbarComponents),
     _useState2 = _slicedToArray(_useState, 2),
     renderedComponents = _useState2[0],
     setRenderedComponents = _useState2[1];
@@ -36,19 +35,21 @@ var Navbar = function Navbar(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     removedComponents = _useState4[0],
     setRemovedComponents = _useState4[1];
-  var _useState5 = useState(true),
+  var _useState5 = useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
-    isLoading = _useState6[0],
-    setIsLoading = _useState6[1];
+    widthContainer = _useState6[0],
+    setWidthContainer = _useState6[1];
+  var hasCalculated = useRef(false);
   var componentWidths = [];
-  for (var i = 0; i < ((rightComponent === null || rightComponent === void 0 ? void 0 : rightComponent.length) || 0); i++) {
+  for (var i = 0; i < ((navbarComponents === null || navbarComponents === void 0 ? void 0 : navbarComponents.length) || 0); i++) {
     componentWidths[i] = 0;
   }
   var calculateRenderedComponents = function calculateRenderedComponents(index, newWidth) {
     componentWidths[index] = newWidth;
-    if (rightComponent) {
-      if (index === (rightComponent === null || rightComponent === void 0 ? void 0 : rightComponent.length) - 1) {
+    if (navbarComponents) {
+      if (!hasCalculated.current && index === (navbarComponents === null || navbarComponents === void 0 ? void 0 : navbarComponents.length) - 1) {
         removeAditionalComponents();
+        hasCalculated.current = true;
       }
     }
   };
@@ -70,17 +71,19 @@ var Navbar = function Navbar(_ref) {
       totalWidth -= componentWidths[lastComponentIndex];
       componentWidths.splice(lastComponentIndex, 1);
     };
-    while (totalWidth + widthLeft + profileWidth - marginIncomponents > width) {
+    while (totalWidth + widthLeft + profileWidth - marginIncomponents > widthContainer) {
       _loop();
     }
     setRenderedComponents(function (prev) {
       var slicedComponents = prev === null || prev === void 0 ? void 0 : prev.slice(0, componentWidths.length);
       return slicedComponents === null || slicedComponents === void 0 ? void 0 : slicedComponents.reverse();
     });
-    setIsLoading(false);
   };
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: styles.container,
+    onLayout: function onLayout(event) {
+      setWidthContainer(event.nativeEvent.layout.width);
+    }
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.leftContainer]
   }, isTablet() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EtendoLogo, {
@@ -93,18 +96,18 @@ var Navbar = function Navbar(_ref) {
     onPress: onPressMenuBurger
   })), /*#__PURE__*/React.createElement(View, {
     style: [styles.rightContainer]
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, renderedComponents === null || renderedComponents === void 0 ? void 0 : renderedComponents.map(function (item, index) {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, widthContainer !== 0 && (renderedComponents === null || renderedComponents === void 0 ? void 0 : renderedComponents.map(function (item, index) {
     return /*#__PURE__*/React.createElement(View, {
       key: index,
       onLayout: function onLayout(event) {
         calculateRenderedComponents(index, event.nativeEvent.layout.width + marginIncomponents);
       },
-      style: [styles.itemMapContainer, isLoading && {
+      style: [styles.itemMapContainer, !hasCalculated.current && {
         opacity: 0
       }]
     }, item.component);
-  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Profile, {
-    profileOptions: optionsProfile,
+  }))), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Profile, {
+    profileOptions: profileOptions,
     otherOptions: removedComponents,
     name: name,
     email: email,

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

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import { GestureResponderEvent, LayoutChangeEvent } from 'react-native';
-export type RightComponent = {
+export type NavbarComponents = {
     component: React.ReactElement;
-    inOptions?: OptionProfileItem;
+    inOptions: OptionProfileItem;
 };
 export interface NavbarProps {
     name?: string;
     title?: string;
     email?: string;
-    rightComponent?: RightComponent[];
-    optionsProfile?: OptionProfileItem[];
+    navbarComponents?: NavbarComponents[];
+    profileOptions?: OptionProfileItem[];
     profileImage?: React.ReactElement;
     endOptions?: OptionProfileItem[];
     onOptionSelectedProfile?: (item?: string, index?: number) => void;

package/package.json

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