etendo-ui-library 1.3.50 → 1.3.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-native/components/datepicker/DatePicker.js +1 -1
- package/dist-native/components/datepicker/DatePicker.styles.d.ts +5 -3
- package/dist-native/components/datepicker/DatePicker.styles.js +1 -1
- package/dist-native/components/input/Input.style.js +1 -1
- package/dist-native/components/input/components/InputField.js +1 -1
- package/dist-native/components/modal/Modal.d.ts +1 -1
- package/dist-native/components/modal/Modal.js +1 -1
- package/dist-native/components/modal/Modal.types.d.ts +1 -1
- package/dist-web/components/datepicker/DatePicker.js +3 -4
- package/dist-web/components/datepicker/DatePicker.styles.d.ts +5 -3
- package/dist-web/components/datepicker/DatePicker.styles.js +9 -7
- package/dist-web/components/input/Input.style.js +4 -3
- package/dist-web/components/input/components/InputField.js +5 -4
- package/dist-web/components/modal/Modal.d.ts +1 -1
- package/dist-web/components/modal/Modal.js +3 -2
- package/dist-web/components/modal/Modal.types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _icons=require("../../assets/images/icons");var _colors=require("../../styles/colors");var _utilsTypes=require("../../helpers/utilsTypes");var _DatePicker=require("./DatePicker.styles");var _DatePicker2=require("./DatePicker.translations");var _DatePicker3=require("./DatePicker.utils");var _button=require("../button");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/datepicker/DatePicker.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var DatePicker=function DatePicker(_ref){var value=_ref.value,styleField=_ref.styleField,onChangeText=_ref.onChangeText,_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,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$showCalendar=_ref.showCalendar,showCalendar=_ref$showCalendar===void 0?true:_ref$showCalendar,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_50:_ref$backgroundColor;var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),hoveredDay=_useState2[0],setHoveredDay=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),isDateValid=_useState4[0],setIsDateValid=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isMonthSelection=_useState6[0],setIsMonthSelection=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isPickerShow=_useState8[0],setIsPickerShow=_useState8[1];var _useState9=(0,_react.useState)(value?new Date(value):undefined),_useState10=(0,_slicedToArray2.default)(_useState9,2),selectedDate=_useState10[0],setSelectedDate=_useState10[1];var _useState11=(0,_react.useState)(false),_useState12=(0,_slicedToArray2.default)(_useState11,2),isInputFocused=_useState12[0],setIsInputFocused=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),isYearSelection=_useState14[0],setIsYearSelection=_useState14[1];var _useState15=(0,_react.useState)(new Date().getMonth()),_useState16=(0,_slicedToArray2.default)(_useState15,2),currentMonth=_useState16[0],setCurrentMonth=_useState16[1];var _useState17=(0,_react.useState)(new Date().getFullYear()),_useState18=(0,_slicedToArray2.default)(_useState17,2),currentYear=_useState18[0],setCurrentYear=_useState18[1];var _useState19=(0,_react.useState)(false),_useState20=(0,_slicedToArray2.default)(_useState19,2),disabledMonthSelection=_useState20[0],setDisabledMonthSelection=_useState20[1];var _useState21=(0,_react.useState)(false),_useState22=(0,_slicedToArray2.default)(_useState21,2),disabledYearSelection=_useState22[0],setDisabledYearSelection=_useState22[1];var _useState23=(0,_react.useState)({top:0,bottom:0}),_useState24=(0,_slicedToArray2.default)(_useState23,2),modalPosition=_useState24[0],setModalPosition=_useState24[1];(0,_react.useEffect)(function(){if(value){var defaultValue=(0,_DatePicker3.parseLocalDateString)(value,dateFormat);var isValid=(0,_DatePicker3.validateDate)(defaultValue,value,dateFormat);setIsDateValid(isValid);if(isValid){setSelectedDate(defaultValue);setCurrentMonth(defaultValue.getMonth());setCurrentYear(defaultValue.getFullYear());}else{setSelectedDate(new Date());setCurrentMonth(new Date().getMonth());setCurrentYear(new Date().getFullYear());}}},[]);(0,_react.useEffect)(function(){var handleScroll=function handleScroll(event){if(isPickerShow){if(calendarRef.current&&!calendarRef.current.contains(event.target)){setIsPickerShow(false);}}};if(_reactNative.Platform.OS===_utilsTypes.AppPlatform.web){window.addEventListener('scroll',handleScroll,true);}return function(){if(_reactNative.Platform.OS===_utilsTypes.AppPlatform.web){window.removeEventListener('scroll',handleScroll,true);}};},[isPickerShow]);var calendarRef=(0,_react.useRef)(null);var inputRef=(0,_react.useRef)(null);var monthListRef=(0,_react.useRef)(null);var showMonthSelection=function showMonthSelection(){if(!isMonthSelection)setDisabledYearSelection(true);else setDisabledYearSelection(false);setIsMonthSelection(!isMonthSelection);if(!isMonthSelection&&monthListRef.current){monthListRef.current.scrollToIndex({animated:true,index:currentMonth});}};var adjustDateForMonth=function adjustDateForMonth(year,month,currentSelectedDate){var lastDayOfMonth=new Date(year,month+1,0).getDate();if(currentSelectedDate.getDate()>lastDayOfMonth){return new Date(year,month,lastDayOfMonth);}return new Date(year,month,currentSelectedDate.getDate());};var showYearSelection=function showYearSelection(){if(!isYearSelection)setDisabledMonthSelection(true);else setDisabledMonthSelection(false);setIsYearSelection(!isYearSelection);if(!isYearSelection){var index=(0,_DatePicker3.generateYearList)().indexOf(currentYear);if(index!==-1&&yearListRef.current){yearListRef.current.scrollToIndex({animated:true,index:index});}}};var selectMonth=function selectMonth(monthIndex){setCurrentMonth(monthIndex);setIsMonthSelection(false);var adjustedDate=adjustDateForMonth(currentYear,monthIndex,selectedDate);setSelectedDate(adjustedDate);};var selectYear=function selectYear(year){setCurrentYear(year);setIsYearSelection(false);var adjustedDate=adjustDateForMonth(year,currentMonth,selectedDate);setSelectedDate(adjustedDate);};var renderMonthItem=function renderMonthItem(_ref2){var item=_ref2.item,index=_ref2.index;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.item,index===currentMonth&&_DatePicker.styles.selectedItem],onPress:function onPress(){selectMonth(index);setDisabledYearSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:207,columnNumber:7}},item));};var renderYearItem=function renderYearItem(_ref3){var item=_ref3.item;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.item,item===currentYear?_DatePicker.styles.selectedItem:null],onPress:function onPress(){selectYear(item);setDisabledMonthSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:219,columnNumber:7}},item));};var renderMonthSelection=function renderMonthSelection(){return _react.default.createElement(_reactNative.FlatList,{ref:monthListRef,data:monthNames,renderItem:renderMonthItem,keyExtractor:function keyExtractor(_,index){return index.toString();},style:_DatePicker.styles.list,initialScrollIndex:currentMonth,getItemLayout:function getItemLayout(_,index){return{length:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?20*index:43.5,offset:43.5*index,index:index};},__self:_this,__source:{fileName:_jsxFileName,lineNumber:225,columnNumber:5}});};var yearListRef=(0,_react.useRef)(null);var renderYearSelection=function renderYearSelection(){var yearList=(0,_DatePicker3.generateYearList)();return _react.default.createElement(_reactNative.FlatList,{ref:yearListRef,data:yearList,renderItem:renderYearItem,keyExtractor:function keyExtractor(item){return item.toString();},style:_DatePicker.styles.list,initialScrollIndex:yearList.indexOf(currentYear),getItemLayout:function getItemLayout(_,index){return{length:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?43:30,offset:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?43*index:43*index,index:index};},__self:_this,__source:{fileName:_jsxFileName,lineNumber:247,columnNumber:7}});};var changeMonthAndYear=function changeMonthAndYear(newMonth,newYear){setCurrentMonth(newMonth);setCurrentYear(newYear);};var goToPreviousMonth=function goToPreviousMonth(){if(!disabledMonthSelection){currentMonth===0?changeMonthAndYear(11,currentYear-1):changeMonthAndYear(currentMonth-1,currentYear);}};var goToNextMonth=function goToNextMonth(){if(!disabledMonthSelection){currentMonth===11?changeMonthAndYear(0,currentYear+1):changeMonthAndYear(currentMonth+1,currentYear);}};var goToPreviousYear=function goToPreviousYear(){if(!disabledYearSelection)setCurrentYear(currentYear-1);};var goToNextYear=function goToNextYear(){if(!disabledYearSelection)setCurrentYear(currentYear+1);};var daysShort=_DatePicker2.translations[language].daysShort;var monthsShort=_DatePicker2.translations[language].monthsShort;var monthNames=_DatePicker2.translations[language].monthNames;var calculateCalendarDirection=function calculateCalendarDirection(){if(inputRef.current){inputRef.current.measure(function(x,y,width,height,pageX,pageY){var windowHeight=_reactNative.Dimensions.get('window').height;var spaceBelow=windowHeight-pageY-height;var modalLeftPosition=pageX+width-_DatePicker3.MODAL_CONTENT_WIDTH;modalLeftPosition=Math.max(modalLeftPosition,0);if(spaceBelow>=_DatePicker.CALENDAR_HEIGHT){setModalPosition({top:pageY+height,left:modalLeftPosition});}else{setModalPosition({top:pageY-_DatePicker.CALENDAR_HEIGHT-_DatePicker3.MODAL_CONTENT_TOP_POSITION,left:modalLeftPosition});}});}};var showPicker=function showPicker(){if(!disabled){calculateCalendarDirection();if(isMonthSelection)setIsMonthSelection(false);if(isYearSelection)setIsYearSelection(false);if(disabledMonthSelection)setDisabledMonthSelection(false);if(disabledYearSelection)setDisabledYearSelection(false);setIsPickerShow(!isPickerShow);if(!isPickerShow&&selectedDate instanceof Date){setCurrentMonth(selectedDate.getMonth());setCurrentYear(selectedDate.getFullYear());}}};var onDateSelected=function onDateSelected(date){var formattedDate=(0,_DatePicker3.formatterDate)(date,dateFormat);var isValidDate=(0,_DatePicker3.validateDate)(date,formattedDate,dateFormat);setSelectedDate(date);setIsDateValid(isValidDate);if(isValidDate&&onChangeText){onChangeText((0,_DatePicker3.convertDateToEtendoERPFormat)(date));}};var onAccept=function onAccept(){if(selectedDate){onChangeText((0,_DatePicker3.convertDateToEtendoERPFormat)(selectedDate));}setIsPickerShow(false);};var onCancel=function onCancel(){setIsPickerShow(false);};var handleTextInputChange=function handleTextInputChange(text){var processedText=text.replace(/[^0-9]/g,'').slice(0,8);if(processedText.length>2){processedText=processedText.slice(0,2)+'/'+processedText.slice(2);}if(processedText.length>5){processedText=processedText.slice(0,5)+'/'+processedText.slice(5);}setSelectedDate(processedText);if(processedText.length===10){var dateObject=(0,_DatePicker3.parseLocalDateString)(processedText,dateFormat);var isValidDate=(0,_DatePicker3.validateDate)(dateObject,processedText,dateFormat);if(isValidDate){setSelectedDate(dateObject);setIsDateValid(true);}else{setIsDateValid(false);}}else{setIsDateValid(true);setSelectedDate(undefined);}};var formatInputText=function formatInputText(text){var processedText=text.replace(/[^0-9]/g,'');processedText=processedText.slice(0,8);if(processedText.length>2){processedText=processedText.slice(0,2)+'/'+processedText.slice(2);}if(processedText.length>5){processedText=processedText.slice(0,5)+'/'+processedText.slice(5);}return processedText;};var handleBlur=function handleBlur(){var isValidSelectedDate=isDateValid;setIsDateValid(isValidSelectedDate);if(onChangeText){onChangeText((0,_DatePicker3.convertDateToEtendoERPFormat)(selectedDate));}};var renderDayItem=function renderDayItem(_ref4){var date=_ref4.date,isCurrentMonth=_ref4.isCurrentMonth;var isToday=date.getDate()===new Date().getDate()&&date.getMonth()===new Date().getMonth()&&date.getFullYear()===new Date().getFullYear();var isSelectedDate=isCurrentMonth&&date.getDate()===new Date(selectedDate).getDate()&&date.getMonth()===new Date(selectedDate).getMonth()&&date.getFullYear()===new Date(selectedDate).getFullYear();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&&onDateSelected(date);},onHoverIn:function onHoverIn(){return setHoveredDay(dayKey);},onHoverOut:function onHoverOut(){return setHoveredDay(null);},style:[_DatePicker.styles.dayItem,isPartOfCurrentMonth?null:notCurrentMonthStyle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:469,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.dayItemText,isSelectedDate?_DatePicker.styles.selectedDayBackground:{},isToday&&!isSelectedDate?_DatePicker.styles.currentDayBorder:{},!isCurrentMonth?notCurrentMonthStyle:{},isHovered?_DatePicker.styles.dayItemTextHover:{},isTodayHovered?_DatePicker.styles.todayItemTextHover:{}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:477,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_DatePicker.styles.dayText,isSelectedDate?_DatePicker.styles.selectedDayText:{},!isCurrentMonth?notCurrentMonthStyle:{},isPartOfCurrentMonth?null:notCurrentMonthStyle,isTodayHovered&&{color:_colors.PRIMARY_100}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:486,columnNumber:11}},date.getDate())));};var renderCalendar=function renderCalendar(){var daysInMonth=(0,_DatePicker3.buildMonth)(currentYear,currentMonth);return _react.default.createElement(_reactNative.View,{style:_DatePicker.styles.calendarContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:506,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.dayHeader,__self:_this,__source:{fileName:_jsxFileName,lineNumber:507,columnNumber:9}},daysShort.map(function(day){return _react.default.createElement(_reactNative.Text,{key:day,style:_DatePicker.styles.dayHeaderText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:509,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:514,columnNumber:9}}));};return _react.default.createElement(_reactNative.View,{style:_DatePicker.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:528,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.inputContainerWrapper,(isPickerShow||isInputFocused)&&_DatePicker.styles.inputWrapperFocused,!isDateValid&&_DatePicker.styles.invalidDateWrapperFocused],__self:_this,__source:{fileName:_jsxFileName,lineNumber:529,columnNumber:7}},_react.default.createElement(_reactNative.View,{ref:inputRef,style:[styleField.field,_DatePicker.styles.inputWrapper,!isDateValid&&_DatePicker.styles.invalidDateInputWrapper,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:535,columnNumber:9}},_react.default.createElement(_reactNative.TextInput,{style:[_DatePicker.styles.datePickerInput,disabled&&_DatePicker.styles.disabledInput,{backgroundColor:backgroundColor}],value:selectedDate instanceof Date?(0,_DatePicker3.formatterDate)(selectedDate,dateFormat):selectedDate,placeholder:(0,_DatePicker3.getPlaceholderDateFormat)(dateFormat),placeholderTextColor:_colors.NEUTRAL_600,editable:!disabled,onChangeText:handleTextInputChange,focusable:true,onFocus:function onFocus(){return!disabled&&setIsInputFocused(true);},onBlur:function onBlur(){setIsInputFocused(false),!disabled&&handleBlur();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:543,columnNumber:11}}),showCalendar&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:showPicker,disabled:disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:567,columnNumber:13}},_react.default.createElement(_icons.CalendarIcon,{style:disabled?{opacity:0.2,width:25}:{width:25},__self:_this,__source:{fileName:_jsxFileName,lineNumber:568,columnNumber:15}})))),_react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:isPickerShow,onRequestClose:showPicker,ref:calendarRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:576,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_DatePicker.styles.modalContainer,activeOpacity:1,onPress:showPicker,__self:_this,__source:{fileName:_jsxFileName,lineNumber:582,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.modalContent,{width:_DatePicker3.MODAL_CONTENT_WIDTH},{position:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?'absolute':'relative',top:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?modalPosition.top+_DatePicker3.MODAL_POSITION_TOP:undefined,left:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?modalPosition.left:undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:586,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.header,(isMonthSelection||isYearSelection)&&{borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_300}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:603,columnNumber:13}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.monthAndYearContainer,disabledMonthSelection&&_DatePicker.styles.disabledButtonStyle],disabled:disabledMonthSelection,onPress:showMonthSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:611,columnNumber:15}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToPreviousMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:618,columnNumber:17}},_react.default.createElement(_icons.ArrowLeftIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:619,columnNumber:19}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:621,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:622,columnNumber:19}},monthsShort[currentMonth]),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:625,columnNumber:19}})),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToNextMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:634,columnNumber:17}},_react.default.createElement(_icons.ArrowRightIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:635,columnNumber:19}}))),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.monthAndYearContainer,disabledYearSelection&&_DatePicker.styles.disabledButtonStyle],disabled:disabledYearSelection,onPress:showYearSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:639,columnNumber:15}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToPreviousYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:646,columnNumber:17}},_react.default.createElement(_icons.ArrowLeftIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:647,columnNumber:19}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:649,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:650,columnNumber:19}},currentYear),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:651,columnNumber:19}})),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToNextYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:660,columnNumber:17}},_react.default.createElement(_icons.ArrowRightIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:661,columnNumber:19}})))),isYearSelection?renderYearSelection():isMonthSelection?renderMonthSelection():renderCalendar(),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.optionsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:671,columnNumber:13}},_react.default.createElement(_button.Button,{typeStyle:"white",text:_DatePicker2.translations[language].cancel,onPress:onCancel,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:672,columnNumber:15}}),_react.default.createElement(_button.Button,{typeStyle:"terciary",text:_DatePicker2.translations[language].accept,onPress:onAccept,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:678,columnNumber:15}}))))));};var _default=exports.default=DatePicker;
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _icons=require("../../assets/images/icons");var _colors=require("../../styles/colors");var _utilsTypes=require("../../helpers/utilsTypes");var _DatePicker=require("./DatePicker.styles");var _DatePicker2=require("./DatePicker.translations");var _DatePicker3=require("./DatePicker.utils");var _table_utils=require("../../helpers/table_utils");var _button=require("../button");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/datepicker/DatePicker.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var DatePicker=function DatePicker(_ref){var value=_ref.value,styleField=_ref.styleField,onChangeText=_ref.onChangeText,_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,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$showCalendar=_ref.showCalendar,showCalendar=_ref$showCalendar===void 0?true:_ref$showCalendar,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_50:_ref$backgroundColor;var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),hoveredDay=_useState2[0],setHoveredDay=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),isDateValid=_useState4[0],setIsDateValid=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isMonthSelection=_useState6[0],setIsMonthSelection=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isPickerShow=_useState8[0],setIsPickerShow=_useState8[1];var _useState9=(0,_react.useState)(value?new Date(value):undefined),_useState10=(0,_slicedToArray2.default)(_useState9,2),selectedDate=_useState10[0],setSelectedDate=_useState10[1];var _useState11=(0,_react.useState)(false),_useState12=(0,_slicedToArray2.default)(_useState11,2),isInputFocused=_useState12[0],setIsInputFocused=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),isYearSelection=_useState14[0],setIsYearSelection=_useState14[1];var _useState15=(0,_react.useState)(new Date().getMonth()),_useState16=(0,_slicedToArray2.default)(_useState15,2),currentMonth=_useState16[0],setCurrentMonth=_useState16[1];var _useState17=(0,_react.useState)(new Date().getFullYear()),_useState18=(0,_slicedToArray2.default)(_useState17,2),currentYear=_useState18[0],setCurrentYear=_useState18[1];var _useState19=(0,_react.useState)(false),_useState20=(0,_slicedToArray2.default)(_useState19,2),disabledMonthSelection=_useState20[0],setDisabledMonthSelection=_useState20[1];var _useState21=(0,_react.useState)(false),_useState22=(0,_slicedToArray2.default)(_useState21,2),disabledYearSelection=_useState22[0],setDisabledYearSelection=_useState22[1];var _useState23=(0,_react.useState)({top:0,bottom:0}),_useState24=(0,_slicedToArray2.default)(_useState23,2),modalPosition=_useState24[0],setModalPosition=_useState24[1];(0,_react.useEffect)(function(){if(value){var defaultValue=(0,_DatePicker3.parseLocalDateString)(value,dateFormat);var isValid=(0,_DatePicker3.validateDate)(defaultValue,value,dateFormat);setIsDateValid(isValid);if(isValid){setSelectedDate(defaultValue);setCurrentMonth(defaultValue.getMonth());setCurrentYear(defaultValue.getFullYear());}else{setSelectedDate(new Date());setCurrentMonth(new Date().getMonth());setCurrentYear(new Date().getFullYear());}}},[]);(0,_react.useEffect)(function(){var handleScroll=function handleScroll(event){if(isPickerShow){if(calendarRef.current&&!calendarRef.current.contains(event.target)){setIsPickerShow(false);}}};if(_reactNative.Platform.OS===_utilsTypes.AppPlatform.web){window.addEventListener('scroll',handleScroll,true);}return function(){if(_reactNative.Platform.OS===_utilsTypes.AppPlatform.web){window.removeEventListener('scroll',handleScroll,true);}};},[isPickerShow]);var calendarRef=(0,_react.useRef)(null);var inputRef=(0,_react.useRef)(null);var monthListRef=(0,_react.useRef)(null);var showMonthSelection=function showMonthSelection(){if(!isMonthSelection)setDisabledYearSelection(true);else setDisabledYearSelection(false);setIsMonthSelection(!isMonthSelection);if(!isMonthSelection&&monthListRef.current){monthListRef.current.scrollToIndex({animated:true,index:currentMonth});}};var adjustDateForMonth=function adjustDateForMonth(year,month,currentSelectedDate){var lastDayOfMonth=new Date(year,month+1,0).getDate();if(currentSelectedDate.getDate()>lastDayOfMonth){return new Date(year,month,lastDayOfMonth);}return new Date(year,month,currentSelectedDate.getDate());};var showYearSelection=function showYearSelection(){if(!isYearSelection)setDisabledMonthSelection(true);else setDisabledMonthSelection(false);setIsYearSelection(!isYearSelection);if(!isYearSelection){var index=(0,_DatePicker3.generateYearList)().indexOf(currentYear);if(index!==-1&&yearListRef.current){yearListRef.current.scrollToIndex({animated:true,index:index});}}};var selectMonth=function selectMonth(monthIndex){setCurrentMonth(monthIndex);setIsMonthSelection(false);var adjustedDate=adjustDateForMonth(currentYear,monthIndex,selectedDate);setSelectedDate(adjustedDate);};var selectYear=function selectYear(year){setCurrentYear(year);setIsYearSelection(false);var adjustedDate=adjustDateForMonth(year,currentMonth,selectedDate);setSelectedDate(adjustedDate);};var renderMonthItem=function renderMonthItem(_ref2){var item=_ref2.item,index=_ref2.index;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.item,index===currentMonth&&_DatePicker.styles.selectedItem],onPress:function onPress(){selectMonth(index);setDisabledYearSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:202,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:7}},item));};var renderYearItem=function renderYearItem(_ref3){var item=_ref3.item;return _react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.item,item===currentYear?_DatePicker.styles.selectedItem:null],onPress:function onPress(){selectYear(item);setDisabledMonthSelection(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:214,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:220,columnNumber:7}},item));};var renderMonthSelection=function renderMonthSelection(){return _react.default.createElement(_reactNative.FlatList,{ref:monthListRef,data:monthNames,renderItem:renderMonthItem,keyExtractor:function keyExtractor(_,index){return index.toString();},style:_DatePicker.styles.list,initialScrollIndex:currentMonth,getItemLayout:function getItemLayout(_,index){return{length:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?20*index:43.5,offset:43.5*index,index:index};},__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:5}});};var yearListRef=(0,_react.useRef)(null);var renderYearSelection=function renderYearSelection(){var yearList=(0,_DatePicker3.generateYearList)();return _react.default.createElement(_reactNative.FlatList,{ref:yearListRef,data:yearList,renderItem:renderYearItem,keyExtractor:function keyExtractor(item){return item.toString();},style:_DatePicker.styles.list,initialScrollIndex:yearList.indexOf(currentYear),getItemLayout:function getItemLayout(_,index){return{length:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?43:30,offset:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?43*index:43*index,index:index};},__self:_this,__source:{fileName:_jsxFileName,lineNumber:248,columnNumber:7}});};var changeMonthAndYear=function changeMonthAndYear(newMonth,newYear){setCurrentMonth(newMonth);setCurrentYear(newYear);};var goToPreviousMonth=function goToPreviousMonth(){if(!disabledMonthSelection){currentMonth===0?changeMonthAndYear(11,currentYear-1):changeMonthAndYear(currentMonth-1,currentYear);}};var goToNextMonth=function goToNextMonth(){if(!disabledMonthSelection){currentMonth===11?changeMonthAndYear(0,currentYear+1):changeMonthAndYear(currentMonth+1,currentYear);}};var goToPreviousYear=function goToPreviousYear(){if(!disabledYearSelection)setCurrentYear(currentYear-1);};var goToNextYear=function goToNextYear(){if(!disabledYearSelection)setCurrentYear(currentYear+1);};var daysShort=_DatePicker2.translations[language].daysShort;var monthsShort=_DatePicker2.translations[language].monthsShort;var monthNames=_DatePicker2.translations[language].monthNames;var calculateCalendarDirection=function calculateCalendarDirection(){if(inputRef.current){inputRef.current.measure(function(x,y,width,height,pageX,pageY){var windowHeight=_reactNative.Dimensions.get('window').height;var spaceBelow=windowHeight-pageY-height;var modalLeftPosition=pageX+width-_DatePicker3.MODAL_CONTENT_WIDTH;modalLeftPosition=Math.max(modalLeftPosition,0);if(spaceBelow>=_DatePicker.CALENDAR_HEIGHT){setModalPosition({top:pageY+height,left:modalLeftPosition});}else{setModalPosition({top:pageY-_DatePicker.CALENDAR_HEIGHT-_DatePicker3.MODAL_CONTENT_TOP_POSITION,left:modalLeftPosition});}});}};var showPicker=function showPicker(){if(!disabled){calculateCalendarDirection();if(isMonthSelection)setIsMonthSelection(false);if(isYearSelection)setIsYearSelection(false);if(disabledMonthSelection)setDisabledMonthSelection(false);if(disabledYearSelection)setDisabledYearSelection(false);setIsPickerShow(!isPickerShow);if(!isPickerShow&&selectedDate instanceof Date){setCurrentMonth(selectedDate.getMonth());setCurrentYear(selectedDate.getFullYear());}}};var onDateSelected=function onDateSelected(date){var formattedDate=(0,_DatePicker3.formatterDate)(date,dateFormat);var isValidDate=(0,_DatePicker3.validateDate)(date,formattedDate,dateFormat);setSelectedDate(date);setIsDateValid(isValidDate);if(isValidDate&&onChangeText){onChangeText((0,_DatePicker3.convertDateToEtendoERPFormat)(date));}};var onAccept=function onAccept(){if(selectedDate){onChangeText((0,_DatePicker3.convertDateToEtendoERPFormat)(selectedDate));}setIsPickerShow(false);};var onCancel=function onCancel(){setIsPickerShow(false);};var handleTextInputChange=function handleTextInputChange(text){var processedText=text.replace(/[^0-9]/g,'').slice(0,8);if(processedText.length>2){processedText=processedText.slice(0,2)+'/'+processedText.slice(2);}if(processedText.length>5){processedText=processedText.slice(0,5)+'/'+processedText.slice(5);}setSelectedDate(processedText);if(processedText.length===10){var dateObject=(0,_DatePicker3.parseLocalDateString)(processedText,dateFormat);var isValidDate=(0,_DatePicker3.validateDate)(dateObject,processedText,dateFormat);if(isValidDate){setSelectedDate(dateObject);setIsDateValid(true);}else{setIsDateValid(false);}}else{setIsDateValid(true);setSelectedDate(undefined);}};var formatInputText=function formatInputText(text){var processedText=text.replace(/[^0-9]/g,'');processedText=processedText.slice(0,8);if(processedText.length>2){processedText=processedText.slice(0,2)+'/'+processedText.slice(2);}if(processedText.length>5){processedText=processedText.slice(0,5)+'/'+processedText.slice(5);}return processedText;};var handleBlur=function handleBlur(){var isValidSelectedDate=isDateValid;setIsDateValid(isValidSelectedDate);if(onChangeText){onChangeText((0,_DatePicker3.convertDateToEtendoERPFormat)(selectedDate));}};var renderDayItem=function renderDayItem(_ref4){var date=_ref4.date,isCurrentMonth=_ref4.isCurrentMonth;var isToday=date.getDate()===new Date().getDate()&&date.getMonth()===new Date().getMonth()&&date.getFullYear()===new Date().getFullYear();var isSelectedDate=isCurrentMonth&&date.getDate()===new Date(selectedDate).getDate()&&date.getMonth()===new Date(selectedDate).getMonth()&&date.getFullYear()===new Date(selectedDate).getFullYear();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&&onDateSelected(date);},onHoverIn:function onHoverIn(){return setHoveredDay(dayKey);},onHoverOut:function onHoverOut(){return setHoveredDay(null);},style:[_DatePicker.styles.dayItem,isPartOfCurrentMonth?null:notCurrentMonthStyle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:470,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.dayItemText,isSelectedDate?_DatePicker.styles.selectedDayBackground:{},isToday&&!isSelectedDate?_DatePicker.styles.currentDayBorder:{},!isCurrentMonth?notCurrentMonthStyle:{},isHovered?_DatePicker.styles.dayItemTextHover:{},isTodayHovered?_DatePicker.styles.todayItemTextHover:{}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:478,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_DatePicker.styles.dayText,isSelectedDate?_DatePicker.styles.selectedDayText:{},!isCurrentMonth?notCurrentMonthStyle:{},isPartOfCurrentMonth?null:notCurrentMonthStyle,isTodayHovered&&{color:_colors.PRIMARY_100}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:487,columnNumber:11}},date.getDate())));};var renderCalendar=function renderCalendar(){var daysInMonth=(0,_DatePicker3.buildMonth)(currentYear,currentMonth);return _react.default.createElement(_reactNative.View,{style:_DatePicker.styles.calendarContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:507,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.dayHeader,__self:_this,__source:{fileName:_jsxFileName,lineNumber:508,columnNumber:9}},daysShort.map(function(day){return _react.default.createElement(_reactNative.Text,{key:day,style:_DatePicker.styles.dayHeaderText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:510,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:515,columnNumber:9}}));};return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:529,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.inputContainerWrapper,(isPickerShow||isInputFocused)&&_DatePicker.styles.inputWrapperFocused,!isDateValid&&_DatePicker.styles.invalidDateWrapperFocused],__self:_this,__source:{fileName:_jsxFileName,lineNumber:530,columnNumber:7}},_react.default.createElement(_reactNative.View,{ref:inputRef,style:[styleField.field,_DatePicker.styles.inputWrapper,!isDateValid&&_DatePicker.styles.invalidDateInputWrapper,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:536,columnNumber:9}},_react.default.createElement(_reactNative.TextInput,{style:[_DatePicker.styles.datePickerInput,(0,_table_utils.disableOutline)(),disabled&&_DatePicker.styles.disabledInput,{backgroundColor:backgroundColor}],value:selectedDate instanceof Date?(0,_DatePicker3.formatterDate)(selectedDate,dateFormat):selectedDate,placeholder:(0,_DatePicker3.getPlaceholderDateFormat)(dateFormat),placeholderTextColor:_colors.NEUTRAL_600,editable:!disabled,onChangeText:handleTextInputChange,focusable:true,onFocus:function onFocus(){return!disabled&&setIsInputFocused(true);},onBlur:function onBlur(){setIsInputFocused(false),!disabled&&handleBlur();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:544,columnNumber:11}}),showCalendar&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:showPicker,disabled:disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:569,columnNumber:13}},_react.default.createElement(_icons.CalendarIcon,{style:disabled?{opacity:0.2,width:25}:{width:25},__self:_this,__source:{fileName:_jsxFileName,lineNumber:570,columnNumber:15}})))),_react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:isPickerShow,onRequestClose:showPicker,ref:calendarRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:578,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_DatePicker.styles.modalContainer,activeOpacity:1,onPress:showPicker,__self:_this,__source:{fileName:_jsxFileName,lineNumber:584,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.modalContent,{width:_DatePicker3.MODAL_CONTENT_WIDTH},{position:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?'absolute':'relative',top:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?modalPosition.top+_DatePicker3.MODAL_POSITION_TOP:undefined,left:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?modalPosition.left:undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:588,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.header,(isMonthSelection||isYearSelection)&&{borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_300}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:605,columnNumber:13}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.monthAndYearContainer,disabledMonthSelection&&_DatePicker.styles.disabledButtonStyle],disabled:disabledMonthSelection,onPress:showMonthSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:613,columnNumber:15}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToPreviousMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:620,columnNumber:17}},_react.default.createElement(_icons.ArrowLeftIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:621,columnNumber:19}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:623,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:624,columnNumber:19}},monthsShort[currentMonth]),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:627,columnNumber:19}})),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToNextMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:636,columnNumber:17}},_react.default.createElement(_icons.ArrowRightIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:637,columnNumber:19}}))),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.monthAndYearContainer,disabledYearSelection&&_DatePicker.styles.disabledButtonStyle],disabled:disabledYearSelection,onPress:showYearSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:641,columnNumber:15}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToPreviousYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:648,columnNumber:17}},_react.default.createElement(_icons.ArrowLeftIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:649,columnNumber:19}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:651,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:652,columnNumber:19}},currentYear),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:653,columnNumber:19}})),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToNextYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:662,columnNumber:17}},_react.default.createElement(_icons.ArrowRightIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:663,columnNumber:19}})))),isYearSelection?renderYearSelection():isMonthSelection?renderMonthSelection():renderCalendar(),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.optionsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:673,columnNumber:13}},_react.default.createElement(_button.Button,{typeStyle:"white",text:_DatePicker2.translations[language].cancel,onPress:onCancel,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:674,columnNumber:15}}),_react.default.createElement(_button.Button,{typeStyle:"terciary",text:_DatePicker2.translations[language].accept,onPress:onAccept,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:680,columnNumber:15}}))))));};var _default=exports.default=DatePicker;
|
|
@@ -30,15 +30,17 @@ export declare const styles: {
|
|
|
30
30
|
datePickerInput: {
|
|
31
31
|
textAlign: "left";
|
|
32
32
|
fontSize: number;
|
|
33
|
-
|
|
33
|
+
color: string;
|
|
34
|
+
fontWeight: "500";
|
|
34
35
|
flex: number;
|
|
36
|
+
paddingVertical: number;
|
|
37
|
+
paddingHorizontal: number;
|
|
35
38
|
};
|
|
36
39
|
inputContainerWrapper: {
|
|
37
40
|
borderRadius: number;
|
|
38
|
-
height: number | undefined;
|
|
39
41
|
borderWidth: number;
|
|
40
|
-
margin: number;
|
|
41
42
|
borderColor: string;
|
|
43
|
+
position: "relative";
|
|
42
44
|
};
|
|
43
45
|
monthAndYearContainer: {
|
|
44
46
|
flexDirection: "row";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.CALENDAR_HEIGHT=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _utilsTypes=require("../../helpers/utilsTypes");var _DatePicker=require("./DatePicker.utils");var CALENDAR_HEIGHT=exports.CALENDAR_HEIGHT=260;var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1},datePickerButton:{borderWidth:1,borderColor:'gray',paddingVertical:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?8:20,paddingHorizontal:12,borderRadius:4,backgroundColor:'white',flexDirection:'row',justifyContent:'space-between',alignItems:'center'},inputWrapper:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:16,height:40},invalidDateInputWrapper:{borderColor:_colors.DESTRUCTIVE_100},disabledInput:{opacity:0.2},datePickerInput:{textAlign:'left',fontSize:18,
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.CALENDAR_HEIGHT=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _utilsTypes=require("../../helpers/utilsTypes");var _DatePicker=require("./DatePicker.utils");var CALENDAR_HEIGHT=exports.CALENDAR_HEIGHT=260;var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1},datePickerButton:{borderWidth:1,borderColor:'gray',paddingVertical:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?8:20,paddingHorizontal:12,borderRadius:4,backgroundColor:'white',flexDirection:'row',justifyContent:'space-between',alignItems:'center'},inputWrapper:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:16,height:40},invalidDateInputWrapper:{borderColor:_colors.DESTRUCTIVE_100},disabledInput:{opacity:0.2},datePickerInput:{textAlign:'left',fontSize:18,color:_colors.PRIMARY_100,fontWeight:'500',flex:1,paddingVertical:0,paddingHorizontal:0},inputContainerWrapper:{borderRadius:8,borderWidth:5,borderColor:'transparent',position:'relative'},monthAndYearContainer:{flexDirection:'row',alignItems:'center',gap:8},monthAndYearContent:{flexDirection:'row',marginHorizontal:12,alignItems:'center',gap:8},inputWrapperFocused:{backgroundColor:_colors.QUATERNARY_50},invalidDateWrapperFocused:{backgroundColor:_colors.DESTRUCTIVE_10},modalContainer:{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?'rgba(0,0,0,0)':'rgba(0,0,0,0.5)'},modalContent:{backgroundColor:_colors.NEUTRAL_50,borderRadius:8,borderColor:_colors.NEUTRAL_300,alignSelf:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?undefined:'center',width:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?_DatePicker.MODAL_CONTENT_WIDTH:'90%',marginTop:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?8:undefined,boxShadow:_reactNative.Platform.OS===_utilsTypes.AppPlatform.web?'0px 1px 1.41px rgba(0, 0, 0, 0.20)':undefined},header:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:20,paddingTop:15,paddingBottom:10},monthText:{fontSize:16,color:_colors.PRIMARY_100},arrow:{fontSize:24,color:_colors.NEUTRAL_400},dayHeader:{flexDirection:'row',justifyContent:'space-between',paddingVertical:16},dayHeaderText:{width:'14.28%',textAlign:'center',color:_colors.NEUTRAL_800},notCurrentMonthStyle:{color:_colors.NEUTRAL_400},calendarContainer:{height:CALENDAR_HEIGHT,paddingHorizontal:10,backgroundColor:_colors.NEUTRAL_50},dayItem:{width:'14.28%',justifyContent:'center',alignItems:'center',marginVertical:2},dayItemText:{padding:8,marginVertical:2,borderRadius:100,textAlign:'center',width:34,height:34},dayItemTextHover:{backgroundColor:_colors.NEUTRAL_200},todayItemTextHover:{backgroundColor:_colors.TERTIARY_70,borderWidth:1,borderColor:_colors.PRIMARY_100},selectedDayBackground:{backgroundColor:_colors.PRIMARY_100,borderRadius:100,padding:8,height:34,width:34,justifyContent:'center',alignItems:'center'},selectedDayText:{color:'white'},dayText:{color:'black',textAlign:'center'},currentDayBorder:{borderWidth:1,borderColor:_colors.PRIMARY_100,borderRadius:100,justifyContent:'center',alignItems:'center'},list:{height:CALENDAR_HEIGHT,paddingHorizontal:10,paddingVertical:5},item:{justifyContent:'center',padding:10,margin:2},yearText:{fontSize:16,width:40},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.2}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.inputVariants=exports.inputStyleVariants=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _ArrowDownIcon=require("../../assets/images/icons/ArrowDownIcon");var _SearchIcon=require("../../assets/images/icons/SearchIcon");var _ShowPasswordIcon=require("../../assets/images/icons/ShowPasswordIcon");var _colors=require("../../styles/colors");var _jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/input/Input.style.tsx";var inputVariants=exports.inputVariants={readOnly:{field:{type:'text',disabledField:true,disabledSubmit:true}},datePicker:{field:{type:'textInput',isDatePicker:true}},picker:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_ArrowDownIcon.ArrowDownIcon,{style:{height:10,width:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:14}})}},textInput:{field:{type:'textInput',disabledField:true,disabledSubmit:true}},pressableText:{field:{type:'text',disabledField:false,disabledSubmit:false}},textInputSearch:{field:{type:'textInput',disabledField:true,disabledSubmit:false,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:14}})}},pressableSearch:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:14}})}},textInputPassword:{field:{type:'textInput',image:_react.default.createElement(_ShowPasswordIcon.ShowPasswordIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:14}}),disabledField:true,disabledSubmit:false}}};var defaultTitle={color:_colors.PRIMARY_100,fontSize:18,fontWeight:'600'};var defaultField={overflow:'hidden',height:50,borderWidth:2,borderColor:_colors.PRIMARY_100,borderRadius:5,flexDirection:'row',display:'flex',alignItems:'center',paddingRight:15};var defaultFocus={borderWidth:5,borderColor:'transparent',borderRadius:10};var defaultText={color:_colors.PRIMARY_100,fontSize:18,fontWeight:'500',flex:1,alignItems:'center',paddingLeft:15,minWidth:0,display:'flex',textAlignVertical:'center'};var defaultTextPlaceholder={color:_colors.NEUTRAL_600,fontSize:18,fontWeight:'500',alignItems:'center',paddingLeft:15,minWidth:0,flex:1,textAlignVertical:'center'};var defaultHelperText={color:_colors.NEUTRAL_60,fontSize:16,fontWeight:'500'};var defaultFilterContainer={height:50,
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.inputVariants=exports.inputStyleVariants=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _ArrowDownIcon=require("../../assets/images/icons/ArrowDownIcon");var _SearchIcon=require("../../assets/images/icons/SearchIcon");var _ShowPasswordIcon=require("../../assets/images/icons/ShowPasswordIcon");var _colors=require("../../styles/colors");var _jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/input/Input.style.tsx";var inputVariants=exports.inputVariants={readOnly:{field:{type:'text',disabledField:true,disabledSubmit:true}},datePicker:{field:{type:'textInput',isDatePicker:true}},picker:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_ArrowDownIcon.ArrowDownIcon,{style:{height:10,width:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:14}})}},textInput:{field:{type:'textInput',disabledField:true,disabledSubmit:true}},pressableText:{field:{type:'text',disabledField:false,disabledSubmit:false}},textInputSearch:{field:{type:'textInput',disabledField:true,disabledSubmit:false,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:14}})}},pressableSearch:{field:{type:'text',disabledField:false,disabledSubmit:true,image:_react.default.createElement(_SearchIcon.SearchIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:14}})}},textInputPassword:{field:{type:'textInput',image:_react.default.createElement(_ShowPasswordIcon.ShowPasswordIcon,{style:{height:15,width:15},__self:this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:14}}),disabledField:true,disabledSubmit:false}}};var defaultTitle={color:_colors.PRIMARY_100,fontSize:18,fontWeight:'600'};var defaultField={overflow:'hidden',height:50,borderWidth:2,borderColor:_colors.PRIMARY_100,borderRadius:5,flexDirection:'row',display:'flex',alignItems:'center',paddingRight:15};var defaultFocus={borderWidth:5,borderColor:'transparent',borderRadius:10};var defaultText={color:_colors.PRIMARY_100,fontSize:18,fontWeight:'500',flex:1,alignItems:'center',paddingLeft:15,minWidth:0,display:'flex',textAlignVertical:'center',paddingVertical:0};var defaultTextPlaceholder={color:_colors.NEUTRAL_600,fontSize:18,fontWeight:'500',alignItems:'center',paddingLeft:15,minWidth:0,flex:1,textAlignVertical:'center'};var defaultHelperText={color:_colors.NEUTRAL_60,fontSize:16,fontWeight:'500'};var defaultFilterContainer={height:50,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,display:'flex',flexDirection:'row',alignItems:'center',marginHorizontal:13};var inputStyleVariants=exports.inputStyleVariants={default:{titleStyle:defaultTitle,fieldStyle:{field:defaultField,focus:[defaultFocus,{borderColor:_colors.QUATERNARY_50}],textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:defaultHelperText},destructive:{titleStyle:defaultTitle,fieldStyle:{focus:[defaultFocus,{borderColor:_colors.DESTRUCTIVE_10}],field:[defaultField,{borderColor:_colors.DESTRUCTIVE_100}],textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:[defaultHelperText,{color:_colors.DESTRUCTIVE_100}]},disabled:{titleStyle:[defaultTitle,{color:_colors.NEUTRAL_400}],fieldStyle:{focus:defaultFocus,field:[defaultField,{borderColor:_colors.NEUTRAL_400}],textDefault:[defaultText,{color:_colors.NEUTRAL_400}],textPlaceholder:[defaultTextPlaceholder,{color:_colors.NEUTRAL_400}]},helperStyle:[defaultHelperText,{color:_colors.NEUTRAL_400}]},readOnly:{titleStyle:defaultTitle,fieldStyle:{field:[defaultField,{backgroundColor:_colors.NEUTRAL_5}],focus:defaultFocus,textDefault:defaultText,textPlaceholder:defaultTextPlaceholder},helperStyle:defaultHelperText}};var styles=exports.styles=_reactNative.StyleSheet.create({inputContainer:{},inputImageSize:{height:22,width:22},hideContainer:{height:22,width:22},showContainer:{height:22,width:22},rowInputTitleImg:{height:10,width:10,marginRight:5},rowInputTitle:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',display:'flex',height:29,marginLeft:5},rowInputTitleText:{fontSize:16,color:_colors.PRIMARY_100},rowHelperText:{height:25,flexDirection:'row',alignItems:'flex-end',marginLeft:5},buttonContainerInputField:{alignSelf:'flex-start',width:49,height:'100%',justifyContent:'center',display:'flex',alignItems:'center'},passwordContainer:{right:20,alignSelf:'center',marginLeft:10},showImgContainer:{justifyContent:'center',alignItems:'center',right:10},passwordImage:{height:22,width:22},storiesContainer:{flexWrap:'wrap',flexDirection:'row',justifyContent:'space-between'},storiesInputContainer:{height:115,width:300},optionContainer:{paddingHorizontal:8,marginHorizontal:8,flexDirection:'row',alignItems:'center',height:40,marginTop:8},optionText:{color:_colors.PRIMARY_100,fontSize:18,flex:1,display:'flex'},optionFilterText:{color:_colors.PRIMARY_100,fontSize:18,height:40,padding:0,flex:1,fontWeight:'500',alignItems:'center',display:'flex',width:'100%'},optionOverlay:{flex:1,justifyContent:'center',alignItems:'center'},optionsContainer:{position:'absolute',backgroundColor:_colors.NEUTRAL_0,borderRadius:5,borderWidth:1.5,borderColor:_colors.NEUTRAL_500},optionsItemsContainer:{maxHeight:392},optionFilterContainer:Object.assign({},defaultFilterContainer),optionTopFilterContainer:Object.assign({},defaultFilterContainer),optionFilterImg:{width:15,height:15},cancelFilterImg:{width:12,height:12},cancelContainer:{marginRight:4},scrollOptions:{marginVertical:8},searchContainer:{marginHorizontal:8},spaceInOptionsAndInput:{height:5},offSet:{height:26}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _Input2=require("../Input.types");var _ShowPasswordIcon=require("../../../assets/images/icons/ShowPasswordIcon");var _HidePasswordIcon=require("../../../assets/images/icons/HidePasswordIcon");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _DatePicker=_interopRequireDefault(require("../../datepicker/DatePicker"));var _colors=require("../../../styles/colors");var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/input/components/InputField.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputField=function InputField(_ref){var type=_ref.type,configField=_ref.configField,styleField=_ref.styleField,value=_ref.value,disabled=_ref.disabled,placeholder=_ref.placeholder,placeholderPickerSearch=_ref.placeholderPickerSearch,maxLength=_ref.maxLength,keyboardType=_ref.keyboardType,dataPicker=_ref.dataPicker,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_0:_ref$backgroundColor,showOptionsAmount=_ref.showOptionsAmount,_ref$height=_ref.height,height=_ref$height===void 0?40:_ref$height,onPress=_ref.onPress,onSubmit=_ref.onSubmit,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,onFocus=_ref.onFocus,onBlur=_ref.onBlur,language=_ref.language,dateFormat=_ref.dateFormat,showCalendar=_ref.showCalendar;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocus=_useState2[0],setIsFocus=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showPassword=_useState4[0],setShowPassword=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),showOptions=_useState6[0],setShowOptions=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),dataOptionsFilter=_useState8[0],setDataOptionsFilter=_useState8[1];var _useState9=(0,_react.useState)(''),_useState10=(0,_slicedToArray2.default)(_useState9,2),filterValue=_useState10[0],setFilterValue=_useState10[1];var _useState11=(0,_react.useState)(false),_useState12=(0,_slicedToArray2.default)(_useState11,2),optionsTop=_useState12[0],setOptionsTop=_useState12[1];var _useState13=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState14=(0,_slicedToArray2.default)(_useState13,2),positionModal=_useState14[0],setPositionModal=_useState14[1];var windowHeight=_reactNative.Dimensions.get('window').height;var refComponent=(0,_react.useRef)(null);var regex=/^[0-9.,]+$/g;var getStyleText=function getStyleText(){var style=[];if(value){style.push(styleField.textDefault);}else{style.push(styleField.textPlaceholder);}return style;};(0,_react.useEffect)(function(){if(showOptions){getTopLeft();}},[]);var getTopLeft=function getTopLeft(){if(refComponent.current){refComponent.current.measure(function(x,y,width,height,pageX,pageY){var calcDropdownTopLeft=pageY+height+_Input.styles.spaceInOptionsAndInput.height;var showFilterHeight=showSearchInPicker?_Input.styles.optionFilterContainer.height:0;var optionsHeight=_Input.styles.optionContainer.height+_Input.styles.optionContainer.marginTop+showFilterHeight+_Input.styles.optionContainer.marginTop+_Input.styles.optionsContainer.borderWidth*2;var topPosition,bottomPosition;if(optionsHeight+calcDropdownTopLeft+_Input.styles.offSet.height>windowHeight){topPosition=pageY-optionsHeight;setOptionsTop(true);}else{topPosition=calcDropdownTopLeft;setOptionsTop(false);}bottomPosition=windowHeight-(topPosition+optionsHeight);setPositionModal({top:topPosition,bottom:bottomPosition,left:pageX,width:width,height:height});});}};var handleOnChangeFilterText=function handleOnChangeFilterText(filterText){setFilterValue(filterText);if(displayKey)setDataOptionsFilter(dataPicker.filter(function(item){return item[displayKey].toLocaleLowerCase().includes(filterText.toLocaleLowerCase());}));};var handleOnClose=function handleOnClose(){setShowOptions(false);setDataOptionsFilter(dataPicker);setFilterValue('');};var getKeyboardType=function getKeyboardType(keyboardType){if(keyboardType==='number'){return'numeric';}return'default';};var getOnChangeText=function getOnChangeText(text){if(onChangeText){if(keyboardType==='number'){if(text.match(regex)||(text==null?void 0:text.length)===0){onChangeText(text);}return;}onChangeText(text);}};var getFocusStyle=function getFocusStyle(){var style=[];if(!isFocus){style.push({borderColor:'transparent'});}return style;};var removePaddingField=function removePaddingField(){var style={};if(configField!=null&&configField.image){style={paddingRight:0};}return style;};var onPressFocus=function onPressFocus(event){onFocus(event);setIsFocus(true);};var onPressBlur=function onPressBlur(event){onBlur(event);setIsFocus(false);};var getImage=function getImage(image){var fillValue=disabled?_colors.NEUTRAL_400:undefined;if(type===_Input2.InputFieldVariant.TextInputPassword){var PasswordComponent=showPassword?_HidePasswordIcon.HidePasswordIcon:_ShowPasswordIcon.ShowPasswordIcon;return _react.default.createElement(PasswordComponent,{style:_Input.styles.inputImageSize,fill:fillValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Input=require("../Input.style");var _Input2=require("../Input.types");var _ShowPasswordIcon=require("../../../assets/images/icons/ShowPasswordIcon");var _HidePasswordIcon=require("../../../assets/images/icons/HidePasswordIcon");var _InputOptions=_interopRequireDefault(require("./InputOptions"));var _DatePicker=_interopRequireDefault(require("../../datepicker/DatePicker"));var _colors=require("../../../styles/colors");var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/input/components/InputField.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputField=function InputField(_ref){var type=_ref.type,configField=_ref.configField,styleField=_ref.styleField,value=_ref.value,disabled=_ref.disabled,placeholder=_ref.placeholder,placeholderPickerSearch=_ref.placeholderPickerSearch,maxLength=_ref.maxLength,keyboardType=_ref.keyboardType,dataPicker=_ref.dataPicker,displayKey=_ref.displayKey,showSearchInPicker=_ref.showSearchInPicker,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?_colors.NEUTRAL_0:_ref$backgroundColor,showOptionsAmount=_ref.showOptionsAmount,_ref$height=_ref.height,height=_ref$height===void 0?40:_ref$height,onPress=_ref.onPress,onSubmit=_ref.onSubmit,onChangeText=_ref.onChangeText,onOptionSelected=_ref.onOptionSelected,onFocus=_ref.onFocus,onBlur=_ref.onBlur,language=_ref.language,dateFormat=_ref.dateFormat,showCalendar=_ref.showCalendar;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocus=_useState2[0],setIsFocus=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),showPassword=_useState4[0],setShowPassword=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),showOptions=_useState6[0],setShowOptions=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),dataOptionsFilter=_useState8[0],setDataOptionsFilter=_useState8[1];var _useState9=(0,_react.useState)(''),_useState10=(0,_slicedToArray2.default)(_useState9,2),filterValue=_useState10[0],setFilterValue=_useState10[1];var _useState11=(0,_react.useState)(false),_useState12=(0,_slicedToArray2.default)(_useState11,2),optionsTop=_useState12[0],setOptionsTop=_useState12[1];var _useState13=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState14=(0,_slicedToArray2.default)(_useState13,2),positionModal=_useState14[0],setPositionModal=_useState14[1];var windowHeight=_reactNative.Dimensions.get('window').height;var refComponent=(0,_react.useRef)(null);var regex=/^[0-9.,]+$/g;var getStyleText=function getStyleText(){var style=[];if(value){style.push(styleField.textDefault);}else{style.push(styleField.textPlaceholder);}return style;};(0,_react.useEffect)(function(){setDataOptionsFilter(dataPicker);if(showOptions){getTopLeft();}},[]);var getTopLeft=function getTopLeft(){if(refComponent.current){refComponent.current.measure(function(x,y,width,height,pageX,pageY){var calcDropdownTopLeft=pageY+height+_Input.styles.spaceInOptionsAndInput.height;var showFilterHeight=showSearchInPicker?_Input.styles.optionFilterContainer.height:0;var optionsHeight=_Input.styles.optionContainer.height+_Input.styles.optionContainer.marginTop+showFilterHeight+_Input.styles.optionContainer.marginTop+_Input.styles.optionsContainer.borderWidth*2;var topPosition,bottomPosition;if(optionsHeight+calcDropdownTopLeft+_Input.styles.offSet.height>windowHeight){topPosition=pageY-optionsHeight;setOptionsTop(true);}else{topPosition=calcDropdownTopLeft;setOptionsTop(false);}bottomPosition=windowHeight-(topPosition+optionsHeight);setPositionModal({top:topPosition,bottom:bottomPosition,left:pageX,width:width,height:height});});}};var handleOnChangeFilterText=function handleOnChangeFilterText(filterText){setFilterValue(filterText);if(displayKey)setDataOptionsFilter(dataPicker.filter(function(item){return item[displayKey].toLocaleLowerCase().includes(filterText.toLocaleLowerCase());}));};var handleOnClose=function handleOnClose(){setShowOptions(false);setDataOptionsFilter(dataPicker);setFilterValue('');};var getKeyboardType=function getKeyboardType(keyboardType){if(keyboardType==='number'){return'numeric';}return'default';};var getOnChangeText=function getOnChangeText(text){if(onChangeText){if(keyboardType==='number'){if(text.match(regex)||(text==null?void 0:text.length)===0){onChangeText(text);}return;}onChangeText(text);}};var getFocusStyle=function getFocusStyle(){var style=[];if(!isFocus){style.push({borderColor:'transparent'});}return style;};var removePaddingField=function removePaddingField(){var style={};if(configField!=null&&configField.image){style={paddingRight:0};}return style;};var onPressFocus=function onPressFocus(event){onFocus(event);setIsFocus(true);};var onPressBlur=function onPressBlur(event){onBlur(event);setIsFocus(false);};var getImage=function getImage(image){var fillValue=disabled?_colors.NEUTRAL_400:undefined;if(type===_Input2.InputFieldVariant.TextInputPassword){var PasswordComponent=showPassword?_HidePasswordIcon.HidePasswordIcon:_ShowPasswordIcon.ShowPasswordIcon;return _react.default.createElement(PasswordComponent,{style:_Input.styles.inputImageSize,fill:fillValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:209,columnNumber:9}});}return _react.default.cloneElement(image,{fill:fillValue});};var handlePressImage=function handlePressImage(){if(type===_Input2.InputFieldVariant.TextInputPassword){setShowPassword(function(prevState){return!prevState;});}else{onSubmit==null?void 0:onSubmit();}};var handleOnPress=function handleOnPress(event){if(type===_Input2.InputFieldVariant.Picker){getTopLeft();setShowOptions(true);}if(onPress){onPress(event);}};var getText=function getText(){if(value){return value;}return placeholder;};var isAreaDisabled=function isAreaDisabled(){return disabled||configField.disabledSubmit||!onSubmit&&type!==_Input2.InputFieldVariant.TextInputPassword;};return configField!=null&&configField.isDatePicker?_react.default.createElement(_DatePicker.default,{dateFormat:dateFormat,language:language,styleField:styleField,onChangeText:onChangeText,value:value,showCalendar:showCalendar,disabled:disabled,backgroundColor:backgroundColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:249,columnNumber:5}}):_react.default.createElement(_reactNative.View,{style:[styleField.focus,getFocusStyle()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:260,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{ref:refComponent,style:[styleField.field,removePaddingField(),{backgroundColor:backgroundColor},{height:height}],disabled:disabled||configField.disabledField,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:261,columnNumber:7}},(configField==null?void 0:configField.type)===_Input2.InputFieldVariant.TextInput&&_react.default.createElement(_reactNative.TextInput,{editable:!disabled||!configField.disabledField,focusable:!disabled||!configField.disabledField,onBlur:onPressBlur,onFocus:onPressFocus,value:value,keyboardType:getKeyboardType(keyboardType),onChangeText:getOnChangeText,style:[getStyleText(),(0,_table_utils.disableOutline)(),styleField.textDefault],placeholder:placeholder,placeholderTextColor:_colors.NEUTRAL_600,maxLength:maxLength,secureTextEntry:type===_Input2.InputFieldVariant.TextInputPassword&&showPassword,onSubmitEditing:function onSubmitEditing(){return onSubmit==null?void 0:onSubmit();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:272,columnNumber:11}}),(configField==null?void 0:configField.type)==='text'&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[getStyleText(),(0,_table_utils.disableOutline)(),styleField.textDefault],__self:_this,__source:{fileName:_jsxFileName,lineNumber:291,columnNumber:11}},getText()),(configField==null?void 0:configField.image)&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handlePressImage,style:_Input.styles.buttonContainerInputField,disabled:isAreaDisabled(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:299,columnNumber:11}},getImage(configField.image)),_react.default.createElement(_InputOptions.default,{optionsTop:optionsTop,showOptionsAmount:showOptionsAmount,onOptionSelected:onOptionSelected,showOptions:showOptions,positionModal:positionModal,data:dataOptionsFilter,onClose:handleOnClose,onChangeFilterText:handleOnChangeFilterText,filterValue:filterValue,displayKey:displayKey,showSearchInPicker:showSearchInPicker,placeholderPickerSearch:placeholderPickerSearch,dataPicker:dataPicker,__self:_this,__source:{fileName:_jsxFileName,lineNumber:306,columnNumber:9}})));};var _default=exports.default=InputField;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IModalProps } from './Modal.types';
|
|
3
|
-
declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, showModal, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
|
|
3
|
+
declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, showModal, subtitle, title, visible, style, }: IModalProps) => React.JSX.Element;
|
|
4
4
|
export default Modal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _button=require("../button");var _MaximizedView=_interopRequireDefault(require("./components/maximizedView/MaximizedView"));var _MinimizedView=_interopRequireDefault(require("./components/minimizedView/MinimizedView"));var _Modal=require("./Modal.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/Modal.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Modal=function Modal(_ref){var buttons=_ref.buttons,children=_ref.children,_ref$disableTapOutsid=_ref.disableTapOutside,disableTapOutside=_ref$disableTapOutsid===void 0?false:_ref$disableTapOutsid,_ref$fullScreen=_ref.fullScreen,fullScreen=_ref$fullScreen===void 0?false:_ref$fullScreen,handleAction=_ref.handleAction,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelActionButton=_ref.labelActionButton,showModal=_ref.showModal,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible;var hasActionButton=!!handleAction&&!!labelActionButton;var actionBtn=hasActionButton&&_react.default.createElement(_button.Button,{typeStyle:"white",text:labelActionButton,onPress:handleAction,__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _button=require("../button");var _MaximizedView=_interopRequireDefault(require("./components/maximizedView/MaximizedView"));var _MinimizedView=_interopRequireDefault(require("./components/minimizedView/MinimizedView"));var _Modal=require("./Modal.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/Modal.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Modal=function Modal(_ref){var buttons=_ref.buttons,children=_ref.children,_ref$disableTapOutsid=_ref.disableTapOutside,disableTapOutside=_ref$disableTapOutsid===void 0?false:_ref$disableTapOutsid,_ref$fullScreen=_ref.fullScreen,fullScreen=_ref$fullScreen===void 0?false:_ref$fullScreen,handleAction=_ref.handleAction,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelActionButton=_ref.labelActionButton,showModal=_ref.showModal,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible,style=_ref.style;var hasActionButton=!!handleAction&&!!labelActionButton;var actionBtn=hasActionButton&&_react.default.createElement(_button.Button,{typeStyle:"white",text:labelActionButton,onPress:handleAction,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:5}});var butonsList=function butonsList(){return[_react.default.createElement(_button.Button,{typeStyle:'white',text:labelCloseButton,onPress:function onPress(){return showModal(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:7}}),actionBtn].filter(Boolean);};var _useState=(0,_react.useState)(butonsList()),_useState2=(0,_slicedToArray2.default)(_useState,2),buttonsToDisplay=_useState2[0],setButtonsToDisplay=_useState2[1];(0,_react.useEffect)(function(){if(buttons){setButtonsToDisplay([].concat((0,_toConsumableArray2.default)(buttons),(0,_toConsumableArray2.default)(buttonsToDisplay)));}},[buttons,buttonsToDisplay]);return _react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:visible,onRequestClose:function onRequestClose(){return showModal(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Modal.styles.modalContainer,activeOpacity:1,onPressOut:function onPressOut(){return!disableTapOutside&&showModal(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen,!children&&{minHeight:subtitle?230:0},style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:11}},fullScreen?_react.default.createElement(_MaximizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,setVisible:showModal,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:15}})))));};var _default=exports.default=Modal;
|
|
@@ -13,6 +13,7 @@ import { AppPlatform } from "../../helpers/utilsTypes";
|
|
|
13
13
|
import { CALENDAR_HEIGHT, styles } from "./DatePicker.styles";
|
|
14
14
|
import { translations } from "./DatePicker.translations";
|
|
15
15
|
import { buildMonth, formatterDate, generateYearList, getPlaceholderDateFormat, parseLocalDateString, MODAL_CONTENT_WIDTH, MODAL_CONTENT_TOP_POSITION, MODAL_POSITION_TOP, convertDateToEtendoERPFormat, validateDate } from "./DatePicker.utils";
|
|
16
|
+
import { disableOutline } from "../../helpers/table_utils";
|
|
16
17
|
|
|
17
18
|
// Button from the Etendo UI library
|
|
18
19
|
import { Button } from "../button";
|
|
@@ -483,9 +484,7 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
483
484
|
showsVerticalScrollIndicator: false
|
|
484
485
|
}));
|
|
485
486
|
};
|
|
486
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
487
|
-
style: styles.container
|
|
488
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
487
|
+
return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
|
|
489
488
|
style: [styles.inputContainerWrapper, (isPickerShow || isInputFocused) && styles.inputWrapperFocused, !isDateValid && styles.invalidDateWrapperFocused]
|
|
490
489
|
}, /*#__PURE__*/React.createElement(View, {
|
|
491
490
|
ref: inputRef,
|
|
@@ -493,7 +492,7 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
493
492
|
backgroundColor: backgroundColor
|
|
494
493
|
}]
|
|
495
494
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
496
|
-
style: [styles.datePickerInput, disabled && styles.disabledInput, {
|
|
495
|
+
style: [styles.datePickerInput, disableOutline(), disabled && styles.disabledInput, {
|
|
497
496
|
backgroundColor: backgroundColor
|
|
498
497
|
}],
|
|
499
498
|
value: selectedDate instanceof Date ? formatterDate(selectedDate, dateFormat) : selectedDate,
|
|
@@ -30,15 +30,17 @@ export declare const styles: {
|
|
|
30
30
|
datePickerInput: {
|
|
31
31
|
textAlign: "left";
|
|
32
32
|
fontSize: number;
|
|
33
|
-
|
|
33
|
+
color: string;
|
|
34
|
+
fontWeight: "500";
|
|
34
35
|
flex: number;
|
|
36
|
+
paddingVertical: number;
|
|
37
|
+
paddingHorizontal: number;
|
|
35
38
|
};
|
|
36
39
|
inputContainerWrapper: {
|
|
37
40
|
borderRadius: number;
|
|
38
|
-
height: number | undefined;
|
|
39
41
|
borderWidth: number;
|
|
40
|
-
margin: number;
|
|
41
42
|
borderColor: string;
|
|
43
|
+
position: "relative";
|
|
42
44
|
};
|
|
43
45
|
monthAndYearContainer: {
|
|
44
46
|
flexDirection: "row";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Platform, StyleSheet } from "react-native-web";
|
|
2
|
-
import { DESTRUCTIVE_10, DESTRUCTIVE_100, NEUTRAL_200, NEUTRAL_300, NEUTRAL_400, NEUTRAL_50, PRIMARY_100, QUATERNARY_50, TERTIARY_70 } from "../../styles/colors";
|
|
2
|
+
import { DESTRUCTIVE_10, DESTRUCTIVE_100, NEUTRAL_200, NEUTRAL_300, NEUTRAL_400, NEUTRAL_50, NEUTRAL_800, PRIMARY_100, QUATERNARY_50, TERTIARY_70 } from "../../styles/colors";
|
|
3
3
|
import { AppPlatform } from "../../helpers/utilsTypes";
|
|
4
4
|
import { MODAL_CONTENT_WIDTH } from "./DatePicker.utils";
|
|
5
5
|
|
|
@@ -38,15 +38,17 @@ export var styles = StyleSheet.create({
|
|
|
38
38
|
datePickerInput: {
|
|
39
39
|
textAlign: 'left',
|
|
40
40
|
fontSize: 18,
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
color: PRIMARY_100,
|
|
42
|
+
fontWeight: '500',
|
|
43
|
+
flex: 1,
|
|
44
|
+
paddingVertical: 0,
|
|
45
|
+
paddingHorizontal: 0
|
|
43
46
|
},
|
|
44
47
|
inputContainerWrapper: {
|
|
45
48
|
borderRadius: 8,
|
|
46
|
-
height: Platform.OS === AppPlatform.web ? undefined : 50,
|
|
47
49
|
borderWidth: 5,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
+
borderColor: 'transparent',
|
|
51
|
+
position: 'relative'
|
|
50
52
|
},
|
|
51
53
|
monthAndYearContainer: {
|
|
52
54
|
flexDirection: 'row',
|
|
@@ -104,7 +106,7 @@ export var styles = StyleSheet.create({
|
|
|
104
106
|
dayHeaderText: {
|
|
105
107
|
width: '14.28%',
|
|
106
108
|
textAlign: 'center',
|
|
107
|
-
color:
|
|
109
|
+
color: NEUTRAL_800
|
|
108
110
|
},
|
|
109
111
|
notCurrentMonthStyle: {
|
|
110
112
|
color: NEUTRAL_400
|
|
@@ -121,7 +121,8 @@ var defaultText = {
|
|
|
121
121
|
paddingLeft: 15,
|
|
122
122
|
minWidth: 0,
|
|
123
123
|
display: 'flex',
|
|
124
|
-
textAlignVertical: 'center'
|
|
124
|
+
textAlignVertical: 'center',
|
|
125
|
+
paddingVertical: 0
|
|
125
126
|
};
|
|
126
127
|
var defaultTextPlaceholder = {
|
|
127
128
|
color: NEUTRAL_600,
|
|
@@ -140,8 +141,8 @@ var defaultHelperText = {
|
|
|
140
141
|
};
|
|
141
142
|
var defaultFilterContainer = {
|
|
142
143
|
height: 50,
|
|
143
|
-
|
|
144
|
-
|
|
144
|
+
borderBottomWidth: 1,
|
|
145
|
+
borderBottomColor: NEUTRAL_10,
|
|
145
146
|
display: 'flex',
|
|
146
147
|
flexDirection: 'row',
|
|
147
148
|
alignItems: 'center',
|
|
@@ -87,6 +87,7 @@ var InputField = function InputField(_ref) {
|
|
|
87
87
|
return style;
|
|
88
88
|
};
|
|
89
89
|
useEffect(function () {
|
|
90
|
+
setDataOptionsFilter(dataPicker);
|
|
90
91
|
if (showOptions) {
|
|
91
92
|
getTopLeft();
|
|
92
93
|
}
|
|
@@ -210,9 +211,7 @@ var InputField = function InputField(_ref) {
|
|
|
210
211
|
var isAreaDisabled = function isAreaDisabled() {
|
|
211
212
|
return disabled || configField.disabledSubmit || !onSubmit && type !== InputFieldVariant.TextInputPassword;
|
|
212
213
|
};
|
|
213
|
-
return /*#__PURE__*/React.createElement(
|
|
214
|
-
style: [styleField.focus, getFocusStyle()]
|
|
215
|
-
}, configField !== null && configField !== void 0 && configField.isDatePicker ? /*#__PURE__*/React.createElement(DatePicker, {
|
|
214
|
+
return configField !== null && configField !== void 0 && configField.isDatePicker ? /*#__PURE__*/React.createElement(DatePicker, {
|
|
216
215
|
dateFormat: dateFormat,
|
|
217
216
|
language: language,
|
|
218
217
|
styleField: styleField,
|
|
@@ -221,7 +220,9 @@ var InputField = function InputField(_ref) {
|
|
|
221
220
|
showCalendar: showCalendar,
|
|
222
221
|
disabled: disabled,
|
|
223
222
|
backgroundColor: backgroundColor
|
|
224
|
-
}) : /*#__PURE__*/React.createElement(
|
|
223
|
+
}) : /*#__PURE__*/React.createElement(View, {
|
|
224
|
+
style: [styleField.focus, getFocusStyle()]
|
|
225
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
225
226
|
ref: refComponent,
|
|
226
227
|
style: [styleField.field, removePaddingField(), {
|
|
227
228
|
backgroundColor: backgroundColor
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IModalProps } from './Modal.types';
|
|
3
|
-
declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, showModal, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
|
|
3
|
+
declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, showModal, subtitle, title, visible, style, }: IModalProps) => React.JSX.Element;
|
|
4
4
|
export default Modal;
|
|
@@ -28,7 +28,8 @@ var Modal = function Modal(_ref) {
|
|
|
28
28
|
showModal = _ref.showModal,
|
|
29
29
|
subtitle = _ref.subtitle,
|
|
30
30
|
title = _ref.title,
|
|
31
|
-
visible = _ref.visible
|
|
31
|
+
visible = _ref.visible,
|
|
32
|
+
style = _ref.style;
|
|
32
33
|
var hasActionButton = !!handleAction && !!labelActionButton;
|
|
33
34
|
var actionBtn = hasActionButton && /*#__PURE__*/React.createElement(Button, {
|
|
34
35
|
typeStyle: "white",
|
|
@@ -69,7 +70,7 @@ var Modal = function Modal(_ref) {
|
|
|
69
70
|
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
|
|
70
71
|
style: [styles.modalContent, fullScreen && styles.modalFullScreen, !children && {
|
|
71
72
|
minHeight: subtitle ? 230 : 0
|
|
72
|
-
}]
|
|
73
|
+
}, style]
|
|
73
74
|
}, fullScreen ? /*#__PURE__*/React.createElement(MaximizedView, {
|
|
74
75
|
imageHeader: imageHeader,
|
|
75
76
|
title: title,
|