etendo-ui-library 1.2.36 → 1.2.38

package/dist-native/components/cards/cardDropdown/CardDropdown.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.CardVariant=void 0;var _reactNative=require("react-native");var _colors=require("../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({cardContainer:{width:272,height:168,borderRadius:16,padding:24,paddingRight:23,display:'flex',justifyContent:'space-between'},cardImageContainer:{width:68,height:68,borderRadius:16,display:'flex',alignItems:'center',justifyContent:'center'},cardImage:{width:40,height:40},cardArrowImage:{height:12,width:12,marginRight:10},arrowContainer:{height:20,width:20},cardTitle:{fontSize:22,width:189},cardDropdownContainer:{display:'flex',justifyContent:'space-between',alignItems:'center',flexDirection:'row'},storiesContainer:{},cardOptionContainer:{width:272,maxHeight:442,minHeight:168,borderRadius:16,overflow:'hidden',display:'flex'},cardOptionHeader:{height:58,display:'flex',alignItems:'center',flexDirection:'row',justifyContent:'space-between',paddingHorizontal:24,borderBottomWidth:1},cardOptionHeaderSkeletonLeftContainer:{flexDirection:'row'},cardOptionHeaderTitle:{fontWeight:'500',fontSize:16,width:170,alignItems:'center',display:'flex'},cardOptionHeaderImage:{height:20,width:21,marginRight:12},cardOptionHeaderUp:{height:12,width:12},cardHeaderLeftPart:{display:'flex',flexDirection:'row'},cardItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',minHeight:86,borderBottomWidth:1,paddingHorizontal:24,paddingVertical:20},cardLastItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',borderBottomWidth:0,minHeight:86,paddingHorizontal:24,paddingVertical:20},cardOneItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'center',minHeight:118,paddingHorizontal:24,paddingVertical:20},cardItemImageContainer:{width:46,height:46,display:'flex',alignItems:'center',justifyContent:'center',marginRight:12,borderRadius:50},cardItemImageCenter:{width:24,height:24,position:'absolute'},cardImageCircle:{width:52,height:52},cardItemTitle:{fontSize:16,fontWeight:'600'},cardItemDescription:{fontSize:14,fontWeight:'500'},overlay:{position:'absolute',width:'100%',height:'100%',zIndex:-1},cardOptionSkeletonContainer:{display:'flex',alignItems:'flex-start',justifyContent:'center',flexDirection:'row',paddingHorizontal:24,paddingVertical:20,borderBottomWidth:1},cardOptionSkeletonRightContainer:{display:'flex',justifyContent:'center',marginLeft:12},cardOptionSeparation:{height:4},cardOptionHeaderImg:{width:24,height:24,marginRight:12,alignItems:'center',justifyContent:'center'},cardOptionHeaderImagenSize:{width:24,height:24},cardOptionImagenSize:{width:27,height:27},cardOptionArrowImage:{height:12,width:12,transform:[{rotate:'180deg'}]},cardItemTextContainer:{flex:1},cardOptionArrowContainer:{display:'flex',alignItems:'center',justifyContent:'center',width:21},cardDropdownStoriesRow:{display:'flex',flexDirection:'row',flexWrap:'wrap'},cardDropdownStoriesSkeletonContainer:{marginRight:20,marginBottom:20,width:276,borderRadius:16,height:168,overflow:'hidden'},cardDropdownStoriesSkeletonContainerBlue:{marginRight:20,marginBottom:20,width:276,borderRadius:16,height:168,overflow:'hidden',backgroundColor:_colors.PRIMARY_100},cardDropdownStoriesSkeletonOptionContainer:{marginRight:20,marginBottom:20,width:276,borderRadius:16,overflow:'hidden'},cardDropdownStoriesSkeletonOptionContainerBlue:{marginRight:20,marginBottom:20,width:276,borderRadius:16,overflow:'hidden',backgroundColor:_colors.PRIMARY_100},cardDropdownStoriesContainer:{marginBottom:20,marginRight:20}});var CardVariant=exports.CardVariant={primary:{colorCardContainer:{backgroundColor:_colors.NEUTRAL_0},colorCardImageContainer:{backgroundColor:_colors.QUATERNARY_50},colorCardTitle:{color:_colors.PRIMARY_100},colorCardOptionContainer:{backgroundColor:_colors.NEUTRAL_0},colorCardOptionHeader:{backgroundColor:_colors.PRIMARY_100,borderBottomColor:_colors.NEUTRAL_0},colorCardOptionHeaderTitle:{color:_colors.NEUTRAL_0},colorCardItemContainer:{borderBottomColor:_colors.NEUTRAL_10},colorCardItemTitle:{color:_colors.PRIMARY_100},colorCardItemDescription:{color:_colors.TERTIARY_100},colorCardOptionSkeletonContainer:{borderBottomColor:_colors.NEUTRAL_10},colorCardItemImageContainer:{backgroundColor:_colors.QUATERNARY_50},colorCardOptionSkeletonItem:_colors.TERTIARY_30,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_80,colorCardArrowImageFill:_colors.PRIMARY_100,colorCardImageFill:_colors.PRIMARY_100,colorCardImageOptionFill:_colors.PRIMARY_100},secondary:{colorCardContainer:{backgroundColor:_colors.PRIMARY_100},colorCardImageContainer:{backgroundColor:_colors.PRIMARY_80},colorCardTitle:{color:_colors.NEUTRAL_0},colorCardOptionContainer:{backgroundColor:_colors.PRIMARY_100},colorCardOptionHeader:{backgroundColor:_colors.PRIMARY_100,borderBottomColor:_colors.NEUTRAL_100},colorCardOptionHeaderTitle:{color:_colors.NEUTRAL_0},colorCardItemContainer:{borderBottomColor:_colors.NEUTRAL_100},colorCardItemTitle:{color:_colors.NEUTRAL_0},colorCardItemDescription:{color:_colors.TERTIARY_50},colorCardOptionSkeletonContainer:{borderBottomColor:_colors.NEUTRAL_100},colorCardItemImageContainer:{backgroundColor:_colors.PRIMARY_80},colorCardOptionSkeletonItem:_colors.PRIMARY_80,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_80,colorCardArrowImageFill:_colors.NEUTRAL_0,colorCardImageFill:_colors.SECONDARY_100,colorCardImageOptionFill:_colors.NEUTRAL_0},disabledPrimary:{colorCardContainer:{backgroundColor:_colors.NEUTRAL_5},colorCardImageContainer:{backgroundColor:_colors.NEUTRAL_10},colorCardTitle:{color:_colors.NEUTRAL_40},colorCardOptionContainer:{},colorCardOptionHeader:{},colorCardOptionHeaderTitle:{},colorCardItemContainer:{},colorCardItemTitle:{},colorCardItemDescription:{},colorCardOptionSkeletonContainer:{},colorCardItemImageContainer:{},colorCardOptionSkeletonItem:'',colorCardOptionSkeletonHeaderItem:'',colorCardArrowImageFill:_colors.NEUTRAL_40,colorCardImageFill:_colors.NEUTRAL_40,colorCardImageOptionFill:''},disabledSecondary:{colorCardContainer:{backgroundColor:_colors.PRIMARY_40},colorCardImageContainer:{backgroundColor:_colors.PRIMARY_50},colorCardTitle:{color:_colors.PRIMARY_30},colorCardOptionContainer:{},colorCardOptionHeader:{},colorCardOptionHeaderTitle:{},colorCardItemContainer:{},colorCardItemTitle:{},colorCardItemDescription:{},colorCardOptionSkeletonContainer:{},colorCardItemImageContainer:{},colorCardOptionSkeletonItem:'',colorCardOptionSkeletonHeaderItem:'',colorCardArrowImageFill:_colors.PRIMARY_30,colorCardImageFill:_colors.PRIMARY_30,colorCardImageOptionFill:''}};
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.CardVariant=void 0;var _reactNative=require("react-native");var _colors=require("../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({cardContainer:{width:272,height:168,borderRadius:16,padding:24,paddingRight:23,display:'flex',justifyContent:'space-between'},cardImageContainer:{width:68,height:68,borderRadius:16,display:'flex',alignItems:'center',justifyContent:'center'},cardImage:{width:40,height:40},cardArrowImage:{height:12,width:12,marginRight:10},arrowContainer:{height:20,width:20},cardTitle:{fontSize:22,width:189},cardDropdownContainer:{display:'flex',justifyContent:'space-between',alignItems:'center',flexDirection:'row'},storiesContainer:{},cardOptionContainer:{width:272,maxHeight:442,minHeight:168,borderRadius:16,overflow:'hidden',display:'flex'},cardOptionHeader:{height:58,display:'flex',alignItems:'center',flexDirection:'row',justifyContent:'space-between',paddingHorizontal:24,borderBottomWidth:1},cardOptionHeaderSkeletonLeftContainer:{flexDirection:'row'},cardOptionHeaderTitle:{fontWeight:'500',fontSize:16,width:170,alignItems:'center',display:'flex'},cardOptionHeaderImage:{height:20,width:21,marginRight:12},cardOptionHeaderUp:{height:12,width:12},cardHeaderLeftPart:{display:'flex',flexDirection:'row'},cardItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',minHeight:86,borderBottomWidth:1,paddingHorizontal:24,paddingVertical:20},cardLastItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',borderBottomWidth:0,minHeight:86,paddingHorizontal:24,paddingVertical:20},cardOneItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'center',minHeight:118,paddingHorizontal:24,paddingVertical:20},cardItemImageContainer:{width:46,height:46,display:'flex',alignItems:'center',justifyContent:'center',marginRight:12,borderRadius:50},cardItemImageCenter:{width:24,height:24,position:'absolute'},cardImageCircle:{width:52,height:52},cardItemTitle:{fontSize:16,fontWeight:'600'},cardItemDescription:{fontSize:14,fontWeight:'500'},overlay:{position:'absolute',width:'100%',height:'100%',zIndex:-1},cardOptionSkeletonContainer:{display:'flex',alignItems:'flex-start',justifyContent:'center',flexDirection:'row',paddingHorizontal:24,paddingVertical:20,borderBottomWidth:1},cardOptionSkeletonRightContainer:{display:'flex',justifyContent:'center',marginLeft:12},cardOptionSeparation:{height:4},cardOptionHeaderImg:{width:24,height:24,marginRight:12,alignItems:'center',justifyContent:'center'},cardOptionHeaderImagenSize:{width:24,height:24},cardOptionImagenSize:{width:27,height:27},cardOptionArrowImage:{height:12,width:12,transform:[{rotate:'180deg'}]},cardItemTextContainer:{flex:1},cardOptionArrowContainer:{display:'flex',alignItems:'center',justifyContent:'center',width:21},cardDropdownStoriesRow:{display:'flex',flexDirection:'row',flexWrap:'wrap'},cardDropdownStoriesSkeletonContainer:{marginRight:20,marginBottom:20,width:276,borderRadius:16,height:168,overflow:'hidden'},cardDropdownStoriesSkeletonContainerBlue:{marginRight:20,marginBottom:20,width:276,borderRadius:16,height:168,overflow:'hidden',backgroundColor:_colors.PRIMARY_100},cardDropdownStoriesSkeletonOptionContainer:{marginRight:20,marginBottom:20,width:276,borderRadius:16,overflow:'hidden'},cardDropdownStoriesSkeletonOptionContainerBlue:{marginRight:20,marginBottom:20,width:276,borderRadius:16,overflow:'hidden',backgroundColor:_colors.PRIMARY_100},cardDropdownStoriesContainer:{marginBottom:20,marginRight:20}});var CardVariant=exports.CardVariant={primary:{colorCardContainer:{backgroundColor:_colors.NEUTRAL_0},colorCardImageContainer:{backgroundColor:_colors.QUATERNARY_50},colorCardTitle:{color:_colors.PRIMARY_100},colorCardOptionContainer:{backgroundColor:_colors.NEUTRAL_0},colorCardOptionHeader:{backgroundColor:_colors.PRIMARY_100,borderBottomColor:_colors.NEUTRAL_0},colorCardOptionHeaderTitle:{color:_colors.NEUTRAL_0},colorCardItemContainer:{borderBottomColor:_colors.NEUTRAL_10},colorCardItemTitle:{color:_colors.PRIMARY_100},colorCardItemDescription:{color:_colors.TERTIARY_100},colorCardOptionSkeletonContainer:{borderBottomColor:_colors.NEUTRAL_10},colorCardItemImageContainer:{backgroundColor:_colors.QUATERNARY_50},colorCardOptionSkeletonItem:_colors.TERTIARY_30,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_80,colorCardArrowImageFill:_colors.PRIMARY_100,colorCardImageFill:_colors.PRIMARY_100,colorCardImageOptionFill:_colors.PRIMARY_100},secondary:{colorCardContainer:{backgroundColor:_colors.PRIMARY_100},colorCardImageContainer:{backgroundColor:_colors.PRIMARY_80},colorCardTitle:{color:_colors.NEUTRAL_0},colorCardOptionContainer:{backgroundColor:_colors.PRIMARY_100},colorCardOptionHeader:{backgroundColor:_colors.PRIMARY_100,borderBottomColor:_colors.NEUTRAL_100},colorCardOptionHeaderTitle:{color:_colors.NEUTRAL_0},colorCardItemContainer:{borderBottomColor:_colors.NEUTRAL_100},colorCardItemTitle:{color:_colors.NEUTRAL_0},colorCardItemDescription:{color:_colors.TERTIARY_50},colorCardOptionSkeletonContainer:{borderBottomColor:_colors.NEUTRAL_100},colorCardItemImageContainer:{backgroundColor:_colors.PRIMARY_80},colorCardOptionSkeletonItem:_colors.PRIMARY_80,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_80,colorCardArrowImageFill:_colors.NEUTRAL_0,colorCardImageFill:_colors.SECONDARY_100,colorCardImageOptionFill:_colors.NEUTRAL_0},disabledPrimary:{colorCardContainer:{backgroundColor:_colors.NEUTRAL_5},colorCardImageContainer:{backgroundColor:_colors.NEUTRAL_10},colorCardTitle:{color:_colors.NEUTRAL_40},colorCardOptionContainer:{},colorCardOptionHeader:{},colorCardOptionHeaderTitle:{},colorCardItemContainer:{},colorCardItemTitle:{},colorCardItemDescription:{},colorCardOptionSkeletonContainer:{},colorCardItemImageContainer:{},colorCardOptionSkeletonItem:_colors.NEUTRAL_200,colorCardOptionSkeletonHeaderItem:_colors.NEUTRAL_200,colorCardArrowImageFill:_colors.NEUTRAL_40,colorCardImageFill:_colors.NEUTRAL_40,colorCardImageOptionFill:''},disabledSecondary:{colorCardContainer:{backgroundColor:_colors.PRIMARY_40},colorCardImageContainer:{backgroundColor:_colors.PRIMARY_50},colorCardTitle:{color:_colors.PRIMARY_30},colorCardOptionContainer:{},colorCardOptionHeader:{},colorCardOptionHeaderTitle:{},colorCardItemContainer:{},colorCardItemTitle:{},colorCardItemDescription:{},colorCardOptionSkeletonContainer:{},colorCardItemImageContainer:{},colorCardOptionSkeletonItem:_colors.PRIMARY_700,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_700,colorCardArrowImageFill:_colors.PRIMARY_30,colorCardImageFill:_colors.PRIMARY_30,colorCardImageOptionFill:''}};

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 _ArrowDownIcon=require("../../assets/images/icons/ArrowDownIcon");var _SearchIcon=require("../../assets/images/icons/SearchIcon");var _ShowPasswordIcon=require("../../assets/images/icons/ShowPasswordIcon");var _colors=require("../../styles/colors");var _jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/Input.style.tsx";var inputVariants=exports.inputVariants={readOnly:{field:{type:'text',disabledField:true,disabledSubmit:true}},picker:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_ArrowDownIcon.ArrowDownIcon,{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(_ShowPasswordIcon.ShowPasswordIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:14}}),disabledField:true,disabledSubmit:false}}};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=exports.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}};var styles=exports.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',width:'100%'},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}});
+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 _ArrowDownIcon=require("../../assets/images/icons/ArrowDownIcon");var _SearchIcon=require("../../assets/images/icons/SearchIcon");var _ShowPasswordIcon=require("../../assets/images/icons/ShowPasswordIcon");var _colors=require("../../styles/colors");var _jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/Input.style.tsx";var inputVariants=exports.inputVariants={readOnly:{field:{type:'text',disabledField:true,disabledSubmit:true}},picker:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_ArrowDownIcon.ArrowDownIcon,{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(_ShowPasswordIcon.ShowPasswordIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:14}}),disabledField:true,disabledSubmit:false}}};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',alignItems:'center',paddingLeft:15,minWidth:0,textAlignVertical:'center'};var defaultHelperText={color:_colors.NEUTRAL_60,fontSize:16,fontWeight:'500'};var inputStyleVariants=exports.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}};var styles=exports.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',width:'100%'},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}});

package/dist-native/components/input/components/InputField.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 _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _ShowPasswordIcon=require("../../../assets/images/icons/ShowPasswordIcon");var _HidePasswordIcon=require("../../../assets/images/icons/HidePasswordIcon");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _colors=require("../../../styles/colors");var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputField.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 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 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?_HidePasswordIcon.HidePasswordIcon:_ShowPasswordIcon.ShowPasswordIcon;return _react.default.createElement(PasswordComponent,{style:_Input.styles.inputImageSize,fill:fillValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:214,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:247,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:248,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(),(0,_table_utils.disableOutline)(),styleField.textDefault],placeholder:placeholder,placeholderTextColor:_colors.NEUTRAL_600,maxLength:maxLength,secureTextEntry:type==='textInputPassword'&&showPassword,__self:_this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:11}}),(configField==null?void 0:configField.type)==='text'&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(),(0,_table_utils.disableOutline)(),styleField.textDefault],__self:_this,__source:{fileName:_jsxFileName,lineNumber:275,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:283,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:290,columnNumber:9}})));};var _default=exports.default=InputField;
+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 _ShowPasswordIcon=require("../../../assets/images/icons/ShowPasswordIcon");var _HidePasswordIcon=require("../../../assets/images/icons/HidePasswordIcon");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _colors=require("../../../styles/colors");var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/input/components/InputField.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 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 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?_HidePasswordIcon.HidePasswordIcon:_ShowPasswordIcon.ShowPasswordIcon;return _react.default.createElement(PasswordComponent,{style:_Input.styles.inputImageSize,fill:fillValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:214,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:247,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:248,columnNumber:7}},(configField==null?void 0:configField.type)==='textInput'&&(value?_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(),(0,_table_utils.disableOutline)(),styleField.textDefault],placeholder:placeholder,placeholderTextColor:_colors.NEUTRAL_600,maxLength:maxLength,secureTextEntry:type==='textInputPassword'&&showPassword,__self:_this,__source:{fileName:_jsxFileName,lineNumber:261,columnNumber:13}}):_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(),(0,_table_utils.disableOutline)(),styleField.textPlaceholder],__self:_this,__source:{fileName:_jsxFileName,lineNumber:276,columnNumber:13}},placeholder)),(configField==null?void 0:configField.type)==='text'&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(),(0,_table_utils.disableOutline)(),styleField.textDefault],__self:_this,__source:{fileName:_jsxFileName,lineNumber:289,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:298,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:306,columnNumber:9}})));};var _default=exports.default=InputField;

