etendo-ui-library 1.2.11 → 1.2.12

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

@@ -80,6 +80,8 @@ export declare const styles: {
     optionText: {
         color: string;
         fontSize: number;
+        flex: number;
+        display: "flex";
     };
     optionFilterText: {
         color: string;

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

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

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 _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputOptions.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 InputOptions=function InputOptions(_ref){var data=_ref.data,onOptionSelected=_ref.onOptionSelected,showOptions=_ref.showOptions,positionModal=_ref.positionModal,_ref$showOptionsAmoun=_ref.showOptionsAmount,showOptionsAmount=_ref$showOptionsAmoun===void 0?4:_ref$showOptionsAmoun,onClose=_ref.onClose,filterValue=_ref.filterValue,onChangeFilterText=_ref.onChangeFilterText,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,placeholderSearch=_ref.placeholderSearch;var calculatedMaxHeight=8+48*showOptionsAmount;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)(placeholderSearch!=null?placeholderSearch:''),_useState6=(0,_slicedToArray2.default)(_useState5,2),placeholderText=_useState6[0],setPlaceholderText=_useState6[1];var _useState7=(0,_react.useState)(-1),_useState8=(0,_slicedToArray2.default)(_useState7,2),indexHover=_useState8[0],setIndexHover=_useState8[1];var textInputRef=(0,_react.useRef)(null);var handleOptionSelected=function handleOptionSelected(item,index){if(onOptionSelected){onOptionSelected(item,index);}onClose();};var handleOnBlur=function handleOnBlur(){setShowSearchImg(true);if(placeholderSearch){setPlaceholderText(placeholderSearch);}};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(placeholderSearch){setPlaceholderText(placeholderSearch);}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(){onChangeFilterText('');};var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=calculatedMaxHeight;setShowScroll(contentHeight>containerHeight);};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.optionOverlay,onPress:handlePressOverlay,activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:[_Input.styles.optionsContainer,{width:positionModal.width,top:positionModal.top,left:positionModal.left}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:9}},showSearchInPicker&&_react.default.createElement(_reactNative.Pressable,{onPress:handleOnFocus,style:[_Input.styles.optionFilterContainer,removePadding(!filterValue&&showSearchImg)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:13}},filterValue===''&&showSearchImg&&_react.default.createElement(_reactNative.View,{style:_Input.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:17}},_react.default.createElement(_SearchIcon.SearchIcon,{style:_Input.styles.optionFilterImg,fill:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:19}})),_react.default.createElement(_reactNative.TextInput,{ref:textInputRef,onFocus:handleOnFocus,onBlur:handleOnBlur,style:[_Input.styles.optionFilterText,addPadding(!filterValue&&showSearchImg)],value:filterValue,onChangeText:onChangeFilterText,placeholder:placeholderText,placeholderTextColor:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:15}}),filterValue!==''&&_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.cancelContainer,onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:17}},_react.default.createElement(_CancelIcon.CancelIcon,{style:_Input.styles.cancelFilterImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:19}}))),_react.default.createElement(_reactNative.ScrollView,{style:[showScroll&&{marginRight:8},{maxHeight:calculatedMaxHeight},_Input.styles.scrollOptions],persistentScrollbar:true,showsVerticalScrollIndicator:true,indicatorStyle:'black',onContentSizeChange:onContentSizeChange,__self:_this,__source:{fileName:_jsxFileName,lineNumber:155,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:167,columnNumber:17}},displayKey&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Input.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:189,columnNumber:21}},item[displayKey]));})))));};var _default=InputOptions;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _Input=require("../Input.style");var _SearchIcon=require("../../../assets/images/icons/SearchIcon");var _colors=require("../../../styles/colors");var _CancelIcon=require("../../../assets/images/icons/CancelIcon");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputOptions.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 InputOptions=function InputOptions(_ref){var data=_ref.data,onOptionSelected=_ref.onOptionSelected,showOptions=_ref.showOptions,positionModal=_ref.positionModal,_ref$showOptionsAmoun=_ref.showOptionsAmount,showOptionsAmount=_ref$showOptionsAmoun===void 0?4:_ref$showOptionsAmoun,onClose=_ref.onClose,filterValue=_ref.filterValue,onChangeFilterText=_ref.onChangeFilterText,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,placeholderSearch=_ref.placeholderSearch;var calculatedMaxHeight=8+48*showOptionsAmount;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)(placeholderSearch!=null?placeholderSearch:''),_useState6=(0,_slicedToArray2.default)(_useState5,2),placeholderText=_useState6[0],setPlaceholderText=_useState6[1];var _useState7=(0,_react.useState)(-1),_useState8=(0,_slicedToArray2.default)(_useState7,2),indexHover=_useState8[0],setIndexHover=_useState8[1];var textInputRef=(0,_react.useRef)(null);var handleOptionSelected=function handleOptionSelected(item,index){if(onOptionSelected){onOptionSelected(item,index);}onClose();};var handleOnBlur=function handleOnBlur(){setShowSearchImg(true);if(placeholderSearch){setPlaceholderText(placeholderSearch);}};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(placeholderSearch){setPlaceholderText(placeholderSearch);}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(){onChangeFilterText('');};var onContentSizeChange=function onContentSizeChange(contentWidth,contentHeight){var containerHeight=calculatedMaxHeight;setShowScroll(contentHeight>containerHeight);};(0,_react.useEffect)(function(){if(placeholderSearch){setPlaceholderText(placeholderSearch);}},[placeholderSearch]);return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.Modal,{transparent:true,visible:showOptions,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.optionOverlay,onPress:handlePressOverlay,activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:110,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:[_Input.styles.optionsContainer,{width:positionModal.width,top:positionModal.top,left:positionModal.left}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}},showSearchInPicker&&_react.default.createElement(_reactNative.Pressable,{onPress:handleOnFocus,style:[_Input.styles.optionFilterContainer,removePadding(!filterValue&&showSearchImg)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:13}},filterValue===''&&showSearchImg&&_react.default.createElement(_reactNative.View,{style:_Input.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:17}},_react.default.createElement(_SearchIcon.SearchIcon,{style:_Input.styles.optionFilterImg,fill:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:19}})),_react.default.createElement(_reactNative.TextInput,{ref:textInputRef,onFocus:handleOnFocus,onBlur:handleOnBlur,style:[_Input.styles.optionFilterText,addPadding(!filterValue&&showSearchImg)],value:filterValue,onChangeText:onChangeFilterText,placeholder:placeholderText,placeholderTextColor:_colors.NEUTRAL_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:15}}),filterValue!==''&&_react.default.createElement(_reactNative.TouchableOpacity,{style:_Input.styles.cancelContainer,onPress:handleCancelFilter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:153,columnNumber:17}},_react.default.createElement(_CancelIcon.CancelIcon,{style:_Input.styles.cancelFilterImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:19}}))),_react.default.createElement(_reactNative.ScrollView,{style:[showScroll&&{marginRight:8},{maxHeight:calculatedMaxHeight},_Input.styles.scrollOptions],persistentScrollbar:true,showsVerticalScrollIndicator:true,indicatorStyle:'black',onContentSizeChange:onContentSizeChange,__self:_this,__source:{fileName:_jsxFileName,lineNumber:161,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:173,columnNumber:17}},displayKey&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_Input.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:195,columnNumber:21}},item[displayKey]));})))));};var _default=InputOptions;exports.default=_default;

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

