etendo-ui-library 1.4.6 → 1.4.7

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.
Files changed (21) hide show
  1. package/dist-native/components/alert/Alert.style.js +1 -1
  2. package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.js +1 -1
  3. package/dist-native/components/inputBase/date-picker-input/DatePickerInput.js +1 -1
  4. package/dist-native/components/inputBase/date-picker-input/DatePickerInput.styles.d.ts +2 -0
  5. package/dist-native/components/inputBase/date-picker-input/DatePickerInput.styles.js +1 -1
  6. package/dist-native/components/inputBase/dropdown-input/DropdownInput.constants.d.ts +1 -1
  7. package/dist-native/components/inputBase/dropdown-input/DropdownInput.constants.js +1 -1
  8. package/dist-native/components/inputBase/dropdown-input/DropdownInput.js +1 -1
  9. package/dist-native/components/inputBase/dropdown-input/components/DropdownInputOptions/DropdownInputOptions.js +1 -1
  10. package/dist-native/interfaces/table.interface.d.ts +1 -0
  11. package/dist-web/components/alert/Alert.style.js +2 -2
  12. package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.js +2 -1
  13. package/dist-web/components/inputBase/date-picker-input/DatePickerInput.js +4 -4
  14. package/dist-web/components/inputBase/date-picker-input/DatePickerInput.styles.d.ts +2 -0
  15. package/dist-web/components/inputBase/date-picker-input/DatePickerInput.styles.js +10 -8
  16. package/dist-web/components/inputBase/dropdown-input/DropdownInput.constants.d.ts +1 -1
  17. package/dist-web/components/inputBase/dropdown-input/DropdownInput.constants.js +1 -1
  18. package/dist-web/components/inputBase/dropdown-input/DropdownInput.js +2 -1
  19. package/dist-web/components/inputBase/dropdown-input/components/DropdownInputOptions/DropdownInputOptions.js +6 -2
  20. package/dist-web/interfaces/table.interface.d.ts +1 -0
  21. package/package.json +1 -1