package/dist-native/styles/colors.d.ts

@@ -5,6 +5,7 @@ export declare const PRIMARY_60 = "#4B539D";
 export declare const PRIMARY_80 = "#303775";
 export declare const PRIMARY_100 = "#202452";
 export declare const PRIMARY_400 = "#525897";
+export declare const PRIMARY_700 = "#10123B";
 export declare const PRIMARY_800 = "#242D93";
 export declare const SECONDARY_30 = "#FEF7D0";
 export declare const SECONDARY_50 = "#FFEB7A";
@@ -25,6 +26,7 @@ export declare const NEUTRAL_40 = "#999999";
 export declare const NEUTRAL_50 = "#FAFAFA";
 export declare const NEUTRAL_60 = "#808080";
 export declare const NEUTRAL_100 = "#000000";
+export declare const NEUTRAL_200 = "#EEEEEE";
 export declare const NEUTRAL_300 = "#E0E0E0";
 export declare const NEUTRAL_400 = "#BDBDBD";
 export declare const NEUTRAL_500 = "#E0E0E0";

package/dist-native/styles/colors.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.TERTIARY_800=exports.TERTIARY_50=exports.TERTIARY_30=exports.TERTIARY_100=exports.TERTIARY_10=exports.SUCCESS_100=exports.SUCCESS_10=exports.SECONDARY_50=exports.SECONDARY_300=exports.SECONDARY_30=exports.SECONDARY_100=exports.QUATERNARY_50=exports.QUATERNARY_100=exports.QUATERNARY_10=exports.PROCESS_100=exports.PROCESS_10=exports.PRIMARY_800=exports.PRIMARY_80=exports.PRIMARY_60=exports.PRIMARY_50=exports.PRIMARY_400=exports.PRIMARY_40=exports.PRIMARY_30=exports.PRIMARY_100=exports.OVERLAY=exports.NEUTRAL_600=exports.NEUTRAL_60=exports.NEUTRAL_500=exports.NEUTRAL_50=exports.NEUTRAL_5=exports.NEUTRAL_400=exports.NEUTRAL_40=exports.NEUTRAL_300=exports.NEUTRAL_100=exports.NEUTRAL_10=exports.NEUTRAL_0=exports.INITIAL_100=exports.INITIAL_10=exports.DESTRUCTIVE_100=exports.DESTRUCTIVE_10=exports.DEFAULT_COLOR_THEME=void 0;var PRIMARY_30=exports.PRIMARY_30='#8689AA';var PRIMARY_40=exports.PRIMARY_40='#606380';var PRIMARY_50=exports.PRIMARY_50='#575A72';var PRIMARY_60=exports.PRIMARY_60='#4B539D';var PRIMARY_80=exports.PRIMARY_80='#303775';var PRIMARY_100=exports.PRIMARY_100='#202452';var PRIMARY_400=exports.PRIMARY_400='#525897';var PRIMARY_800=exports.PRIMARY_800='#242D93';var SECONDARY_30=exports.SECONDARY_30='#FEF7D0';var SECONDARY_50=exports.SECONDARY_50='#FFEB7A';var SECONDARY_100=exports.SECONDARY_100='#FAD614';var SECONDARY_300=exports.SECONDARY_300='#FDEC71';var TERTIARY_10=exports.TERTIARY_10='#F2F5F9';var TERTIARY_30=exports.TERTIARY_30='#EFF1F7';var TERTIARY_50=exports.TERTIARY_50='#EDF1FF';var TERTIARY_100=exports.TERTIARY_100='#808695';var TERTIARY_800=exports.TERTIARY_800='#151C7A';var QUATERNARY_10=exports.QUATERNARY_10='#F5F5FC';var QUATERNARY_50=exports.QUATERNARY_50='#DDDFF6';var QUATERNARY_100=exports.QUATERNARY_100='#7182FF';var NEUTRAL_0=exports.NEUTRAL_0='#FFFFFF';var NEUTRAL_5=exports.NEUTRAL_5='#F2F2F2';var NEUTRAL_10=exports.NEUTRAL_10='#E5E5E5';var NEUTRAL_40=exports.NEUTRAL_40='#999999';var NEUTRAL_50=exports.NEUTRAL_50='#FAFAFA';var NEUTRAL_60=exports.NEUTRAL_60='#808080';var NEUTRAL_100=exports.NEUTRAL_100='#000000';var NEUTRAL_300=exports.NEUTRAL_300='#E0E0E0';var NEUTRAL_400=exports.NEUTRAL_400='#BDBDBD';var NEUTRAL_500=exports.NEUTRAL_500='#E0E0E0';var NEUTRAL_600=exports.NEUTRAL_600='#757575';var INITIAL_10=exports.INITIAL_10='#ECF5FF';var INITIAL_100=exports.INITIAL_100='#3E97FF';var PROCESS_10=exports.PROCESS_10='#FFF6EC';var PROCESS_100=exports.PROCESS_100='#FBA643';var SUCCESS_10=exports.SUCCESS_10='#E5F7ED';var SUCCESS_100=exports.SUCCESS_100='#00B34C';var DESTRUCTIVE_10=exports.DESTRUCTIVE_10='#FEF0EF';var DESTRUCTIVE_100=exports.DESTRUCTIVE_100='#F36A62';var OVERLAY=exports.OVERLAY='rgba(0,0,0,0.25)';var DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=PRIMARY_100;
+Object.defineProperty(exports,"__esModule",{value:true});exports.TERTIARY_800=exports.TERTIARY_50=exports.TERTIARY_30=exports.TERTIARY_100=exports.TERTIARY_10=exports.SUCCESS_100=exports.SUCCESS_10=exports.SECONDARY_50=exports.SECONDARY_300=exports.SECONDARY_30=exports.SECONDARY_100=exports.QUATERNARY_50=exports.QUATERNARY_100=exports.QUATERNARY_10=exports.PROCESS_100=exports.PROCESS_10=exports.PRIMARY_800=exports.PRIMARY_80=exports.PRIMARY_700=exports.PRIMARY_60=exports.PRIMARY_50=exports.PRIMARY_400=exports.PRIMARY_40=exports.PRIMARY_30=exports.PRIMARY_100=exports.OVERLAY=exports.NEUTRAL_600=exports.NEUTRAL_60=exports.NEUTRAL_500=exports.NEUTRAL_50=exports.NEUTRAL_5=exports.NEUTRAL_400=exports.NEUTRAL_40=exports.NEUTRAL_300=exports.NEUTRAL_200=exports.NEUTRAL_100=exports.NEUTRAL_10=exports.NEUTRAL_0=exports.INITIAL_100=exports.INITIAL_10=exports.DESTRUCTIVE_100=exports.DESTRUCTIVE_10=exports.DEFAULT_COLOR_THEME=void 0;var PRIMARY_30=exports.PRIMARY_30='#8689AA';var PRIMARY_40=exports.PRIMARY_40='#606380';var PRIMARY_50=exports.PRIMARY_50='#575A72';var PRIMARY_60=exports.PRIMARY_60='#4B539D';var PRIMARY_80=exports.PRIMARY_80='#303775';var PRIMARY_100=exports.PRIMARY_100='#202452';var PRIMARY_400=exports.PRIMARY_400='#525897';var PRIMARY_700=exports.PRIMARY_700='#10123B';var PRIMARY_800=exports.PRIMARY_800='#242D93';var SECONDARY_30=exports.SECONDARY_30='#FEF7D0';var SECONDARY_50=exports.SECONDARY_50='#FFEB7A';var SECONDARY_100=exports.SECONDARY_100='#FAD614';var SECONDARY_300=exports.SECONDARY_300='#FDEC71';var TERTIARY_10=exports.TERTIARY_10='#F2F5F9';var TERTIARY_30=exports.TERTIARY_30='#EFF1F7';var TERTIARY_50=exports.TERTIARY_50='#EDF1FF';var TERTIARY_100=exports.TERTIARY_100='#808695';var TERTIARY_800=exports.TERTIARY_800='#151C7A';var QUATERNARY_10=exports.QUATERNARY_10='#F5F5FC';var QUATERNARY_50=exports.QUATERNARY_50='#DDDFF6';var QUATERNARY_100=exports.QUATERNARY_100='#7182FF';var NEUTRAL_0=exports.NEUTRAL_0='#FFFFFF';var NEUTRAL_5=exports.NEUTRAL_5='#F2F2F2';var NEUTRAL_10=exports.NEUTRAL_10='#E5E5E5';var NEUTRAL_40=exports.NEUTRAL_40='#999999';var NEUTRAL_50=exports.NEUTRAL_50='#FAFAFA';var NEUTRAL_60=exports.NEUTRAL_60='#808080';var NEUTRAL_100=exports.NEUTRAL_100='#000000';var NEUTRAL_200=exports.NEUTRAL_200='#EEEEEE';var NEUTRAL_300=exports.NEUTRAL_300='#E0E0E0';var NEUTRAL_400=exports.NEUTRAL_400='#BDBDBD';var NEUTRAL_500=exports.NEUTRAL_500='#E0E0E0';var NEUTRAL_600=exports.NEUTRAL_600='#757575';var INITIAL_10=exports.INITIAL_10='#ECF5FF';var INITIAL_100=exports.INITIAL_100='#3E97FF';var PROCESS_10=exports.PROCESS_10='#FFF6EC';var PROCESS_100=exports.PROCESS_100='#FBA643';var SUCCESS_10=exports.SUCCESS_10='#E5F7ED';var SUCCESS_100=exports.SUCCESS_100='#00B34C';var DESTRUCTIVE_10=exports.DESTRUCTIVE_10='#FEF0EF';var DESTRUCTIVE_100=exports.DESTRUCTIVE_100='#F36A62';var OVERLAY=exports.OVERLAY='rgba(0,0,0,0.25)';var DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=PRIMARY_100;

