etendo-ui-library 1.3.73 → 1.3.75

package/dist-native/components/cards/Cards.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _modal=require("../modal");var _Cards2=_interopRequireDefault(require("./Cards.constants"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.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 TITLE=_Cards2.default.TITLE,SUBTITLE=_Cards2.default.SUBTITLE,LABEL_ACTION_BUTTON=_Cards2.default.LABEL_ACTION_BUTTON,LABEL_CLOSE_BUTTON=_Cards2.default.LABEL_CLOSE_BUTTON,SELECTED_LABEL=_Cards2.default.SELECTED_LABEL,CANCEL_SELECTED_LABEL=_Cards2.default.CANCEL_SELECTED_LABEL;var SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyCards=_ref.textEmptyCards,commentEmptyCards=_ref.commentEmptyCards,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData,onDeleteData=_ref.onDeleteData,titleModal=_ref.titleModal,subtitleModal=_ref.subtitleModal,labelActionButtonModal=_ref.labelActionButtonModal,labelCloseButtonModal=_ref.labelCloseButtonModal,selectionLabel=_ref.selectionLabel,cancelSelectionLabel=_ref.cancelSelectionLabel;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),selectionMode=_useState6[0],setSelectionMode=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),selectedItems=_useState8[0],setSelectedItems=_useState8[1];var _useState9=(0,_react.useState)(false),_useState10=(0,_slicedToArray2.default)(_useState9,2),showModal=_useState10[0],setShowModal=_useState10[1];var _useState11=(0,_react.useState)(data),_useState12=(0,_slicedToArray2.default)(_useState11,2),dataList=_useState12[0],setDataList=_useState12[1];var _useState13=(0,_react.useState)([]),_useState14=(0,_slicedToArray2.default)(_useState13,2),dataOG=_useState14[0],setDataOG=_useState14[1];var _useState15=(0,_react.useState)(null),_useState16=(0,_slicedToArray2.default)(_useState15,2),selectedItem=_useState16[0],setSelectedItem=_useState16[1];(0,_react.useEffect)(function(){setDataOG(data);setDataList(data);},[data]);var handleItemsSelected=function handleItemsSelected(item){setSelectedItem(item);var selectedItemsSet=new Set(selectedItems);var dataSet=new Set(dataList);if(selectedItemsSet.size>0){selectedItemsSet.clear();}else{selectedItemsSet.add(item);setDataList(Array.from(dataSet).map(function(item2){return Object.assign({},item2,{isActive:item2._id===item._id});}));}if(selectedItemsSet.size===0){handleCancelSelectionMode();}setSelectedItems(Array.from(selectedItemsSet));};var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading,data]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};var handleCancelSelectionMode=function handleCancelSelectionMode(){var isCancelAction=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;setSelectionMode(false);setSelectedItems([]);setSelectedItem(null);if(isCancelAction){setDataList(dataOG);}else{setDataList(dataOG.filter(function(item){return item!==selectedItem;}));}};var handleDeleteSelectedItems=function handleDeleteSelectedItems(itemsToSend){onDeleteData&&onDeleteData(itemsToSend);handleCancelSelectionMode(false);setShowModal(false);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.selectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextSelectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:9}},selectionMode&&_react.default.createElement(_button.Button,{onPress:function onPress(){return setShowModal(true);},typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.TrashIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{style:[_Cards.styles.title,{marginHorizontal:selectionMode?8:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:11}},selectionMode?(selectionLabel||SELECTED_LABEL)+" ("+selectedItems.length+")":title+" ("+dataList.length+")")),selectionMode?_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:cancelSelectionLabel||CANCEL_SELECTED_LABEL,height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:11}}):_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:188,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:183,columnNumber:11}})),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(_contentWidth,contentHeightChange){return setContentHeight(contentHeightChange);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:dataList,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,onHoldCard:setSelectionMode,isSelectionMode:selectionMode,handleItemsSelected:handleItemsSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:200,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:61}})),selectedItem&&_react.default.createElement(_modal.Modal,{showModal:setShowModal,visible:showModal,handleAction:function handleAction(){return handleDeleteSelectedItems(selectedItem);},title:titleModal?titleModal:TITLE,subtitle:subtitleModal?subtitleModal:SUBTITLE,labelActionButton:labelActionButtonModal?labelActionButtonModal:LABEL_ACTION_BUTTON,labelCloseButton:labelCloseButtonModal?labelCloseButtonModal:LABEL_CLOSE_BUTTON,imageHeader:_react.default.createElement(_icons.TrashIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:230,columnNumber:24}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:216,columnNumber:9}}));};var _default=exports.default=Cards;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _modal=require("../modal");var _Cards2=_interopRequireDefault(require("./Cards.constants"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.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 TITLE=_Cards2.default.TITLE,SUBTITLE=_Cards2.default.SUBTITLE,LABEL_ACTION_BUTTON=_Cards2.default.LABEL_ACTION_BUTTON,LABEL_CLOSE_BUTTON=_Cards2.default.LABEL_CLOSE_BUTTON,SELECTED_LABEL=_Cards2.default.SELECTED_LABEL,CANCEL_SELECTED_LABEL=_Cards2.default.CANCEL_SELECTED_LABEL;var SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyCards=_ref.textEmptyCards,commentEmptyCards=_ref.commentEmptyCards,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData,onDeleteData=_ref.onDeleteData,titleModal=_ref.titleModal,subtitleModal=_ref.subtitleModal,labelActionButtonModal=_ref.labelActionButtonModal,labelCloseButtonModal=_ref.labelCloseButtonModal,selectionLabel=_ref.selectionLabel,cancelSelectionLabel=_ref.cancelSelectionLabel;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),selectionMode=_useState6[0],setSelectionMode=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),selectedItems=_useState8[0],setSelectedItems=_useState8[1];var _useState9=(0,_react.useState)(false),_useState10=(0,_slicedToArray2.default)(_useState9,2),showModal=_useState10[0],setShowModal=_useState10[1];var _useState11=(0,_react.useState)(data),_useState12=(0,_slicedToArray2.default)(_useState11,2),dataList=_useState12[0],setDataList=_useState12[1];var _useState13=(0,_react.useState)([]),_useState14=(0,_slicedToArray2.default)(_useState13,2),dataOG=_useState14[0],setDataOG=_useState14[1];var _useState15=(0,_react.useState)(null),_useState16=(0,_slicedToArray2.default)(_useState15,2),selectedItem=_useState16[0],setSelectedItem=_useState16[1];(0,_react.useEffect)(function(){setDataOG(data);setDataList(data);},[data]);var handleItemsSelected=function handleItemsSelected(item){setSelectedItem(item);var selectedItemsSet=new Set(selectedItems);var dataSet=new Set(dataList);if(selectedItemsSet.size>0){selectedItemsSet.clear();}else{selectedItemsSet.add(item);setDataList(Array.from(dataSet).map(function(item2){return Object.assign({},item2,{isActive:item2._id===item._id});}));}if(selectedItemsSet.size===0){handleCancelSelectionMode();}setSelectedItems(Array.from(selectedItemsSet));};var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading,data]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};var handleCancelSelectionMode=function handleCancelSelectionMode(){var isCancelAction=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;setSelectionMode(false);setSelectedItems([]);setSelectedItem(null);if(isCancelAction){setDataList(dataOG);}else{setDataList(dataOG.filter(function(item){return item!==selectedItem;}));}};var handleDeleteSelectedItems=function handleDeleteSelectedItems(itemsToSend){onDeleteData&&onDeleteData(itemsToSend);handleCancelSelectionMode(false);setShowModal(false);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.selectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextSelectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:9}},selectionMode&&_react.default.createElement(_button.Button,{onPress:function onPress(){return setShowModal(true);},typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.TrashIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{style:[_Cards.styles.title,{marginHorizontal:selectionMode?8:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:11}},selectionMode?(selectionLabel||SELECTED_LABEL)+" ("+selectedItems.length+")":title+" ("+dataList.length+")")),selectionMode?_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:cancelSelectionLabel||CANCEL_SELECTED_LABEL,height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:11}}):_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:188,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:183,columnNumber:11}})),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:[_Cards.styles.containerFlex,{paddingHorizontal:dataList.length>0?16:0}],onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(_contentWidth,contentHeightChange){return setContentHeight(contentHeightChange);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:dataList,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,onHoldCard:setSelectionMode,isSelectionMode:selectionMode,handleItemsSelected:handleItemsSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:200,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:61}})),selectedItem&&_react.default.createElement(_modal.Modal,{showModal:setShowModal,visible:showModal,handleAction:function handleAction(){return handleDeleteSelectedItems(selectedItem);},title:titleModal?titleModal:TITLE,subtitle:subtitleModal?subtitleModal:SUBTITLE,labelActionButton:labelActionButtonModal?labelActionButtonModal:LABEL_ACTION_BUTTON,labelCloseButton:labelCloseButtonModal?labelCloseButtonModal:LABEL_CLOSE_BUTTON,imageHeader:_react.default.createElement(_icons.TrashIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:230,columnNumber:24}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:216,columnNumber:9}}));};var _default=exports.default=Cards;