package/dist-native/components/alert/Alert.style.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{width:344,position:'absolute',alignSelf:'center',borderRadius:8,elevation:6,justifyContent:'center',display:'flex',paddingLeft:16,paddingVertical:14,paddingRight:4,flexDirection:'row'},text:{fontFamily:'Inter',fontWeight:'500',lineHeight:20,flex:1},closeButton:{width:48,alignItems:'center',justifyContent:'center'},closeIcon:{height:14,width:14},messageIcon:{width:20,height:20,marginRight:8}});
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{width:344,position:'absolute',alignSelf:'center',borderRadius:8,elevation:6,justifyContent:'center',display:'flex',paddingLeft:16,paddingVertical:14,paddingRight:4,flexDirection:'row'},text:{fontFamily:'Inter',fontWeight:'500',lineHeight:20,flex:1},closeButton:{width:48,alignItems:'center',justifyContent:'center'},closeIcon:{height:24,width:24},messageIcon:{width:20,height:20,marginRight:8}});
package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getIconByType=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../../../../../../assets/images/icons");var _SwitchRowCard=require("./SwitchRowCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchRowCard/SwitchRowCard.tsx";var DOTS='··························';var getIconByType=exports.getIconByType=function getIconByType(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(row!=null&&row.key&&(item[row.key]||item[row.key]===false)){switch(row.type){case'date':return _react.default.createElement(_icons.CalendarIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:16}});case'time':return _react.default.createElement(_icons.ClockIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:16}});case'boolean':return item[row.key]?_react.default.createElement(_icons.CheckSquareicon,{style:_SwitchRowCard.styles.check,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:11}}):_react.default.createElement(_icons.SquareIcon,{style:_SwitchRowCard.styles.check,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:11}});default:break;}}};var SwitchRowCard=function SwitchRowCard(_ref2){var row=_ref2.row,item=_ref2.item,_ref2$color=_ref2.color,color=_ref2$color===void 0?{}:_ref2$color,backgroundColor=_ref2.backgroundColor;if(!row){return _react.default.createElement(_react.default.Fragment,null);}if(row.type!=='string'&&row.type){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:7}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"clip",style:_SwitchRowCard.styles.dots,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:9}},DOTS),_react.default.createElement(_reactNative.View,{style:[_SwitchRowCard.styles.contentMiddleRow,_SwitchRowCard.styles.paddingRight,backgroundColor],__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:11}},row==null?void 0:row.label)),_react.default.createElement(_reactNative.View,{style:[_SwitchRowCard.styles.contentMiddleRow,_SwitchRowCard.styles.paddingLeft,backgroundColor],__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}},getIconByType({row:row,item:item,color:color}),row.type!=='boolean'&&_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:13}},row!=null&&row.key?item[row.key]:'')));}return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.column,__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:7}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:7}},row!=null&&row.key?item[row.key]:''));};var _default=exports.default=SwitchRowCard;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getIconByType=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../../../../../../assets/images/icons");var _SwitchRowCard=require("./SwitchRowCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchRowCard/SwitchRowCard.tsx";var DOTS='··························';var getIconByType=exports.getIconByType=function getIconByType(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(row!=null&&row.key&&(item[row.key]||item[row.key]===false)){switch(row.type){case'date':return _react.default.createElement(_icons.CalendarIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:16}});case'time':return _react.default.createElement(_icons.ClockIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:16}});case'boolean':return item[row.key]?_react.default.createElement(_icons.CheckSquareicon,{style:_SwitchRowCard.styles.check,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:11}}):_react.default.createElement(_icons.SquareIcon,{style:_SwitchRowCard.styles.check,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:11}});default:break;}}};var SwitchRowCard=function SwitchRowCard(_ref2){var _row$numberOfLines;var row=_ref2.row,item=_ref2.item,_ref2$color=_ref2.color,color=_ref2$color===void 0?{}:_ref2$color,backgroundColor=_ref2.backgroundColor;if(!row){return _react.default.createElement(_react.default.Fragment,null);}if(row.type!=='string'&&row.type){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:7}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"clip",style:_SwitchRowCard.styles.dots,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:9}},DOTS),_react.default.createElement(_reactNative.View,{style:[_SwitchRowCard.styles.contentMiddleRow,_SwitchRowCard.styles.paddingRight,backgroundColor],__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:11}},row==null?void 0:row.label)),_react.default.createElement(_reactNative.View,{style:[_SwitchRowCard.styles.contentMiddleRow,_SwitchRowCard.styles.paddingLeft,backgroundColor],__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}},getIconByType({row:row,item:item,color:color}),row.type!=='boolean'&&_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:13}},row!=null&&row.key?item[row.key]:'')));}return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.column,__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:7}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:(_row$numberOfLines=row==null?void 0:row.numberOfLines)!=null?_row$numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:7}},row!=null&&row.key?item[row.key]:''));};var _default=exports.default=SwitchRowCard;
package/dist-native/components/inputBase/date-picker-input/DatePickerInput.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _button=require("../../button");var _DatePickerInput=require("./DatePickerInput.translations");var _DatePickerInput2=require("./DatePickerInput.styles");var _useDatePickerInput2=require("./hooks/useDatePickerInput");var _functions_utils=require("../../../helpers/functions_utils");var _colors=require("../../../styles/colors");var _icons=require("../../../assets/images/icons");var _DatePickerInput3=require("./DatePickerInput.utils");var _excluded=["placeholder","title","helperText","isDisabled","isError","value","onChangeText","icon","language","dateFormat","minDate","maxDate","size"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/date-picker-input/DatePickerInput.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&&{}.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 DatePickerInput=function DatePickerInput(_ref){var placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,value=_ref.value,onChangeText=_ref.onChangeText,icon=_ref.icon,_ref$language=_ref.language,language=_ref$language===void 0?'en-US':_ref$language,_ref$dateFormat=_ref.dateFormat,dateFormat=_ref$dateFormat===void 0?'MM/DD/YYYY':_ref$dateFormat,minDate=_ref.minDate,maxDate=_ref.maxDate,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useDatePickerInput=(0,_useDatePickerInput2.useDatePickerInput)(value,dateFormat),selectedDate=_useDatePickerInput.selectedDate,isPickerShow=_useDatePickerInput.isPickerShow,isMonthSelection=_useDatePickerInput.isMonthSelection,yearListRef=_useDatePickerInput.yearListRef,monthListRef=_useDatePickerInput.monthListRef,togglePicker=_useDatePickerInput.togglePicker,setIsPickerShow=_useDatePickerInput.setIsPickerShow,setSelectedDate=_useDatePickerInput.setSelectedDate,showYearSelection=_useDatePickerInput.showYearSelection,goToNextMonth=_useDatePickerInput.goToNextMonth,goToNextYear=_useDatePickerInput.goToNextYear,goToPreviousMonth=_useDatePickerInput.goToPreviousMonth,goToPreviousYear=_useDatePickerInput.goToPreviousYear,disabledMonthSelection=_useDatePickerInput.disabledMonthSelection,disabledYearSelection=_useDatePickerInput.disabledYearSelection,setDisabledMonthSelection=_useDatePickerInput.setDisabledMonthSelection,setDisabledYearSelection=_useDatePickerInput.setDisabledYearSelection,showMonthSelection=_useDatePickerInput.showMonthSelection,currentMonth=_useDatePickerInput.currentMonth,currentYear=_useDatePickerInput.currentYear,selectMonth=_useDatePickerInput.selectMonth,setCurrentMonth=_useDatePickerInput.setCurrentMonth,isYearSelection=_useDatePickerInput.isYearSelection,setIsYearSelection=_useDatePickerInput.setIsYearSelection,setCurrentYear=_useDatePickerInput.setCurrentYear;var currentSizeStyles=(0,_functions_utils.isWebPlatform)()?_DatePickerInput2.sizeStyles[size]:_DatePickerInput2.sizeStyles['large'];var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),hoveredDay=_useState2[0],setHoveredDay=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isInputError=_useState4[0],setIsInputError=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isDateSelected=_useState6[0],setIsDateSelected=_useState6[1];var _useState7=(0,_react.useState)(null),_useState8=(0,_slicedToArray2.default)(_useState7,2),tempSelectedDate=_useState8[0],setTempSelectedDate=_useState8[1];var _useState9=(0,_react.useState)({top:undefined,bottom:undefined}),_useState10=(0,_slicedToArray2.default)(_useState9,2),calendarPosition=_useState10[0],setCalendarPosition=_useState10[1];var inputRef=(0,_react.useRef)(null);var parsedMinDate=minDate?(0,_DatePickerInput3.parseLocalDateString)(minDate,dateFormat):null;var parsedMaxDate=maxDate?(0,_DatePickerInput3.parseLocalDateString)(maxDate,dateFormat):null;var DAYS_SHORT_NAMES=_DatePickerInput.translations[language].daysShort;var MONTHS_SHORT_NAMES=_DatePickerInput.translations[language].monthsShort;var MONTHS_FULL_NAMES=_DatePickerInput.translations[language].monthNames;var openCalendar=function openCalendar(){setTempSelectedDate(selectedDate);if(selectedDate)handleBlur();togglePicker();setIsDateSelected(false);};var rightButtons=[_react.default.createElement(_button.Button,{key:"calendar",typeStyle:"white",paddingHorizontal:0,paddingVertical:7,onPress:openCalendar,iconLeft:_react.default.createElement(_icons.CalendarIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:9}}),disabled:isDisabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:5}})];var closeCalendar=function closeCalendar(){setIsPickerShow(false);};(0,_react.useEffect)(function(){if((0,_functions_utils.isWebPlatform)()&&isPickerShow&&inputRef.current&&typeof window!=='undefined'){var rect=inputRef.current.getBoundingClientRect();var modalWidth=currentSizeStyles.modalWidth;var modalHeight=currentSizeStyles.calendarHeight;var screenWidth=window.innerWidth;var screenHeight=window.innerHeight;var calculatedLeft=rect.right-modalWidth;if(calculatedLeft+modalWidth>screenWidth){calculatedLeft=screenWidth-modalWidth-20;}var spaceBelow=screenHeight-rect.bottom;var spaceAbove=rect.top;var topPosition=rect.bottom+window.scrollY;if(spaceBelow<modalHeight&&spaceAbove>modalHeight){topPosition=rect.top+window.scrollY-modalHeight;}}},[isPickerShow,currentSizeStyles]);var onAccept=function onAccept(){var dateObject=(0,_DatePickerInput3.parseDateString)(selectedDate,dateFormat);if(dateObject&&!isNaN(dateObject.getTime())){var formattedDateForERP=(0,_DatePickerInput3.convertDateToEtendoERPFormat)(dateObject);if(typeof onChangeText==='function'){onChangeText(formattedDateForERP);}setIsPickerShow(false);}setTempSelectedDate(null);};var onCancel=function onCancel(){setSelectedDate(tempSelectedDate||'');setIsPickerShow(false);setTempSelectedDate(null);setIsDateSelected(false);};var yearList=(0,_DatePickerInput3.generateYearList)();(0,_react.useEffect)(function(){var index=yearList.indexOf(currentYear);if(index!==-1&&yearListRef.current){var offset=index*currentSizeStyles.itemHeight;yearListRef.current.scrollTo({y:offset,animated:false});}},[currentYear,yearList]);(0,_react.useEffect)(function(){var index=yearList.indexOf(currentYear);if(index!==-1&&yearListRef.current){var offset=index*currentSizeStyles.itemHeight;yearListRef.current.scrollTo({y:offset,animated:false});}},[currentMonth]);(0,_react.useEffect)(function(){if((0,_functions_utils.isWebPlatform)()&&isPickerShow&&inputRef.current&&typeof window!=='undefined'){var rect=inputRef.current.getBoundingClientRect();var modalHeight=currentSizeStyles.calendarHeight;var screenHeight=window.innerHeight;var spaceBelow=screenHeight-rect.bottom;var spaceAbove=rect.top;if(spaceBelow<modalHeight&&spaceAbove>modalHeight){setCalendarPosition({top:'auto',bottom:helperText?'4.7rem':'3.35rem'});}else{setCalendarPosition({top:helperText?'-1.55rem':'0rem'});}}},[isPickerShow,currentSizeStyles.calendarHeight]);(0,_react.useEffect)(function(){setIsInputError(false);},[selectedDate]);(0,_react.useEffect)(function(){if(isMonthSelection&&monthListRef.current){var offset=currentMonth*currentSizeStyles.itemHeight;monthListRef.current.scrollTo({y:offset,animated:false});}},[isMonthSelection,currentMonth]);(0,_react.useEffect)(function(){if((0,_functions_utils.isWebPlatform)()&&isPickerShow&&inputRef.current&&typeof window!=='undefined'){var rect=inputRef.current.getBoundingClientRect();var modalWidth=currentSizeStyles.modalWidth;var modalHeight=currentSizeStyles.calendarHeight;var screenWidth=window.innerWidth;var screenHeight=window.innerHeight;var calculatedLeft=rect.right-modalWidth;if(calculatedLeft+modalWidth>screenWidth){calculatedLeft=screenWidth-modalWidth-20;}var spaceBelow=screenHeight-rect.bottom;var spaceAbove=rect.top;var topPosition;if(spaceBelow>=modalHeight){topPosition=rect.bottom+window.scrollY-5;}else if(spaceAbove>=modalHeight){topPosition=rect.top+window.scrollY-modalHeight-70;}else{topPosition=rect.bottom+window.scrollY;}}},[isPickerShow,currentSizeStyles]);var renderYearItem=function renderYearItem(_ref2){var item=_ref2.item;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.item,{padding:currentSizeStyles.listItemPadding},item===currentYear?_DatePickerInput2.styles.selectedItem:null],onPress:function onPress(){selectYear(item);setDisabledMonthSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:290,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.yearText,{fontSize:currentSizeStyles.listFontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:300,columnNumber:7}},item));};var selectYear=function selectYear(year){setCurrentYear(year);setIsYearSelection(false);};var renderYearSelection=function renderYearSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:yearListRef,style:currentSizeStyles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:316,columnNumber:7}},yearList.map(function(year){return _react.default.createElement(_reactNative.View,{key:year.toString(),style:{height:currentSizeStyles.itemHeight},__self:_this,__source:{fileName:_jsxFileName,lineNumber:318,columnNumber:11}},renderYearItem({item:year}));}));};var renderMonthItem=function renderMonthItem(_ref3){var item=_ref3.item,index=_ref3.index;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.item,{padding:currentSizeStyles.listItemPadding},index===currentMonth&&_DatePickerInput2.styles.selectedItem],onPress:function onPress(){selectMonth(index);setDisabledYearSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:330,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:{fontSize:currentSizeStyles.listFontSize,color:_colors.PRIMARY_100},__self:_this,__source:{fileName:_jsxFileName,lineNumber:340,columnNumber:7}},item));};var renderMonthSelection=function renderMonthSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:monthListRef,style:currentSizeStyles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:353,columnNumber:7}},MONTHS_FULL_NAMES.map(function(month,index){return _react.default.createElement(_reactNative.View,{key:index.toString(),style:{height:currentSizeStyles.itemHeight},__self:_this,__source:{fileName:_jsxFileName,lineNumber:355,columnNumber:11}},renderMonthItem({item:month,index:index}));}));};var onDateSelected=function onDateSelected(date){var formattedDateForDisplay=(0,_DatePickerInput3.formatterDate)(date,dateFormat);setSelectedDate(formattedDateForDisplay.toString());setIsDateSelected(true);if(onChangeText){var formattedDateForERP=(0,_DatePickerInput3.convertDateToEtendoERPFormat)(date);onChangeText(formattedDateForERP);}};var handleTextChange=function handleTextChange(text){var processedText=text.replace(/\D/g,'').substring(0,8);if(processedText.length>4){processedText=processedText.substring(0,2)+"/"+processedText.substring(2,4)+"/"+processedText.substring(4);}else if(processedText.length>2){processedText=processedText.substring(0,2)+"/"+processedText.substring(2);}setSelectedDate(processedText);};var handleBlur=function handleBlur(){if((selectedDate==null?void 0:selectedDate.trim())===''){setIsInputError(false);return;}var parts=selectedDate==null?void 0:selectedDate.split('/');var dateIsValid=false;if((selectedDate==null?void 0:selectedDate.length)===10&&parts.length===3){var day,month,year;if(dateFormat==='DD/MM/YYYY'){day=parseInt(parts[0],10);month=parseInt(parts[1],10)-1;year=parseInt(parts[2],10);}else if(dateFormat==='MM/DD/YYYY'){month=parseInt(parts[0],10)-1;day=parseInt(parts[1],10);year=parseInt(parts[2],10);}else{setIsInputError(true);return;}var date=new Date(year,month,day);dateIsValid=date.getFullYear()===year&&date.getMonth()===month&&date.getDate()===day;var dateIsWithinRange=(!parsedMinDate||date>=parsedMinDate)&&(!parsedMaxDate||date<=parsedMaxDate);dateIsValid=dateIsValid&&dateIsWithinRange;if(dateIsValid){setCurrentYear(year);setCurrentMonth(month);setSelectedDate((0,_DatePickerInput3.formatterDate)(date,dateFormat));}}setIsInputError(!dateIsValid);};var renderDayItem=function renderDayItem(_ref4){var date=_ref4.date,isCurrentMonth=_ref4.isCurrentMonth;var isDateBeforeMin=parsedMinDate?date<parsedMinDate:false;var isDateAfterMax=parsedMaxDate?date>parsedMaxDate:false;var isDateSelectable=!isDateBeforeMin&&!isDateAfterMax;var disabledDayStyle=isDateSelectable?{}:_DatePickerInput2.styles.disabledButtonStyle;var isToday=date.getDate()===new Date().getDate()&&date.getMonth()===new Date().getMonth()&&date.getFullYear()===new Date().getFullYear();var isSelectedDate=isCurrentMonth&&selectedDate&&function(){if(typeof selectedDate==='string'&&selectedDate.length===10){var selectedYear,selectedMonth,selectedDay;var parts=selectedDate.split('/');if(dateFormat==='DD/MM/YYYY'){selectedDay=parseInt(parts[0],10);selectedMonth=parseInt(parts[1],10)-1;selectedYear=parseInt(parts[2],10);}else if(dateFormat==='MM/DD/YYYY'){selectedMonth=parseInt(parts[0],10)-1;selectedDay=parseInt(parts[1],10);selectedYear=parseInt(parts[2],10);}else{return false;}return date.getDate()===selectedDay&&date.getMonth()===selectedMonth&&date.getFullYear()===selectedYear;}return false;}();var notCurrentMonthStyle={color:_colors.NEUTRAL_400};var isPartOfCurrentMonth=date.getMonth()===currentMonth;var dayKey=date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate();var isHovered=hoveredDay===dayKey&&!isSelectedDate;var isTodayHovered=isToday&&isHovered;return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){return isPartOfCurrentMonth&&isDateSelectable&&onDateSelected(date);},disabled:!isDateSelectable,style:[_DatePickerInput2.styles.dayItem,currentSizeStyles.dayItem,isPartOfCurrentMonth?null:notCurrentMonthStyle,disabledDayStyle],onHoverIn:function onHoverIn(){return setHoveredDay(dayKey);},onHoverOut:function onHoverOut(){return setHoveredDay(null);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:497,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.dayItemText,currentSizeStyles.dayItemText,isSelectedDate?_DatePickerInput2.styles.selectedDayBackground:{},isToday&&!isSelectedDate?[_DatePickerInput2.styles.currentDayBorder]:{},!isCurrentMonth?notCurrentMonthStyle:{},isHovered&&!isToday?[_DatePickerInput2.styles.dayItemTextHover]:{},isTodayHovered?_DatePickerInput2.styles.todayItemTextHover:{}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:510,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.dayText,isSelectedDate?_DatePickerInput2.styles.selectedDayText:{},!isCurrentMonth?notCurrentMonthStyle:{},isPartOfCurrentMonth?null:notCurrentMonthStyle,isTodayHovered&&{color:_colors.PRIMARY_100},currentSizeStyles.dayText],__self:_this,__source:{fileName:_jsxFileName,lineNumber:520,columnNumber:11}},date.getDate())));};var renderCalendar=function renderCalendar(){var daysInMonth=(0,_DatePickerInput3.buildMonth)(currentYear,currentMonth);return _react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.calendarContainer,{height:currentSizeStyles.calendarHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:541,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.dayHeader,currentSizeStyles.headerDayPadding],__self:_this,__source:{fileName:_jsxFileName,lineNumber:546,columnNumber:9}},DAYS_SHORT_NAMES.map(function(day){return _react.default.createElement(_reactNative.Text,{key:day,style:[_DatePickerInput2.styles.dayHeaderText,currentSizeStyles.dayHeaderText],__self:_this,__source:{fileName:_jsxFileName,lineNumber:548,columnNumber:13}},day);})),_react.default.createElement(_reactNative.FlatList,{data:daysInMonth,numColumns:7,renderItem:function renderItem(_ref5){var item=_ref5.item;return item&&renderDayItem({date:item,isCurrentMonth:true});},keyExtractor:function keyExtractor(_,index){return index.toString();},showsVerticalScrollIndicator:false,__self:_this,__source:{fileName:_jsxFileName,lineNumber:555,columnNumber:9}}));};var PlatformCalendarPicker=(0,_functions_utils.isWebPlatform)()?_reactNative.View:_reactNative.Modal;var modalProps=!(0,_functions_utils.isWebPlatform)()?{transparent:true,visible:isPickerShow,onRequestClose:function onRequestClose(){return setIsPickerShow(false);},animationType:'fade'}:{};return _react.default.createElement(_reactNative.View,{ref:inputRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:580,columnNumber:5}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({value:selectedDate,placeholder:placeholder||dateFormat,title:title,helperText:helperText,isDisabled:isDisabled,isError:isInputError,onChangeText:handleTextChange,icon:icon,onBlur:handleBlur,rightButtons:rightButtons,keyboardType:"numeric"},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:581,columnNumber:7}})),isPickerShow&&_react.default.createElement(PlatformCalendarPicker,(0,_extends2.default)({},modalProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:596,columnNumber:9}}),_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return setIsPickerShow(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:597,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_DatePickerInput2.styles.modalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:598,columnNumber:13}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(e){return e.stopPropagation();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:599,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.modalContent,{position:(0,_functions_utils.isWebPlatform)()?'absolute':'relative',width:currentSizeStyles.modalWidth,top:calendarPosition.top,bottom:calendarPosition.bottom,right:(0,_functions_utils.isWebPlatform)()?0:undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:600,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.header,currentSizeStyles.headerPadding,{borderBottomColor:isMonthSelection||isYearSelection?_colors.NEUTRAL_300:'transparent'}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:611,columnNumber:19}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.monthAndYearContainer,disabledMonthSelection&&_DatePickerInput2.styles.disabledButtonStyle],disabled:disabledMonthSelection,onPress:showMonthSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:622,columnNumber:21}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16,paddingLeft:4}],onPress:goToPreviousMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:629,columnNumber:23}},_react.default.createElement(_icons.ChevronLeftIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:639,columnNumber:25}})),_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.monthAndYearContent],__self:_this,__source:{fileName:_jsxFileName,lineNumber:641,columnNumber:23}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.monthText,{fontSize:currentSizeStyles.monthText}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:642,columnNumber:25}},MONTHS_SHORT_NAMES[currentMonth]),_react.default.createElement(_icons.ChevronDownIcon,{style:{width:12,height:12},__self:_this,__source:{fileName:_jsxFileName,lineNumber:649,columnNumber:25}})),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16}],onPress:goToNextMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:656,columnNumber:23}},_react.default.createElement(_icons.ChevronRightIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:662,columnNumber:25}}))),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.monthAndYearContainer,disabledYearSelection&&_DatePickerInput2.styles.disabledButtonStyle],disabled:disabledYearSelection,onPress:showYearSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:666,columnNumber:21}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16}],onPress:goToPreviousYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:673,columnNumber:23}},_react.default.createElement(_icons.ChevronLeftIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:679,columnNumber:25}})),_react.default.createElement(_reactNative.View,{style:_DatePickerInput2.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:681,columnNumber:23}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.yearText,{fontSize:currentSizeStyles.yearText}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:682,columnNumber:25}},currentYear),_react.default.createElement(_icons.ChevronDownIcon,{style:{width:14,height:14},__self:_this,__source:{fileName:_jsxFileName,lineNumber:689,columnNumber:25}})),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16,paddingRight:4}],onPress:goToNextYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:696,columnNumber:23}},_react.default.createElement(_icons.ChevronRightIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:706,columnNumber:25}})))),isYearSelection?renderYearSelection():isMonthSelection?renderMonthSelection():renderCalendar(),_react.default.createElement(_reactNative.View,{style:_DatePickerInput2.styles.optionsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:716,columnNumber:19}},_react.default.createElement(_button.Button,{typeStyle:"white",text:_DatePickerInput.translations[language].cancel,onPress:onCancel,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:717,columnNumber:21}}),_react.default.createElement(_button.Button,{typeStyle:"terciary",text:_DatePickerInput.translations[language].accept,onPress:onAccept,paddingVertical:10,disabled:!isDateSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:723,columnNumber:21}}))))))));};var _default=exports.default=DatePickerInput;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _button=require("../../button");var _DatePickerInput=require("./DatePickerInput.translations");var _DatePickerInput2=require("./DatePickerInput.styles");var _useDatePickerInput2=require("./hooks/useDatePickerInput");var _functions_utils=require("../../../helpers/functions_utils");var _colors=require("../../../styles/colors");var _icons=require("../../../assets/images/icons");var _DatePickerInput3=require("./DatePickerInput.utils");var _excluded=["placeholder","title","helperText","isDisabled","isError","value","onChangeText","icon","language","dateFormat","minDate","maxDate","size"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/date-picker-input/DatePickerInput.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&&{}.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 DatePickerInput=function DatePickerInput(_ref){var placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,value=_ref.value,onChangeText=_ref.onChangeText,icon=_ref.icon,_ref$language=_ref.language,language=_ref$language===void 0?'en-US':_ref$language,_ref$dateFormat=_ref.dateFormat,dateFormat=_ref$dateFormat===void 0?'MM/DD/YYYY':_ref$dateFormat,minDate=_ref.minDate,maxDate=_ref.maxDate,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useDatePickerInput=(0,_useDatePickerInput2.useDatePickerInput)(value,dateFormat),selectedDate=_useDatePickerInput.selectedDate,isPickerShow=_useDatePickerInput.isPickerShow,isMonthSelection=_useDatePickerInput.isMonthSelection,yearListRef=_useDatePickerInput.yearListRef,monthListRef=_useDatePickerInput.monthListRef,togglePicker=_useDatePickerInput.togglePicker,setIsPickerShow=_useDatePickerInput.setIsPickerShow,setSelectedDate=_useDatePickerInput.setSelectedDate,showYearSelection=_useDatePickerInput.showYearSelection,goToNextMonth=_useDatePickerInput.goToNextMonth,goToNextYear=_useDatePickerInput.goToNextYear,goToPreviousMonth=_useDatePickerInput.goToPreviousMonth,goToPreviousYear=_useDatePickerInput.goToPreviousYear,disabledMonthSelection=_useDatePickerInput.disabledMonthSelection,disabledYearSelection=_useDatePickerInput.disabledYearSelection,setDisabledMonthSelection=_useDatePickerInput.setDisabledMonthSelection,setDisabledYearSelection=_useDatePickerInput.setDisabledYearSelection,showMonthSelection=_useDatePickerInput.showMonthSelection,currentMonth=_useDatePickerInput.currentMonth,currentYear=_useDatePickerInput.currentYear,selectMonth=_useDatePickerInput.selectMonth,setCurrentMonth=_useDatePickerInput.setCurrentMonth,isYearSelection=_useDatePickerInput.isYearSelection,setIsYearSelection=_useDatePickerInput.setIsYearSelection,setCurrentYear=_useDatePickerInput.setCurrentYear;var currentSizeStyles=(0,_functions_utils.isWebPlatform)()?_DatePickerInput2.sizeStyles[size]:_DatePickerInput2.sizeStyles['large'];var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),hoveredDay=_useState2[0],setHoveredDay=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isInputError=_useState4[0],setIsInputError=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isDateSelected=_useState6[0],setIsDateSelected=_useState6[1];var _useState7=(0,_react.useState)(null),_useState8=(0,_slicedToArray2.default)(_useState7,2),tempSelectedDate=_useState8[0],setTempSelectedDate=_useState8[1];var _useState9=(0,_react.useState)({top:undefined,bottom:undefined}),_useState10=(0,_slicedToArray2.default)(_useState9,2),calendarPosition=_useState10[0],setCalendarPosition=_useState10[1];var inputRef=(0,_react.useRef)(null);var parsedMinDate=minDate?(0,_DatePickerInput3.parseLocalDateString)(minDate,dateFormat):null;var parsedMaxDate=maxDate?(0,_DatePickerInput3.parseLocalDateString)(maxDate,dateFormat):null;var DAYS_SHORT_NAMES=_DatePickerInput.translations[language].daysShort;var MONTHS_SHORT_NAMES=_DatePickerInput.translations[language].monthsShort;var MONTHS_FULL_NAMES=_DatePickerInput.translations[language].monthNames;var openCalendar=function openCalendar(){setTempSelectedDate(selectedDate);if(selectedDate)handleBlur();togglePicker();setIsDateSelected(false);};var rightButtons=[_react.default.createElement(_button.Button,{key:"calendar",typeStyle:"white",paddingHorizontal:0,paddingVertical:7,onPress:openCalendar,iconLeft:_react.default.createElement(_icons.CalendarIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:9}}),disabled:isDisabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:5}})];var closeCalendar=function closeCalendar(){setIsPickerShow(false);};(0,_react.useEffect)(function(){if((0,_functions_utils.isWebPlatform)()&&isPickerShow&&inputRef.current&&typeof window!=='undefined'){var rect=inputRef.current.getBoundingClientRect();var modalWidth=currentSizeStyles.modalWidth;var modalHeight=currentSizeStyles.calendarHeight;var screenWidth=window.innerWidth;var screenHeight=window.innerHeight;var calculatedLeft=rect.right-modalWidth;if(calculatedLeft+modalWidth>screenWidth){calculatedLeft=screenWidth-modalWidth-20;}var spaceBelow=screenHeight-rect.bottom;var spaceAbove=rect.top;var topPosition=rect.bottom+window.scrollY;if(spaceBelow<modalHeight&&spaceAbove>modalHeight){topPosition=rect.top+window.scrollY-modalHeight;}}},[isPickerShow,currentSizeStyles]);var onAccept=function onAccept(){var dateObject=(0,_DatePickerInput3.parseDateString)(selectedDate,dateFormat);if(dateObject&&!isNaN(dateObject.getTime())){var formattedDateForERP=(0,_DatePickerInput3.convertDateToEtendoERPFormat)(dateObject);if(typeof onChangeText==='function'){onChangeText(formattedDateForERP);}setIsPickerShow(false);}setTempSelectedDate(null);};var onCancel=function onCancel(){setSelectedDate(tempSelectedDate||'');setIsPickerShow(false);setTempSelectedDate(null);setIsDateSelected(false);};var yearList=(0,_DatePickerInput3.generateYearList)();(0,_react.useEffect)(function(){var index=yearList.indexOf(currentYear);if(index!==-1&&yearListRef.current){var offset=index*currentSizeStyles.itemHeight;yearListRef.current.scrollTo({y:offset,animated:false});}},[currentYear,yearList]);(0,_react.useEffect)(function(){var index=yearList.indexOf(currentYear);if(index!==-1&&yearListRef.current){var offset=index*currentSizeStyles.itemHeight;yearListRef.current.scrollTo({y:offset,animated:false});}},[currentMonth]);(0,_react.useEffect)(function(){if((0,_functions_utils.isWebPlatform)()&&isPickerShow&&inputRef.current&&typeof window!=='undefined'){var rect=inputRef.current.getBoundingClientRect();var modalHeight=currentSizeStyles.calendarHeight;var screenHeight=window.innerHeight;var spaceBelow=screenHeight-rect.bottom;var spaceAbove=rect.top;if(spaceBelow<modalHeight&&spaceAbove>modalHeight){setCalendarPosition({top:'auto',bottom:helperText?'4.7rem':'3.35rem'});}else{setCalendarPosition({top:helperText?'-1.55rem':'0rem'});}}},[isPickerShow,currentSizeStyles.calendarHeight]);(0,_react.useEffect)(function(){setIsInputError(false);},[selectedDate]);(0,_react.useEffect)(function(){if(isMonthSelection&&monthListRef.current){var offset=currentMonth*currentSizeStyles.itemHeight;monthListRef.current.scrollTo({y:offset,animated:false});}},[isMonthSelection,currentMonth]);(0,_react.useEffect)(function(){if((0,_functions_utils.isWebPlatform)()&&isPickerShow&&inputRef.current&&typeof window!=='undefined'){var rect=inputRef.current.getBoundingClientRect();var modalWidth=currentSizeStyles.modalWidth;var modalHeight=currentSizeStyles.calendarHeight;var screenWidth=window.innerWidth;var screenHeight=window.innerHeight;var calculatedLeft=rect.right-modalWidth;if(calculatedLeft+modalWidth>screenWidth){calculatedLeft=screenWidth-modalWidth-20;}var spaceBelow=screenHeight-rect.bottom;var spaceAbove=rect.top;var topPosition;if(spaceBelow>=modalHeight){topPosition=rect.bottom+window.scrollY-5;}else if(spaceAbove>=modalHeight){topPosition=rect.top+window.scrollY-modalHeight-70;}else{topPosition=rect.bottom+window.scrollY;}}},[isPickerShow,currentSizeStyles]);var renderYearItem=function renderYearItem(_ref2){var item=_ref2.item;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.item,{padding:currentSizeStyles.listItemPadding},item===currentYear?_DatePickerInput2.styles.selectedItem:null],onPress:function onPress(){selectYear(item);setDisabledMonthSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:290,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.yearText,{fontSize:currentSizeStyles.listFontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:300,columnNumber:7}},item));};var selectYear=function selectYear(year){setCurrentYear(year);setIsYearSelection(false);};var renderYearSelection=function renderYearSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:yearListRef,style:currentSizeStyles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:316,columnNumber:7}},yearList.map(function(year){return _react.default.createElement(_reactNative.View,{key:year.toString(),style:{height:currentSizeStyles.itemHeight},__self:_this,__source:{fileName:_jsxFileName,lineNumber:318,columnNumber:11}},renderYearItem({item:year}));}));};var renderMonthItem=function renderMonthItem(_ref3){var item=_ref3.item,index=_ref3.index;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.item,{padding:currentSizeStyles.listItemPadding},index===currentMonth&&_DatePickerInput2.styles.selectedItem],onPress:function onPress(){selectMonth(index);setDisabledYearSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:330,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:{fontSize:currentSizeStyles.listFontSize,color:_colors.PRIMARY_100},__self:_this,__source:{fileName:_jsxFileName,lineNumber:340,columnNumber:7}},item));};var renderMonthSelection=function renderMonthSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:monthListRef,style:currentSizeStyles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:353,columnNumber:7}},MONTHS_FULL_NAMES.map(function(month,index){return _react.default.createElement(_reactNative.View,{key:index.toString(),style:{height:currentSizeStyles.itemHeight},__self:_this,__source:{fileName:_jsxFileName,lineNumber:355,columnNumber:11}},renderMonthItem({item:month,index:index}));}));};var onDateSelected=function onDateSelected(date){var formattedDateForDisplay=(0,_DatePickerInput3.formatterDate)(date,dateFormat);setSelectedDate(formattedDateForDisplay.toString());setIsDateSelected(true);if(onChangeText){var formattedDateForERP=(0,_DatePickerInput3.convertDateToEtendoERPFormat)(date);onChangeText(formattedDateForERP);}};var handleTextChange=function handleTextChange(text){var processedText=text.replace(/\D/g,'').substring(0,8);if(processedText.length>4){processedText=processedText.substring(0,2)+"/"+processedText.substring(2,4)+"/"+processedText.substring(4);}else if(processedText.length>2){processedText=processedText.substring(0,2)+"/"+processedText.substring(2);}setSelectedDate(processedText);};var handleBlur=function handleBlur(){if((selectedDate==null?void 0:selectedDate.trim())===''){setIsInputError(false);return;}var parts=selectedDate==null?void 0:selectedDate.split('/');var dateIsValid=false;if((selectedDate==null?void 0:selectedDate.length)===10&&parts.length===3){var day,month,year;if(dateFormat==='DD/MM/YYYY'){day=parseInt(parts[0],10);month=parseInt(parts[1],10)-1;year=parseInt(parts[2],10);}else if(dateFormat==='MM/DD/YYYY'){month=parseInt(parts[0],10)-1;day=parseInt(parts[1],10);year=parseInt(parts[2],10);}else{setIsInputError(true);return;}var date=new Date(year,month,day);dateIsValid=date.getFullYear()===year&&date.getMonth()===month&&date.getDate()===day;var dateIsWithinRange=(!parsedMinDate||date>=parsedMinDate)&&(!parsedMaxDate||date<=parsedMaxDate);dateIsValid=dateIsValid&&dateIsWithinRange;if(dateIsValid){setCurrentYear(year);setCurrentMonth(month);setSelectedDate((0,_DatePickerInput3.formatterDate)(date,dateFormat));}}setIsInputError(!dateIsValid);};var renderDayItem=function renderDayItem(_ref4){var date=_ref4.date,isCurrentMonth=_ref4.isCurrentMonth;var isDateBeforeMin=parsedMinDate?date<parsedMinDate:false;var isDateAfterMax=parsedMaxDate?date>parsedMaxDate:false;var isDateSelectable=!isDateBeforeMin&&!isDateAfterMax;var disabledDayStyle=isDateSelectable?{}:_DatePickerInput2.styles.disabledButtonStyle;var isToday=date.getDate()===new Date().getDate()&&date.getMonth()===new Date().getMonth()&&date.getFullYear()===new Date().getFullYear();var isSelectedDate=isCurrentMonth&&selectedDate&&function(){if(typeof selectedDate==='string'&&selectedDate.length===10){var selectedYear,selectedMonth,selectedDay;var parts=selectedDate.split('/');if(dateFormat==='DD/MM/YYYY'){selectedDay=parseInt(parts[0],10);selectedMonth=parseInt(parts[1],10)-1;selectedYear=parseInt(parts[2],10);}else if(dateFormat==='MM/DD/YYYY'){selectedMonth=parseInt(parts[0],10)-1;selectedDay=parseInt(parts[1],10);selectedYear=parseInt(parts[2],10);}else{return false;}return date.getDate()===selectedDay&&date.getMonth()===selectedMonth&&date.getFullYear()===selectedYear;}return false;}();var notCurrentMonthStyle={color:_colors.NEUTRAL_400};var isPartOfCurrentMonth=date.getMonth()===currentMonth;var dayKey=date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate();var isHovered=hoveredDay===dayKey&&!isSelectedDate;var isTodayHovered=isToday&&isHovered;return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){return isPartOfCurrentMonth&&isDateSelectable&&onDateSelected(date);},disabled:!isDateSelectable,style:[_DatePickerInput2.styles.dayItem,currentSizeStyles.dayItem,isPartOfCurrentMonth?null:notCurrentMonthStyle,disabledDayStyle],onHoverIn:function onHoverIn(){return setHoveredDay(dayKey);},onHoverOut:function onHoverOut(){return setHoveredDay(null);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:497,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.dayItemText,currentSizeStyles.dayItemText,isSelectedDate?_DatePickerInput2.styles.selectedDayBackground:{},isToday&&!isSelectedDate?[_DatePickerInput2.styles.currentDayBorder]:{},!isCurrentMonth?notCurrentMonthStyle:{},isHovered&&!isToday?[_DatePickerInput2.styles.dayItemTextHover]:{},isTodayHovered?_DatePickerInput2.styles.todayItemTextHover:{}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:510,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.dayText,isSelectedDate?_DatePickerInput2.styles.selectedDayText:{},!isCurrentMonth?notCurrentMonthStyle:{},isPartOfCurrentMonth?null:notCurrentMonthStyle,isTodayHovered&&{color:_colors.PRIMARY_100},currentSizeStyles.dayText],__self:_this,__source:{fileName:_jsxFileName,lineNumber:520,columnNumber:11}},date.getDate())));};var renderCalendar=function renderCalendar(){var daysInMonth=(0,_DatePickerInput3.buildMonth)(currentYear,currentMonth);return _react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.calendarContainer,{height:currentSizeStyles.calendarHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:541,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.dayHeader,currentSizeStyles.headerDayPadding],__self:_this,__source:{fileName:_jsxFileName,lineNumber:546,columnNumber:9}},DAYS_SHORT_NAMES.map(function(day){return _react.default.createElement(_reactNative.Text,{key:day,style:[_DatePickerInput2.styles.dayHeaderText,currentSizeStyles.dayHeaderText],__self:_this,__source:{fileName:_jsxFileName,lineNumber:548,columnNumber:13}},day);})),_react.default.createElement(_reactNative.FlatList,{data:daysInMonth,numColumns:7,renderItem:function renderItem(_ref5){var item=_ref5.item;return item&&renderDayItem({date:item,isCurrentMonth:true});},keyExtractor:function keyExtractor(_,index){return index.toString();},showsVerticalScrollIndicator:false,__self:_this,__source:{fileName:_jsxFileName,lineNumber:555,columnNumber:9}}));};var PlatformCalendarPicker=(0,_functions_utils.isWebPlatform)()?_reactNative.View:_reactNative.Modal;var modalProps=!(0,_functions_utils.isWebPlatform)()?{transparent:true,visible:isPickerShow,onRequestClose:function onRequestClose(){return setIsPickerShow(false);},animationType:'fade'}:{};return _react.default.createElement(_reactNative.View,{ref:inputRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:580,columnNumber:5}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({value:selectedDate,placeholder:placeholder||dateFormat,title:title,helperText:helperText,isDisabled:isDisabled,isError:isInputError,onChangeText:handleTextChange,icon:icon,onBlur:handleBlur,rightButtons:rightButtons,keyboardType:"numeric"},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:581,columnNumber:7}})),isPickerShow&&_react.default.createElement(PlatformCalendarPicker,(0,_extends2.default)({},modalProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:596,columnNumber:9}}),_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return setIsPickerShow(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:597,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_DatePickerInput2.styles.modalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:598,columnNumber:13}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(e){return e.stopPropagation();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:599,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.modalContent,{position:(0,_functions_utils.isWebPlatform)()?'absolute':'relative',width:currentSizeStyles.modalWidth,top:calendarPosition.top,bottom:calendarPosition.bottom,right:(0,_functions_utils.isWebPlatform)()?0:undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:600,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.header,currentSizeStyles.headerPadding,{borderBottomColor:isMonthSelection||isYearSelection?_colors.NEUTRAL_300:'transparent'}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:611,columnNumber:19}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.monthAndYearContainer,disabledMonthSelection&&_DatePickerInput2.styles.disabledButtonStyle],disabled:disabledMonthSelection,onPress:showMonthSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:622,columnNumber:21}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16,paddingLeft:4}],onPress:goToPreviousMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:629,columnNumber:23}},_react.default.createElement(_icons.ChevronLeftIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:639,columnNumber:25}})),_react.default.createElement(_reactNative.View,{style:[_DatePickerInput2.styles.monthAndYearContent],__self:_this,__source:{fileName:_jsxFileName,lineNumber:641,columnNumber:23}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.monthText,{fontSize:currentSizeStyles.monthText}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:642,columnNumber:25}},MONTHS_SHORT_NAMES[currentMonth]),_react.default.createElement(_icons.ChevronDownIcon,{style:{width:22,height:22},__self:_this,__source:{fileName:_jsxFileName,lineNumber:649,columnNumber:25}})),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16}],onPress:goToNextMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:656,columnNumber:23}},_react.default.createElement(_icons.ChevronRightIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:662,columnNumber:25}}))),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.monthAndYearContainer,disabledYearSelection&&_DatePickerInput2.styles.disabledButtonStyle],disabled:disabledYearSelection,onPress:showYearSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:666,columnNumber:21}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16}],onPress:goToPreviousYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:673,columnNumber:23}},_react.default.createElement(_icons.ChevronLeftIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:679,columnNumber:25}})),_react.default.createElement(_reactNative.View,{style:_DatePickerInput2.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:681,columnNumber:23}},_react.default.createElement(_reactNative.Text,{style:[_DatePickerInput2.styles.yearText,{fontSize:currentSizeStyles.yearText}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:682,columnNumber:25}},currentYear),_react.default.createElement(_icons.ChevronDownIcon,{style:{width:22,height:22},__self:_this,__source:{fileName:_jsxFileName,lineNumber:689,columnNumber:25}})),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePickerInput2.styles.iconContainer,{alignItems:'flex-start',padding:16,paddingRight:4}],onPress:goToNextYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:696,columnNumber:23}},_react.default.createElement(_icons.ChevronRightIcon,{style:currentSizeStyles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:706,columnNumber:25}})))),isYearSelection?renderYearSelection():isMonthSelection?renderMonthSelection():renderCalendar(),_react.default.createElement(_reactNative.View,{style:_DatePickerInput2.styles.optionsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:716,columnNumber:19}},_react.default.createElement(_button.Button,{typeStyle:"white",text:_DatePickerInput.translations[language].cancel,onPress:onCancel,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:717,columnNumber:21}}),_react.default.createElement(_button.Button,{typeStyle:"terciary",text:_DatePickerInput.translations[language].accept,onPress:onAccept,paddingVertical:10,disabled:!isDateSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:723,columnNumber:21}}))))))));};var _default=exports.default=DatePickerInput;
package/dist-native/components/inputBase/date-picker-input/DatePickerInput.styles.d.ts CHANGED
@@ -251,6 +251,8 @@ export declare const styles: {
251
251
  color: string;
252
252
  };