package/dist-web/components/cards/cardDropdown/CardDropdown.styles.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native-web";
-import { NEUTRAL_0, NEUTRAL_10, NEUTRAL_100, NEUTRAL_40, NEUTRAL_5, PRIMARY_100, PRIMARY_30, PRIMARY_40, PRIMARY_50, PRIMARY_80, QUATERNARY_50, SECONDARY_100, TERTIARY_100, TERTIARY_30, TERTIARY_50 } from "../../../styles/colors";
+import { NEUTRAL_0, NEUTRAL_10, NEUTRAL_100, NEUTRAL_200, NEUTRAL_40, NEUTRAL_5, PRIMARY_100, PRIMARY_30, PRIMARY_40, PRIMARY_50, PRIMARY_700, PRIMARY_80, QUATERNARY_50, SECONDARY_100, TERTIARY_100, TERTIARY_30, TERTIARY_50 } from "../../../styles/colors";
 export var styles = StyleSheet.create({
   cardContainer: {
     width: 272,
@@ -332,8 +332,8 @@ export var CardVariant = {
     colorCardItemDescription: {},
     colorCardOptionSkeletonContainer: {},
     colorCardItemImageContainer: {},
-    colorCardOptionSkeletonItem: '',
-    colorCardOptionSkeletonHeaderItem: '',
+    colorCardOptionSkeletonItem: NEUTRAL_200,
+    colorCardOptionSkeletonHeaderItem: NEUTRAL_200,
     colorCardArrowImageFill: NEUTRAL_40,
     colorCardImageFill: NEUTRAL_40,
     colorCardImageOptionFill: ''
@@ -356,8 +356,8 @@ export var CardVariant = {
     colorCardItemDescription: {},
     colorCardOptionSkeletonContainer: {},
     colorCardItemImageContainer: {},
-    colorCardOptionSkeletonItem: '',
-    colorCardOptionSkeletonHeaderItem: '',
+    colorCardOptionSkeletonItem: PRIMARY_700,
+    colorCardOptionSkeletonHeaderItem: PRIMARY_700,
     colorCardArrowImageFill: PRIMARY_30,
     colorCardImageFill: PRIMARY_30,
     colorCardImageOptionFill: ''

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

@@ -115,11 +115,9 @@ var defaultTextPlaceholder = {
   color: NEUTRAL_600,
   fontSize: 18,
   fontWeight: '500',
-  flex: 1,
   alignItems: 'center',
   paddingLeft: 15,
   minWidth: 0,
-  display: 'flex',
   textAlignVertical: 'center'
 };
 var defaultHelperText = {

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

@@ -212,7 +212,7 @@ var InputField = function InputField(_ref) {
     }],
     disabled: disabled || configField.disabledField,
     onPress: handleOnPress
-  }, (configField === null || configField === void 0 ? void 0 : configField.type) === 'textInput' && /*#__PURE__*/React.createElement(TextInput, {
+  }, (configField === null || configField === void 0 ? void 0 : configField.type) === 'textInput' && (value ? /*#__PURE__*/React.createElement(TextInput, {
     editable: !disabled || !configField.disabledField,
     focusable: !disabled || !configField.disabledField,
     onBlur: onPressBlur,
@@ -225,7 +225,11 @@ var InputField = function InputField(_ref) {
     placeholderTextColor: NEUTRAL_600,
     maxLength: maxLength,
     secureTextEntry: type === 'textInputPassword' && showPassword
-  }), (configField === null || configField === void 0 ? void 0 : configField.type) === 'text' && /*#__PURE__*/React.createElement(Text, {
+  }) : /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: [getStyleText(), disableOutline(), styleField.textPlaceholder]
+  }, placeholder)), (configField === null || configField === void 0 ? void 0 : configField.type) === 'text' && /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [getStyleText(), disableOutline(), styleField.textDefault]

package/dist-web/styles/colors.d.ts

@@ -5,6 +5,7 @@ export declare const PRIMARY_60 = "#4B539D";
 export declare const PRIMARY_80 = "#303775";
 export declare const PRIMARY_100 = "#202452";
 export declare const PRIMARY_400 = "#525897";
+export declare const PRIMARY_700 = "#10123B";
 export declare const PRIMARY_800 = "#242D93";
 export declare const SECONDARY_30 = "#FEF7D0";
 export declare const SECONDARY_50 = "#FFEB7A";
@@ -25,6 +26,7 @@ export declare const NEUTRAL_40 = "#999999";
 export declare const NEUTRAL_50 = "#FAFAFA";
 export declare const NEUTRAL_60 = "#808080";
 export declare const NEUTRAL_100 = "#000000";
+export declare const NEUTRAL_200 = "#EEEEEE";
 export declare const NEUTRAL_300 = "#E0E0E0";
 export declare const NEUTRAL_400 = "#BDBDBD";
 export declare const NEUTRAL_500 = "#E0E0E0";

package/dist-web/styles/colors.js

@@ -5,6 +5,7 @@ export var PRIMARY_60 = '#4B539D';
 export var PRIMARY_80 = '#303775';
 export var PRIMARY_100 = '#202452';
 export var PRIMARY_400 = '#525897';
+export var PRIMARY_700 = '#10123B';
 export var PRIMARY_800 = '#242D93';
 export var SECONDARY_30 = '#FEF7D0';
 export var SECONDARY_50 = '#FFEB7A';
@@ -25,6 +26,7 @@ export var NEUTRAL_40 = '#999999';
 export var NEUTRAL_50 = '#FAFAFA';
 export var NEUTRAL_60 = '#808080';
 export var NEUTRAL_100 = '#000000';
+export var NEUTRAL_200 = '#EEEEEE';
 export var NEUTRAL_300 = '#E0E0E0';
 export var NEUTRAL_400 = '#BDBDBD';
 export var NEUTRAL_500 = '#E0E0E0';

package/package.json

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