package/dist-native/components/cards/Cards.style.d.ts

@@ -10,7 +10,6 @@ export declare const styles: {
     containerFlex: {
         maxWidth: number;
         marginTop: number;
-        paddingHorizontal: number;
         width: "100%";
     };
     titleContainer: {

package/dist-native/components/cards/Cards.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12,maxWidth:428,alignItems:'center',width:'100%',paddingHorizontal:9},containerFlex:{maxWidth:428,marginTop:12,paddingHorizontal:15,width:'100%'},titleContainer:{paddingHorizontal:15,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row',width:'100%'},selectionModeContainer:{paddingHorizontal:15,width:'100%',flexDirection:'row',justifyContent:'space-between',alignItems:'center'},titleTextContainer:{flexDirection:'row'},titleTextSelectionModeContainer:{flexDirection:'row',alignItems:'center'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},icon:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12,maxWidth:428,alignItems:'center',width:'100%',paddingHorizontal:9},containerFlex:{maxWidth:428,marginTop:12,width:'100%'},titleContainer:{paddingHorizontal:15,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row',width:'100%'},selectionModeContainer:{paddingHorizontal:15,width:'100%',flexDirection:'row',justifyContent:'space-between',alignItems:'center'},titleTextContainer:{flexDirection:'row'},titleTextSelectionModeContainer:{flexDirection:'row',alignItems:'center'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},icon:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});