253
253
  dayText: {
254
+ width: number;
255
+ height: number;
254
256
  textAlign: "center";
255
257
  };
256
258
  currentDayBorder: {
package/dist-native/components/inputBase/date-picker-input/DatePickerInput.styles.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.sizeStyles=void 0;var _reactNative=require("react-native");var _colors=require("../../../styles/colors");var _functions_utils=require("../../../helpers/functions_utils");var sizeStyles=exports.sizeStyles={small:{modalWidth:280,calendarHeight:180,textFontSize:14,itemHeight:30,monthText:12,yearText:12,iconStyle:{width:14,height:14},headerPadding:{paddingTop:2},headerDayPadding:{paddingVertical:0},dayText:{fontSize:10},dayItem:{marginVertical:0},currentDayBorder:{width:24,height:24},dayHeaderText:{fontSize:12},dayItemText:{padding:4,width:27,height:27},list:{height:180,paddingHorizontal:8,paddingVertical:4},listFontSize:12,listItemPadding:6},medium:{modalWidth:320,calendarHeight:240,textFontSize:16,itemHeight:40,monthText:14,yearText:14,iconStyle:{width:16,height:16},headerPadding:{paddingTop:14},headerDayPadding:{paddingVertical:12},dayText:{fontSize:13},dayItem:{marginVertical:1},currentDayBorder:{width:28,height:28},dayHeaderText:{fontSize:14},dayItemText:{padding:8,width:30,height:30},list:{height:240,paddingHorizontal:10,paddingVertical:8},listFontSize:14,listItemPadding:8},large:{modalWidth:360,calendarHeight:300,textFontSize:18,itemHeight:50,monthText:16,yearText:16,iconStyle:{width:18,height:18},headerPadding:{paddingTop:14},headerDayPadding:{paddingVertical:8},dayText:{fontSize:14},dayItem:{marginVertical:2},currentDayBorder:{width:36,height:36},dayHeaderText:{fontSize:16},dayItemText:{padding:12,width:40,height:40},list:{height:300,paddingHorizontal:10,paddingVertical:8},listFontSize:16,listItemPadding:10}};var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1},inputWrapper:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:16,height:40},invalidDateInputWrapper:{borderColor:_colors.DESTRUCTIVE_100},disabledInput:{opacity:0.3},inputContainerWrapper:{borderRadius:8,borderWidth:4,borderColor:'transparent',position:'relative'},monthAndYearContainer:{flexDirection:'row',alignItems:'center'},iconContainer:{justifyContent:'center'},iconStyle:{width:16,height:16},monthAndYearContent:{flexDirection:'row',alignItems:'center',gap:4,justifyContent:'center'},inputWrapperFocused:{backgroundColor:_colors.QUATERNARY_50},invalidDateWrapperFocused:{backgroundColor:_colors.DESTRUCTIVE_10},modalContainer:{flex:1,justifyContent:(0,_functions_utils.isWebPlatform)()?undefined:'center',alignItems:(0,_functions_utils.isWebPlatform)()?'flex-end':'center',backgroundColor:(0,_functions_utils.isWebPlatform)()?'rgba(0,0,0,0)':'rgba(0,0,0,0.5)'},modalContent:{backgroundColor:_colors.NEUTRAL_50,borderRadius:8,borderColor:_colors.NEUTRAL_300,alignSelf:(0,_functions_utils.isWebPlatform)()?undefined:'center',width:'90%',marginTop:(0,_functions_utils.isWebPlatform)()?8:undefined,boxShadow:(0,_functions_utils.isWebPlatform)()?'0px 1px 1.41px rgba(0, 0, 0, 0.20)':undefined},header:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:20,borderBottomWidth:1},monthText:{fontSize:16,width:36,color:_colors.PRIMARY_100},arrow:{fontSize:24,color:_colors.NEUTRAL_400},dayHeader:{flexDirection:'row',justifyContent:'space-between'},dayHeaderText:{width:'14.28%',textAlign:'center',color:_colors.NEUTRAL_800},notCurrentMonthStyle:{color:_colors.NEUTRAL_400},calendarContainer:{paddingHorizontal:10,backgroundColor:_colors.NEUTRAL_50},dayItem:{width:'14.28%',justifyContent:'center',alignItems:'center'},dayItemText:{borderRadius:100,textAlign:'center',justifyContent:'center',alignItems:'center'},dayItemTextHover:{backgroundColor:_colors.NEUTRAL_200},todayItemTextHover:{backgroundColor:_colors.TERTIARY_70,borderWidth:1,borderColor:_colors.PRIMARY_100},selectedDayBackground:{backgroundColor:_colors.PRIMARY_100,borderRadius:100,justifyContent:'center',alignItems:'center'},selectedDayText:{color:_colors.NEUTRAL_0},dayText:{textAlign:'center'},currentDayBorder:{borderRadius:100,borderWidth:1,borderColor:_colors.PRIMARY_100,padding:8,justifyContent:'center',alignItems:'center'},item:{justifyContent:'center',width:'100%',margin:2},yearText:{fontSize:16,width:44,color:_colors.PRIMARY_100},selectedItem:{backgroundColor:_colors.TERTIARY_70,borderRadius:8},optionsContainer:{width:'100%',flexDirection:'row',justifyContent:'flex-end',gap:4,padding:10,backgroundColor:_colors.NEUTRAL_50,borderBottomLeftRadius:8,borderBottomRightRadius:8},disabledButtonStyle:{opacity:0.3}});
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.sizeStyles=void 0;var _reactNative=require("react-native");var _colors=require("../../../styles/colors");var _functions_utils=require("../../../helpers/functions_utils");var sizeStyles=exports.sizeStyles={small:{modalWidth:280,calendarHeight:180,textFontSize:14,itemHeight:30,monthText:12,yearText:12,iconStyle:{width:26,height:26},headerPadding:{paddingTop:2},headerDayPadding:{paddingVertical:0},dayText:{fontSize:10},dayItem:{marginVertical:0},currentDayBorder:{width:24,height:24},dayHeaderText:{fontSize:12},dayItemText:{padding:4,width:27,height:27},list:{height:180,paddingHorizontal:8,paddingVertical:4},listFontSize:12,listItemPadding:6},medium:{modalWidth:320,calendarHeight:240,textFontSize:16,itemHeight:40,monthText:14,yearText:14,iconStyle:{width:26,height:26},headerPadding:{paddingTop:14},headerDayPadding:{paddingVertical:12},dayText:{fontSize:13},dayItem:{marginVertical:1},currentDayBorder:{width:28,height:28},dayHeaderText:{fontSize:14},dayItemText:{padding:8,width:30,height:30},list:{height:240,paddingHorizontal:10,paddingVertical:8},listFontSize:14,listItemPadding:8},large:{modalWidth:360,calendarHeight:300,textFontSize:18,itemHeight:50,monthText:16,yearText:16,iconStyle:{width:26,height:26},headerPadding:{paddingTop:14},headerDayPadding:{paddingVertical:8},dayText:{fontSize:14},dayItem:{marginVertical:2},currentDayBorder:{width:36,height:36},dayHeaderText:{fontSize:16},dayItemText:{padding:12,width:40,height:40},list:{height:300,paddingHorizontal:10,paddingVertical:8},listFontSize:16,listItemPadding:10}};var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1},inputWrapper:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:16,height:40},invalidDateInputWrapper:{borderColor:_colors.DESTRUCTIVE_100},disabledInput:{opacity:0.3},inputContainerWrapper:{borderRadius:8,borderWidth:4,borderColor:'transparent',position:'relative'},monthAndYearContainer:{flexDirection:'row',alignItems:'center'},iconContainer:{justifyContent:'center'},iconStyle:{width:26,height:26},monthAndYearContent:{flexDirection:'row',alignItems:'center',gap:4,justifyContent:'center'},inputWrapperFocused:{backgroundColor:_colors.QUATERNARY_50},invalidDateWrapperFocused:{backgroundColor:_colors.DESTRUCTIVE_10},modalContainer:{flex:1,justifyContent:(0,_functions_utils.isWebPlatform)()?undefined:'center',alignItems:(0,_functions_utils.isWebPlatform)()?'flex-end':'center',backgroundColor:(0,_functions_utils.isWebPlatform)()?'rgba(0,0,0,0)':'rgba(0,0,0,0.5)'},modalContent:{backgroundColor:_colors.NEUTRAL_50,borderRadius:8,borderColor:_colors.NEUTRAL_300,alignSelf:(0,_functions_utils.isWebPlatform)()?undefined:'center',width:'90%',marginTop:(0,_functions_utils.isWebPlatform)()?8:undefined,boxShadow:(0,_functions_utils.isWebPlatform)()?'0px 1px 1.41px rgba(0, 0, 0, 0.20)':undefined},header:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:20,borderBottomWidth:1},monthText:{fontSize:16,width:36,color:_colors.PRIMARY_100},arrow:{fontSize:24,color:_colors.NEUTRAL_400},dayHeader:{flexDirection:'row',justifyContent:'space-between'},dayHeaderText:{width:'14.28%',textAlign:'center',color:_colors.NEUTRAL_800},notCurrentMonthStyle:{color:_colors.NEUTRAL_400},calendarContainer:{paddingHorizontal:10,backgroundColor:_colors.NEUTRAL_50},dayItem:{width:'14.28%',justifyContent:'center',alignItems:'center'},dayItemText:{borderRadius:100,textAlign:'center',justifyContent:'center',alignItems:'center'},dayItemTextHover:{backgroundColor:_colors.NEUTRAL_200},todayItemTextHover:{backgroundColor:_colors.TERTIARY_70,borderWidth:1,borderColor:_colors.PRIMARY_100},selectedDayBackground:{backgroundColor:_colors.PRIMARY_100,borderRadius:100,justifyContent:'center',alignItems:'center'},selectedDayText:{color:_colors.NEUTRAL_0},dayText:{width:22,height:22,textAlign:'center'},currentDayBorder:{borderRadius:100,borderWidth:1,borderColor:_colors.PRIMARY_100,padding:8,justifyContent:'center',alignItems:'center'},item:{justifyContent:'center',width:'100%',margin:2},yearText:{fontSize:16,width:44,color:_colors.PRIMARY_100},selectedItem:{backgroundColor:_colors.TERTIARY_70,borderRadius:8},optionsContainer:{width:'100%',flexDirection:'row',justifyContent:'flex-end',gap:4,padding:10,backgroundColor:_colors.NEUTRAL_50,borderBottomLeftRadius:8,borderBottomRightRadius:8},disabledButtonStyle:{opacity:0.3}});
package/dist-native/components/inputBase/dropdown-input/DropdownInput.constants.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const BUFFER = 5;
1
+ export declare const BUFFER = 0.1;
2
2
  export declare const SEARCH_PLACEHOLDER = "Search";
