etendo-ui-library 1.3.82 → 1.3.84

package/dist-native/components/input/components/InputOptions.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 _Input=require("../Input.style");var _SearchIcon=require("../../../assets/images/icons/SearchIcon");var _colors=require("../../../styles/colors");var _CancelIcon=require("../../../assets/images/icons/CancelIcon");var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/input/components/InputOptions.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputOptions=function InputOptions(_ref){var data=_ref.data,onOptionSelected=_ref.onOptionSelected,showOptions=_ref.showOptions,positionModal=_ref.positionModal,showOptionsAmount=_ref.showOptionsAmount,onClose=_ref.onClose,filterValue=_ref.filterValue,onChangeFilterText=_ref.onChangeFilterText,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,placeholderPickerSearch=_ref.placeholderPickerSearch,optionsTop=_ref.optionsTop,isLoadingMoreData=_ref.isLoadingMoreData,onLoadMoreData=_ref.onLoadMoreData,currentPage=_ref.currentPage,isPagination=_ref.isPagination,isStopLoadMoreData=_ref.isStopLoadMoreData;var _useState=(0,_react.useState)(true),_useState2=(0,_slicedToArray2.default)(_useState,2),showSearchImg=_useState2[0],setShowSearchImg=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showScroll=_useState4[0],setShowScroll=_useState4[1];var _useState5=(0,_react.useState)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),startIndex=_useState6[0],setStartIndex=_useState6[1];var _useState7=(0,_react.useState)(''),_useState8=(0,_slicedToArray2.default)(_useState7,2),filterInputValue=_useState8[0],setFilterInputValue=_useState8[1];var _useState9=(0,_react.useState)(placeholderPickerSearch!=null?placeholderPickerSearch:''),_useState10=(0,_slicedToArray2.default)(_useState9,2),placeholderText=_useState10[0],setPlaceholderText=_useState10[1];var _useState11=(0,_react.useState)(-1),_useState12=(0,_slicedToArray2.default)(_useState11,2),indexHover=_useState12[0],setIndexHover=_useState12[1];var textInputRef=(0,_react.useRef)(null);var scrollViewRef=(0,_react.useRef)(null);var handleOptionSelected=function handleOptionSelected(item,index){if(onOptionSelected){onOptionSelected(item,index);}onClose();};var handleOnBlur=function handleOnBlur(){setShowSearchImg(true);if(placeholderPickerSearch){setPlaceholderText(placeholderPickerSearch);}};var handleOnFocus=function handleOnFocus(){var _textInputRef$current;setShowSearchImg(false);textInputRef==null?void 0:(_textInputRef$current=textInputRef.current)==null?void 0:_textInputRef$current.focus();setPlaceholderText('');};var handlePressOverlay=function handlePressOverlay(){onClose();if(placeholderPickerSearch){setPlaceholderText(placeholderPickerSearch);}setShowSearchImg(true);};var getBackground=function getBackground(index){if(indexHover===index){return{backgroundColor:_colors.QUATERNARY_10};}};var addRadius=function addRadius(add){if(add){return{borderBottomLeftRadius:5,borderBottomRightRadius:5};}};var removePadding=function removePadding(remove){if(!remove){return{paddingHorizontal:0};}};var addPadding=function addPadding(add){if(!add){return{paddingHorizontal:8};}};var handleCancelFilter=function handleCancelFilter(){setFilterInputValue('');onChangeFilterText('');};var useKeyboard=function useKeyboard(){var _useState13=(0,_react.useState)(0),_useState14=(0,_slicedToArray2.default)(_useState13,2),keyboardHeight=_useState14[0],setKeyboardHeight=_useState14[1];(0,_react.useEffect)(function(){function onKeyboardDidShow(event){setKeyboardHeight(event.endCoordinates.height);}function onKeyboardDidHide(){setKeyboardHeight(0);}var showSubscription=_reactNative.Keyboard.addListener('keyboardDidShow',onKeyboardDidShow);var hideSubscription=_reactNative.Keyboard.addListener('keyboardDidHide',onKeyboardDidHide);return function(){showSubscription.remove();hideSubscription.remove();};},[]);return keyboardHeight;};var screenHeight=_reactNative.Dimensions.get('screen').height-useKeyboard();var calculatedMaxHeight=showOptionsAmount?8+48*showOptionsAmount:screenHeight;var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=calculatedMaxHeight;if(showOptionsAmount&&contentHeight>containerHeight&&data.length>showOptionsAmount){setStartIndex((startIndex+1)%data.length);}setShowScroll(contentHeight>containerHeight);};var keyboardHeight=useKeyboard();var bottomValue=positionModal.bottom||0;var heightValue=positionModal.height||0;var bottomDevices=function bottomDevices(){if(_reactNative.Platform.OS==='web'){return bottomValue;}else if(keyboardHeight!==0){return 0;}else{return bottomValue-heightValue*2-keyboardHeight;}};var loadMoreData=function loadMoreData(){if(onLoadMoreData&&!isStopLoadMoreData&&!isLoadingMoreData&&(currentPage||currentPage===0)&&isPagination){if(scrollViewRef.current)scrollViewRef.current.scrollToEnd({animated:true});onLoadMoreData(currentPage+1,filterValue);}};var debounce=function debounce(func,delay){var inDebounce;return function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}var context=this;clearTimeout(inDebounce);inDebounce=setTimeout(function(){return func.apply(context,args);},delay);};};var debounceOnChange=(0,_react.useRef)(debounce(function(nextValue){if(scrollViewRef.current)scrollViewRef.current.scrollTo({y:0,animated:false});onChangeFilterText(nextValue);},500)).current;var onChangeText=(0,_react.useCallback)(function(text){setFilterInputValue(text);debounceOnChange(text);},[debounceOnChange]);return _react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:223,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.optionOverlay,onPress:handlePressOverlay,activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:224,columnNumber:7}}),optionsTop?_react.default.createElement(_reactNative.View,{style:[_Input.styles.optionsContainer,{width:positionModal.width,left:positionModal.left,bottom:bottomDevices(),top:keyboardHeight!==0||!showOptionsAmount?0:undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:230,columnNumber:9}},_react.default.createElement(_reactNative.ScrollView,{style:[showScroll&&{marginRight:8},{maxHeight:calculatedMaxHeight},_Input.styles.scrollOptions],keyboardShouldPersistTaps:"always",persistentScrollbar:true,showsVerticalScrollIndicator:true,indicatorStyle:'black',onContentSizeChange:onContentSizeChange,__self:_this,__source:{fileName:_jsxFileName,lineNumber:240,columnNumber:11}},data==null?void 0:data.map(function(item,index){var actualIndex=(startIndex+index)%data.length;return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(actualIndex);},onHoverOut:function onHoverOut(){setIndexHover(-1);},onPressIn:function onPressIn(){setIndexHover(actualIndex);},onPressOut:function onPressOut(){setIndexHover(-1);},key:actualIndex,style:[_Input.styles.optionContainer,0===index&&{marginTop:0},getBackground(actualIndex),addRadius(index===(data==null?void 0:data.length)-1)],onPress:function onPress(){return handleOptionSelected(item,actualIndex);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:254,columnNumber:17}},displayKey&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Input.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:276,columnNumber:21}},item[displayKey]));})),showSearchInPicker&&_react.default.createElement(_reactNative.Pressable,{onPress:handleOnFocus,style:[_Input.styles.optionTopFilterContainer,removePadding(!filterValue&&showSearchImg)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:288,columnNumber:13}},filterValue===''&&showSearchImg&&_react.default.createElement(_reactNative.View,{style:_Input.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:295,columnNumber:17}},_react.default.createElement(_SearchIcon.SearchIcon,{style:_Input.styles.optionFilterImg,fill:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:296,columnNumber:19}})),_react.default.createElement(_reactNative.TextInput,{ref:textInputRef,onFocus:handleOnFocus,onBlur:handleOnBlur,style:[_Input.styles.optionFilterText,addPadding(!filterValue&&showSearchImg),(0,_table_utils.disableOutline)()],value:filterValue,onChangeText:onChangeFilterText,placeholder:placeholderText,placeholderTextColor:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:302,columnNumber:15}}),filterValue!==''&&_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.cancelContainer,onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:317,columnNumber:17}},_react.default.createElement(_CancelIcon.CancelIcon,{style:_Input.styles.cancelFilterImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:320,columnNumber:19}})))):_react.default.createElement(_reactNative.View,{style:[_Input.styles.optionsContainer,{width:positionModal.width,left:positionModal.left,top:positionModal.top}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:327,columnNumber:9}},showSearchInPicker&&_react.default.createElement(_reactNative.Pressable,{onPress:handleOnFocus,style:[_Input.styles.optionFilterContainer,removePadding(!filterValue&&showSearchImg)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:337,columnNumber:13}},filterInputValue===''&&showSearchImg&&_react.default.createElement(_reactNative.View,{style:_Input.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:344,columnNumber:17}},_react.default.createElement(_SearchIcon.SearchIcon,{style:_Input.styles.optionFilterImg,fill:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:345,columnNumber:19}})),_react.default.createElement(_reactNative.TextInput,{ref:textInputRef,onFocus:handleOnFocus,onBlur:handleOnBlur,style:[_Input.styles.optionFilterText,addPadding(!filterValue&&showSearchImg),(0,_table_utils.disableOutline)()],value:filterInputValue,onChangeText:onChangeText,placeholder:placeholderText,placeholderTextColor:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:351,columnNumber:15}}),isLoadingMoreData&&_react.default.createElement(_reactNative.TouchableOpacity,{style:{marginRight:12},onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:366,columnNumber:17}},_react.default.createElement(_reactNative.ActivityIndicator,{size:'small',color:_colors.PRIMARY_100,style:[_Input.styles.cancelFilterImg],__self:_this,__source:{fileName:_jsxFileName,lineNumber:369,columnNumber:19}})),filterInputValue!==''&&_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.cancelContainer,onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:377,columnNumber:17}},_react.default.createElement(_CancelIcon.CancelIcon,{style:_Input.styles.cancelFilterImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:380,columnNumber:19}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:[showScroll&&{marginRight:8},{maxHeight:calculatedMaxHeight},_Input.styles.scrollOptions],keyboardShouldPersistTaps:"always",persistentScrollbar:true,showsVerticalScrollIndicator:true,indicatorStyle:'black',onContentSizeChange:onContentSizeChange,onScroll:function onScroll(_ref2){var nativeEvent=_ref2.nativeEvent;var isCloseToBottom=nativeEvent.layoutMeasurement.height+nativeEvent.contentOffset.y>=nativeEvent.contentSize.height-50;if(isCloseToBottom){loadMoreData();}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:386,columnNumber:11}},data==null?void 0:data.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(index);},onHoverOut:function onHoverOut(){setIndexHover(-1);},onPressIn:function onPressIn(){setIndexHover(index);},onPressOut:function onPressOut(){setIndexHover(-1);},key:index,style:[_Input.styles.optionContainer,0===index&&{marginTop:0},getBackground(index),addRadius(index===(data==null?void 0:data.length)-1)],onPress:function onPress(){return handleOptionSelected(item,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:409,columnNumber:17}},displayKey&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Input.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:431,columnNumber:21}},item[displayKey]));}),isLoadingMoreData&&_react.default.createElement(_reactNative.ActivityIndicator,{size:'large',color:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:442,columnNumber:15}}))));};var _default=exports.default=InputOptions;
+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 _Input=require("../Input.style");var _SearchIcon=require("../../../assets/images/icons/SearchIcon");var _colors=require("../../../styles/colors");var _CancelIcon=require("../../../assets/images/icons/CancelIcon");var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/input/components/InputOptions.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputOptions=function InputOptions(_ref){var data=_ref.data,onOptionSelected=_ref.onOptionSelected,showOptions=_ref.showOptions,positionModal=_ref.positionModal,showOptionsAmount=_ref.showOptionsAmount,onClose=_ref.onClose,filterValue=_ref.filterValue,onChangeFilterText=_ref.onChangeFilterText,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,placeholderPickerSearch=_ref.placeholderPickerSearch,optionsTop=_ref.optionsTop,isLoadingMoreData=_ref.isLoadingMoreData,onLoadMoreData=_ref.onLoadMoreData,currentPage=_ref.currentPage,isPagination=_ref.isPagination,isStopLoadMoreData=_ref.isStopLoadMoreData;var _useState=(0,_react.useState)(true),_useState2=(0,_slicedToArray2.default)(_useState,2),showSearchImg=_useState2[0],setShowSearchImg=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showScroll=_useState4[0],setShowScroll=_useState4[1];var _useState5=(0,_react.useState)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),startIndex=_useState6[0],setStartIndex=_useState6[1];var _useState7=(0,_react.useState)(''),_useState8=(0,_slicedToArray2.default)(_useState7,2),filterInputValue=_useState8[0],setFilterInputValue=_useState8[1];var _useState9=(0,_react.useState)(placeholderPickerSearch!=null?placeholderPickerSearch:''),_useState10=(0,_slicedToArray2.default)(_useState9,2),placeholderText=_useState10[0],setPlaceholderText=_useState10[1];var _useState11=(0,_react.useState)(-1),_useState12=(0,_slicedToArray2.default)(_useState11,2),indexHover=_useState12[0],setIndexHover=_useState12[1];var textInputRef=(0,_react.useRef)(null);var scrollViewRef=(0,_react.useRef)(null);var handleOptionSelected=function handleOptionSelected(item,index){if(onOptionSelected){onOptionSelected(item,index);}onClose();};var handleOnBlur=function handleOnBlur(){setShowSearchImg(true);if(placeholderPickerSearch){setPlaceholderText(placeholderPickerSearch);}};var handleOnFocus=function handleOnFocus(){var _textInputRef$current;setShowSearchImg(false);textInputRef==null?void 0:(_textInputRef$current=textInputRef.current)==null?void 0:_textInputRef$current.focus();setPlaceholderText('');};var handlePressOverlay=function handlePressOverlay(){onClose();if(placeholderPickerSearch){setPlaceholderText(placeholderPickerSearch);}setShowSearchImg(true);};var getBackground=function getBackground(index){if(indexHover===index){return{backgroundColor:_colors.QUATERNARY_10};}};var addRadius=function addRadius(add){if(add){return{borderBottomLeftRadius:5,borderBottomRightRadius:5};}};var removePadding=function removePadding(remove){if(!remove){return{paddingHorizontal:0};}};var addPadding=function addPadding(add){if(!add){return{paddingHorizontal:8};}};var handleCancelFilter=function handleCancelFilter(){setFilterInputValue('');onChangeFilterText('');};var useKeyboard=function useKeyboard(){var _useState13=(0,_react.useState)(0),_useState14=(0,_slicedToArray2.default)(_useState13,2),keyboardHeight=_useState14[0],setKeyboardHeight=_useState14[1];(0,_react.useEffect)(function(){function onKeyboardDidShow(event){setKeyboardHeight(event.endCoordinates.height);}function onKeyboardDidHide(){setKeyboardHeight(0);}var showSubscription=_reactNative.Keyboard.addListener('keyboardDidShow',onKeyboardDidShow);var hideSubscription=_reactNative.Keyboard.addListener('keyboardDidHide',onKeyboardDidHide);return function(){showSubscription.remove();hideSubscription.remove();};},[]);return keyboardHeight;};var screenHeight=_reactNative.Dimensions.get('screen').height-useKeyboard();var calculatedMaxHeight=showOptionsAmount?8+48*showOptionsAmount:screenHeight;var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=calculatedMaxHeight;if(showOptionsAmount&&contentHeight>containerHeight&&data.length>showOptionsAmount){setStartIndex((startIndex+1)%data.length);}setShowScroll(contentHeight>containerHeight);};var keyboardHeight=useKeyboard();var bottomValue=positionModal.bottom||0;var heightValue=positionModal.height||0;var bottomDevices=function bottomDevices(){if(_reactNative.Platform.OS==='web'){return bottomValue;}else if(keyboardHeight!==0){return 0;}else{return bottomValue-heightValue*2-keyboardHeight;}};var loadMoreData=function loadMoreData(){if(onLoadMoreData&&!isStopLoadMoreData&&!isLoadingMoreData&&(currentPage||currentPage===0)&&isPagination){onLoadMoreData(currentPage+1,filterValue);}};var debounce=function debounce(func,delay){var inDebounce;return function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}var context=this;clearTimeout(inDebounce);inDebounce=setTimeout(function(){return func.apply(context,args);},delay);};};var debounceOnChange=(0,_react.useRef)(debounce(function(nextValue){if(scrollViewRef.current)scrollViewRef.current.scrollTo({y:0,animated:false});onChangeFilterText(nextValue);},500)).current;var onChangeText=(0,_react.useCallback)(function(text){setFilterInputValue(text);debounceOnChange(text);},[debounceOnChange]);return _react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:220,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.optionOverlay,onPress:handlePressOverlay,activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:7}}),optionsTop?_react.default.createElement(_reactNative.View,{style:[_Input.styles.optionsContainer,{width:positionModal.width,left:positionModal.left,bottom:bottomDevices(),top:keyboardHeight!==0||!showOptionsAmount?0:undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:227,columnNumber:9}},_react.default.createElement(_reactNative.ScrollView,{style:[showScroll&&{marginRight:8},{maxHeight:calculatedMaxHeight},_Input.styles.scrollOptions],keyboardShouldPersistTaps:"always",persistentScrollbar:true,showsVerticalScrollIndicator:true,indicatorStyle:'black',onContentSizeChange:onContentSizeChange,__self:_this,__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:11}},data==null?void 0:data.map(function(item,index){var actualIndex=(startIndex+index)%data.length;return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(actualIndex);},onHoverOut:function onHoverOut(){setIndexHover(-1);},onPressIn:function onPressIn(){setIndexHover(actualIndex);},onPressOut:function onPressOut(){setIndexHover(-1);},key:actualIndex,style:[_Input.styles.optionContainer,0===index&&{marginTop:0},getBackground(actualIndex),addRadius(index===(data==null?void 0:data.length)-1)],onPress:function onPress(){return handleOptionSelected(item,actualIndex);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:17}},displayKey&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Input.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:273,columnNumber:21}},item[displayKey]));})),showSearchInPicker&&_react.default.createElement(_reactNative.Pressable,{onPress:handleOnFocus,style:[_Input.styles.optionTopFilterContainer,removePadding(!filterValue&&showSearchImg)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:285,columnNumber:13}},filterValue===''&&showSearchImg&&_react.default.createElement(_reactNative.View,{style:_Input.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:292,columnNumber:17}},_react.default.createElement(_SearchIcon.SearchIcon,{style:_Input.styles.optionFilterImg,fill:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:293,columnNumber:19}})),_react.default.createElement(_reactNative.TextInput,{ref:textInputRef,onFocus:handleOnFocus,onBlur:handleOnBlur,style:[_Input.styles.optionFilterText,addPadding(!filterValue&&showSearchImg),(0,_table_utils.disableOutline)()],value:filterValue,onChangeText:onChangeFilterText,placeholder:placeholderText,placeholderTextColor:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:299,columnNumber:15}}),filterValue!==''&&_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.cancelContainer,onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:314,columnNumber:17}},_react.default.createElement(_CancelIcon.CancelIcon,{style:_Input.styles.cancelFilterImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:317,columnNumber:19}})))):_react.default.createElement(_reactNative.View,{style:[_Input.styles.optionsContainer,{width:positionModal.width,left:positionModal.left,top:positionModal.top}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:324,columnNumber:9}},showSearchInPicker&&_react.default.createElement(_reactNative.Pressable,{onPress:handleOnFocus,style:[_Input.styles.optionFilterContainer,removePadding(!filterValue&&showSearchImg)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:334,columnNumber:13}},filterInputValue===''&&showSearchImg&&_react.default.createElement(_reactNative.View,{style:_Input.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:341,columnNumber:17}},_react.default.createElement(_SearchIcon.SearchIcon,{style:_Input.styles.optionFilterImg,fill:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:342,columnNumber:19}})),_react.default.createElement(_reactNative.TextInput,{ref:textInputRef,onFocus:handleOnFocus,onBlur:handleOnBlur,style:[_Input.styles.optionFilterText,addPadding(!filterValue&&showSearchImg),(0,_table_utils.disableOutline)()],value:filterInputValue,onChangeText:onChangeText,placeholder:placeholderText,placeholderTextColor:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:348,columnNumber:15}}),isLoadingMoreData&&_react.default.createElement(_reactNative.TouchableOpacity,{style:{marginRight:12},onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:363,columnNumber:17}},_react.default.createElement(_reactNative.ActivityIndicator,{size:'small',color:_colors.PRIMARY_100,style:[_Input.styles.cancelFilterImg],__self:_this,__source:{fileName:_jsxFileName,lineNumber:366,columnNumber:19}})),filterInputValue!==''&&_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.cancelContainer,onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:374,columnNumber:17}},_react.default.createElement(_CancelIcon.CancelIcon,{style:_Input.styles.cancelFilterImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:377,columnNumber:19}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:[showScroll&&{marginRight:8},{maxHeight:calculatedMaxHeight},_Input.styles.scrollOptions],keyboardShouldPersistTaps:"always",persistentScrollbar:true,showsVerticalScrollIndicator:true,indicatorStyle:'black',onContentSizeChange:onContentSizeChange,onScroll:function onScroll(_ref2){var nativeEvent=_ref2.nativeEvent;var isCloseToBottom=nativeEvent.layoutMeasurement.height+nativeEvent.contentOffset.y>=nativeEvent.contentSize.height-50;if(isCloseToBottom){loadMoreData();}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:383,columnNumber:11}},data==null?void 0:data.map(function(item,index){return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(index);},onHoverOut:function onHoverOut(){setIndexHover(-1);},onPressIn:function onPressIn(){setIndexHover(index);},onPressOut:function onPressOut(){setIndexHover(-1);},key:index,style:[_Input.styles.optionContainer,0===index&&{marginTop:0},getBackground(index),addRadius(index===(data==null?void 0:data.length)-1)],onPress:function onPress(){return handleOptionSelected(item,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:406,columnNumber:17}},displayKey&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Input.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:428,columnNumber:21}},item[displayKey]));}))));};var _default=exports.default=InputOptions;