package/dist-native/components/datepicker/DatePicker.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _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 inputRef=(0,_react.useRef)(null);var calendarRef=(0,_react.useRef)(null);var yearListRef=(0,_react.useRef)(null);var monthListRef=(0,_react.useRef)(null);var showMonthSelection=function showMonthSelection(){setDisabledYearSelection(!isMonthSelection);setIsMonthSelection(!isMonthSelection);};var adjustDateForMonth=function adjustDateForMonth(year,month,currentSelectedDate){if(!(currentSelectedDate instanceof Date)||isNaN(currentSelectedDate.getTime())){return new Date(year,month,1);}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:199,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:205,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:211,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:217,columnNumber:7}},item));};var scrollToMonth=function scrollToMonth(){var scrollViewHeight=monthListRef.current.clientHeight||0;var offset=currentMonth*_DatePicker3.ITEM_HEIGHT-scrollViewHeight/2+_DatePicker3.ITEM_HEIGHT/2;monthListRef.current.scrollTo({y:Math.max(0,offset),animated:true});};(0,_react.useEffect)(function(){if(isMonthSelection&&monthListRef.current){var timer=setTimeout(scrollToMonth,100);return function(){return clearTimeout(timer);};}},[currentMonth,isMonthSelection]);var renderMonthSelection=function renderMonthSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:monthListRef,style:_DatePicker.styles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:7}},monthNames.map(function(month,index){return _react.default.createElement(_reactNative.View,{key:index.toString(),style:{height:_DatePicker3.ITEM_HEIGHT},__self:_this,__source:{fileName:_jsxFileName,lineNumber:247,columnNumber:11}},renderMonthItem({item:month,index:index}));}));};var yearList=(0,_DatePicker3.generateYearList)();(0,_react.useEffect)(function(){var index=yearList.indexOf(currentYear);if(index!==-1&&yearListRef.current){var offset=index*_DatePicker3.ITEM_HEIGHT;yearListRef.current.scrollTo({y:offset,animated:false});}},[currentYear,yearList]);var renderYearSelection=function renderYearSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:yearListRef,style:_DatePicker.styles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:268,columnNumber:7}},yearList.map(function(year){return _react.default.createElement(_reactNative.View,{key:year.toString(),style:{height:_DatePicker3.ITEM_HEIGHT},__self:_this,__source:{fileName:_jsxFileName,lineNumber:273,columnNumber:11}},renderYearItem({item:year}));}));};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&&typeof onChangeText==='function'){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:487,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:495,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:504,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:524,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.dayHeader,__self:_this,__source:{fileName:_jsxFileName,lineNumber:525,columnNumber:9}},daysShort.map(function(day){return _react.default.createElement(_reactNative.Text,{key:day,style:_DatePicker.styles.dayHeaderText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:527,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:532,columnNumber:9}}));};return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:546,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:547,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:553,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:561,columnNumber:11}}),showCalendar&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:showPicker,disabled:disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:586,columnNumber:13}},_react.default.createElement(_icons.CalendarIcon,{style:disabled?{opacity:0.2,width:25}:{width:25},__self:_this,__source:{fileName:_jsxFileName,lineNumber:587,columnNumber:15}})))),_react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:isPickerShow,onRequestClose:showPicker,ref:calendarRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:595,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_DatePicker.styles.modalContainer,activeOpacity:1,onPress:showPicker,__self:_this,__source:{fileName:_jsxFileName,lineNumber:601,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:605,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:622,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:630,columnNumber:15}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToPreviousMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:637,columnNumber:17}},_react.default.createElement(_icons.ArrowLeftIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:638,columnNumber:19}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:640,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:641,columnNumber:19}},monthsShort[currentMonth]),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:644,columnNumber:19}})),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToNextMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:653,columnNumber:17}},_react.default.createElement(_icons.ArrowRightIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:654,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:658,columnNumber:15}},_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToPreviousYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:665,columnNumber:17}},_react.default.createElement(_icons.ArrowLeftIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:666,columnNumber:19}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:668,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:669,columnNumber:19}},currentYear),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:670,columnNumber:19}})),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:goToNextYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:679,columnNumber:17}},_react.default.createElement(_icons.ArrowRightIcon,{style:{width:10,padding:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:680,columnNumber:19}})))),isYearSelection?renderYearSelection():isMonthSelection?renderMonthSelection():renderCalendar(),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.optionsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:690,columnNumber:13}},_react.default.createElement(_button.Button,{typeStyle:"white",text:_DatePicker2.translations[language].cancel,onPress:onCancel,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:691,columnNumber:15}}),_react.default.createElement(_button.Button,{typeStyle:"terciary",text:_DatePicker2.translations[language].accept,onPress:onAccept,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:697,columnNumber:15}}))))));};var _default=exports.default=DatePicker;
+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 inputRef=(0,_react.useRef)(null);var calendarRef=(0,_react.useRef)(null);var yearListRef=(0,_react.useRef)(null);var monthListRef=(0,_react.useRef)(null);var showMonthSelection=function showMonthSelection(){setDisabledYearSelection(!isMonthSelection);setIsMonthSelection(!isMonthSelection);};var adjustDateForMonth=function adjustDateForMonth(year,month,currentSelectedDate){if(!(currentSelectedDate instanceof Date)||isNaN(currentSelectedDate.getTime())){return new Date(year,month,1);}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:200,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:{fontSize:16,color:_colors.PRIMARY_100},__self:_this,__source:{fileName:_jsxFileName,lineNumber:206,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:212,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:218,columnNumber:7}},item));};var scrollToMonth=function scrollToMonth(){var scrollViewHeight=monthListRef.current.clientHeight||0;var offset=currentMonth*_DatePicker3.ITEM_HEIGHT-scrollViewHeight/2+_DatePicker3.ITEM_HEIGHT/2;monthListRef.current.scrollTo({y:Math.max(0,offset),animated:true});};(0,_react.useEffect)(function(){if(isMonthSelection&&monthListRef.current){var timer=setTimeout(scrollToMonth,100);return function(){return clearTimeout(timer);};}},[currentMonth,isMonthSelection]);var renderMonthSelection=function renderMonthSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:monthListRef,style:_DatePicker.styles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:243,columnNumber:7}},monthNames.map(function(month,index){return _react.default.createElement(_reactNative.View,{key:index.toString(),style:{height:_DatePicker3.ITEM_HEIGHT},__self:_this,__source:{fileName:_jsxFileName,lineNumber:248,columnNumber:11}},renderMonthItem({item:month,index:index}));}));};var yearList=(0,_DatePicker3.generateYearList)();(0,_react.useEffect)(function(){var index=yearList.indexOf(currentYear);if(index!==-1&&yearListRef.current){var offset=index*_DatePicker3.ITEM_HEIGHT;yearListRef.current.scrollTo({y:offset,animated:false});}},[currentYear,yearList]);var renderYearSelection=function renderYearSelection(){return _react.default.createElement(_reactNative.ScrollView,{ref:yearListRef,style:_DatePicker.styles.list,__self:_this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:7}},yearList.map(function(year){return _react.default.createElement(_reactNative.View,{key:year.toString(),style:{height:_DatePicker3.ITEM_HEIGHT},__self:_this,__source:{fileName:_jsxFileName,lineNumber:274,columnNumber:11}},renderYearItem({item:year}));}));};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(!isPickerShow)setIsPickerShow(true);if(!disabled){calculateCalendarDirection();if(isMonthSelection)setIsMonthSelection(false);if(isYearSelection)setIsYearSelection(false);if(disabledMonthSelection)setDisabledMonthSelection(false);if(disabledYearSelection)setDisabledYearSelection(false);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&&typeof onChangeText==='function'){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:487,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:495,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:504,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:524,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.dayHeader,__self:_this,__source:{fileName:_jsxFileName,lineNumber:525,columnNumber:9}},daysShort.map(function(day){return _react.default.createElement(_reactNative.Text,{key:day,style:_DatePicker.styles.dayHeaderText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:527,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:532,columnNumber:9}}));};return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:546,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:547,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:553,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:561,columnNumber:11}}),showCalendar&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:showPicker,disabled:disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:586,columnNumber:13}},_react.default.createElement(_icons.CalendarIcon,{style:disabled?{opacity:0.2,width:25}:{width:25},__self:_this,__source:{fileName:_jsxFileName,lineNumber:587,columnNumber:15}})))),_react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:isPickerShow,onRequestClose:function onRequestClose(){return setIsPickerShow(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:595,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return setIsPickerShow(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:601,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.modalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:602,columnNumber:11}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(e){return e.stopPropagation();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:603,columnNumber:13}},_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:604,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.header,(isMonthSelection||isYearSelection)&&{borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_300}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:615,columnNumber:17}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.monthAndYearContainer,disabledMonthSelection&&_DatePicker.styles.disabledButtonStyle],disabled:disabledMonthSelection,onPress:showMonthSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:623,columnNumber:19}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.iconContainer,{alignItems:"flex-start",padding:16,paddingLeft:4}],onPress:goToPreviousMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:630,columnNumber:21}},_react.default.createElement(_icons.ArrowLeftIcon,{style:_DatePicker.styles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:631,columnNumber:23}})),_react.default.createElement(_reactNative.View,{style:[_DatePicker.styles.monthAndYearContent],__self:_this,__source:{fileName:_jsxFileName,lineNumber:633,columnNumber:21}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.monthText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:634,columnNumber:23}},monthsShort[currentMonth]),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isMonthSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:637,columnNumber:23}})),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.iconContainer,{alignItems:"flex-start",padding:16}],onPress:goToNextMonth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:646,columnNumber:21}},_react.default.createElement(_icons.ArrowRightIcon,{style:_DatePicker.styles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:647,columnNumber:23}}))),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.monthAndYearContainer,disabledYearSelection&&_DatePicker.styles.disabledButtonStyle],disabled:disabledYearSelection,onPress:showYearSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:651,columnNumber:19}},_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.iconContainer,{alignItems:"flex-start",padding:16}],onPress:goToPreviousYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:658,columnNumber:21}},_react.default.createElement(_icons.ArrowLeftIcon,{style:_DatePicker.styles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:659,columnNumber:23}})),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.monthAndYearContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:661,columnNumber:21}},_react.default.createElement(_reactNative.Text,{style:_DatePicker.styles.yearText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:662,columnNumber:23}},currentYear),_react.default.createElement(_icons.ArrowDownIcon,{style:{width:8,transform:[{rotate:isYearSelection?'180deg':'0deg'}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:665,columnNumber:23}})),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_DatePicker.styles.iconContainer,{alignItems:"flex-start",padding:16,paddingRight:4}],onPress:goToNextYear,__self:_this,__source:{fileName:_jsxFileName,lineNumber:674,columnNumber:21}},_react.default.createElement(_icons.ArrowRightIcon,{style:_DatePicker.styles.iconStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:675,columnNumber:23}})))),isYearSelection?renderYearSelection():isMonthSelection?renderMonthSelection():renderCalendar(),_react.default.createElement(_reactNative.View,{style:_DatePicker.styles.optionsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:685,columnNumber:17}},_react.default.createElement(_button.Button,{typeStyle:"white",text:_DatePicker2.translations[language].cancel,onPress:onCancel,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:686,columnNumber:19}}),_react.default.createElement(_button.Button,{typeStyle:"terciary",text:_DatePicker2.translations[language].accept,onPress:onAccept,paddingVertical:10,__self:_this,__source:{fileName:_jsxFileName,lineNumber:692,columnNumber:19}}))))))));};var _default=exports.default=DatePicker;

