etendo-ui-library 1.2.9 → 1.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-native/components/input/Input.js +1 -1
- package/dist-native/components/input/Input.style.js +1 -1
- package/dist-native/components/input/components/InputField.js +1 -1
- package/dist-native/components/input/components/InputOptions.js +1 -1
- package/dist-native/components/input/components/InputTitle.js +1 -1
- package/dist-web/components/input/Input.js +14 -4
- package/dist-web/components/input/Input.style.js +9 -9
- package/dist-web/components/input/components/InputField.js +14 -19
- package/dist-web/components/input/components/InputOptions.js +4 -0
- package/dist-web/components/input/components/InputTitle.js +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Input=require("./Input.style");var _index=require("./index");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/Input.tsx";var Input=function Input(_ref){var value=_ref.value,titleLabel=_ref.titleLabel,titleImage=_ref.titleImage,helperText=_ref.helperText,placeholder=_ref.placeholder,placeholderSearch=_ref.placeholderSearch,disabled=_ref.disabled,maxLength=_ref.maxLength,centerText=_ref.centerText,keyboardType=_ref.keyboardType,displayKey=_ref.displayKey,dataPicker=_ref.dataPicker,backgroundColor=_ref.backgroundColor,showOptionsAmount=_ref.showOptionsAmount,showSearchInPicker=_ref.showSearchInPicker,height=_ref.height,onPress=_ref.onPress,onSubmit=_ref.onSubmit,_ref$onFocus=_ref.onFocus,onFocus=_ref$onFocus===void 0?function(){}:_ref$onFocus,_ref$onBlur=_ref.onBlur,onBlur=_ref$onBlur===void 0?function(){}:_ref$onBlur,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,typeField=_ref.typeField,isError=_ref.isError;var stateStyle=function stateStyle(){if(typeField==='readOnly'){return _Input.inputStyleVariants.readOnly;}else if(
|
|
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 _Input=require("./Input.style");var _index=require("./index");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/Input.tsx";var Input=function Input(_ref){var value=_ref.value,titleLabel=_ref.titleLabel,titleImage=_ref.titleImage,helperText=_ref.helperText,placeholder=_ref.placeholder,placeholderSearch=_ref.placeholderSearch,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,maxLength=_ref.maxLength,centerText=_ref.centerText,keyboardType=_ref.keyboardType,displayKey=_ref.displayKey,dataPicker=_ref.dataPicker,backgroundColor=_ref.backgroundColor,showOptionsAmount=_ref.showOptionsAmount,showSearchInPicker=_ref.showSearchInPicker,height=_ref.height,onPress=_ref.onPress,onSubmit=_ref.onSubmit,_ref$onFocus=_ref.onFocus,onFocus=_ref$onFocus===void 0?function(){}:_ref$onFocus,_ref$onBlur=_ref.onBlur,onBlur=_ref$onBlur===void 0?function(){}:_ref$onBlur,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,typeField=_ref.typeField,isError=_ref.isError;var stateStyle=function stateStyle(){if(typeField==='readOnly'){return _Input.inputStyleVariants.readOnly;}else if(getDisabled()){return _Input.inputStyleVariants.disabled;}else if(isError){return _Input.inputStyleVariants.destructive;}else{return _Input.inputStyleVariants.default;}};var getDisabled=function getDisabled(){if(typeField==='picker'){return!dataPicker.length||disabled;}if(typeField==='readOnly'){return false;}return disabled;};var showFilterSearch=showSearchInPicker!=null?showSearchInPicker:(dataPicker==null?void 0:dataPicker.length)>16;return _react.default.createElement(_reactNative.View,{style:_Input.styles.inputContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:5}},_react.default.createElement(_index.InputTitle,{disabled:getDisabled(),titleLabel:titleLabel,titleImage:titleImage,styleTitle:stateStyle().titleStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:7}}),_react.default.createElement(_index.InputField,{disabled:getDisabled(),type:typeField,configField:_Input.inputVariants[typeField].field,styleField:stateStyle().fieldStyle,placeholder:placeholder,placeholderSearch:placeholderSearch,value:value,onPress:onPress,onSubmit:onSubmit,onFocus:onFocus,onBlur:onBlur,onChangeText:onChangeText,onOptionSelected:onOptionSelected,showOptionsAmount:showOptionsAmount,showSearchInPicker:showFilterSearch,keyboardType:keyboardType,maxLength:maxLength,centerText:centerText,dataPicker:dataPicker,displayKey:displayKey,backgroundColor:backgroundColor,height:height,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:7}}),_react.default.createElement(_index.InputHelperText,{label:helperText,styleHelper:stateStyle().helperStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:7}}));};var _default=Input;exports.default=_default;
|
|
@@ -1 +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:
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _ShowPassword=require("../../../assets/images/icons/ShowPassword");var _HidePassword=require("../../../assets/images/icons/HidePassword");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputField.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var InputField=function InputField(_ref){var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _ShowPassword=require("../../../assets/images/icons/ShowPassword");var _HidePassword=require("../../../assets/images/icons/HidePassword");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputField.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var InputField=function InputField(_ref){var type=_ref.type,configField=_ref.configField,styleField=_ref.styleField,value=_ref.value,disabled=_ref.disabled,placeholder=_ref.placeholder,placeholderSearch=_ref.placeholderSearch,maxLength=_ref.maxLength,keyboardType=_ref.keyboardType,dataPicker=_ref.dataPicker,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_0:_ref$backgroundColor,_ref$showOptionsAmoun=_ref.showOptionsAmount,showOptionsAmount=_ref$showOptionsAmoun===void 0?4:_ref$showOptionsAmoun,_ref$height=_ref.height,height=_ref$height===void 0?40:_ref$height,onPress=_ref.onPress,onSubmit=_ref.onSubmit,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,onFocus=_ref.onFocus,onBlur=_ref.onBlur;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocus=_useState2[0],setIsFocus=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showPassword=_useState4[0],setShowPassword=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),showOptions=_useState6[0],setShowOptions=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),dataOptionsFilter=_useState8[0],setDataOptionsFilter=_useState8[1];var _useState9=(0,_react.useState)(''),_useState10=(0,_slicedToArray2.default)(_useState9,2),filterValue=_useState10[0],setFilterValue=_useState10[1];var _useState11=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState12=(0,_slicedToArray2.default)(_useState11,2),positionModal=_useState12[0],setpositionModal=_useState12[1];var windowHeight=_reactNative.Dimensions.get('window').height;var refComponente=(0,_react.useRef)(null);var regex=/^[0-9.,]+$/g;var isWeb=_reactNative.Platform.OS==='web';var disableOutline=function disableOutline(){if(isWeb){return{outline:'none'};}};var getStyleText=function getStyleText(){var style=[];if(value){style.push(styleField.textDefault);}else{style.push(styleField.textPlaceholder);}return style;};(0,_react.useEffect)(function(){if(dataPicker){setDataOptionsFilter(dataPicker);}},[dataPicker]);(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){var calcDropdownTopLeft=pageY+height+_Input.styles.spaceInOptionsAndInput.height;var showFilterHeight=showSearchInPicker?_Input.styles.optionFilterContainer.height:0;var countOptions=showOptionsAmount>(dataPicker==null?void 0:dataPicker.length)?dataPicker==null?void 0:dataPicker.length:showOptionsAmount;var optionsHeight=(_Input.styles.optionContainer.height+_Input.styles.optionContainer.marginTop)*countOptions+showFilterHeight+_Input.styles.optionContainer.marginTop+_Input.styles.optionsContainer.borderWidth*2;var topPosition;if(optionsHeight+calcDropdownTopLeft+_Input.styles.offSet.height>windowHeight){topPosition=pageY-_Input.styles.spaceInOptionsAndInput.height-optionsHeight;}else{topPosition=calcDropdownTopLeft;}setpositionModal({top:topPosition,left:pageX,width:width,height:height});});}};var handleOnChangeFilterText=function handleOnChangeFilterText(filterText){setFilterValue(filterText);if(displayKey)setDataOptionsFilter(dataPicker.filter(function(item){return item[displayKey].toLocaleLowerCase().includes(filterText.toLocaleLowerCase());}));};var handleOnClose=function handleOnClose(){setShowOptions(false);setDataOptionsFilter(dataPicker);setFilterValue('');};var getKeyboardType=function getKeyboardType(keyboardType){if(keyboardType==='number'){return'numeric';}return'default';};var getOnChangeText=function getOnChangeText(text){if(onChangeText){if(keyboardType==='number'){if(text.match(regex)||(text==null?void 0:text.length)===0){onChangeText(text);}return;}onChangeText(text);}};var getFocusStyle=function getFocusStyle(){var style=[];if(!isFocus){style.push({borderColor:'transparent'});}return style;};var removePaddingField=function removePaddingField(){var style={};if(configField!=null&&configField.image){style={paddingRight:0};}return style;};var onPressFocus=function onPressFocus(event){onFocus(event);setIsFocus(true);};var onPressBlur=function onPressBlur(event){onBlur(event);setIsFocus(false);};var getImage=function getImage(image){var fillValue=disabled?_colors.NEUTRAL_400:undefined;if(type==='textInputPassword'){var PasswordComponent=showPassword?_HidePassword.HidePassword:_ShowPassword.ShowPassword;return _react.default.createElement(PasswordComponent,{style:_Input.styles.inputImageSize,fill:fillValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:218,columnNumber:9}});}return _react.default.cloneElement(image,{fill:fillValue});};var handlePressImage=function handlePressImage(){if(type==='textInputPassword'){setShowPassword(function(prevState){return!prevState;});}else{onSubmit==null?void 0:onSubmit();}};var handleOnPress=function handleOnPress(event){if(type==='picker'){getTopLeft();setShowOptions(true);}if(onPress){onPress(event);}};var getText=function getText(){if(value){return value;}return placeholder;};return _react.default.createElement(_reactNative.View,{style:[styleField.focus,getFocusStyle()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{ref:refComponente,style:[styleField.field,removePaddingField(),{backgroundColor:backgroundColor},{height:height}],disabled:disabled||configField.disabledField,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:252,columnNumber:7}},(configField==null?void 0:configField.type)==='textInput'&&_react.default.createElement(_reactNative.TextInput,{editable:!disabled||!configField.disabledField,focusable:!disabled||!configField.disabledField,onBlur:onPressBlur,onFocus:onPressFocus,value:value,keyboardType:getKeyboardType(keyboardType),onChangeText:getOnChangeText,style:[getStyleText(),disableOutline(),styleField.textDefault],placeholder:placeholder,placeholderTextColor:_colors.NEUTRAL_600,maxLength:maxLength,secureTextEntry:type==='textInputPassword'&&showPassword,__self:_this,__source:{fileName:_jsxFileName,lineNumber:263,columnNumber:11}}),(configField==null?void 0:configField.type)==='text'&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(),disableOutline(),styleField.textDefault],__self:_this,__source:{fileName:_jsxFileName,lineNumber:279,columnNumber:11}},getText()),(configField==null?void 0:configField.image)&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handlePressImage,style:_Input.styles.buttonContainerInputField,disabled:disabled||configField.disabledSubmit,__self:_this,__source:{fileName:_jsxFileName,lineNumber:287,columnNumber:11}},getImage(configField.image)),_react.default.createElement(_InputOptions.default,{showOptionsAmount:showOptionsAmount,onOptionSelected:onOptionSelected,showOptions:showOptions,positionModal:positionModal,data:dataOptionsFilter,onClose:handleOnClose,onChangeFilterText:handleOnChangeFilterText,filterValue:filterValue,displayKey:displayKey,showSearchInPicker:showSearchInPicker,placeholderSearch:placeholderSearch,__self:_this,__source:{fileName:_jsxFileName,lineNumber:294,columnNumber:9}})));};var _default=InputField;exports.default=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _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],showsVerticalScrollIndicator:true,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:
|
|
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;
|
|
@@ -1 +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 _Input=require("../Input.style");var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputTitle.tsx";var InputTitle=function InputTitle(_ref){var titleLabel=_ref.titleLabel,titleImage=_ref.titleImage,styleTitle=_ref.styleTitle,disabled=_ref.disabled;var getImage=function getImage(image){if(image){return _react.default.cloneElement(image,{style:_Input.styles.rowInputTitleImg,fill:disabled?_colors.
|
|
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 _Input=require("../Input.style");var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputTitle.tsx";var InputTitle=function InputTitle(_ref){var titleLabel=_ref.titleLabel,titleImage=_ref.titleImage,styleTitle=_ref.styleTitle,disabled=_ref.disabled;var getImage=function getImage(image){if(image){return _react.default.cloneElement(image,{style:_Input.styles.rowInputTitleImg,fill:disabled?_colors.NEUTRAL_400:_colors.PRIMARY_100});}};return titleImage||titleLabel?_react.default.createElement(_reactNative.View,{style:_Input.styles.rowInputTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},titleImage&&getImage(titleImage),titleLabel&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:styleTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:9}},titleLabel)):_react.default.createElement(_react.default.Fragment,null);};var _default=InputTitle;exports.default=_default;
|
|
@@ -9,7 +9,8 @@ var Input = function Input(_ref) {
|
|
|
9
9
|
helperText = _ref.helperText,
|
|
10
10
|
placeholder = _ref.placeholder,
|
|
11
11
|
placeholderSearch = _ref.placeholderSearch,
|
|
12
|
-
disabled = _ref.disabled,
|
|
12
|
+
_ref$disabled = _ref.disabled,
|
|
13
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
13
14
|
maxLength = _ref.maxLength,
|
|
14
15
|
centerText = _ref.centerText,
|
|
15
16
|
keyboardType = _ref.keyboardType,
|
|
@@ -32,7 +33,7 @@ var Input = function Input(_ref) {
|
|
|
32
33
|
var stateStyle = function stateStyle() {
|
|
33
34
|
if (typeField === 'readOnly') {
|
|
34
35
|
return inputStyleVariants.readOnly;
|
|
35
|
-
} else if (
|
|
36
|
+
} else if (getDisabled()) {
|
|
36
37
|
return inputStyleVariants.disabled;
|
|
37
38
|
} else if (isError) {
|
|
38
39
|
return inputStyleVariants.destructive;
|
|
@@ -40,16 +41,25 @@ var Input = function Input(_ref) {
|
|
|
40
41
|
return inputStyleVariants["default"];
|
|
41
42
|
}
|
|
42
43
|
};
|
|
44
|
+
var getDisabled = function getDisabled() {
|
|
45
|
+
if (typeField === 'picker') {
|
|
46
|
+
return !dataPicker.length || disabled;
|
|
47
|
+
}
|
|
48
|
+
if (typeField === 'readOnly') {
|
|
49
|
+
return false;
|
|
50
|
+
}
|
|
51
|
+
return disabled;
|
|
52
|
+
};
|
|
43
53
|
var showFilterSearch = showSearchInPicker !== null && showSearchInPicker !== void 0 ? showSearchInPicker : (dataPicker === null || dataPicker === void 0 ? void 0 : dataPicker.length) > 16;
|
|
44
54
|
return /*#__PURE__*/React.createElement(View, {
|
|
45
55
|
style: styles.inputContainer
|
|
46
56
|
}, /*#__PURE__*/React.createElement(InputTitle, {
|
|
47
|
-
disabled:
|
|
57
|
+
disabled: getDisabled(),
|
|
48
58
|
titleLabel: titleLabel,
|
|
49
59
|
titleImage: titleImage,
|
|
50
60
|
styleTitle: stateStyle().titleStyle
|
|
51
61
|
}), /*#__PURE__*/React.createElement(InputField, {
|
|
52
|
-
disabled:
|
|
62
|
+
disabled: getDisabled(),
|
|
53
63
|
type: typeField,
|
|
54
64
|
configField: inputVariants[typeField].field,
|
|
55
65
|
styleField: stateStyle().fieldStyle,
|
|
@@ -3,7 +3,7 @@ import { StyleSheet } from "react-native-web";
|
|
|
3
3
|
import { ArrowDown } from "../../assets/images/icons/ArrowDown";
|
|
4
4
|
import { SearchIcon } from "../../assets/images/icons/SearchIcon";
|
|
5
5
|
import { ShowPassword } from "../../assets/images/icons/ShowPassword";
|
|
6
|
-
import { DESTRUCTIVE_10, DESTRUCTIVE_100, NEUTRAL_0, NEUTRAL_10, NEUTRAL_5, NEUTRAL_500, NEUTRAL_60, NEUTRAL_600, PRIMARY_100, QUATERNARY_50 } from "../../styles/colors";
|
|
6
|
+
import { DESTRUCTIVE_10, DESTRUCTIVE_100, NEUTRAL_0, NEUTRAL_10, NEUTRAL_400, NEUTRAL_5, NEUTRAL_500, NEUTRAL_60, NEUTRAL_600, PRIMARY_100, QUATERNARY_50 } from "../../styles/colors";
|
|
7
7
|
export var inputVariants = {
|
|
8
8
|
readOnly: {
|
|
9
9
|
field: {
|
|
@@ -29,7 +29,7 @@ export var inputVariants = {
|
|
|
29
29
|
field: {
|
|
30
30
|
type: 'textInput',
|
|
31
31
|
disabledField: true,
|
|
32
|
-
disabledSubmit:
|
|
32
|
+
disabledSubmit: true
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
pressableText: {
|
|
@@ -43,7 +43,7 @@ export var inputVariants = {
|
|
|
43
43
|
field: {
|
|
44
44
|
type: 'textInput',
|
|
45
45
|
disabledField: true,
|
|
46
|
-
disabledSubmit:
|
|
46
|
+
disabledSubmit: true,
|
|
47
47
|
image: /*#__PURE__*/React.createElement(SearchIcon, {
|
|
48
48
|
style: {
|
|
49
49
|
height: 15,
|
|
@@ -56,7 +56,7 @@ export var inputVariants = {
|
|
|
56
56
|
field: {
|
|
57
57
|
type: 'text',
|
|
58
58
|
disabledField: false,
|
|
59
|
-
disabledSubmit:
|
|
59
|
+
disabledSubmit: true,
|
|
60
60
|
image: /*#__PURE__*/React.createElement(SearchIcon, {
|
|
61
61
|
style: {
|
|
62
62
|
height: 15,
|
|
@@ -160,22 +160,22 @@ export var inputStyleVariants = {
|
|
|
160
160
|
},
|
|
161
161
|
disabled: {
|
|
162
162
|
titleStyle: [defaultTitle, {
|
|
163
|
-
color:
|
|
163
|
+
color: NEUTRAL_400
|
|
164
164
|
}],
|
|
165
165
|
fieldStyle: {
|
|
166
166
|
focus: defaultFocus,
|
|
167
167
|
field: [defaultField, {
|
|
168
|
-
borderColor:
|
|
168
|
+
borderColor: NEUTRAL_400
|
|
169
169
|
}],
|
|
170
170
|
textDefault: [defaultText, {
|
|
171
|
-
color:
|
|
171
|
+
color: NEUTRAL_400
|
|
172
172
|
}],
|
|
173
173
|
textPlaceholder: [defaultTextPlaceholder, {
|
|
174
|
-
color:
|
|
174
|
+
color: NEUTRAL_400
|
|
175
175
|
}]
|
|
176
176
|
},
|
|
177
177
|
helperStyle: [defaultHelperText, {
|
|
178
|
-
color:
|
|
178
|
+
color: NEUTRAL_400
|
|
179
179
|
}]
|
|
180
180
|
},
|
|
181
181
|
readOnly: {
|
|
@@ -10,9 +10,8 @@ import { styles } from "../Input.style";
|
|
|
10
10
|
import { ShowPassword } from "../../../assets/images/icons/ShowPassword";
|
|
11
11
|
import { HidePassword } from "../../../assets/images/icons/HidePassword";
|
|
12
12
|
import InputOptions from "./InputOptions";
|
|
13
|
-
import { NEUTRAL_0, NEUTRAL_600 } from "../../../styles/colors";
|
|
13
|
+
import { NEUTRAL_0, NEUTRAL_400, NEUTRAL_600 } from "../../../styles/colors";
|
|
14
14
|
var InputField = function InputField(_ref) {
|
|
15
|
-
var _configField$disabled;
|
|
16
15
|
var type = _ref.type,
|
|
17
16
|
configField = _ref.configField,
|
|
18
17
|
styleField = _ref.styleField,
|
|
@@ -79,7 +78,7 @@ var InputField = function InputField(_ref) {
|
|
|
79
78
|
};
|
|
80
79
|
var getStyleText = function getStyleText() {
|
|
81
80
|
var style = [];
|
|
82
|
-
if (value
|
|
81
|
+
if (value) {
|
|
83
82
|
style.push(styleField.textDefault);
|
|
84
83
|
} else {
|
|
85
84
|
style.push(styleField.textPlaceholder);
|
|
@@ -173,21 +172,17 @@ var InputField = function InputField(_ref) {
|
|
|
173
172
|
setIsFocus(false);
|
|
174
173
|
};
|
|
175
174
|
var getImage = function getImage(image) {
|
|
175
|
+
var fillValue = disabled ? NEUTRAL_400 : undefined;
|
|
176
176
|
if (type === 'textInputPassword') {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
}));
|
|
183
|
-
}
|
|
184
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
185
|
-
style: styles.showContainer
|
|
186
|
-
}, /*#__PURE__*/React.createElement(ShowPassword, {
|
|
187
|
-
style: styles.inputImageSize
|
|
188
|
-
}));
|
|
177
|
+
var PasswordComponent = showPassword ? HidePassword : ShowPassword;
|
|
178
|
+
return /*#__PURE__*/React.createElement(PasswordComponent, {
|
|
179
|
+
style: styles.inputImageSize,
|
|
180
|
+
fill: fillValue
|
|
181
|
+
});
|
|
189
182
|
}
|
|
190
|
-
return image
|
|
183
|
+
return /*#__PURE__*/React.cloneElement(image, {
|
|
184
|
+
fill: fillValue
|
|
185
|
+
});
|
|
191
186
|
};
|
|
192
187
|
var handlePressImage = function handlePressImage() {
|
|
193
188
|
if (type === 'textInputPassword') {
|
|
@@ -222,7 +217,7 @@ var InputField = function InputField(_ref) {
|
|
|
222
217
|
}, {
|
|
223
218
|
height: height
|
|
224
219
|
}],
|
|
225
|
-
disabled: disabled
|
|
220
|
+
disabled: disabled || configField.disabledField,
|
|
226
221
|
onPress: handleOnPress
|
|
227
222
|
}, (configField === null || configField === void 0 ? void 0 : configField.type) === 'textInput' && /*#__PURE__*/React.createElement(TextInput, {
|
|
228
223
|
editable: !disabled || !configField.disabledField,
|
|
@@ -240,11 +235,11 @@ var InputField = function InputField(_ref) {
|
|
|
240
235
|
}), (configField === null || configField === void 0 ? void 0 : configField.type) === 'text' && /*#__PURE__*/React.createElement(Text, {
|
|
241
236
|
numberOfLines: 1,
|
|
242
237
|
ellipsizeMode: "tail",
|
|
243
|
-
style: [getStyleText(), disableOutline()]
|
|
238
|
+
style: [getStyleText(), disableOutline(), styleField.textDefault]
|
|
244
239
|
}, getText()), (configField === null || configField === void 0 ? void 0 : configField.image) && /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
245
240
|
onPress: handlePressImage,
|
|
246
241
|
style: styles.buttonContainerInputField,
|
|
247
|
-
disabled:
|
|
242
|
+
disabled: disabled || configField.disabledSubmit
|
|
248
243
|
}, getImage(configField.image)), /*#__PURE__*/React.createElement(InputOptions, {
|
|
249
244
|
showOptionsAmount: showOptionsAmount,
|
|
250
245
|
onOptionSelected: onOptionSelected,
|
|
@@ -144,7 +144,9 @@ var InputOptions = function InputOptions(_ref) {
|
|
|
144
144
|
}, {
|
|
145
145
|
maxHeight: calculatedMaxHeight
|
|
146
146
|
}, styles.scrollOptions],
|
|
147
|
+
persistentScrollbar: true,
|
|
147
148
|
showsVerticalScrollIndicator: true,
|
|
149
|
+
indicatorStyle: 'black',
|
|
148
150
|
onContentSizeChange: onContentSizeChange
|
|
149
151
|
}, data === null || data === void 0 ? void 0 : data.map(function (item, index) {
|
|
150
152
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
@@ -168,6 +170,8 @@ var InputOptions = function InputOptions(_ref) {
|
|
|
168
170
|
return handleOptionSelected(item, index);
|
|
169
171
|
}
|
|
170
172
|
}, displayKey && /*#__PURE__*/React.createElement(Text, {
|
|
173
|
+
numberOfLines: 1,
|
|
174
|
+
ellipsizeMode: "tail",
|
|
171
175
|
style: styles.optionText
|
|
172
176
|
}, item[displayKey]));
|
|
173
177
|
})))));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Text, View } from "react-native-web";
|
|
3
3
|
import { styles } from "../Input.style";
|
|
4
|
-
import {
|
|
4
|
+
import { NEUTRAL_400, PRIMARY_100 } from "../../../styles/colors";
|
|
5
5
|
var InputTitle = function InputTitle(_ref) {
|
|
6
6
|
var titleLabel = _ref.titleLabel,
|
|
7
7
|
titleImage = _ref.titleImage,
|
|
@@ -11,7 +11,7 @@ var InputTitle = function InputTitle(_ref) {
|
|
|
11
11
|
if (image) {
|
|
12
12
|
return /*#__PURE__*/React.cloneElement(image, {
|
|
13
13
|
style: styles.rowInputTitleImg,
|
|
14
|
-
fill: disabled ?
|
|
14
|
+
fill: disabled ? NEUTRAL_400 : PRIMARY_100
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
17
|
};
|