package/dist-native/components/table/Table.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableProps } from './Table.types';
-declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable, onLoadMoreData, isLoadingMoreData, pageSize, currentPage, }: TableProps) => React.JSX.Element;
+declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable, onLoadMoreData, isLoadingMoreData, pageSize, currentPage, style, }: TableProps) => React.JSX.Element;
 export default Table;

package/dist-native/components/table/Table.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _TableEmpty=_interopRequireDefault(require("./components/TableEmpty"));var _containers=require("../containers");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,_ref$isLoadingMoreDat=_ref.isLoadingMoreData,isLoadingMoreData=_ref$isLoadingMoreDat===void 0?true:_ref$isLoadingMoreDat,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?3:_ref$pageSize,_ref$currentPage=_ref.currentPage,currentPage=_ref$currentPage===void 0?0:_ref$currentPage;var handleLoadMore=function handleLoadMore(){if(isLoadingMoreData&&!isLoading&&onLoadMoreData){onLoadMoreData(currentPage+1,pageSize);}};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){if(onRowPress){onRowPress((0,_table_utils.findPrimaryId)(columns,item));}},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:7}},columns.map(function(col,colIndex){var components=[];if(col.components){var updatedComponents=col.components.map(function(component){return _react.default.cloneElement(component,{metadata:item});});components=updatedComponents;}return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:15}},col.components?_react.default.createElement(_containers.ButtonContainer,{buttons:components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(index){return _react.default.createElement(_reactNative.View,{style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:15}});}));};return _react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:5}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:7}}),_react.default.createElement(_reactNative.FlatList,{data:isLoadingMoreData&&isLoading&&!data.length?Array(pageSize).fill({}):data,renderItem:function renderItem(item){return isLoadingMoreData&&isLoading&&!data.length&&onLoadMoreData?RenderSkeleton(item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(_TableEmpty.default,{commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:122,columnNumber:11}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},ListFooterComponent:function ListFooterComponent(){return isLoadingMoreData&&onLoadMoreData&&isLoading&&Boolean(data.length)&&RenderSkeleton(data.length);},onEndReached:function onEndReached(){return handleLoadMore();},onEndReachedThreshold:0.2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:110,columnNumber:7}}));};var _default=exports.default=Table;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _TableEmpty=_interopRequireDefault(require("./components/TableEmpty"));var _containers=require("../containers");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,_ref$isLoadingMoreDat=_ref.isLoadingMoreData,isLoadingMoreData=_ref$isLoadingMoreDat===void 0?true:_ref$isLoadingMoreDat,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?3:_ref$pageSize,_ref$currentPage=_ref.currentPage,currentPage=_ref$currentPage===void 0?0:_ref$currentPage,style=_ref.style;var handleLoadMore=function handleLoadMore(){if(isLoadingMoreData&&!isLoading&&onLoadMoreData){onLoadMoreData(currentPage+1,pageSize);}};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){if(onRowPress){onRowPress((0,_table_utils.findPrimaryId)(columns,item));}},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:7}},columns.map(function(col,colIndex){var components=[];if(col.components){var updatedComponents=col.components.map(function(component){return _react.default.cloneElement(component,{metadata:item});});components=updatedComponents;}return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:15}},col.components?_react.default.createElement(_containers.ButtonContainer,{buttons:components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(index){return _react.default.createElement(_reactNative.View,{style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:15}});}));};return _react.default.createElement(_reactNative.View,{style:[style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:7}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:9}}),_react.default.createElement(_reactNative.FlatList,{data:isLoadingMoreData&&isLoading&&!data.length?Array(pageSize).fill({}):data,renderItem:function renderItem(item){return isLoadingMoreData&&isLoading&&!data.length&&onLoadMoreData?RenderSkeleton(item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(_TableEmpty.default,{commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:13}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},ListFooterComponent:function ListFooterComponent(){return isLoadingMoreData&&onLoadMoreData&&isLoading&&Boolean(data.length)&&RenderSkeleton(data.length);},onEndReached:function onEndReached(){return handleLoadMore();},onEndReachedThreshold:0.2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:112,columnNumber:9}})));};var _default=exports.default=Table;