@@ -80,6 +80,8 @@ export declare const styles: {
     optionText: {
         color: string;
         fontSize: number;
+        flex: number;
+        display: "flex";
     };
     optionFilterText: {
         color: string;

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

@@ -108,7 +108,6 @@ var defaultText = {
   alignItems: 'center',
   paddingLeft: 15,
   minWidth: 0,
-  height: 50,
   display: 'flex',
   textAlignVertical: 'center'
 };
@@ -120,7 +119,6 @@ var defaultTextPlaceholder = {
   alignItems: 'center',
   paddingLeft: 15,
   minWidth: 0,
-  height: 50,
   display: 'flex',
   textAlignVertical: 'center'
 };
@@ -269,7 +267,9 @@ export var styles = StyleSheet.create({
   },
   optionText: {
     color: PRIMARY_100,
-    fontSize: 18
+    fontSize: 18,
+    flex: 1,
+    display: 'flex'
   },
   optionFilterText: {
     color: PRIMARY_100,

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

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Modal, Pressable, ScrollView, Text, TextInput, TouchableOpacity, View } from "react-native-web";
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { styles } from "../Input.style";
 import { SearchIcon } from "../../../assets/images/icons/SearchIcon";
 import { NEUTRAL_600, QUATERNARY_10 } from "../../../styles/colors";
@@ -102,6 +102,11 @@ var InputOptions = function InputOptions(_ref) {
     var containerHeight = calculatedMaxHeight;
     setShowScroll(contentHeight > containerHeight);
   };
+  useEffect(function () {
+    if (placeholderSearch) {
+      setPlaceholderText(placeholderSearch);
+    }
+  }, [placeholderSearch]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     transparent: true,
     visible: showOptions,

package/package.json

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