package/dist-native/components/datepicker/DatePicker.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const CALENDAR_HEIGHT = 260;
+export declare const CALENDAR_HEIGHT = 320;
 export declare const styles: {
     container: {
         flex: number;
@@ -45,13 +45,19 @@ export declare const styles: {
     monthAndYearContainer: {
         flexDirection: "row";
         alignItems: "center";
-        gap: number;
+    };
+    iconContainer: {
+        justifyContent: "center";
+    };
+    iconStyle: {
+        width: number;
+        height: number;
     };
     monthAndYearContent: {
         flexDirection: "row";
-        marginHorizontal: number;
         alignItems: "center";
         gap: number;
+        justifyContent: "center";
     };
     inputWrapperFocused: {
         backgroundColor: string;
@@ -84,6 +90,7 @@ export declare const styles: {
     };
     monthText: {
         fontSize: number;
+        width: number;
         color: string;
     };
     arrow: {
@@ -119,8 +126,6 @@ export declare const styles: {
         marginVertical: number;
         borderRadius: number;
         textAlign: "center";
-        width: number;
-        height: number;
     };
     dayItemTextHover: {
         backgroundColor: string;
@@ -147,9 +152,12 @@ export declare const styles: {
         textAlign: "center";
     };
     currentDayBorder: {
+        borderRadius: number;
         borderWidth: number;
         borderColor: string;
-        borderRadius: number;
+        padding: number;
+        height: number;
+        width: number;
         justifyContent: "center";
         alignItems: "center";
     };
@@ -161,11 +169,13 @@ export declare const styles: {
     item: {
         justifyContent: "center";
         padding: number;
+        width: "100%";
         margin: number;
     };
     yearText: {
         fontSize: number;
         width: number;
+        color: string;
     };
     selectedItem: {
         backgroundColor: string;

package/dist-native/components/datepicker/DatePicker.styles.js

@@ -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,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}});
+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=320;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'},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:'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:16,paddingBottom:12},monthText:{fontSize:16,width:36,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:12,marginVertical:2,borderRadius:100,textAlign:'center'},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:36,width:36,justifyContent:'center',alignItems:'center'},selectedDayText:{color:'white'},dayText:{color:'black',textAlign:'center'},currentDayBorder:{borderRadius:100,borderWidth:1,borderColor:_colors.PRIMARY_100,padding:8,height:36,width:36,justifyContent:'center',alignItems:'center'},list:{height:CALENDAR_HEIGHT,paddingHorizontal:10,paddingVertical:8},item:{justifyContent:'center',padding:10,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.2}});

package/dist-native/components/inputBase/file-search-input/FileSearchInput.js

@@ -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 _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 _FileSearchInput=require("./FileSearchInput.styles");var _colors=require("../../../styles/colors");var _CheckCircleIcon=require("../../../assets/images/icons/CheckCircleIcon");var _Clipboard=require("../../../assets/images/icons/Clipboard");var _DeleteIcon=require("../../../assets/images/icons/DeleteIcon");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _FileStatusDisplay=_interopRequireDefault(require("./FileStatusDisplay"));var _excluded=["value","placeholder","onChangeText","onSubmit","setFile","fetchData"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/file-search-input/FileSearchInput.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 DocumentPicker=null;if(_reactNative.Platform.OS!=='web'){DocumentPicker=require('react-native-document-picker').default;}var FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,placeholder=_ref.placeholder,onChangeText=_ref.onChangeText,onSubmit=_ref.onSubmit,setFile=_ref.setFile,fetchData=_ref.fetchData,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),file=_useState2[0],setLocalFile=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),loadingFile=_useState4[0],setLoadingFile=_useState4[1];var _useState5=(0,_react.useState)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),progress=_useState6[0],setProgress=_useState6[1];var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var progressAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var progressSteps=[5,25,50,70,90];var currentStep=0;(0,_react.useEffect)(function(){if(!loadingFile&&progress===90){completeProgress();}},[loadingFile,progress]);var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var _file=files[0];startLoading(_file);setFile(_file);}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setLoadingFile(false);setTimeout(function(){setProgress(0);animateProgress(0);},2000);};var animateProgress=function animateProgress(toValue){_reactNative.Animated.timing(progressAnim,{toValue:toValue,duration:500,useNativeDriver:false}).start();};var startLoading=function startLoading(pickedFile){currentStep=0;setLoadingFile(true);setFile(pickedFile);setLocalFile(pickedFile);setProgress(progressSteps[0]);animateProgress(progressSteps[0]);var progressInterval=setInterval(function(){if(currentStep<progressSteps.length-1){currentStep++;setProgress(progressSteps[currentStep]);animateProgress(progressSteps[currentStep]);}else{clearInterval(progressInterval);if(!loadingFile){completeProgress();}}},1000);};var handleFileButtonClick=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(_reactNative.Platform.OS==='web'){fileInputRef.current.click();}else if(_reactNative.Platform.OS==='android'||_reactNative.Platform.OS==='ios'){if(!DocumentPicker){console.error('DocumentPicker is not available on this platform.');return;}try{var response=yield DocumentPicker.pick({type:[DocumentPicker.types.allFiles]});var pickedFile={name:response[0].name,size:response[0].size,type:response[0].type,uri:response[0].uri};startLoading(pickedFile);setFile(pickedFile);}catch(err){if(!DocumentPicker.isCancel(err)){console.error(err);}}}});return function handleFileButtonClick(){return _ref2.apply(this,arguments);};}();var handleSendMessage=function handleSendMessage(){if(!loadingFile&&(value==null?void 0:value.trim())!==''){if(onSubmit){onSubmit(value,fileInputRef.current);setProgress(0);animateProgress(0);setLoadingFile(false);setLocalFile(null);}}else{_reactNative.Alert.alert('Message Incomplete','Please wait for the file to finish loading or ensure the message is not empty.');}};var rightButtons=[];if(fetchData){rightButtons.push(_react.default.createElement(_button.Button,{width:48,typeStyle:"white",onPress:handleFileButtonClick,iconLeft:_react.default.createElement(_Clipboard.ClipboardIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:11}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:163,columnNumber:7}}));}var handleFileSelect=function handleFileSelect(event){var file=event.target.files[0];if(file){startLoading(file);setFile(file);setLocalFile(file);uploadFile(file);}event.target.value=null;};var handleDeleteFile=function handleDeleteFile(){setFile(null);setLocalFile(null);setProgress(0);animateProgress(0);setLoadingFile(false);if(fileInputRef.current){fileInputRef.current.value=null;}};var uploadFile=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(file){if(!fetchData||!fetchData.url||!fetchData.method){_reactNative.Alert.alert('Fetch data is not properly defined.');return;}var formData=new FormData();formData.append(fetchData.file||'file',file);try{var response=yield fetch(fetchData.url,{method:fetchData.method,body:formData});var result=yield response.json();setFile(result);completeProgress();}catch(error){console.error('Error uploading file:',error);}});return function uploadFile(_x){return _ref3.apply(this,arguments);};}();return _react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:5}},file&&loadingFile?_react.default.createElement(_FileStatusDisplay.default,{file:file,progressAnim:progressAnim,handleDeleteFile:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:224,columnNumber:9}}):file&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:231,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:232,columnNumber:13}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:233,columnNumber:15}}),_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:234,columnNumber:15}},file.name)),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:13}},_react.default.createElement(_CheckCircleIcon.CheckCircleIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:15}}),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:15}},_react.default.createElement(_DeleteIcon.DeleteIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:17}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.inputContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:249,columnNumber:7}},_reactNative.Platform.OS==='web'?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:11}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:252,columnNumber:13}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:260,columnNumber:13}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:268,columnNumber:11}}))));};var _default=exports.default=FileSearchInput;
+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 _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 _FileSearchInput=require("./FileSearchInput.styles");var _colors=require("../../../styles/colors");var _CheckCircleIcon=require("../../../assets/images/icons/CheckCircleIcon");var _Clipboard=require("../../../assets/images/icons/Clipboard");var _DeleteIcon=require("../../../assets/images/icons/DeleteIcon");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _FileStatusDisplay=_interopRequireDefault(require("./FileStatusDisplay"));var _excluded=["value","placeholder","onChangeText","onSubmit","setFile","fetchData"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/file-search-input/FileSearchInput.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 DocumentPicker=null;if(_reactNative.Platform.OS!=='web'){DocumentPicker=require('react-native-document-picker').default;}var FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,placeholder=_ref.placeholder,onChangeText=_ref.onChangeText,onSubmit=_ref.onSubmit,setFile=_ref.setFile,fetchData=_ref.fetchData,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),file=_useState2[0],setLocalFile=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),loadingFile=_useState4[0],setLoadingFile=_useState4[1];var _useState5=(0,_react.useState)(0),_useState6=(0,_slicedToArray2.default)(_useState5,2),progress=_useState6[0],setProgress=_useState6[1];var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var progressAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var progressSteps=[5,25,50,70,90];var currentStep=0;(0,_react.useEffect)(function(){if(!loadingFile&&progress===90){completeProgress();}},[loadingFile,progress]);var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var _file=files[0];startLoading(_file);setFile(_file);}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setLoadingFile(false);setTimeout(function(){setProgress(0);animateProgress(0);},2000);};var animateProgress=function animateProgress(toValue){_reactNative.Animated.timing(progressAnim,{toValue:toValue,duration:500,useNativeDriver:false}).start();};var startLoading=function startLoading(pickedFile){currentStep=0;setLoadingFile(true);setFile(pickedFile);setLocalFile(pickedFile);setProgress(progressSteps[0]);animateProgress(progressSteps[0]);var progressInterval=setInterval(function(){if(currentStep<progressSteps.length-1){currentStep++;setProgress(progressSteps[currentStep]);animateProgress(progressSteps[currentStep]);}else{clearInterval(progressInterval);if(!loadingFile){completeProgress();}}},1000);};var handleFileButtonClick=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(_reactNative.Platform.OS==='web'){fileInputRef.current.click();}else if(_reactNative.Platform.OS==='android'||_reactNative.Platform.OS==='ios'){if(!DocumentPicker){console.error('DocumentPicker is not available on this platform.');return;}try{var response=yield DocumentPicker.pick({type:[DocumentPicker.types.allFiles]});var pickedFile={name:response[0].name,size:response[0].size,type:response[0].type,uri:response[0].uri};startLoading(pickedFile);setFile(pickedFile);}catch(err){if(!DocumentPicker.isCancel(err)){console.error(err);}}}});return function handleFileButtonClick(){return _ref2.apply(this,arguments);};}();var handleSendMessage=function handleSendMessage(){if(!loadingFile&&(value==null?void 0:value.trim())!==''){if(onSubmit){onSubmit(value,fileInputRef.current);setProgress(0);animateProgress(0);setLoadingFile(false);setLocalFile(null);}}else{_reactNative.Alert.alert('Message Incomplete','Please wait for the file to finish loading or ensure the message is not empty.');}};var rightButtons=[];if(fetchData){rightButtons.push(_react.default.createElement(_button.Button,{width:48,typeStyle:"white",onPress:handleFileButtonClick,iconLeft:_react.default.createElement(_Clipboard.ClipboardIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:11}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:163,columnNumber:7}}));}var handleFileSelect=function handleFileSelect(event){var file=event.target.files[0];if(file){startLoading(file);setFile(file);setLocalFile(file);uploadFile(file);}event.target.value=null;};var handleDeleteFile=function handleDeleteFile(){setFile(null);setLocalFile(null);setProgress(0);animateProgress(0);setLoadingFile(false);if(fileInputRef.current){fileInputRef.current.value=null;}};var uploadFile=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(file){if(!fetchData||!fetchData.url||!fetchData.method){_reactNative.Alert.alert('Fetch data is not properly defined.');return;}var formData=new FormData();formData.append(fetchData.file||'file',file);try{var response=yield fetch(fetchData.url,{method:fetchData.method,body:formData});var result=yield response.json();setFile(result);completeProgress();}catch(error){console.error('Error uploading file:',error);}});return function uploadFile(_x){return _ref3.apply(this,arguments);};}();return _react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:5}},file&&loadingFile?_react.default.createElement(_FileStatusDisplay.default,{file:file,progressAnim:progressAnim,handleDeleteFile:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:224,columnNumber:9}}):file&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:231,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:232,columnNumber:13}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:233,columnNumber:15}}),_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:234,columnNumber:15}},file.name)),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:13}},_react.default.createElement(_CheckCircleIcon.CheckCircleIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:15}}),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:15}},_react.default.createElement(_DeleteIcon.DeleteIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:17}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.inputContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:249,columnNumber:7}},_reactNative.Platform.OS==='web'?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:11}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:252,columnNumber:13}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:261,columnNumber:13}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:11}}))));};var _default=exports.default=FileSearchInput;