package/dist-native/interfaces/table.interface.d.ts

@@ -1,3 +1,4 @@
+import { StyleProp, ViewStyle } from 'react-native';
 import { MetadataType } from '../types/table.types';
 export interface Metadata {
     key?: string;
@@ -15,4 +16,5 @@ export interface CommonTableProps {
     onLoadMoreData?: (currentPage: number, pageSize: number) => void;
     pageSize?: number;
     title?: string;
+    style?: StyleProp<ViewStyle>;
 }

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

@@ -157,9 +157,6 @@ var InputOptions = function InputOptions(_ref) {
   };
   var loadMoreData = function loadMoreData() {
     if (onLoadMoreData && !isStopLoadMoreData && !isLoadingMoreData && (currentPage || currentPage === 0) && isPagination) {
-      if (scrollViewRef.current) scrollViewRef.current.scrollToEnd({
-        animated: true
-      });
       onLoadMoreData(currentPage + 1, filterValue);
     }
   };
@@ -344,9 +341,6 @@ var InputOptions = function InputOptions(_ref) {
       ellipsizeMode: "tail",
       style: styles.optionText
     }, item[displayKey]));
-  }), isLoadingMoreData && /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: 'large',
-    color: PRIMARY_100
   }))));
 };
 export default InputOptions;