3
3
  export declare const NO_RESULT_TEXT = "No results";
4
4
  export declare const DISPLAY_MODE = "dropdown";
package/dist-native/components/inputBase/dropdown-input/DropdownInput.constants.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.SEARCH_PLACEHOLDER=exports.PAGE_SIZE=exports.NO_RESULT_TEXT=exports.MAX_VISIBLE_OPTION=exports.DISPLAY_MODE=exports.BUFFER=void 0;var BUFFER=exports.BUFFER=5;var SEARCH_PLACEHOLDER=exports.SEARCH_PLACEHOLDER='Search';var NO_RESULT_TEXT=exports.NO_RESULT_TEXT='No results';var DISPLAY_MODE=exports.DISPLAY_MODE='dropdown';var PAGE_SIZE=exports.PAGE_SIZE=5;var MAX_VISIBLE_OPTION=exports.MAX_VISIBLE_OPTION=4;
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.SEARCH_PLACEHOLDER=exports.PAGE_SIZE=exports.NO_RESULT_TEXT=exports.MAX_VISIBLE_OPTION=exports.DISPLAY_MODE=exports.BUFFER=void 0;var BUFFER=exports.BUFFER=0.1;var SEARCH_PLACEHOLDER=exports.SEARCH_PLACEHOLDER='Search';var NO_RESULT_TEXT=exports.NO_RESULT_TEXT='No results';var DISPLAY_MODE=exports.DISPLAY_MODE='dropdown';var PAGE_SIZE=exports.PAGE_SIZE=5;var MAX_VISIBLE_OPTION=exports.MAX_VISIBLE_OPTION=4;
package/dist-native/components/inputBase/dropdown-input/DropdownInput.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _button=require("../../button");var _icons=require("../../../assets/images/icons");var _functions_utils=require("../../../helpers/functions_utils");var _DropdownInputOptions=_interopRequireDefault(require("./components/DropdownInputOptions/DropdownInputOptions"));var _DropdownInput=require("./DropdownInput.constants");var _excluded=["staticData","displayKey","onSelect","value","maxVisibleOptions","onFetchData","pageSize","searchPlaceholder","noResultsText","displayMode"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/dropdown-input/DropdownInput.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&&{}.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 DropdownInput=function DropdownInput(_ref){var staticData=_ref.staticData,displayKey=_ref.displayKey,onSelect=_ref.onSelect,value=_ref.value,_ref$maxVisibleOption=_ref.maxVisibleOptions,maxVisibleOptions=_ref$maxVisibleOption===void 0?_DropdownInput.MAX_VISIBLE_OPTION:_ref$maxVisibleOption,onFetchData=_ref.onFetchData,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?_DropdownInput.PAGE_SIZE:_ref$pageSize,_ref$searchPlaceholde=_ref.searchPlaceholder,searchPlaceholder=_ref$searchPlaceholde===void 0?_DropdownInput.SEARCH_PLACEHOLDER:_ref$searchPlaceholde,_ref$noResultsText=_ref.noResultsText,noResultsText=_ref$noResultsText===void 0?_DropdownInput.NO_RESULT_TEXT:_ref$noResultsText,_ref$displayMode=_ref.displayMode,displayMode=_ref$displayMode===void 0?_DropdownInput.DISPLAY_MODE:_ref$displayMode,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var ref=(0,_react.useRef)(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isVisibleDropdown=_useState2[0],setIsVisibleDropdown=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),dataList=_useState4[0],setDataList=_useState4[1];var _useState5=(0,_react.useState)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),currentPage=_useState6[0],setCurrentPage=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isLoading=_useState8[0],setIsLoading=_useState8[1];var _useState9=(0,_react.useState)(true),_useState10=(0,_slicedToArray2.default)(_useState9,2),isLoadMoreData=_useState10[0],setIsLoadMoreData=_useState10[1];var _useState11=(0,_react.useState)(0),_useState12=(0,_slicedToArray2.default)(_useState11,2),heightOptions=_useState12[0],setHeightOptions=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),isModalUp=_useState14[0],setIsModalUp=_useState14[1];var _useState15=(0,_react.useState)(''),_useState16=(0,_slicedToArray2.default)(_useState15,2),filterText=_useState16[0],setFilterText=_useState16[1];var _useState17=(0,_react.useState)({top:0,left:0,width:0}),_useState18=(0,_slicedToArray2.default)(_useState17,2),modalPosition=_useState18[0],setModalPosition=_useState18[1];var _Dimensions$get=_reactNative.Dimensions.get('window'),windowWidth=_Dimensions$get.width,windowHeight=_Dimensions$get.height;var adjustDropdownPosition=(0,_react.useCallback)(function(){if(isVisibleDropdown&&ref.current){ref.current.measure(function(x,y,width,height,pageX,pageY){var spaceBelow=windowHeight-(pageY+height);if(heightOptions+16>spaceBelow){setModalPosition({top:pageY-heightOptions-16,left:pageX,width:width});setIsModalUp(true);}else{setModalPosition({top:pageY+height,left:pageX,width:width});setIsModalUp(false);}});}},[isVisibleDropdown,heightOptions,windowHeight]);(0,_react.useEffect)(function(){setHeightOptions(maxVisibleOptions&&dataList&&(dataList==null?void 0:dataList.length)<=maxVisibleOptions?48+48+16:maxVisibleOptions&&maxVisibleOptions*48+48+16);},[dataList,isVisibleDropdown,isLoading]);(0,_react.useEffect)(function(){if(!!staticData){setDataList(staticData);}},[staticData]);(0,_react.useEffect)(function(){if(isVisibleDropdown&&!dataList.length){fetchMordeData(currentPage,dataList,isLoadMoreData,'');}},[isVisibleDropdown]);(0,_react.useEffect)(function(){adjustDropdownPosition();var handleScroll=function handleScroll(){if(isVisibleDropdown){adjustDropdownPosition();}};if((0,_functions_utils.isWebPlatform)()){window.addEventListener('scroll',handleScroll,{passive:true});return function(){return window.removeEventListener('scroll',handleScroll);};}},[isVisibleDropdown,adjustDropdownPosition]);var onSelectOption=function onSelectOption(item){onSelect==null?void 0:onSelect(item);setIsVisibleDropdown(false);};var onScroll=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(event){if(isAtEndOfScroll(event.nativeEvent)){fetchMordeData(currentPage,dataList,isLoadMoreData,filterText);}});return function onScroll(_x){return _ref2.apply(this,arguments);};}();var fetchMordeData=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(currentPage,prevData,isLoadMoreData,filterText){if(!isLoading&&onFetchData&&isLoadMoreData&&!staticData){setIsLoading(true);yield onFetchData(currentPage,pageSize,filterText).then(function(res){if(res.length===0){setIsLoadMoreData(false);return;}setDataList([].concat((0,_toConsumableArray2.default)(prevData),(0,_toConsumableArray2.default)(res)));}).finally(function(){setCurrentPage(currentPage+1);setIsLoading(false);});}});return function fetchMordeData(_x2,_x3,_x4,_x5){return _ref3.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref4){var layoutMeasurement=_ref4.layoutMeasurement,contentOffset=_ref4.contentOffset,contentSize=_ref4.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-_DropdownInput.BUFFER;};var handleOnFilterTextChange=function handleOnFilterTextChange(value){setDataList([]);setCurrentPage(0);setIsLoadMoreData(true);setFilterText(value);fetchMordeData(0,[],true,value);};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{onLayout:function onLayout(){adjustDropdownPosition();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:7}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({refInputContainer:ref},inputBaseProps,{rightButtons:[_react.default.createElement(_button.Button,{onPress:function onPress(){setIsVisibleDropdown(function(prev){return!prev;});},typeStyle:'primary',iconLeft:isVisibleDropdown?_react.default.createElement(_icons.ChevronUpIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:37}}):_react.default.createElement(_icons.ChevronDownIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:57}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:13}})],value:value==null?void 0:value.toString(),onPress:function onPress(){setIsVisibleDropdown(function(prev){return!prev;});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:9}}))),isVisibleDropdown&&_react.default.createElement(_DropdownInputOptions.default,{isVisibleDropdown:true,onClose:function onClose(){setIsVisibleDropdown(false);},value:value,onSelectOption:onSelectOption,modalPosition:modalPosition,windowWidth:windowWidth,windowHeight:windowHeight,data:dataList,displayKey:displayKey,maxVisibleOptions:maxVisibleOptions,onScroll:onScroll,isLoading:isLoading,isStaticData:staticData!==undefined,searchPlaceholder:searchPlaceholder,onFilterTextChange:handleOnFilterTextChange,noResultsText:noResultsText,isModalUp:isModalUp,__self:_this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:9}}));};var _default=exports.default=DropdownInput;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _button=require("../../button");var _icons=require("../../../assets/images/icons");var _functions_utils=require("../../../helpers/functions_utils");var _DropdownInputOptions=_interopRequireDefault(require("./components/DropdownInputOptions/DropdownInputOptions"));var _DropdownInput=require("./DropdownInput.constants");var _excluded=["staticData","displayKey","onSelect","value","maxVisibleOptions","onFetchData","pageSize","searchPlaceholder","noResultsText","displayMode"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/dropdown-input/DropdownInput.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&&{}.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 DropdownInput=function DropdownInput(_ref){var staticData=_ref.staticData,displayKey=_ref.displayKey,onSelect=_ref.onSelect,value=_ref.value,_ref$maxVisibleOption=_ref.maxVisibleOptions,maxVisibleOptions=_ref$maxVisibleOption===void 0?_DropdownInput.MAX_VISIBLE_OPTION:_ref$maxVisibleOption,onFetchData=_ref.onFetchData,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?_DropdownInput.PAGE_SIZE:_ref$pageSize,_ref$searchPlaceholde=_ref.searchPlaceholder,searchPlaceholder=_ref$searchPlaceholde===void 0?_DropdownInput.SEARCH_PLACEHOLDER:_ref$searchPlaceholde,_ref$noResultsText=_ref.noResultsText,noResultsText=_ref$noResultsText===void 0?_DropdownInput.NO_RESULT_TEXT:_ref$noResultsText,_ref$displayMode=_ref.displayMode,displayMode=_ref$displayMode===void 0?_DropdownInput.DISPLAY_MODE:_ref$displayMode,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var ref=(0,_react.useRef)(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isVisibleDropdown=_useState2[0],setIsVisibleDropdown=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),dataList=_useState4[0],setDataList=_useState4[1];var _useState5=(0,_react.useState)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),currentPage=_useState6[0],setCurrentPage=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isLoading=_useState8[0],setIsLoading=_useState8[1];var _useState9=(0,_react.useState)(true),_useState10=(0,_slicedToArray2.default)(_useState9,2),isLoadMoreData=_useState10[0],setIsLoadMoreData=_useState10[1];var _useState11=(0,_react.useState)(0),_useState12=(0,_slicedToArray2.default)(_useState11,2),heightOptions=_useState12[0],setHeightOptions=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),isModalUp=_useState14[0],setIsModalUp=_useState14[1];var _useState15=(0,_react.useState)(''),_useState16=(0,_slicedToArray2.default)(_useState15,2),filterText=_useState16[0],setFilterText=_useState16[1];var _useState17=(0,_react.useState)({top:0,left:0,width:0}),_useState18=(0,_slicedToArray2.default)(_useState17,2),modalPosition=_useState18[0],setModalPosition=_useState18[1];var _Dimensions$get=_reactNative.Dimensions.get('window'),windowWidth=_Dimensions$get.width,windowHeight=_Dimensions$get.height;var adjustDropdownPosition=(0,_react.useCallback)(function(){if(isVisibleDropdown&&ref.current){ref.current.measure(function(x,y,width,height,pageX,pageY){var spaceBelow=windowHeight-(pageY+height);if(heightOptions+16>spaceBelow){setModalPosition({top:pageY-heightOptions-16,left:pageX,width:width});setIsModalUp(true);}else{setModalPosition({top:pageY+height,left:pageX,width:width});setIsModalUp(false);}});}},[isVisibleDropdown,heightOptions,windowHeight]);(0,_react.useEffect)(function(){setHeightOptions(maxVisibleOptions&&dataList&&(dataList==null?void 0:dataList.length)<=maxVisibleOptions?48+48+16:maxVisibleOptions&&maxVisibleOptions*48+48+16);},[dataList,isVisibleDropdown,isLoading]);(0,_react.useEffect)(function(){if(!!staticData){setDataList(staticData);}},[staticData]);(0,_react.useEffect)(function(){if(isVisibleDropdown&&!dataList.length){fetchMordeData(currentPage,dataList,isLoadMoreData,'');}},[isVisibleDropdown]);(0,_react.useEffect)(function(){adjustDropdownPosition();var handleScroll=function handleScroll(){if(isVisibleDropdown){adjustDropdownPosition();}};if((0,_functions_utils.isWebPlatform)()){window.addEventListener('scroll',handleScroll,{passive:true});return function(){return window.removeEventListener('scroll',handleScroll);};}},[isVisibleDropdown,adjustDropdownPosition]);var onSelectOption=function onSelectOption(item){onSelect==null?void 0:onSelect(item);setIsVisibleDropdown(false);};var onScroll=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(event){if(isAtEndOfScroll(event.nativeEvent)){fetchMordeData(currentPage,dataList,isLoadMoreData,filterText);}});return function onScroll(_x){return _ref2.apply(this,arguments);};}();var fetchMordeData=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(currentPage,prevData,isLoadMoreData,filterText){if(!isLoading&&onFetchData&&isLoadMoreData&&!staticData){setIsLoading(true);yield onFetchData(currentPage,pageSize,filterText).then(function(res){if(res.length===0){setIsLoadMoreData(false);return;}setDataList([].concat((0,_toConsumableArray2.default)(prevData),(0,_toConsumableArray2.default)(res)));}).finally(function(){setCurrentPage(currentPage+1);setIsLoading(false);});}});return function fetchMordeData(_x2,_x3,_x4,_x5){return _ref3.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref4){var layoutMeasurement=_ref4.layoutMeasurement,contentOffset=_ref4.contentOffset,contentSize=_ref4.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-_DropdownInput.BUFFER;};var handleOnFilterTextChange=function handleOnFilterTextChange(value){setDataList([]);setCurrentPage(0);setIsLoadMoreData(true);setFilterText(value);fetchMordeData(0,[],true,value);};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{onLayout:function onLayout(){adjustDropdownPosition();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:7}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({refInputContainer:ref},inputBaseProps,{rightButtons:[_react.default.createElement(_button.Button,{onPress:function onPress(){setIsVisibleDropdown(function(prev){return!prev;});},typeStyle:'primary',iconLeft:isVisibleDropdown?_react.default.createElement(_icons.ChevronUpIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:37}}):_react.default.createElement(_icons.ChevronDownIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:57}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:13}})],value:value==null?void 0:value.toString(),onPress:function onPress(){setIsVisibleDropdown(function(prev){return!prev;});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:9}}))),isVisibleDropdown&&_react.default.createElement(_DropdownInputOptions.default,{isVisibleDropdown:true,onClose:function onClose(){setIsVisibleDropdown(false);},value:value,onSelectOption:onSelectOption,modalPosition:modalPosition,windowWidth:windowWidth,windowHeight:windowHeight,data:dataList,displayKey:displayKey,maxVisibleOptions:maxVisibleOptions,onScroll:onScroll,isLoading:isLoading,isStaticData:staticData!==undefined,searchPlaceholder:searchPlaceholder,onFilterTextChange:handleOnFilterTextChange,noResultsText:noResultsText,isModalUp:isModalUp,displayMode:displayMode,__self:_this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:9}}));};var _default=exports.default=DropdownInput;
package/dist-native/components/inputBase/dropdown-input/components/DropdownInputOptions/DropdownInputOptions.js CHANGED
@@ -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 _colors=require("../../../../../styles/colors");var _searchInput=require("../../../search-input");var _button=require("../../../../button");var _icons=require("../../../../../assets/images/icons");var _DropdownInput=require("../../DropdownInput.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/dropdown-input/components/DropdownInputOptions/DropdownInputOptions.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&&{}.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 DropdownInputOptions=function DropdownInputOptions(_ref){var isVisibleDropdown=_ref.isVisibleDropdown,onClose=_ref.onClose,onSelectOption=_ref.onSelectOption,modalPosition=_ref.modalPosition,windowHeight=_ref.windowHeight,windowWidth=_ref.windowWidth,data=_ref.data,displayKey=_ref.displayKey,value=_ref.value,maxVisibleOptions=_ref.maxVisibleOptions,onScroll=_ref.onScroll,isLoading=_ref.isLoading,isStaticData=_ref.isStaticData,searchPlaceholder=_ref.searchPlaceholder,onFilterTextChange=_ref.onFilterTextChange,noResultsText=_ref.noResultsText,isModalUp=_ref.isModalUp,displayMode=_ref.displayMode;var scrollViewRef=(0,_react.useRef)(null);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),filterText=_useState2[0],setFilterText=_useState2[1];var isCenteredModal=displayMode==='centeredModal';(0,_react.useEffect)(function(){if(!isLoading&&filterText!==null){var handler=setTimeout(function(){onFilterTextChange(filterText);},500);return function(){return clearTimeout(handler);};}},[filterText]);(0,_react.useEffect)(function(){if(isLoading&&data!=null&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(isVisibleDropdown&&data&&value&&scrollViewRef.current&&displayKey){var selectedIndex=data.findIndex(function(item){return item[displayKey]===value;});if(selectedIndex>=0){var positionY=selectedIndex*48;setTimeout(function(){if(scrollViewRef.current){scrollViewRef.current.scrollTo({y:positionY,animated:false});}},100);}}},[isVisibleDropdown]);var filterComponent=function filterComponent(){return _react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:7}},_react.default.createElement(_searchInput.SearchInput,{placeholder:searchPlaceholder,value:filterText||'',onChangeText:function onChangeText(text){setFilterText(text);},isFocusable:false,styleContainer:{borderColor:_colors.NEUTRAL_400},onSubmit:function onSubmit(){onFilterTextChange(filterText||'');},rightButtons:!!filterText?[_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.XIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:31}}),onPress:function onPress(){setFilterText('');},__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:19}})]:[],__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:9}}));};return _react.default.createElement(_reactNative.Modal,{transparent:true,visible:isVisibleDropdown,onRequestClose:function onRequestClose(){onClose();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DropdownInput.styles.fullScreenTouchable],onPress:function onPress(){return onClose();},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:7}},_react.default.createElement(_reactNative.KeyboardAvoidingView,{behavior:_reactNative.Platform.OS==='ios'?'padding':'height',style:[isCenteredModal&&_DropdownInput.styles.containerNative,{width:windowWidth,height:windowHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:128,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_DropdownInput.styles.optionsContainer,{maxHeight:maxVisibleOptions&&data&&(data==null?void 0:data.length)<=maxVisibleOptions?'auto':maxVisibleOptions&&maxVisibleOptions*48+48+16},!isCenteredModal&&{top:modalPosition.top+8,left:modalPosition.left},{width:modalPosition.width}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:11}},!!(!isStaticData&&!isModalUp||!isStaticData&&isCenteredModal)&&filterComponent(),_react.default.createElement(_reactNative.ScrollView,{contentContainerStyle:{flexGrow:1},ref:scrollViewRef,scrollEventThrottle:16,onScroll:onScroll,__self:_this,__source:{fileName:_jsxFileName,lineNumber:155,columnNumber:13}},displayKey&&(data==null?void 0:data.map(function(item,index){return _react.default.createElement(_reactNative.TouchableOpacity,{key:'dropdown'+index,onPress:function onPress(){onSelectOption(item);},style:[_DropdownInput.styles.option,!!value&&item[displayKey]===value&&{backgroundColor:_colors.TERTIARY_101}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:163,columnNumber:21}},_react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:23}},item[displayKey]));})),isLoading&&_react.default.createElement(_reactNative.ActivityIndicator,{size:'small',style:_DropdownInput.styles.loading,color:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:17}}),!isLoading&&!(data!=null&&data.length)&&_react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.option,__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:188,columnNumber:19}},noResultsText))),!isStaticData&&isModalUp&&!isCenteredModal&&filterComponent()))));};var _default=exports.default=DropdownInputOptions;
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 _colors=require("../../../../../styles/colors");var _searchInput=require("../../../search-input");var _button=require("../../../../button");var _icons=require("../../../../../assets/images/icons");var _DropdownInput=require("../../DropdownInput.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/dropdown-input/components/DropdownInputOptions/DropdownInputOptions.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&&{}.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 DropdownInputOptions=function DropdownInputOptions(_ref){var isVisibleDropdown=_ref.isVisibleDropdown,onClose=_ref.onClose,onSelectOption=_ref.onSelectOption,modalPosition=_ref.modalPosition,windowHeight=_ref.windowHeight,windowWidth=_ref.windowWidth,data=_ref.data,displayKey=_ref.displayKey,value=_ref.value,maxVisibleOptions=_ref.maxVisibleOptions,onScroll=_ref.onScroll,isLoading=_ref.isLoading,isStaticData=_ref.isStaticData,searchPlaceholder=_ref.searchPlaceholder,onFilterTextChange=_ref.onFilterTextChange,noResultsText=_ref.noResultsText,isModalUp=_ref.isModalUp,displayMode=_ref.displayMode;var scrollViewRef=(0,_react.useRef)(null);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),filterText=_useState2[0],setFilterText=_useState2[1];var isCenteredModal=displayMode==='centeredModal';(0,_react.useEffect)(function(){if(!isLoading&&filterText!==null){var handler=setTimeout(function(){onFilterTextChange(filterText);},500);return function(){return clearTimeout(handler);};}},[filterText]);(0,_react.useEffect)(function(){if(isLoading&&data!=null&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(isVisibleDropdown&&data&&value&&scrollViewRef.current&&displayKey){var selectedIndex=data.findIndex(function(item){return item[displayKey]===value;});if(selectedIndex>=0){var positionY=selectedIndex*48;setTimeout(function(){if(scrollViewRef.current){scrollViewRef.current.scrollTo({y:positionY,animated:false});}},100);}}},[isVisibleDropdown]);var filterComponent=function filterComponent(){return _react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.searchContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:7}},_react.default.createElement(_searchInput.SearchInput,{placeholder:searchPlaceholder,value:filterText||'',onChangeText:function onChangeText(text){setFilterText(text);},isFocusable:false,styleContainer:{borderColor:_colors.NEUTRAL_400},onSubmit:function onSubmit(){onFilterTextChange(filterText||'');},rightButtons:!!filterText?[_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.XIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:31}}),onPress:function onPress(){setFilterText('');},__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:19}})]:[],__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:9}}));};return _react.default.createElement(_reactNative.Modal,{transparent:true,visible:isVisibleDropdown,onRequestClose:function onRequestClose(){onClose();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return onClose();},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:7}},_react.default.createElement(_reactNative.KeyboardAvoidingView,{behavior:_reactNative.Platform.OS==='ios'?'padding':'height',style:[isCenteredModal&&_DropdownInput.styles.containerNative,{width:windowWidth,height:windowHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:9}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},style:[_DropdownInput.styles.optionsContainer,isCenteredModal&&{height:maxVisibleOptions&&maxVisibleOptions*48+48+16},{maxHeight:maxVisibleOptions&&data&&(data==null?void 0:data.length)<=maxVisibleOptions?'auto':maxVisibleOptions&&maxVisibleOptions*48+48+16},!isCenteredModal&&{top:modalPosition.top+8,left:modalPosition.left},{width:modalPosition.width}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:11}},!!(!isStaticData&&!isModalUp||!isStaticData&&isCenteredModal)&&filterComponent(),_react.default.createElement(_reactNative.ScrollView,{contentContainerStyle:{flexGrow:1},ref:scrollViewRef,scrollEventThrottle:16,onScroll:onScroll,__self:_this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:13}},displayKey&&(data==null?void 0:data.map(function(item,index){return _react.default.createElement(_reactNative.TouchableOpacity,{key:'dropdown'+index,onPress:function onPress(){onSelectOption(item);},style:[_DropdownInput.styles.option,!!value&&item[displayKey]===value&&{backgroundColor:_colors.TERTIARY_101}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:164,columnNumber:21}},_react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:23}},item[displayKey]));})),isLoading&&_react.default.createElement(_reactNative.ActivityIndicator,{size:'small',style:_DropdownInput.styles.loading,color:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:181,columnNumber:17}}),!isLoading&&!(data!=null&&data.length)&&_react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.option,__self:_this,__source:{fileName:_jsxFileName,lineNumber:188,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:189,columnNumber:19}},noResultsText))),!isStaticData&&isModalUp&&!isCenteredModal&&filterComponent()))));};var _default=exports.default=DropdownInputOptions;
package/dist-native/interfaces/table.interface.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface Metadata {
7
7
  title?: boolean;
8
8
  type?: MetadataType;
9
9
  visible?: boolean;
10
+ numberOfLines?: number;
10
11
  }
11
12
  export interface CommonTableProps {
12
13
  currentPage?: number;
package/dist-web/components/alert/Alert.style.js CHANGED
@@ -25,8 +25,8 @@ export var styles = StyleSheet.create({
25
25
  justifyContent: 'center'
26
26
  },
27
27
  closeIcon: {
28
- height: 14,
29
- width: 14
28
+ height: 24,
29
+ width: 24
30
30
  },
31
31
  messageIcon: {
32
32
  width: 20,
package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.js CHANGED
@@ -34,6 +34,7 @@ export var getIconByType = function getIconByType(_ref) {
34
34
  }
35
35
  };
36
36
  var SwitchRowCard = function SwitchRowCard(_ref2) {
37
+ var _row$numberOfLines;
37
38
  var row = _ref2.row,
38
39
  item = _ref2.item,
39
40
  _ref2$color = _ref2.color,
@@ -76,7 +77,7 @@ var SwitchRowCard = function SwitchRowCard(_ref2) {
76
77
  }, row === null || row === void 0 ? void 0 : row.label), /*#__PURE__*/React.createElement(Text, {
77
78
  style: [styles.textValue, color],
78
79
  ellipsizeMode: "tail",
79
- numberOfLines: 2
80
+ numberOfLines: (_row$numberOfLines = row === null || row === void 0 ? void 0 : row.numberOfLines) !== null && _row$numberOfLines !== void 0 ? _row$numberOfLines : 2
80
81
  }, row !== null && row !== void 0 && row.key ? item[row.key] : ''));
81
82
  };
82
83
  export default SwitchRowCard;
package/dist-web/components/inputBase/date-picker-input/DatePickerInput.js CHANGED
@@ -556,8 +556,8 @@ var DatePickerInput = function DatePickerInput(_ref) {
556
556
  }]
557
557
  }, MONTHS_SHORT_NAMES[currentMonth]), /*#__PURE__*/React.createElement(ChevronDownIcon, {
558
558
  style: {
559
- width: 12,
560
- height: 12
559
+ width: 22,
560
+ height: 22
561
561
  }
562
562
  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
563
563
  style: [styles.iconContainer, {
@@ -587,8 +587,8 @@ var DatePickerInput = function DatePickerInput(_ref) {
587
587
  }]
588
588
  }, currentYear), /*#__PURE__*/React.createElement(ChevronDownIcon, {
589
589
  style: {
590
- width: 14,
591
- height: 14
590
+ width: 22,
591
+ height: 22
592
592
  }
593
593
  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
594
594
  style: [styles.iconContainer, {
package/dist-web/components/inputBase/date-picker-input/DatePickerInput.styles.d.ts CHANGED
@@ -251,6 +251,8 @@ export declare const styles: {
251
251
  color: string;
252
252
  };
253
253
  dayText: {
254
+ width: number;
255
+ height: number;
254
256
  textAlign: "center";
255
257
  };
256
258
  currentDayBorder: {
package/dist-web/components/inputBase/date-picker-input/DatePickerInput.styles.js CHANGED
@@ -10,8 +10,8 @@ export var sizeStyles = {
10
10
  monthText: 12,
11
11
  yearText: 12,
12
12
  iconStyle: {
13
- width: 14,
14
- height: 14
13
+ width: 26,
14
+ height: 26
15
15
  },
16
16
  headerPadding: {
17
17
  paddingTop: 2
@@ -53,8 +53,8 @@ export var sizeStyles = {
53
53
  monthText: 14,
54
54
  yearText: 14,
55
55
  iconStyle: {
56
- width: 16,
57
- height: 16
56
+ width: 26,
57
+ height: 26
58
58
  },
59
59
  headerPadding: {
60
60
  paddingTop: 14
@@ -96,8 +96,8 @@ export var sizeStyles = {
96
96
  monthText: 16,
97
97
  yearText: 16,
98
98
  iconStyle: {
99
- width: 18,
100
- height: 18
99
+ width: 26,
100
+ height: 26
101
101
  },
102
102
  headerPadding: {
103
103
  paddingTop: 14
@@ -165,8 +165,8 @@ export var styles = StyleSheet.create({
165
165
  justifyContent: 'center'
166
166
  },
167
167
  iconStyle: {
168
- width: 16,
169
- height: 16
168
+ width: 26,
169
+ height: 26
170
170
  },
171
171
  monthAndYearContent: {
172
172
  flexDirection: 'row',
@@ -256,6 +256,8 @@ export var styles = StyleSheet.create({
256
256
  color: NEUTRAL_0
257
257
  },
258
258
  dayText: {
259
+ width: 22,
260
+ height: 22,
259
261
  textAlign: 'center'
260
262
  },
261
263
  currentDayBorder: {
package/dist-web/components/inputBase/dropdown-input/DropdownInput.constants.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const BUFFER = 5;
1
+ export declare const BUFFER = 0.1;
2
2
  export declare const SEARCH_PLACEHOLDER = "Search";
3
3
  export declare const NO_RESULT_TEXT = "No results";
4
4
  export declare const DISPLAY_MODE = "dropdown";
package/dist-web/components/inputBase/dropdown-input/DropdownInput.constants.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* Constants */
2
- export var BUFFER = 5;
2
+ export var BUFFER = 0.1;
3
3
  export var SEARCH_PLACEHOLDER = 'Search';
4
4
  export var NO_RESULT_TEXT = 'No results';
5
5
  export var DISPLAY_MODE = 'dropdown';
package/dist-web/components/inputBase/dropdown-input/DropdownInput.js CHANGED
@@ -243,7 +243,8 @@ var DropdownInput = function DropdownInput(_ref) {
243
243
  searchPlaceholder: searchPlaceholder,
244
244
  onFilterTextChange: handleOnFilterTextChange,
245
245
  noResultsText: noResultsText,
246
- isModalUp: isModalUp
246
+ isModalUp: isModalUp,
247
+ displayMode: displayMode
247
248
  }));
248
249
  };
249
250
  export default DropdownInput;
package/dist-web/components/inputBase/dropdown-input/components/DropdownInputOptions/DropdownInputOptions.js CHANGED
@@ -104,7 +104,6 @@ var DropdownInputOptions = function DropdownInputOptions(_ref) {
104
104
  onClose();
105
105
  }
106
106
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
107
- style: [styles.fullScreenTouchable],
108
107
  onPress: function onPress() {
109
108
  return onClose();
110
109
  },
@@ -116,7 +115,12 @@ var DropdownInputOptions = function DropdownInputOptions(_ref) {
116
115
  height: windowHeight
117
116
  }]
118
117
  }, /*#__PURE__*/React.createElement(View, {
119
- style: [styles.optionsContainer, {
118
+ onStartShouldSetResponder: function onStartShouldSetResponder() {
119
+ return true;
120
+ },
121
+ style: [styles.optionsContainer, isCenteredModal && {
122
+ height: maxVisibleOptions && maxVisibleOptions * 48 + 48 + 16
123
+ }, {
120
124
  maxHeight: maxVisibleOptions && data && (data === null || data === void 0 ? void 0 : data.length) <= maxVisibleOptions ? 'auto' : maxVisibleOptions && maxVisibleOptions * 48 + 48 + 16
121
125
  }, !isCenteredModal && {
122
126
  top: modalPosition.top + 8,
package/dist-web/interfaces/table.interface.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface Metadata {
7
7
  title?: boolean;
8
8
  type?: MetadataType;
9
9
  visible?: boolean;
10
+ numberOfLines?: number;
10
11
  }
11
12
  export interface CommonTableProps {
12
13
  currentPage?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "etendo-ui-library",
3
- "version": "1.4.6",
3
+ "version": "1.4.7",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "android": "react-native run-android",