package/dist-web/components/cards/Cards.js

@@ -215,7 +215,9 @@ var Cards = function Cards(_ref) {
     })
   })), /*#__PURE__*/React.createElement(ScrollView, {
     ref: scrollViewRef,
-    style: styles.containerFlex,
+    style: [styles.containerFlex, {
+      paddingHorizontal: dataList.length > 0 ? 16 : 0
+    }],
     onScroll: onScroll,
     scrollEventThrottle: SCROLL_EVENT_THROTTLE,
     onContentSizeChange: function onContentSizeChange(_contentWidth, contentHeightChange) {

package/dist-web/components/cards/Cards.style.d.ts

@@ -10,7 +10,6 @@ export declare const styles: {
     containerFlex: {
         maxWidth: number;
         marginTop: number;
-        paddingHorizontal: number;
         width: "100%";
     };
     titleContainer: {

package/dist-web/components/cards/Cards.style.js

@@ -12,7 +12,6 @@ export var styles = StyleSheet.create({
   containerFlex: {
     maxWidth: 428,
     marginTop: 12,
-    paddingHorizontal: 15,
     width: '100%'
   },
   titleContainer: {

package/dist-web/components/datepicker/DatePicker.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* Imports */
 import React, { useEffect, useRef, useState } from 'react';
-import { Modal, Text, TextInput, View, TouchableOpacity, FlatList, Platform, Dimensions, Pressable, ScrollView } from "react-native-web";
+import { Modal, Text, TextInput, View, TouchableOpacity, FlatList, Platform, Dimensions, Pressable, ScrollView, TouchableWithoutFeedback } from "react-native-web";
 import { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, CalendarIcon } from "../../assets/images/icons";
 import { NEUTRAL_300, NEUTRAL_400, NEUTRAL_50, NEUTRAL_600, PRIMARY_100 } from "../../styles/colors";
 import { AppPlatform } from "../../helpers/utilsTypes";
@@ -191,7 +191,10 @@ var DatePicker = function DatePicker(_ref) {
         setDisabledYearSelection(false);
       }
     }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.monthText
+      style: {
+        fontSize: 16,
+        color: PRIMARY_100
+      }
     }, item));
   };
 
@@ -337,6 +340,7 @@ var DatePicker = function DatePicker(_ref) {
 
   // Toggle date picker display
   var showPicker = function showPicker() {
+    if (!isPickerShow) setIsPickerShow(true);
     if (!disabled) {
       calculateCalendarDirection();
       // Close month and year selection if they are open
@@ -347,9 +351,6 @@ var DatePicker = function DatePicker(_ref) {
       if (disabledMonthSelection) setDisabledMonthSelection(false);
       if (disabledYearSelection) setDisabledYearSelection(false);
 
-      // Set picker visibility
-      setIsPickerShow(!isPickerShow);
-
       // If date is selected, set current month and year to selected date
       if (!isPickerShow && selectedDate instanceof Date) {
         setCurrentMonth(selectedDate.getMonth());
@@ -542,12 +543,19 @@ var DatePicker = function DatePicker(_ref) {
     animationType: "fade",
     transparent: true,
     visible: isPickerShow,
-    onRequestClose: showPicker,
-    ref: calendarRef
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.modalContainer,
-    activeOpacity: 1,
-    onPress: showPicker
+    onRequestClose: function onRequestClose() {
+      return setIsPickerShow(false);
+    }
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: function onPress() {
+      return setIsPickerShow(false);
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalContainer
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: function onPress(e) {
+      return e.stopPropagation();
+    }
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.modalContent, {
       width: MODAL_CONTENT_WIDTH
@@ -566,41 +574,45 @@ var DatePicker = function DatePicker(_ref) {
     disabled: disabledMonthSelection,
     onPress: showMonthSelection
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.iconContainer, {
+      alignItems: "flex-start",
+      padding: 16,
+      paddingLeft: 4
+    }],
     onPress: goToPreviousMonth
   }, /*#__PURE__*/React.createElement(ArrowLeftIcon, {
-    style: {
-      width: 10,
-      padding: 5
-    }
+    style: styles.iconStyle
   })), /*#__PURE__*/React.createElement(View, {
-    style: styles.monthAndYearContent
+    style: [styles.monthAndYearContent]
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.monthText
   }, monthsShort[currentMonth]), /*#__PURE__*/React.createElement(ArrowDownIcon, {
     style: {
       width: 8,
       transform: [{
-        rotate: isYearSelection ? '180deg' : '0deg'
+        rotate: isMonthSelection ? '180deg' : '0deg'
       }]
     }
   })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.iconContainer, {
+      alignItems: "flex-start",
+      padding: 16
+    }],
     onPress: goToNextMonth
   }, /*#__PURE__*/React.createElement(ArrowRightIcon, {
-    style: {
-      width: 10,
-      padding: 5
-    }
+    style: styles.iconStyle
   }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: [styles.monthAndYearContainer, disabledYearSelection && styles.disabledButtonStyle],
     disabled: disabledYearSelection,
     onPress: showYearSelection
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.iconContainer, {
+      alignItems: "flex-start",
+      padding: 16
+    }],
     onPress: goToPreviousYear
   }, /*#__PURE__*/React.createElement(ArrowLeftIcon, {
-    style: {
-      width: 10,
-      padding: 5
-    }
+    style: styles.iconStyle
   })), /*#__PURE__*/React.createElement(View, {
     style: styles.monthAndYearContent
   }, /*#__PURE__*/React.createElement(Text, {
@@ -613,12 +625,14 @@ var DatePicker = function DatePicker(_ref) {
       }]
     }
   })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.iconContainer, {
+      alignItems: "flex-start",
+      padding: 16,
+      paddingRight: 4
+    }],
     onPress: goToNextYear
   }, /*#__PURE__*/React.createElement(ArrowRightIcon, {
-    style: {
-      width: 10,
-      padding: 5
-    }
+    style: styles.iconStyle
   })))), isYearSelection ? renderYearSelection() : isMonthSelection ? renderMonthSelection() : renderCalendar(), /*#__PURE__*/React.createElement(View, {
     style: styles.optionsContainer
   }, /*#__PURE__*/React.createElement(Button, {
@@ -631,6 +645,6 @@ var DatePicker = function DatePicker(_ref) {
     text: translations[language].accept,
     onPress: onAccept,
     paddingVertical: 10
-  }))))));
+  }))))))));
 };
 export default DatePicker;