package/dist-web/components/table/Table.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableProps } from './Table.types';
-declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable, onLoadMoreData, isLoadingMoreData, pageSize, currentPage, }: TableProps) => React.JSX.Element;
+declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable, onLoadMoreData, isLoadingMoreData, pageSize, currentPage, style, }: TableProps) => React.JSX.Element;
 export default Table;

package/dist-web/components/table/Table.js

@@ -23,7 +23,8 @@ var Table = function Table(_ref) {
     _ref$pageSize = _ref.pageSize,
     pageSize = _ref$pageSize === void 0 ? 3 : _ref$pageSize,
     _ref$currentPage = _ref.currentPage,
-    currentPage = _ref$currentPage === void 0 ? 0 : _ref$currentPage;
+    currentPage = _ref$currentPage === void 0 ? 0 : _ref$currentPage,
+    style = _ref.style;
   var handleLoadMore = function handleLoadMore() {
     if (isLoadingMoreData && !isLoading && onLoadMoreData) {
       onLoadMoreData(currentPage + 1, pageSize);
@@ -74,6 +75,8 @@ var Table = function Table(_ref) {
     }));
   };
   return /*#__PURE__*/React.createElement(View, {
+    style: [style]
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, removeHeaderBorder(title), {
       height: tableHeight
     }]
@@ -100,6 +103,6 @@ var Table = function Table(_ref) {
       return handleLoadMore();
     },
     onEndReachedThreshold: 0.2
-  }));
+  })));
 };
 export default Table;

package/dist-web/interfaces/table.interface.d.ts

@@ -1,3 +1,4 @@
+import { StyleProp, ViewStyle } from 'react-native';
 import { MetadataType } from '../types/table.types';
 export interface Metadata {
     key?: string;
@@ -15,4 +16,5 @@ export interface CommonTableProps {
     onLoadMoreData?: (currentPage: number, pageSize: number) => void;
     pageSize?: number;
     title?: string;
+    style?: StyleProp<ViewStyle>;
 }

package/package.json

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