package/dist-web/components/datepicker/DatePicker.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const CALENDAR_HEIGHT = 260;
+export declare const CALENDAR_HEIGHT = 320;
 export declare const styles: {
     container: {
         flex: number;
@@ -45,13 +45,19 @@ export declare const styles: {
     monthAndYearContainer: {
         flexDirection: "row";
         alignItems: "center";
-        gap: number;
+    };
+    iconContainer: {
+        justifyContent: "center";
+    };
+    iconStyle: {
+        width: number;
+        height: number;
     };
     monthAndYearContent: {
         flexDirection: "row";
-        marginHorizontal: number;
         alignItems: "center";
         gap: number;
+        justifyContent: "center";
     };
     inputWrapperFocused: {
         backgroundColor: string;
@@ -84,6 +90,7 @@ export declare const styles: {
     };
     monthText: {
         fontSize: number;
+        width: number;
         color: string;
     };
     arrow: {
@@ -119,8 +126,6 @@ export declare const styles: {
         marginVertical: number;
         borderRadius: number;
         textAlign: "center";
-        width: number;
-        height: number;
     };
     dayItemTextHover: {
         backgroundColor: string;
@@ -147,9 +152,12 @@ export declare const styles: {
         textAlign: "center";
     };
     currentDayBorder: {
+        borderRadius: number;
         borderWidth: number;
         borderColor: string;
-        borderRadius: number;
+        padding: number;
+        height: number;
+        width: number;
         justifyContent: "center";
         alignItems: "center";
     };
@@ -161,11 +169,13 @@ export declare const styles: {
     item: {
         justifyContent: "center";
         padding: number;
+        width: "100%";
         margin: number;
     };
     yearText: {
         fontSize: number;
         width: number;
+        color: string;
     };
     selectedItem: {
         backgroundColor: string;

package/dist-web/components/datepicker/DatePicker.styles.js

@@ -4,7 +4,7 @@ import { AppPlatform } from "../../helpers/utilsTypes";
 import { MODAL_CONTENT_WIDTH } from "./DatePicker.utils";
 
 // Height of the calendar
-export var CALENDAR_HEIGHT = 260;
+export var CALENDAR_HEIGHT = 320;
 
 // StyleSheet for DatePicker
 export var styles = StyleSheet.create({
@@ -52,14 +52,20 @@ export var styles = StyleSheet.create({
   },
   monthAndYearContainer: {
     flexDirection: 'row',
-    alignItems: 'center',
-    gap: 8
+    alignItems: 'center'
+  },
+  iconContainer: {
+    justifyContent: "center"
+  },
+  iconStyle: {
+    width: 16,
+    height: 16
   },
   monthAndYearContent: {
     flexDirection: 'row',
-    marginHorizontal: 12,
     alignItems: 'center',
-    gap: 8
+    gap: 4,
+    justifyContent: "center"
   },
   inputWrapperFocused: {
     backgroundColor: QUATERNARY_50
@@ -87,11 +93,12 @@ export var styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
     paddingHorizontal: 20,
-    paddingTop: 15,
-    paddingBottom: 10
+    paddingTop: 16,
+    paddingBottom: 12
   },
   monthText: {
     fontSize: 16,
+    width: 36,
     color: PRIMARY_100
   },
   arrow: {
@@ -123,12 +130,10 @@ export var styles = StyleSheet.create({
     marginVertical: 2
   },
   dayItemText: {
-    padding: 8,
+    padding: 12,
     marginVertical: 2,
     borderRadius: 100,
-    textAlign: 'center',
-    width: 34,
-    height: 34
+    textAlign: 'center'
   },
   dayItemTextHover: {
     backgroundColor: NEUTRAL_200
@@ -142,8 +147,8 @@ export var styles = StyleSheet.create({
     backgroundColor: PRIMARY_100,
     borderRadius: 100,
     padding: 8,
-    height: 34,
-    width: 34,
+    height: 36,
+    width: 36,
     justifyContent: 'center',
     alignItems: 'center'
   },
@@ -155,25 +160,30 @@ export var styles = StyleSheet.create({
     textAlign: 'center'
   },
   currentDayBorder: {
+    borderRadius: 100,
     borderWidth: 1,
     borderColor: PRIMARY_100,
-    borderRadius: 100,
+    padding: 8,
+    height: 36,
+    width: 36,
     justifyContent: 'center',
     alignItems: 'center'
   },
   list: {
     height: CALENDAR_HEIGHT,
     paddingHorizontal: 10,
-    paddingVertical: 5
+    paddingVertical: 8
   },
   item: {
     justifyContent: 'center',
     padding: 10,
+    width: "100%",
     margin: 2
   },
   yearText: {
     fontSize: 16,
-    width: 40
+    width: 44,
+    color: PRIMARY_100
   },
   selectedItem: {
     backgroundColor: TERTIARY_70,

package/dist-web/components/inputBase/file-search-input/FileSearchInput.js

@@ -307,7 +307,8 @@ var FileSearchInput = function FileSearchInput(_ref) {
     onChangeText: onChangeText,
     onSubmit: handleSendMessage,
     rightButtons: rightButtons,
-    isLoading: loadingFile
+    isLoading: loadingFile,
+    placeholder: placeholder
   })), /*#__PURE__*/React.createElement("input", {
     type: "file",
     ref: fileInputRef,
@@ -320,7 +321,8 @@ var FileSearchInput = function FileSearchInput(_ref) {
     onChangeText: onChangeText,
     onSubmit: handleSendMessage,
     rightButtons: rightButtons,
-    isLoading: loadingFile
+    isLoading: loadingFile,
+    placeholder: placeholder
   }))));
 };
 export default FileSearchInput;

package/package.json

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